本书围绕网站项目建设流程,分为网站策划构架、网页视觉设计、网站建设制作三大部分。“网站策划构架”和“网页视觉设计”部分导入国外前沿理论:从品牌形象设计、UI界面设计、信息设计到交互设计;“网站建设与网页制作”部分旨在引导网页设计初级、中级学习者了解并有效掌握HTML5和CSS3的核心技巧,采用基础知识加案例驱动的双轨模式,实例基本涵盖目前网络上所遇见的网站布局类型,以适应市场的需要和社会的需求。

网站需求分析过程就是开发人员与用户一起参与完成,网站的功能需求要做到以下几点:
(1) 开发人员与用户一起讨论,进行需求分析。
(2) 网页设计师、技术开发人员与用户一起讨论,初步确定网站功能与页面视觉风格。
(3) 全部开发人员与用户对网站功能反复讨论和修改,确定网站功能,明确网站定位。
(4) 如果项目较大的话,*好能有部门经理或更高一级的领导参与到网站功能的确定过程中来。
在需求分析的过程中,往往有很多用户不明确网站的需求,这个时候项目开发人员需要进行用户调查的工作,帮助用户确定网站需求。调查的形式可以是:需求调查表、 座谈及市场调研等。调查的主要内容如下:
(1) 网站的作用,现在或未来可能出现的功能需求。
(2) 用户对网站的性能需求(如访问速度),网站维护的需求和实际运行环境。
(3) 网站页面整体风格、美工效果及各种页面**。
(4) 页面数量,是否需要多种语言编写。
(5) 内容的编辑及后台录入任务的分配。
(6) 项目完成时间进度。
(7) 根据用户调查情况,总结用户需求,确定网站功能。
1.2 网站市场定位
根据���好的需求分析,结合市场需要,确定网站的市场定位。网站的价值是信息,显而易见,只有抓住人们对于信息需求的关键,才能找到网站根本的定位。网站是为人服务的,为人提供各种信息的,不同的网站为不同类别的人服务,如毕业生求职网是服务于广大应届毕业生的,126网易邮箱是服务于普通大众的。汇集有用信息,满足各种信息需求,是网站市场定位重要的出发点。

第1部分 网站策划构架 第1章 分析业务目标和需求 1. 分析业务目标 2. 与客户合作 3. 网络设计业务目标的范本 4. 确定网页设计项目的范围 5. 识别客户群体 6.业务目标清单 第2章 适用于不同浏览器显示器的设计 1. 浏览器使用统计信息 2. 设计策略 3. 了解你的观众 4. 适用于不同显示器的设计 5.“视觉**页面”的设计思路 第2部分 网页视觉设计 第3章 网页设计原则 1. 网页的美学目标 2. 网站的阅读体验 3. 用户至上 4. 可用性设计原则 5. 运行环境对网页设计的影响 第4章 网页布局与导航 1. 网站的信息结构 2. 网页的布局 3. 网页布局方法 4. 网页布局原则 5. 页面的导航形式 6. 导航设计的原则 第5章 网页色彩 1. 认识色彩 2. 色彩与情感 3.配色法则 4. 网页色彩 第6章 网页图像 1. 网页图像元素的种类 2. 网页图像格式 3. 图版率 4. 图片的运用 第7章 网页文本 1. 网页字体的选择 2. 网页字体大小的规范 3. 网页字体的搭配 4. 阅读的设计 第3部分 学点代码做网页 第8章 代码之前的问题 1. 我需要学怎样编写代码吗? 2. 前端学习方法的建议 3. 开发前的准备工作 4. 准备开发环境 第9章 HTML——页面结构与内容 1. HTML标记和属性 2. HTML文档结构 3. HTML页面元素 第10章 CSS——视觉效果 1. CSS基础语法规则 2. CSS的选择器 3. 使用CSS的方式 4. 文字和图片的排版 第11章 CSS——页面布局 1. 固定布局 2. 百分比布局 3. 格子布局 4. 自适应布局 5. 弹性布局Flex 6. 网格布局Grid 7. 瀑布流布局