网站开发指南:HTML CSS网页设计指图书目录

时间：2023-02-24 13:00:01 | 来源：营销百科

时间：2023-02-24 13:00:01 来源：营销百科

网站开发指南:HTML CSS网页设计指图书目录：第1篇 页面制作入门篇
第1章 了解网页
1.1 什么是网页
1.1.1 网页的概述
1.1.2 静态网页
1.1.3 动态网页
1.1.4 开发动态页面和静态页面的联系
1.2 开发网页的工具
1.2.1 HTML页面的开发工具
1.2.2 动态页面的开发工具
1.3 使用网页浏览器
1.3.1 网页浏览器的工作原理
1.3.2 常用的两种浏览器
1.4 HTML、XML和XHTML语言
1.4.1 超文本标记语言HTML
1.4.2 可扩展标识语言XML
1.4.3 可扩展超文本标识语言XHTML
1.5 编写一个简单的页面
1.6 小结

第2章 通过学习他人的网页了解HTML能做什么 15
2.1 用记事本打开一个页面
2.2 初识HTML
2.2.1 HTML语法
2.2.2 HTML文档的结构
2.3 HTML文档基本结构标签的作用
2.3.1 给页面一个声明——样本代码
2.3.2 踏出制作页面的第一步——开始标签
2.3.3 页面的脑袋——头标签和头标签的对象
2.3.4 给页面起名字——标题标签
2.3.5 页面的身体——体标签
2.3.6 美化HTML文档
2.4 案例：我们的第一个页面
2.5 小结

第3章 动手在网页中写些什么
3.1 新旧方法对比
3.2 文本的排版格式
3.2.1 写一行换一行
3.2.2 在页面文本中空格
3.2.3 文本的段落要对齐
3.3 文本的属性样式
3.3.1 不一样的文本字体大小
3.3.2 奇妙的特殊符号
3.3.3 给文本加标注
3.4 整齐的文本列表
3.4.1 无序列表
3.4.2 有序列表
3.4.3 定义列表
3.4.4 列表嵌套
3.5 制作一则通知
3.6 小结

第4章 将图像放入页面中
4.1 图像的基础知识
4.1.1 最常用的图像——位图
4.1.2 在页面中常用的位图格式
4.1.3 奇妙的矢量图
4.1.4 图像的分辨率
4.1.5 认识一些网页中常用的banner尺寸
4.2 用图像来编织美丽的页面
4.2.1 理解图像路径
4.2.2 像编辑文本对齐一样在页面中对齐图片
4.2.3 图像与文本的对齐方式
4.2.4 控制图像与文本的距离
4.3 让图像变得更美观
4.3.1 使用画图工具修改图像
4.3.2 不一样的改变——给图像添加边框
4.3.3 独树一帜的水平线
4.4 改变页面的背景
4.5 案例：把宠物的照片放到网页上去
4.6 小结

第5章 让网页变得更绚丽一些
5.1 了解计算机语言下的颜色描述
5.2 让页面绚丽多彩
5.2.1 改变页面背景颜色
5.2.2 改变页面文本字体颜色
5.3 不寻常的图像应用
5.3.1 会动的GIF图像
5.3.2 图像的透明通道
5.3.3 带有透明通道图像的应用
5.4 案例：修饰普通页面
5.5 小结

第6章 网页链接
6.1 网页链接概述
6.1.1 初识页面链接
6.1.2 理解链接地址
6.2 链接的种种不同
6.2.1 基本的文本链接
6.2.2 基本的图像链接
6.2.3 把邮箱留给需要联系你的人
6.2.4 在同一页面中快速查找信息
6.3 提高页面链接的友好度
6.3.1 美观链接的状态
6.3.2 奇妙特殊的链接方式
6.3.3 热点图像区域的链接
6.4 在新窗口中显示链接窗口
6.5 案例：制作普通链接的主页
6.6 小结

第2篇 页面制作提高篇

第7章 CSS规则
7.1 如何学习CSS
7.2 CSS基本的规则写法
7.2.1 基本的样式表的写法
7.2.2 使用类class和标志id链接样式表
7.2.3 创建选择器
7.2.4 应用CSS样式表
7.3 用CSS来修饰页面文本
7.3.1 修饰页面文本字体
7.3.2 文本的字号
7.3.3 文本段落行高
7.3.4 禁止文本自动换行
7.4 给页面对象添加颜色
7.5 案例：使用CSS制作个人页面
7.6 小结

第8章 表格
8.1 理解页面中的表格
8.2 普通表格的应用
8.2.1 制作普通表格
8.2.2 表格的基本属性
8.2.3 合并单元格
8.2.4 表格标题
8.2.5 拆分表格
8.2.6 设置表格的列
8.3 修饰单元格
8.3.1 通过CSS修饰单元格的边框
8.3.2 合并相邻单元格
8.4 编辑单元格中的内容
8.4.1 单元格中文本与单元格大小
8.4.2 修饰单元格中的内容
8.5 案例：制作球赛积分表
8.6 小结

第9章 创建框架结构的页面
9.1 创建窗口框架页面
9.1.1 创建窗口框架的[frameset]和[frame]标签
9.1.2 横向分割窗口
9.1.3 纵向分割窗口
9.1.4 框架的嵌套
9.1.5 将页面放入窗口框架中
9.2 花点心思修饰框架的细节
9.2.1 给无法处理框架的浏览器添加注释说明
9.2.2 固定框架的位置
9.2.3 框架中设置滚动条
9.3 修改框架边框的样式
9.3.1 判定边框是否显示
9.3.2 改变边框的表现效果
9.3.3 边框的边距
9.4 框架集中页面之间的链接
9.4.1 在指定的框架中打开链接
9.4.2 框架内的锚点链接
9.5 灵活的[iframe]框架
9.6 案例：制定自己的链接主页
9.7 小结

第10章 当CSS样式表遇到层
10.1 理解块级的意义
10.2 页面中的层
10.2.1 行[span]和层
10.2.2 层的基本定位
10.2.3 层的叠加
10.3 框模型
10.3.1 理解框模型
10.3.2 空距padding属性
10.3.3 边框border的扩展属性
10.3.4 边距
10.3.5 框模型的溢出
10.4 定制层的display属性
10.5 CSS Hack
10.6 案例：简单的CSS DIV
10.7 小结

第11章 进一步讨论页面布局的方法
11.1 页面中的定位
11.1.1 静态定位
11.1.2 相对定位
11.1.3 绝对定位
11.1.4 固定定位
11.2 浮动层
11.3 CSS的新奇技术以及未来发展
11.3.1 图像替换技术
11.3.2 CSS 3.0中的新发展
11.3.3 Firefox浏览器中实现圆角框模型
11.4 案例：有效地管理页面布局
11.5 小结

第3篇 动感页面篇

第12章 神奇的表单
12.1 表单的工作原理
12.1.1 [script]标记
12.1.2 创建表单
12.1.3 表单域
12.2 通过表单展示不一样的页面
12.2.1 input对象下的多种表单表现形式
12.2.2 text文本框的样式表单
12.2.3 password输入密码的样式表单
12.2.4 checkbox复选框的样式表单
12.2.5 radio单选按钮的样式表单
12.2.6 submit提交数据的样式表单
12.2.7 hidden隐藏域的样式表单
12.2.8 image样式表单
12.2.9 file上传文件的样式表单
12.3 textarea对象的表单
12.4 select对象的表单
12.5 表单域集合
12.6 案例：制作一个精美的由表单构成的页面
12.7 小结

第13章 在网页中加入神奇的效果
13.1 什么是脚本语言
13.1.1 初识VBScript
13.1.2 学习JavaScript的起步
13.2 JavaScript和Java的区别
13.3 JavaScript的基本语法
13.3.1 JavaScript中的标识符和保留关键字
13.3.2 JavaScript语法的特殊规则
13.4 JavaScript的数据类型
13.4.1 常量
13.4.2 变量
13.4.3 数据类型转换
13.4.4 运算符
13.4.5 表达式
13.5 流程控制
13.5.1 顺序结构
13.5.2 选择结构
13.5.3 循环结构
13.6 了解函数
13.7 案例：一个使用基本语法的JavaScript例子
13.8 小结

第14章 JavaScript入门
14.1 了解一下何为'对象'
14.1.1 JavaScript对象概述
14.1.2 DOM介绍
14.2 JavaScript中的数组
14.2.1 定义数组和操作数组
14.2.2 多维数组
14.3 内部对象
14.3.1 Math对象
14.3.2 Date对象
14.3.3 String对象
14.4 window对象
14.4.1 window对象属性
14.4.2 window对象方法
14.4.3 事件
14.5 document对象
14.5.1 document对象属性
14.5.2 document对象方法
14.5.3 document对象事件
14.6 案例：一个运用JavaScript实现的动态页面
14.7 小结

第15章 了解制作页面的工具
15.1 可视化编辑页面工具：Dreamweaver
15.1.1 了解Dreamweaver的界面
15.1.2 Dreamweaver的菜单
15.2 神奇的'美工笔'：Photoshop
15.2.1 了解Photoshop的界面
15.2.2 Photoshop的实用技巧
15.3 网页中的动画：Flash
15.3.1 认识Flash文件
15.3.2 在页面中放入Flash文件
15.3.3 制作Flash的软件
15.3.4 Flash8的菜单
15.3.5 Flash8的主要功能
15.3.6 Flash的常用交互技巧
15.4 案例：使用Dreamweaver制作页面
15.5 小结
第4篇 页面实战篇
第16章 综合实例一：制作主流网站界面
第17章 综合实例二：设计复杂页面
第18章 综合实例三：制作英文网站
第19章 综合实例四：使用Dreamweaver制作中文网站
附录A 序言 随着网站技术的进一步发展，各个部门对网站开发技术的要求日益提高，综观人才市场，各企事业单位对网站开发工作人员的需求也大大增加。但是网站建设作为一项综合性的技能，对很多计算机技术都有着很高的要求。网站开发工作包括市场需求研究、网站策划、网页平面设计、网站程序开发、数据库设计以及网站的推广运作等，可以系统掌握这些知识的网络工程师相对较少。
如此诸多方面的知识，使得很多初学者往往都会感到十分困惑，不知道各项技术之间的关系。本套丛书正是由此而来，并完美地解决了这个问题——为广大读者学习网站开发技术提供一个完整的学习方案。丛书的组织结构如下：
本书是其中的一本，用以帮助读者掌握HTML和CSS的用法。HTML和CSS是网络的公共语言，所有的网站都是通过它们来与客户端沟通的。互联网从1969年诞生至今，已经走过了40个年头。起初，互联网只适合于计算机专家、工程师和科学家使用。到了20世纪末，互联网有了较大的发展，但作为时髦一族的新兴学科、一个新兴名词，并未被大部分人了解和接受。进入21世纪，互联网的发展突飞猛进，如今已经成为现代人生活中的必需品。
十多年前，笔者第一次使用Frontpage制作出了自己的第一个页面，当时现在看来那个页面真的很糟糕，它只是一些颜色块、一个标题和一张飞入页面的图像，但当时将它展示给朋友时，那种通过自己的作品而带给朋友之间的快乐至今仍然记忆犹新。现在，笔者作为一个前端页面设计师，享受设计快乐的同时，也令这个技能成为自己的一份职业，希望通过本书可以将这份对页面制作的热爱和读者一起分享。 文摘 插图：


1.1.4 开发动态页面和静态页面的联系
早期的动态网页主要采用CGI（Common Gateway Interface）技术，是HTTP服务器与用户或其他机器上的程序进行'交谈'的一种工具，其程序须运行在网络服务器上，可以使用多种不同的程序语言（如Visual Basic、Delphi或C／C 等）编写适合的CGI程序。
当用户在页面上留言，输入一段信息，接着单击'确定'按钮时，都是工作在客户端。而接下来浏览器会将用户的信息传递到CGI程序，于是CGI程序在服务器上按照预定的方法进行处理。虽然CGI技术已经应用很长时间，而且功能比较强大，但由于其有编程困难、效率低下、修改复杂等缺点而逐渐被新技术取代。目前常用的新技术有3种，这3种技术在制作网页上各有特色，但都在发展中。在互联网领域中，这3种技术的格局像三国分立的局面一样，都占有市场的一席之地，它们就是PHP脚本语言、ASP脚本语言和JSP脚本语言。
1.PHP脚本语言
PHP即Hypertext Preprocessor（超文本预处理器），是目前在：Intemet上应用较为广泛的脚本语言，其语法借鉴了C、Java、Perl等语言。PHP对编程能力的要求不高，只需少量的编程知识就可以使用PHP建立一个交互的Web站点。
PHP与HTML语言具有非常好的兼容性，因此它与HTML，可以结合使用从而更好地实现页面控制，即直接在脚本代码中加入HTML标签，或者在HTML标签中加入脚本代码。PHP提供了标准的数据库接口使得连接数据库比较方便，另外还具有扩展性强、可以进行面向对象编程等特点。
2.ASP脚本语言
ASP即Active ServerPages，是微软开发的一种语言，它本身没有专门的编程语言，而是允许用户使用许多已有的脚本语言编写ASP的应用程序。ASP的工作方式是在Web服务器端运行，运行后再将运行结果以HTMA，格式传送至客户端的浏览器。正因为如此，ASP要比一般的脚本语言安全得多。
ASP可以包含HTML标签，也可以直接存取数据库及使用可扩充的.ActiveX控件，因此ASP的程序编写比HTML更方便且更有灵活性。