网页设计实例教程

作者简介

《高等学校计算机科学与技术教材•网页设计实例教程》遵循Web标准，系统介绍应用HTML和CSS两个网页设计标准设计网页的知识和技巧，并介绍网页制作常用的软件。《高等学校计算机科学与技术教材•网页设计实例教程》分为4篇：HTML篇、CSS基础篇、CSS布局篇和提高篇。HTML篇介绍HTML标记及网页相关基础知识；CSS基础篇介绍CSS的基本思想、CSS的简单应用实例；CSS布局篇集中介绍用CSS+DIV的网页布局方法；提高篇介绍网页设计中需要使用的软件Fireworks和Flash，以及网页设计中常用的Javascript技术，最后一章为一个综合实例，用一个完整的例子展示了设计一个专业网页的全过程。

书籍目录

第1篇　HTML篇　第1章　网页设计概述　　1.1　基础知识　　　1.1.1　网页和网站　　　1.1.2　浏览器和服务器　　　1.1.3　网页的基本元素　　　1.1.4　静态网页与动态网页　　1.2　Web标准　　　1.2.1　对标准的理解　　　1.2.2　Web标准：结构、表现和行为　　1.3　网站整体制作流程　　　1.3.1　前期策划　　　1.3.2　页面细化及实施　　　1.3.3　后期维护　　1.4　静态页面制作流程　　1.5　影响设计的技术因素　　本章小结　　习题　第2章　HTML基础　　2.1　第一个HTML页面　　2.2　标准HTML件结构　　2.3　HTML文本标记　　　2.3.1　分段与换行　　　2.3.2　设置标题　　　2.3.3　设置文字水平居中　　2.4　文字列表　　　2.4.1　有序列表标记　　　2.4.2　无序列表标记　　2.5　HTML属性　　　2.5.1　align属性　　　2.5.2　bgcolor属性　　2.6　特殊字符的表示方法　　2.7　滚动字幕　　2.8　辅助：利用Dreamweaver设置文本　　本章小结　　习题　第3章　图片　　3.1　图片格式　　3.2　在网页中使用图片　　3.3　图片路径　　3.4　辅助：利用Dreamweaver设置图片　　　3.4.1　插入图片　　　S.4.2　设置图片属性　　本章小结　　习题　第4章　超链接　　4.1　设置文字链接　　4.2　target和title属性　　4.3　设置锚点链接　　4.4　图片超链接　　4.5　创建热点区域　　　4.5.1　用HTML建立热点区域　　　4.5.2　辅助：利用Dreamweaver设置热点区域　　本章小结　　习题　第5章　表格　　5.1　表格的基本结构　　5.2　表格属性　　　5.2.1　表格的宽和高　　　5.2.2　表格对齐方式　　　5.2.3　表格边框　　　5.2.4　背景颜色与背景图像　　　5.2.5　单元格的间距与边距　　　5.2.6　合并单元格　　5.3　表格的结构标记　　5.4　表格布局实例　　本章小结　　习题　第6章　框架　　6.1　创建框架和框架集　　6.2　框架页面中链接的打开方式　　6.3　定义嵌入式框架　本章小结　习题　……第2篇　CSS基础篇第3篇　CSS布局篇第4篇　提高篇参考文献

编辑推荐

《网页设计实例教程》：原理与技术的完美结合，教学与科研的最新成果，语言精练，实例丰富，可操作性强，实用性突出。

前言

随着互联网的发展和普及，网页设计、网站开发技术逐渐成为一项重要的知识技能。大到开发大型的Web应用程序，小到制作个人网站甚至是个人博客，都需要网页设计的知识。而网页设计与制作技术正处于不断的发展过程中，如今，基于Web标准的网页设计方法已经逐渐取代了表格布局的传统方法。目前很多网站已经应用Web标准对网站进行重构，许多网页设计师开始学习并应用Web标准。这就要求改变传统的网页设计的学习内容和方法，而基于Web标准的网页设计技术的学习内容强调对HTML和CSS代码知识的掌握，对学习者提出了更高的要求。本书为网页设计的初级和中级读者编写，从零开始，由浅入深，全面介绍：DIV+CSS网页设计方法的常用知识点。知识点的介绍采用实例驱动的方法，根据编者多年的教学实践经验，精心准备了大量的实例贯穿整个介绍过程，让读者既能形象地掌握各知识点的基础知识，又能迅速了解各知识点的具体应用方法，从而能够活学活用、举一反三。本书不包括美工方面的内容，美工方面的内容可以在读者对网页设计的基础知识了解后再进行学习。本书具有以下特点。（1）学习内容的综合性强。网页设计的综合性很强，需要学习的知识点很多。例如，网页设计的三剑客每个都可以写一本书。为了能让读者在一本书中掌握设计网页所需要了解的基本知识，使读者通过本书学习设计出专业的网页，书中内容注重知识的综合应用。特别是最后一章的网页设计实例，把全书前面各章的内容都综合展示了出来。（2）实例驱动的知识讲解方法。书中每个知识点的讲解都从实例开始，先介绍实例实现的功能和网页效果，然后介绍实例的实现方法，最后再总结实例中涉及的知识点。这种实例的讲解方式，可以让读者更容易接受，学习效果也更好。

章节摘录

插图：文本和图片：是网页的基本元素，最朴素的网页也需要有文字或图片来表达它的内容。超链接：又分为“文字链接”和“图片链接”，只要浏览者单击带链接的文字或图片，就可以自动链接上对应的其他文件，这样才让浩如烟海的网页能连接成一个整体，这也正是网络的魅力所在。动画：又分为两种，一种是GIF格式的动画，一种是Flash格式的动画。活动的内容总是比静止的要吸引人的注意力，所以精彩的动画让网页变得更加魅力四射。表单：是一种可以在浏览者与服务器之间进行信息“交流”的工具，使用表单可以完成用户注册、搜索、论坛、发送电子邮件等交互功能。音／视频：随着网络技术的发展，网站上面已经不再仅仅是单调的MIDI背景音乐，而丰富多彩的网络电视、网络音乐等已经开始成为网络新潮流。静态网页就是纯粹的HTML页面，网页的内容是固定的、不变的。网页一经编写完成，其显示效果就确定了。动态网页是内容根据具体情况变化的网页，它一般根据网页的输人参数和数据库中内容的变化而变化。前面所讲网页元素表单即是为实现动态网页而设计的。如果在某位用户登录后，要出现一个网页，显示“你好，用户”，如张三登录后可以看到一个网页显示“你好，张三”，而李四登录后见到的内容是“你好，李四”。如果要满足上面的要求，需要做两个静态页面，但如果有1万个用户甚至10万个用户的时候，显然不可能提前做好那么多的页面，这就需要应用动态页面技术来实现这样的功能。静态页面技术是动态页面技术的基础，本书主要介绍静态页面的设计方法，为了给读者学习动态页面设计技术打下基础，本书注重介绍静态页面的程序代码，因为动态页面技术需要设计者能够从代码角度理解网页。

图书封面

---

 网页设计实例教程下载

---