留言板网页设计
1、到这时候已经不再需要调试了，可以删除表格边框的代码了(留言板网页设计)。
2、从PSD中提取出来的切图(插件：cutterman)
3、“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
4、Visited是超链接被点击以后的状态。比如新浪网新闻非常多，所以点击完一个新闻后用户可能不知道自己看过没看过这条新闻了。所以新浪网使用了Visited属性，点击后的新闻颜色就不一样了，方便用户区别自己哪些新闻还没有浏览。
5、我们现在都知道了网站上面的文字是通过前端工程师重新写在代码里的。那这种文字在浏览器上的渲染与系统和浏览器有关。比如在苹果电脑上看到的文字效果和Windows系统电脑上看到的文字效果就有所不同：苹果会对文字进行渲染，而windows的文字几乎充满了像素颗粒。按照用户占比来说无疑Windows的用户是主流，所以尽管我们可能使用苹果电脑设计网页，但是设计出来的网页效果也应该和Windows显示一致。否则我们设计完漂亮的设计稿，程序员无法还原成我们设计的样子。另外，字号的大小也非常重要。网页的显示区域决定了文字不可以过大，在网站设计中我们的文字大小一般来说是12-20像素。为什么不能比12px更小？因为如果比12像素更小的中文无法放得下复杂的笔画了。而且奇数的文字表现和适配都不好做，也就是说我们必须使用偶数的字号来设计。那么总结一下：文字使用宋体、大小为12px、渲染方式选择无。稍大一些的字体使用微软雅黑、大小为14-20px、渲染方式选择WindowsLcd或锐利。另外，英文和数字需使用Arial字体，渲染方式选择无。
6、前端工程师代码编译(工具：Notepad+)
7、这里是建筑师们的论坛，酒店、住宅、家装、工装、景观建筑等等，应有尽有。
8、Behance里面的神级插画师也超级多，戳戳也很喜欢这里的脑洞，不过同样是国外网站，打开速度都不快。
9、http://www.tokyo-date.net
10、视觉稿设计阶段(工具：Photoshop)
11、有扩展性和升级性、可维护性 网站要充分考虑到今后的扩展性，比如子栏目下的内容要从网站的后台可以直接添加、修改；若网站增加新功能，也在保证在原有框架中直接接口，而不需要对网站结构进行大的调整。网站大部分内容可实现从后台添加更改，普通电脑操作人员，经过短训即可学会自主修改、添加网站内容。
12、.ds-post-main {position:relative; width:500px;}
13、免费英文字体库下载站是一个提供免费的英文字体下载的站点，虽然没有中文字体，但是有许多漂亮和新颖的英文字体，而且绝大部分是免费的，是设计师较好用的字库网站。
14、网页作品技术：使用DIV+CSS制作网页,背景图、音乐、视频、flash、鼠标经过及选中导航变色效果、下划线、等。表单提交、评论留言，并使用JavaScript制作了表单判断(提交时表单不能为空)。
15、要制作网页就需要架设服务器来调试你做出来的网页，有iis等很多种，可以在网上搜索得到。
16、洛可可服务领域已帮助客户成功开发多款产品，荣获多项设计发明，赢得了诺基亚、西门子、三星、壳牌、松下、联想、美的等国际品牌的青睐。
17、网址：http://land-book.com/
18、为了方便调试，借助css外表样式表给table加上边框，但是现在还没有css文件，那么就在css文件夹中新建一个style.css文件先
19、Archinect可以算是美国最大的建筑交流论坛，这里有全球设计师聚集一起，敞开心扉、开放思想，交流设计。
20、所谓“数据库”是以一定方式储存在一起、能与多个用户共享、具有尽可能小的冗余度、与应用程序彼此独立的数据集合。
21、IV+CSS是WEB设计标准，它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同，它可以实现网页页面内容与表现相分离。提起DIV+CSS组合，还要从XHTML说起。
22、iFixit是美国著名的拆解网站，以拆解时尚IT产品和提供苹果维修手册而闻名。之所以向大家推荐这个网站，是因为工业设计师不仅需要了解产品的外在美感，内部结构的了解是进阶行业资深的有利途径！
23、http://www.klandk.com/
24、建筑界权威媒体，Dezeen增被时代周刊评选为生活中不能缺少的50个大网站，每月平均有300万阅读者。Dezeen的好处是它介绍的项目有些有平面图等的图纸，对于空间规划上能够更全面的理解。Dezeen另一个附加功能是他有全球的设计类工作信息提供，包括许多知名的设计师工作室或大型建筑、设计公司的招聘信息。
25、用千图网，你不用再担心版权问题，因为有大量原创可商用素材供你选择，免除创作的后顾之忧~
26、YankoDesign创办于2002年，是北美、澳洲、日本、印度最具人气的工业设计发布站点，是工业设计师寻找灵感的常备网站之一。
27、https://www.cool-de.com/portal.php
28、简单有趣的排版设计网站，可以通过工具设计属于自己的字体，并有素材下载。
29、前端工程师会用代码重构我们设计的页面，把图纸变为静态页面。然后和后端工程师对接调取数据接口，一个网站就活了起来。工程师们为了方便了解网站是不是达到了我们要求的数据，也会进行埋点。埋点就是在页面代码里插入一些统计代码，方便我们之后确定哪些页面访问量高，哪些没有达到预期。在此后其实还会有测试工程师介入来发现编译完的网站是否存在一些漏洞等，这里省略。
30、http://www.eccoid.com/
31、信息流广告。信息流广告是埋在信息流中的一种广告形式。这种形式利用了格式塔原理，用户会不自觉地阅读起广告的内容，原因是因为它的形式和其他信息一样。比如朋友圈、知乎、Facebook都采用了信息流广告，信息流广告的效果非常强，但是会牺牲一定的用户体验。信息流广告的尺寸与信息流相同。
32、网站的分类按对象来划分可以分为ToC端和ToB端两种。ToC端就是面向用户和消费者，例如门户网站、企业网站、产品网站、电商网站、游戏网站、专题页面、视频网站、移动端H5等，均是面向用户和消费者的产品。由于是面向用户和消费者，所以设计上一定要可以吸引人，并且以用户为中心考虑体验设计。而ToB端作为一个需求量很大的类别，其实往往被设计师所忽视。什么是ToB端项目呢？比如电商网站供货商的后台、Dashboard、企业级OA、网站统计后台等这些面向商家和专业人士的网站就是ToB类网站项目了。这些项目的要求和ToC端网站的要求大相径庭：ToB类项目最重要的是效率而不是体验，因为说白了我们在设计使用者工作的工具，我们在设计时必须首先要保证操作者可以高效地完成他们所需要完成的工作。那么让我们来了解一下网站的不同门类吧。
33、https://www.awwwards.com/
34、网址：http://www.archcollege.com/
35、www.ifworlddesignguide.com
36、网址：https://www.zcool.com.cn/
37、学会网页设计可以做很多、学会网页设计不仅仅可做网页设计的工作也可以做UI设计，淘宝美工等工作，一些简单的平面设计也可以由网页工作者来做几乎是全能的呢亲！随着互联网的发展和电子商务的热门，网页设计也成为目前比较热门的行业之越来越多的人想要学习并
38、https://www.japandesign.ne.jp/
39、按钮的风格在过去的十几年发生了很大的变化，由一开始的“斜面与浮雕”风格过渡到后面的“拟物风格”，现在更流行的是扁平风格。如果按钮在一张图片中，为了不影响图片的美观性，会去掉填充只保留边框，这种设计方式叫做幽灵按钮。注意在设计按钮时记得同时设计好按钮的鼠标悬停、按下状态。
40、网站设计是整个网站开发的灵魂所在，因为网站整体风格的把控都是在网站设计上表现的，也是用户体验度、吸引浏览者的关键点，网页是网站的基本组成部分，网页设计在遵循艺术设计的基本规律和原则的同时，也有它自身的设计特征，主要包括——主题信息传达明确、网站内容与视觉形式的和谐统鲜明的整体设计风格等等。
41、http://www.itsnicethat.com
42、一个有关建筑师生活及建筑美学的博客，虽然更新慢(约1更/周)，但内容可读性高。
43、Reeoo收集最新的时尚潮流的网页设计，为您提供设计灵感，为你设计提供参考类似的成功，在reeoo网站可以通过不同的颜色来欣赏不同颜色风格的网站设计，当然也可以通过关键词来查找相关的网站设计案例。
44、美国青蛙设计公司，FrogDesign是来自美国的一家专业创意设计公司，该公司被誉为硅谷的欧洲品味，并把这种美丽和优雅带入IT制造领域。
45、https://www.jaspermorrison.com/index.php
46、Teague可是波音的御用设计团队，看他们官网的设计案例，会让人不由自主得热血澎湃，简直不能再酷炫了。
47、rchDaily是可以说是目前建筑界访问量最高的网站了，也是建筑师必看网站，据统计每月约有超过6000000的访问量，它对建筑项目有非常细致的分类。部分的项目它还会提供平面图等的图纸。此外，它还有介绍建材以及进行中的竞赛分页部分，对于建筑师或设计师来说都是一个很有帮助的网站。Archdaily现在已经有中文版了，但因为刚开始没多久，项目类型与资源上还没有英文版这么丰富。
48、Designit是一家北欧的设计公司，成立于1991年，由不同背景的设计师共同协作，一起创作出造型简单、功能俱全，并且一眼就能打动人心的好作品。
49、https://www.speckdesign.com/
50、https://vaufonts.com/
51、SmartDesign成立于1980年，同时进行实体和网络领域都进行产品、服务和体验的设计。他们的客户遍布全球，在纽约和伦敦都设有办公室。
52、通常我们看到的网页，都是以htm或html后缀结尾的文件，俗称HTML文件。不同的后缀，分别代表不同类型的网页文件，例如以CGI、ASP、PHP、JSP甚至其他更多。
53、网址：www.ArtStation.com
54、门户网站国内比较知名的有新浪、腾讯、网易、搜狐；国外比较知名的如Naver、Llinternaute等。我们可以看得出，门户网站都是大而全包罗生活万象的。比如腾讯网就有新闻、财经、视频、体育、娱乐、时尚、汽车、房产、科技、游戏等不同频道。门户网站的门槛很高，必须要有雄厚的实力才可以建立起一个门户网站，而门户网站需要的设计师数量也惊人。首先门户网站需要产品方向的界面设计师以迭代的方式维护迭代网站首页、二级页面、底层页等网站基石。然后需要各个频道的设计师来处理日常需求：比如巴黎时装周需要负责时尚频道的设计师来设计对应的专题、世界杯小组出线需要负责体育频道的设计师来设计对应的专题等。地球上的每一天都有大事发生，那么门户网站中的设计工作就不会少。另外，具体对接频道的设计师也需要有一定擅长之处：比如对接体育频道的设计师起码应该熟悉足球篮球等体育项目、时尚频道的设计师要懂得各个大牌的设计风格、佛学频道的设计师需要懂得基本的佛学知识和忌讳、文化频道的设计师需要对传统文化有所涉猎。所以基本上门户网站的设计师可以分为产品组和频道组两种。
55、日本网页设计画廊,收集各类创意网站,左侧折叠式菜单栏,分类精确，十分好用,推荐推荐！
56、视差滚动是一种运动速率不一样的设计效果，用以实现空间感。比如密尔沃基警察局官网就大量运用了视差滚动效果。其实现原理是，代码判定网页滚动，滚动时页面中三层图片运动速率和位移距离不同。这样给人造成的视觉体验仿佛是我们在物理现实中看到的空间感一样。视差滚动已经不是什么高新技术，如果你的网站比较适合视差滚动，请大胆设计并和前端工程师提需求，相信前端工程师可以满足你的要求。我们需要准备的就是运动速率不同的分层静态PSD文件。
57、了解了网站的不同类别后，让我们来看看组成一个网站需要哪些部分吧。网站是由不同网页通过超链接连接而成的，而不同网页也是由不同模块组成的。我们设计的是一个像蜘蛛网一样的网络，而不是一张海报。所以我们在设计网站时要格外考虑从用户角度出发看到的网站，而不能孤立地把它想象成一个平面作品。
58、创作理念：为庆祝中国共产d建立100周年，我们小组以建d100周年为主题设计了该网页；网页中包含了新闻视频，报道，历史时间轴，青年大学习，文章分享，以及我们大学生所该理解的中国梦...等多个内容主题；设计这个网页不仅是庆祝中国共产d建立100周年，也希望，不只是我们大学生包括各个年龄段的大家学习d史，热爱我们的祖国。
59、无论您面对的项目是ToC的还是ToB的网站产品，我们都应该首先确立设计风格>寻找设计素材>建立情绪板>完成视觉稿>切图标注>建立视觉规范>进行项目走查。
60、基本上全部是一些设计师与艺术家的专访，能更加深入的了解到她们在创作历程中，经历的一些思维转变过程。
61、http://www.designaffairs.com/
