手机扫描二维码
手机扫描二维码
去知乎搜索，很多答案
http://home.blueidea****/apps.php?do=pages
蓝色理想的品网，可以根据色彩、类别来查看网站。
http://****cssbeauty****
http://cssmania****/galleries/
http://bestwebgallery****/
上面三个是国外的网站收集，收集的网站都非常有创意。
初级前端
主要学习三个部分：HTML，CSS，JavaScript
一、html + css部分：这部分特别简单，到网上搜资料，书籍视频非常多。css中盒子模型，流动，block，inline，层叠，样式优先级等这些自学起来也是非常容易。最后再深入了解下浏览器差异性，ie9以下兼容简单了解就行了，ie9以下浏览器被淘汰掉是趋势，低版本没必要浪费大量时间去学习兼容主流浏览器，google chrome浏览器、firefox浏览器、safari浏览器、opera浏览器即可。浏览器差异内容很多，建议在实践中多多积累。
二、JavaScript部分。1.基础学习：难点，也是重点，要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，有很多比较抽象的概念，必须要深入理解，比如闭包、原型、面向对象、封装等，要理解透彻。看书是必不可少的，找一本优秀的js书从头到尾，反复研究学习，第一遍可以快速翻阅，大体知道了解概念即可，第二三遍就需要深入学习了。另外，js面向对象编程必须要学习，非常重要，个人推荐一本书， Stoyan Stefanov著，凌杰译的《javascript面向对象指南》。边学边练，实践出真知。
针对那些有条件的人来说，很多小伙伴更喜欢的是自学。但是一个人自学毕竟力量是有限的，为了让想学习的人可以更好的学习，给大家推荐一个裙，前面是6 1 1，中间是肆 二 8，最后面就是壹 四 二，这里有很多想学习的人和你一起交流，也有大牛每天晚上免费教学，想要学习的人都可以加入我们，但是我们只欢迎想学习的人，不是来学习，随便看看的就不要进了。
2.jQuery学习：这些基础知识掌握好之后，还需要学jQuery，这是一个非常优秀的Javascript库，大型开发必备。它简化了Javascript的复杂操作，消除了Javascript跨平台兼容问题，提供了大量实用方法，有良好的文档和帮助手册，是一个非常成熟的Javascript库。慕课网学习视频幕课网。学习方法也很简单，照着产品文档做几个页面就行了，不用面面俱到，以后遇到问题查文档就行了。
大概流程就是这样，如下图所示：3.进阶学习：有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：易维护，可测试，高性能，低流量（移动端）。
中高级前端
1.工具学习习：大型项目中，前端代码构建已经不是简单的压缩一下了，依赖管理、模块合并、各种编译步步不可缺少，需要学会使用grunt、gulp等前端构建工具，要学习的还有：包管理器bower、npm，代码优化CSS Lint、JSHint、JSLint，CSS预处理器less、sass,代码管理及版本控制svn、Git，web框架/服务器Node、Express，代码规范、HTML模块化、css模块化。
2.布局框架学习如Bootstrap。
3.新技术html5学习。
4.js框架学习，requireJS、 AngularJS等，往前端架构师靠近。
5.nodejs学习。
到招聘网站，参考任聘要求，准没错，举例如下：
1.精通html和css，能制作符合W3C标准的静态页面；2.精通JavaScript编程，对面向对象编程思想有深刻理解；3.精通主流Javascript库/框架jQuery；4.理解并掌握JavaScript语言核心技术DOM、BOM有Javascript性能优化经验；5.对浏览器兼容性有深入的研究，精通各种浏览器问题 ；6.了解Backbone.js、AngularJs等MVC框架并有实际项目开发经验；7.了解http://asp****等服务器后台技术和拥有一定的C#编程能力者优先；8.对交互体验、可用性、用户体验有一定程度的理解；9.有良好的责任心和团队合作能力、能承受较大的压力；
自己动手搜索下吧，确定目标和方向，以上是个人路线，仅供参考。
有人说：学网页制作先从PS制作效果图学起，有人说从DW学起，众说风云！而我认为学习网页制作一定要从html标签和CSS学起，因为网页制作的核心就是html标签加上CSS，像dreamweaver只是一个开发工具，不建议一开始就先学习怎么去使用。只要你把核心学会了，利用记事本照样也能写网页。想必大家都知道哪个更加重要了！
(一)html标签部分
我们都知道html标签大大小小有几十个标签，而在我们实际开发中过程中，却只用到有十多个标签。所以我建议先学习常用的一些标签，然后在逐渐深入学习其它标签。
比如：p标签--->表示一个段落
h标签--->标题标签
网页中一般只用：h1、h2、h3这个三个标签。并且h1标签在一个网页中有且只有一个，一般用于网页的标题。
div标签--->可以理解为盒子容器
a标签--->链接标签
比如要跳转到百度百度
img标签--->在网页中引用图片
比如我要链接一张图片：
注：假设有一张1.jpg的图片，若该网页和图片在同一级目录，那么地址为：src="1.jpg"。
如果在某个文件夹下，就在前面加该文件名称，有多少层级加多少。依次类推。比如图片在images文件夹下，那么地址就为：src="images/1.jpg"。
br标签--->换行
span标签--->行内标签
strong标签--->加粗效果，强调定义的文本内容很重要。
table--->表格标签
定义一个表格里面有tr标签（行）td标签（列）th标签（一般用于表格的标题）
ul--->无序列表
ol--->有序列表
(二)CSS部分
CSS（层叠样式表）可以理解**穿的衣服。只要更换CSS，就相当于给网页换了一套漂亮衣服。在CSS部分，我觉得有以下几个知识点需要注意：
(1)CSS语法
(2)CSS的几种引用方式
1.行内样式
比如：
2.内嵌样式
比如：
p{width:120px;height:30px;border:1px solid red;}
3.外部引用样式
@import url("样式列表地址");> 这种基本很少用
(3)CSS选择器
1.标签选择器
html标签：比如：P标签 div标签 span标签....
p{color:red;}
2.Class选择器
以"."开头的为Class选择器 .p{color:red;}
3.ID选择器
以"#"开头的为ID选择器，一般来说，一个ID选择器在一个页面中具有唯一性，有且只存在一次。
#p{color:red;}
(4)理解：浮动和清除浮动以及定位
其实我觉得在CSS中只有两点需要重点去理解：一是：浮动和清除浮动。二是：定位。只要你深刻明白这点两点了，我相信CSS部分应该没有多大难题。
为什么这么说呢？因为接触很多新手朋友们，大多数都不理解为什么用了浮动后又要"清除浮动"，以及这清除浮动的含义是什么。
其实用清除浮动主要是为了防止网页产生一些异常的小BUG，比如：网页错位。相信很多人新手朋友都遇到过这样的问题：“为什么我的网页会错位啊，没有按正常情况下布局摆放”。
其实这类情况，大多数都是为清除浮动产生的，由此可见“清除浮动的重要性”。
在定位方面：一定要理解三种定位的含义：相对定位（position:relative）绝对定位（position:absolute）还有position:fixed相对于浏览器定位。
其中我觉得最需要理解的是绝对定位，因为绝对定位是相对于某个元素来定位的。比如说：
我是绝对定位哦！
思路：如果给一个元素绝对定位，那么它就会向外层一直寻找相对定位。如果找到有个地方用了相对定位，则相对于它定位。如果都没有找到。则相对于浏览器来定位。由此可见P元素是相对于浏览器来定位的，因为他的父级DIV没有相对定位。
（三）布局
其实布局，就是把一个个DIV模块组合起来，利用CSS来布局。这里我写一个最常见的布局框架 点击预览
（四）关于JS特效（javascript/jquery）
关于javascript和jquery的学习，我觉得前期新手没必要去深入学习，只需要会使用这些特效就行。如果以后走web前端这块发展的话，我建议去了解学习javascript，重点去学习jquery。因为jquery是基于javascript开发出来的一个类库,比较容易上手，有良好的文档和帮助手册。可以用更少的代码，完成更多的功能。
如果你是真心想学习网页制作、以后想朝着这个方向发展，那么你一定要来这个企鹅裙，前面前面是二九六，中间是五九一，最后面就是二九零，连起来就是完整的噢，来这里可以这里学习经验，得到专人解答，这样你可以成长的更快，期待你的加入！！！
写在最后：我不敢说我的学习方法适合你，因为每个人的学习方法都会不同，但至少你已经走在了一个正确的起跑线上。我觉得要想快速学会网页制作有两点诀窍:第一、有一个适合自己的学习方法。第二、多善于思考，多去写多去练。只有在不断去写的过程中，才会发现自己存在着哪些的缺点。
网站架构,一般认为是根据客户需求分析的结果，准确定位网站目标群体，设定网站整体架构，规划、设计网站栏目及其内容，制定网站开发流程及顺序，以最大限度地进行高效资源分配与管理的设计。其内容有程序架构，呈现架构，和信息架构三种表现。而步骤主要分为硬架构和软架构两步程序。网络架构是现代网络学习和发展的一个必须的基础技术。
这个问题好高深，你如果只是喜欢做网页，那建议不要把它当成职业，如果它是你的职业，那你只有不断学习最新的网页制作趋势，比如现在的web2.0，走在潮流的最前面你就能赢得价值
当然asp，java都要学习，我个人推荐你学习编写手机上的网页wap的，毕竟手机上网也是趋势
你自己用记事本打几个字然后用ie打开就是了
你想看的应该是最早的浏览器外观吧？
win32忘记有没有了，好象没有
看看win95的浏览器吧。其实也差不多
89％的优秀读者还看下：
暂无相关信息