本书系统完整地介绍了网站前台设计与制作所需技术基础和3个企业项目。技术基础包括网页布局基础、图文排版、网站导航、网站栏目、网站表单、框架网站等，企业项目包括企业宣传网站——舒适家居网、彩宇商贸公司网站、弘叶美容美发公司网站的主页设计与制作。
本书从网站前台设计与制作项目开发角度出发，采用HTML+CSS+jQuery技术作为主体，以任务为单位，全面、系统地将网站项目开发中前台所需的常用技术、技巧进行逐一剖析，对于网站前台开发中所出现的各种技术难点给出合理的解决方案，指明实现的技术技巧，每一任务都有针对性的解决项目开发中的具体技术，避免了大量的知识堆积。
本书提供了所有任务和项目的源代码、素材、习题及部分答案。
本书内容详尽，实例丰富，适合作为应用型本科院校和职业院校计算机类专业教材，也适合作为学网站前台开发技能的自学用书。

第1篇 网页基础知识
第1章 网页布局基础
1.1 Web前端技术概述
1.1.1 万维网与W3C
1.1.2 关于Web前端技术
1.1.3 网站与网页
1.2 认识HTML
1.2.1 关于HTML
1.2.2 HTML结构文件
1.3 CSS样式
1.3.1 关于CSS的调用
1.3.2 关于选择器
1.3.3 框模型介绍
1.3.4 CSS的定位
1.4 关于网页布局
1.4.1 网页布局的相关技术
1.4.2 网页布局的流程
1.4.3 网页布局的HTML技术
1.5 DIV+CSS页面布局基础
1.5.1 单栏式布局设计
1.5.2 二栏式布局设计
1.5.3 三栏式布局设计
1.6 任务拓展
1.7 本章小结
习题
第2章 网页图文排版
2.1 设计图文版面
2.1.1 制作网页文字版面
2.1.2 制作网页图片版面
2.1.3 制作网页图文混排版面
2.2 插入多媒体
2.2.1 制作滚动的文本和图片页面
2.2.2 制作背景音乐页面
2.2.3 制作视频混排页面
2.2.4 制作动画混排页面
2.3 任务拓展
2.4 本章小结
习题
第3章 链接与导航设计
3.1 关于超链接
3.1.1 理解超链接
3.1.2 理解路径
3.1.3 创建文件链接
3.2 利用文字实现超级链接
3.2.1 制作面包屑导航
3.2.2 制作水平栏导航
3.2.3 制作书签导航
3.3 利用图片实现超级链接
3.3.1 制作图片水平栏导航
3.3.2 制作图像局部导航
3.4 关于其他链接
3.4.1 下载文件的链接
3.4.2 电子邮件链接
3.5 任务拓展
3.6 本章小结
习题
第4章 网页栏目设计
4.1 关于网页栏目
4.1.1 网站栏目的含义
4.1.2 网站栏目的策划
4.2 常用栏目设计
4.2.1 制作简易式栏目
4.2.2 制作典型式栏目
4.3 TAB式栏目设计
……
第2篇 项目开发
参考文献