基于Web标准的网页设计与制作

出版时间：2009-12  出版社：清华大学出版社  作者：唐四薪  页数：404  字数：623000  
Tag标签：无  

内容概要

　　《基于Web标准的网页设计与制作》全面介绍了基于Web标准的网页设计与制作技术，采用“原理+实例+综合案例”的编排方式，所有实例都根据所涉及的原理编排在相关的原理之后，使读者能迅速理解有关原理的用途。《基于Web标准的网页设计与制作》分为7章，内容包括网页与网站的相关知识、HTML语言和XHTML标准、CSS网页样式和布局设计、Fireworks美工设计、网站开发和网页设计的过程与案例，以及JavaScript和jQuery前台脚本编程技术。
　　全书遵循Web标准，强调原理性与实用性，技术与美工并重，注重介绍网页设计与制作中的基本理论和前沿技术，摒弃了一些过时的网页制作技术。
　　《基于Web标准的网页设计与制作》可作为高等院校各专业“网页设计与制作”课程的教材，也可作为网页设计、网站制作的培训类教材，还可供网页设计和开发人员参考使用。

作者简介

唐四薪 1980年11月生，湖南湘潭人，硕士，讲师

书籍目录

第1章 网页设计概述
1.1 网页设计的两个基本问题
1.2 网页与网站
1.2.1 什么是网页
1.2.2 网页设计语言——HTML简介
1.2.3 网页和网站的开发工具介绍
1.2.4 网站的含义和特点
1.3 Web服务器和浏览器
1.3.1 Web服务器的作用
1.3.2 浏览器的种类和作用
1.4 静态网页和动态网页
1.5 域名与主机的关系
1.6 URL的含义和结构
习题
第2章 HTML、XHTML和Web标准
2.1 HTML文档的基本结构
2.1.1 使用记事本编辑一个HTML文件
2.1.2 认识DreamweaverCS
2.1.3 使用DW新建一个HTML文件
2.2 标记和元素
2.2.1 标记的概念
2.2.2 标记带有属性时的结构
2.2.3 HTML标记的分类
2.2.4 常见的HTML标记
2.2.5 常见的HTML标记的属性
2.2.6 元素的概念
2.2.7 行内元素和块级元素
2.3 从HTML到XHTML的转变
2.3.1 HTML存在的问题
2.3.2 Web标准的含义
2.3.3 文档类型的含义和选择
2.3.4 XHTML与HTML的重要区别
习题
第3章 HTML标记
3.1 文本格式标记
3.1.1 文本排版
3.1.2 文本的换行和空格
3.1.3 文本中的特殊字符
3.2 文本修饰标记（字体标记）
3.3 列表标记
3.4 利用DW代码视图提高效率
3.4.1 代码提示
3.4.2 代码折叠
3.4.3 拆分视图和代码快速定位
3.4.4 DW中的常用快捷键
3.5 图像标记[img]
3.5.1 网页中插入图像的两种方法
3.5.2 网页中支持的图像格式
3.5.3 在单元格中插入图片的方法
3.5.4 [img]插入图像的对齐方式
3.6 超链接标记[a]
3.6.1 绝对URL和相对URL
3.6.2 超链接的源对象：文本.图像.热区
3.6.3 超链接的种类（href属性的取值）
3.6.4 超链接目标的打开方式
3.6.5 超链接制作的原则
3.6.6 DW中超链接属性面板的使用
3.7 Flash及媒体元素的插入
3.7.1 插入Flash的两种方法
3.7.2 在图像上放置透明Flash
3.7.3 插入视频或音频文件
3.8 表格标记（[table].[tr].[td])
3.8.1 表格标记（[table].[tr].[td]）及其属性
3.8.2 在DW中操作表格的方法
3.8.3 制作固定宽度的表格
3.8.4 用普通表格与布局表格分别进行网页布局
3.8.5 特殊效果表格的制作
3.9 表单标记([form].[input].[select])
3.9.1 表单标记[form]
3.9.2 [input]标记
3.9.3 [select]和[option]标记
3.9.4 多行文本域标记[textarea]
3.9.5 表单中的按钮
3.9.6 表单数据的传递过程
3.9.7 表单的辅助标记
3.9.8 利用行为检查表单的输入
3.1 0框架标记??
3.1 0.1 框架的作用
3.1 0.2 [frameset]标记
3.1 0.3 [frame/]标记
3.1 0.4 用DW制作框架网页
3.1 0.5 嵌入式框架标记[iframe]
3.1 1容器标记（div.span)??
3.1 2头部标记??
习题
第4章 CSS
4.1 CSS基础
4.1.1 CSS的语法
4.1.2 在HTML中引入CSS的方法
4.1.3 选择器的分类
4.1.4 CSS的层叠性
4.1.5 CSS的继承性
4.1.6 选择器的组合
4.1.7 CSS2.1 新增加的选择器简介
4.1.8 CSS样式的总体设计原则
4.1.9 DW对CSS的可视化编辑支持
4.2 应用CSS修饰文本和超链接
4.2.1 CSS文本修饰
4.2.2 CSS动态超链接
4.3 CSS属性的值和单位
4.4 CSS的滤镜属性??
4.5 盒子模型及标准流下的定位
4.5.1 盒子模型基础
4.5.2 盒子模型的应用
4.5.3 盒子在标准流下的定位原则
4.6 背景的控制
4.6.1 CSS的背景属性
4.6.2 背景的基本运用技术
4.6.3 滑动门技术——背景的高级运用
4.6.4 背景图案的翻转——控制背景的显示区域
4.6.5 CSS圆角设计
4.7 盒子的浮动
4.7.1 盒子浮动后的特点
4.7.2 浮动的清除
4.7.3 浮动的浏览器解释问题
4.7.4 浮动的应用举例..
4.8 相对定位和绝对定位
4.8.1 定位属性和偏移属性
4.8.2 相对定位
4.8.3 相对定位的应用举例
4.8.4 绝对定位
4.8.5 绝对定位的应用举例
4.8.6 DW中定位属性面板介绍
4.8.7 与position属性有关的CSS属性
4.8.8 hover伪类的应用总结??
4.9 CSS+div布局
4.9.1 分栏布局的种类
4.9.2 固定宽度布局
4.9.3 可变宽度布局
4.10 解决CSS浏览器兼容问题的基本方法??
4.11 CSS3新增功能和属性一瞥??
习题
第5章 Fireworks
5.1 Fireworks基础
5.1.1 矢量图和位图的概念
5.1.2 认识Fireworks的界面
5.1.3 新建.打开和导入文件
5.1.4 画布和图像的调整
5.1.5 辅助设计工具的使用
5.2 操作对象
5.2.1 对象和图层的概念
5.2.2 选择.移动和对齐对象
5.2.3 变形和扭曲
5.2.4 改变对象的叠放次序
5.2.5 设置对象的不透明度
5.2.6 操作对象的快捷键
5.3 编辑位图
5.3.1 创建和取消选区
5.3.2 编辑选区中的像素区域
5.4 绘制矢量图形
5.4.1 创建矢量图形
5.4.2 调整矢量线条
5.4.3 路径的切割和组合
5.4.4 路径和选区的相互转换
5.5 文本对象的使用
5.5.1 文本编辑和修饰的过程举例
5.5.2 特殊文字效果制作举例
5.5.3 将文本附加到路径
5.6 蒙板
5.6.1 使用“粘贴于内部”创建矢量蒙板
5.6.2 创建位图蒙板
5.7 简单GIF动画的制作??
5.7.1 使用补间实例制作动画
5.7.2 制作蒙板动画
5.8 切片及导出
5.8.1 切片的作用
5.8.2 切片的基本操作
5.8.3 切片的实例
习题
第6章 网站开发和网页设计的过程
6.1 网站开发的过程
6.1.1 基本任务和角色
6.1.2 网站开发过程的各环节
6.2 遵循Web标准的网页设计步骤
6.2.1 网页设计步骤概述
6.2.2 内容分析
6.2.3 HTML结构设计
6.2.4 原型设计
6.2.5 网页效果图设计
6.2.6 布局设计
6.2.7 视觉设计
6.2.8 交互效果设计
6.2.9 总结CSS布局的优点
6.3 网站的风格设计
6.3.1 网站风格设计的基本原则
6.3.2 网页色彩的搭配
6.3.3 网页版式设计
6.4 网站的栏目规划和目录结构设计
6.4.1 网站的栏目规划
6.4.2 网站的目录结构设计
6.5 网站的导航设计??
6.5.1 导航的实现方法
6.5.2 导航的设计策略
6.6 网站的环境准备??
6.6.1 架设网站的基本条件
6.6.2 购买主机空间和域名
6.6.3 配置主机空间和域名
6.6.4 上传网站
6.7 网站费用估算??
习题
第7章 JavaScript
7.1 JavaScript简介
7.1.1 JavaScript的特点
7.1.2 JavaScript的用途
7.1.3 网页中插入JavaScript脚本的方法
7.2 JavaScript语言基础
7.2.1 JavaScript的变量
7.2.2 JavaScript的运算符
7.2.3 JavaScript数据类型
7.2.4 JavaScript的保留字
7.2.5 JavaScript语句
7.2.6 函数
7.3 对象
7.3.1 JavaScript对象
7.3.2 with语句
7.3.3 this关键字
7.3.4 JavaScript内置对象
7.4 浏览器对象模型BOM
7.4.1 window对象
7.4.2 location对象
7.4.3 history对象
7.4.4 navigator对象
7.4.5 document对象
7.4.6 screen对象
7.5 文档对象模型DOM
7.5.1 网页中的DOM模型
7.5.2 使用DOM模型
7.5.3 访问CSS样式
7.5.4 用DOM控制表单
7.6 事件处理
7.6.1 事件流
7.6.2 处理事件的两种方法
7.6.3 浏览器中的常用事件
7.6.4 事件对象
7.6.5 制作隔行和动态变色的表格
7.6.6 DOM和事件编程实例
7.7 DWCS3对JavaScript的支持
7.7.1 行为面板
7.7.2 时间轴特效
7.7.3 Spry框架
7.8 jQuery框架使用入门
7.8.1 jQuery框架的功能
7.8.2 下载并使用jQuery
7.8.3 jQuery中的“$”及其作用
7.8.4 jQuery中的选择器
7.8.5 jQuery中的常用方法
7.8.6 jQuery的应用举例
7.8.7 jQuery的插件应用举例
习题
参考文献

章节摘录

版权页：   插图：   6.4 网站的栏目规划和目录结构设计 网站中的内容是根据网站的栏目组织起来的，所以网站栏目相当于网站的逻辑结构，而通常都要将网站每个栏目中的网页分门别类地放在不同的网站子目录中，所以网站的目录结构可看成是网站的物理结构。本节将分别讨论网站的栏目规划和目录结构设计。 6.4.1 网站的栏目规划 栏目规划的主要任务是对所收集的大量内容进行有效筛选，并将它们组织成一个合理的易于理解的逻辑结构。成功的栏目规划不仅能给用户的访问带来极大的便利，帮助用户准确地了解网站所提供的内容和服务，以及快速找到自己所感兴趣的网页，还能帮助网站管理员对网站进行更为高效的管理。 1.建立层次型结构 网站通常都采用层次型的栏目结构，即从上到下逐级确定每一层的栏目。首先是确定第一层，即网站分为哪几个主栏目，然后对其中的重点栏目进行进一步规划，确定它们所必需的子栏目，即二级栏目。以此类推直至栏目不需要再细分为止。将所有的栏目及其子栏目连在一起就形成了网站的层次型结构。 例如6.2节中的“信息与网络中心”网站，它在第一层设置了“中心简介”、“政策法规”、“常用下载”三个重点栏目和“技术支持”、“联系我们”和“办公系统”三个其他栏目，然后对每一个重点栏目又进行了更细的规划，比如“中心简介”又分为“部门简介”、“机构设置”和“人员简介”三个二级栏目。将这些栏目及其子栏目连在一起，就可以清楚地看到这个网站的层次型结构，如图6-51所示。 2.设计每一个栏目 层次型逻辑结构的建立只是对网站的栏目进行了总体的规划，接下来要做的是对每个栏目或者子栏目进行更细致的设计。设计一个栏目通常需要做以下三件事情： 首先是描述这个栏目的目的、服务对象、内容、资料来源等。 其次是设计这个栏目的实现方法，即设计这个栏目的网页构成。各个网页之间的逻辑关系等。 最后还要设计这个栏目和其他栏目之间的关系，虽然网站分为不同的栏目，栏目与栏目之间相对独立，但有时各个层次之间的栏目还存在着某种关联，比如“技术支持”栏目中的某些内容是告诉浏览者怎样使用某个软件的，这时可以在该页中放置“常用软件”栏目中提供的相关软件供浏览者下载；又如最好让“中心简介”下的各个栏目页打开都能看到“联系我们”栏目中的联系方式，使浏览者在了解网络中心的同时就能知道它的联系方式。所以设计栏目之间关联的工作，就是找出各个栏目之间可以共享的内容，并确定采用什么样的方式将它们串联起来。

用户评论 (总计2条)

•   对于网页制作的初学者来说，这本书还是不错的，使用率挺高
•   很喜欢正版的，纸质量很好