网页设计与制作教程

出版时间：2009-10  出版社：机械工业出版社  作者：刘瑞新 等编著  页数：281  

前言

　　互联网的魅力主要在于可以缩短世界的距离，让互联网具有这种神奇功能的元素是网站和网页。网站可以被看成信息交流的载体，而网页则是人与人之间交流的直接窗口。网站除了在互联网中得到广泛应用之外，也可在企业内部被用来解决内部管理与信息交流等问题。因此，无论对于网站管理专业人士还是网站建设爱好者，都应掌握一定的网站建设与网页制作技术。　　本书作者不仅从事大学本科计算机专业教学，而且具有多年的网站设计、开发经验，主持或重点参与过许多网站的规划建设和制作工作，对网站设计及制作流程相当熟悉。作者依据长期的教学经验，结合网页设计与制作中的主要知识点、重点与难点，编写了本书。其结构严谨，适合于教学或自学。　　本书针对读者的需求，在网页的设计思想与实现技术等方面进行了详细的阐述。本书采用任务驱动的案例教学方式，以一个虚构的网站（曙光大学网站）作为案例讲解，配以辅助网站（爱家美食网站）的实训练习，两条主线互相结合、相辅相成，自始至终贯穿于本书之中，使读者全面、系统地掌握网站设计的方法和技巧，以及网页、网站的规划和建设技术。　　本书每一个章节都是网站制作相关知识的学习和练习，所有章节完成后，整个网站主要模块的制作也就随之完成。最后一章将这些内容进行整合，并进行网站的测试与发布，具有较高的实用性和可参考性。为了方便读者阅读和上机操作，每个案例均按“案例综述”、“案例展示”、“学习目标”、“知识要点（包括制作过程）”和“案例说明”5个部分来进行讲解，层次清晰、分明。

内容概要

本书内容涵盖了使用Dreamweaver CS4进行网站规划、设计和建设管理的各个部分，主要内容包括：网页设计制作概述、网页版面设计基础、用Dreamweaver CS4创建基本网页、超链接、表格、网页行为语言叫——JavaScript、网页表现语言——CSS、框架、表单、模板与库、多媒体对象、使用Div布局页面、网站的整合与测试发布。    本书采用任务驱动的案例教学方式，以网页设计为中心，以案例为引导，把介绍知识与案例设计、制作、分析融于一体，结构上采用点面结合，以一个虚构的网站（曙光大学网站）作为案例讲解，配以辅助网站（爱家美食网站）的实训练习，两条主线互相结合、相辅相成，自始至终贯穿于本书之中。    本书可作为大专院校计算机、网络及电子商务等专业的教学用书，也可作为网页制作的培训教程及网页制作爱好者或相关从业人员的自学用书。

书籍目录

前言第1章　网页设计制作概述　1.1  　网页、网站的概念　　1.1.1　网页、网站和主页　　1.1.2　静态网页和动态网页  1.2　Web标准　　1.2.1　Web标准的概念　　1.2.2　建立Web标准的目的　　1.2.3　采用Web标准的优点　1.3　网站的规划与设计　1.4　网站开发工作流程　　1.4.1　规划站点　　1.4.2　设置开发环境　　1.4.3　规划页面设计和布局　　1.4.4　创建内容资源　　1.4.5　组合、测试和部署　　1.4.6　维护和更新站点　　1.4.7　案例：规划曙光大学网站　1.5　网站策划书撰写要点　1.6　常用网页制作软件　　1.6.1　网页制作工具　　1.6.2　网页图形图像处理工具　　1.6.3　网页动画制作与特效工具　　1.6.4　网页上传工具　　1.6.5　网页设计工具的发展动向　1.7　实训：规划爱家美食网站　1.8　习题第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.2.5　色彩搭配　　2.2.6　设计规则　　2.2.7　设计误区　　2.2.8　案例：设计曙光大学网站首页版面　2.3　实训：设计爱家美食网站首页版面　2.4　习题第3章　用Dreamweaver CS4创建基本网页　3.1  Dreamweaver CS4入门　　3.1.1  Dreamweaver CS4工作环境　　3.1.2  DreamweaverCS4的参数设置　3.2  制作简单网页　　3.2.1　创建网站站点　　3.2.2　新建与保存网页　　3.2.3　页面属性设置　　3.2.4　网页的基本排版　　3.2.5　插入图像　　3.2.6　案例1：创建曙光大学网站“学校概况”页面　3.3　制作图文并茂网页　　3.3.1　图文混排　　3.3.2　案例2：设计曙光大学网站“校园风采”页面  3.4　网页结构语言XHTML　　3.4.1  XHTML简介　　3.4.2  XHTML文档的基本结构　　3.4.3 使用Dreamweaver CS4的代码视图查看XHTML文档　　3.4.4 案例3：了解曙光大学网站“校园风采”网页代码　3.5  实训　　3.5.1  实训1：制作爱家美食网站“白云豆烧牛肉”页面　　3.5.2  实训2：制作爱家美食网站“美食推荐”页面　3.6　习题第4章　超链接  4.1　超链接的基本概念  4.2　创建内部超链接，　　4.2.1　内部超链接的形式　　4.2.2　创建文字超链接　　4.2.3　创建图片超链接　　4.2.4　案例：制作曙光大学网站“招生信息”栏目  4.3　创建其他类型超链接　　……第5章　表格第6章　网页行为语言——JavaScript第7章　网页表现语言——CSS第8章　框架第9章　表单第10章　模板与库第11章　多媒体对象第12章　使用Div布局页面第13章　网站的整合与测试发布

章节摘录

　　第2章 网页版面设计基础　　网页是人们和网络之间进行信息交换的桥梁，大量的网络信息通过网页展现在人们的面前，而人们则通过简单的操作把信息通过网页传送出去。好的设计能给人带来美的感受，随着互联网的不断发展，网页设计越来越接近于一门艺术而不仅仅是一项技术。如何将网页完美地展现给用户，是网页设计最重要的问题。网页设计主要包括以下两项工作。　　1）超链接与数据库检索功能的设计与实现。这个工作主要考虑的是网页的功能。　　2）网页版面的设计。这个工作以如何准确地传达信息、产生广告效应、增加美感以及增加网页点击率作为主要考虑的对象。　　本章将介绍后者。有关前者的设计工作，将在本书的以后章节中介绍。　　2.1 网页基础知识　　在互联网中，机构、部门、公司、个人都可以通过网页向遍布全球的读者展示、传递和交换信息。实际上，网页并非是一页简单的纸，也不是简单意义上的版面，它的结构和原理并不简单，其影响范围和观众数量远远超出了任何形式的平面广告。　　2.1.1 虚拟界面　　网页是利用多媒体技术在计算机网络与人之间建立的一组具有展示和交互功能的虚拟界面。这里的多媒体技术是指利用计算机技术对文字、图形、图像、动画、声音、视频等多种媒介进行综合处理并完成交互作用的技术。网页充分利用多媒体技术，多方位、多层次、多媒介地向读者展示信息。　　……

编辑推荐

　　《网页设计与制作教程（第4版）》获全国优秀畅销奖详述网页设计的原则与风格；全面讲解Dreamweaver CS4；采用Div+CSS网页布局方式；XHTML和可视化操作相结合；完整网站制作实例贯穿全书；配备完善的教学、练习素材。