零基础的人如何在一个月内做出令人惊讶的网站?
我是一个刚刚开始学习HTML及CSS的小白,老师给我的第一个任务就是在自学的基础上做出一个尽可能的优秀的网站。
我刚读完《head first: html and css》,但感觉远远不能达到自己心目中的要求。我希望以Apple的主站为效仿对象,做一个关于kindle的网站,各位大大帮帮忙
回复内容:
http://repair.ruchope.org整个建站过程不超过三天,使用Wordpress建站系统,使用Apple IOS7风格的主题
使用的工具有
Wordpress建站系统
http://cn.wordpress.org
Satellite7模板
http://pan.baidu.com/s/1sj4Oxlj
我的站点是在一台Linux服务器上,不过初学者推荐使用WAMP,也方便在自己的电脑上给你老师做展示
WAMP网站服务器软件
http://wampserver.com
如何使用WAMP搭建Wordpress站点
http://jingyan.baidu.com/search?word=wamp+wordpress
========================
Satellite7模板是付费模版,做作业可以,切勿商业使用
想学习Web开发的可以关注我,查看我的其他回答
========================
最后劝题主心不要太大
罗马不是一日建成的
不要总想着第一次就要惊世骇俗,一鸣惊人
踏踏实实学习,一步一步来
我的第一个网页就是用html和css纯手写的,很简单,没有js
然后看书不推荐head first系列,太多哗众取宠的内容和词语,只是读起来轻松,此外多读无益
一边学习一边实践
祝题主早日成才
========================
最后抱怨一下
知乎上怎么越来越多讽刺挖苦装逼秀优越的回答
人与人之间最基本的信任友爱互帮互助哪里去了 请人帮你做,你自己经营内容就好了 找个好设计。 还有一个月,做出一个网站是可以的。不过从可行性的角度来说,如果采用以下的方式会更好一点。
1.网站尽量不要做得页面太多,太复杂,里面的页面几个就好,时间不用花的特别多在内容的扩展上而更多的放在有限界面的美观上。
2.想办法网上下载以下别人的网站,在此基础上修改是个不错的偷懒办法。修改的时候搭上自己觉得美观的图片,能让网站让人耳目一新。
3.同一个页面上也不要有太复杂的逻辑,不要在样式的变化上花很多时间。
4.尝试学习一个几个比较炫酷的JS的调用。具体的你可以搜索一下哪些能调用的,然后在你的网站上根据你的想法去用,那就很棒了。 Apple的官网不难做啊
如果只求做出一样的效果,10分钟的事吧
唯一有一点技术含量的地方就是轮播,网上随便找个插件好了
head first: html and css当个入门读物还不错,想要精通还是要看权威指南 今天18号了,不知道题主目前的进度怎么样了。有两个实战教程我觉得对题主目前是有用的,能立刻看到效果。
基于我的理解,楼主的意思大概就是做几个简洁大气布局风格页面介绍kindle,不需要做什么后台管理系统。
So,我建议实战布局练手出发,楼主可以先仿照一个豆瓣网首页静态页面,(为什么选豆瓣首页,因为有教程!!——完完整整讲解布局附带视频同步敲代码!懵懂新手入门福音!)[PHP_豆瓣前端首页公益公开课实战开发课程【后盾网】]-百度传课,教程19节,对新手来说很详细很通俗易懂,照着老师讲解敲完这个,题主对仿照别人的首页布局页面绝对就会有点感觉了。然后你就可以试着自己先仿照苹果首页布局了。
楼上还有推荐用bootstrap前端框架做,题主有兴趣用框架的话,可以看看这个教程,是慕课网-国内最大的IT技能学习平台的教程视频,每节课短小精悍易于新手理解还带实战。
链接如下:
基于bootstrap的网页开发丨章节
同样的,一边看这个教程一边敲教程里的代码实战练习,即便原理不清楚,绝对是会用bootstrap框架搭建网页了,很方便。 尽心尽力地装扮自己的QQ空间 这个确实有些困难,你可以试着做一些简单的布局,我认为博客园的首页不错,你可以试试临摹一下

我是在平板上用竖屏模式截图的,可能有点别扭,网址是http://cnblogs.com
题外话:
博客园作为国内知名的IT交流平台但界面做得这么“古朴”曾经让我感到不解,作为程序员交流平台程序猿有的是为何没人站出来改良下界面?经过与大家交流,我总结出三条原因
1.程序猿的博客做得那么花哨干什么,这样反倒能凸显逼格
2.每个用户的博客用户可以自定义样式的,想做好看自己弄啊
3.毕竟这套程序很老了,有的大牛说越老的程序到后面想改动越麻烦,所以还不如这样
于是博客园在前端爆发技术的今天还是这样。。。 我觉得我还是有资格回答这个问题的!虽然过程无法想象!结果还算满意吧......
本人没有任何网站建设的基础;但是却在一个月内完成自己满意的网站!
从设计到建设-甚至手机端!















热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

在 Vue.js 中使用 Bootstrap 分为五个步骤:安装 Bootstrap。在 main.js 中导入 Bootstrap。直接在模板中使用 Bootstrap 组件。可选:自定义样式。可选:使用插件。

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

React通过JSX与HTML结合,提升用户体验。1)JSX嵌入HTML,使开发更直观。2)虚拟DOM机制优化性能,减少DOM操作。3)组件化管理UI,提高可维护性。4)状态管理和事件处理增强交互性。

创建 Bootstrap 分割线有两种方法:使用 标签,可创建水平分割线。使用 CSS border 属性,可创建自定义样式的分割线。

在 Bootstrap 中插入图片有以下几种方法:直接插入图片,使用 HTML 的 img 标签。使用 Bootstrap 图像组件,可以提供响应式图片和更多样式。设置图片大小,使用 img-fluid 类可以使图片自适应。设置边框,使用 img-bordered 类。设置圆角,使用 img-rounded 类。设置阴影,使用 shadow 类。调整图片大小和位置,使用 CSS 样式。使用背景图片,使用 background-image CSS 属性。

要设置 Bootstrap 框架,需要按照以下步骤:1. 通过 CDN 引用 Bootstrap 文件;2. 下载文件并将其托管在自己的服务器上;3. 在 HTML 中包含 Bootstrap 文件;4. 根据需要编译 Sass/Less;5. 导入定制文件(可选)。设置完成后,即可使用 Bootstrap 的网格系统、组件和样式创建响应式网站和应用程序。

要调整 Bootstrap 中元素大小,可以使用尺寸类,具体包括:调整宽度:.col-、.w-、.mw-调整高度:.h-、.min-h-、.max-h-
