网页设计与制作

出版时间：2010-6  出版社：清华大学出版社  作者：唐有明　等编著  页数：436  
Tag标签：无  

前言

　　随着计算机技术的普及，Internet迅速走进了各企事业单位和家庭。网站作为面向世界的窗口，其设计和制作包含多种技术，例如平面设计技术、动画制作技术、CSS技术、XHTML技术和.1avaScript技术等。本书以.Adobe DreamweaverCS4、Photoshopcs4和FlashCS4等为基本工具，详细介绍了如何通过Photoshop设计网站的界面和图形，本书还介绍了近年来新型的Ajax网页交互式技术、XML技术和以Access 2007为主的数据库技术。　　本书是一本典型的案例实例教程，由多位经验丰富的网页设计人员和程序员编著而成。并且立足于网络行业，详细介绍娱乐网站、门户网站和企业网站等各种网站栏目的设计方法。　　本书共分为21章.通过大量的实例全面介绍了网页设计与制作过程中使用的各种专业技术.以及用户可能遇到的各种问题。各章的主要内容如下。　　第1章介绍网页设计的一些基础知识和理论知识，并简要阐述了网页设计的一些理念等。第2章介绍使用Photoshop设计网页中的各种栏目和板块，以及制作切片网页的技术。第3章介绍使用Photoshop的蒙版、滤镜等进阶技术处理网页中各种图像的方法。　　第4章介绍使用Flash设计各种网页元素的技巧和方法，以及Flash的手绘等基础知识。第5章介绍Flash动画的概念，以及补间动画、传统补问动画、形状补间动画、遮罩动画和引导动画在网页中的应用。　　第6章着重介绍网页中的各种文本元素，以及设计网页文本元素的技巧和方法，包括段落、列表等对象。第7章着重介绍网页中的各种图像元素，例如图像、背景图像、鼠标经过图像、图像导航条、Fireworks HTML以及：Photoshop智能对象等图像类型在网页中的应用。除此之外，还介绍使用Dreamweaver简单编辑网页图像的各种方法。　　第8章通过介绍超链接元素的类型，以及插入文本链接、图像链接、锚记链接、邮件链接和热点链接的方法，帮助用户了解网页的链接元素。第9章详细介绍网页中的多媒体元素，包括Flash动画、FlashPaper文档、FLV视频、Shockwave视频、Java Applet控件、ActiveX控件以及其他各种插件。第10章介绍使用表格的传统网页布局方式，以及编辑表格的方法。除此之外，还介绍Spry框架的使用。　　第11章讲解XHTML语言的文档结构、语法规范、元素分类，以及常用的XHTML元素等。第12章主要讲解CSS技术的基本语法.以及选择器、规则等。同时介绍了CSS样式的分类以及为网页添加CSS的方法。第13章介绍CSS的盒模型概念，同时介绍了相对布局、浮动布局、流动布局等3种Web2.0时代的布局方式。　　第14章介绍JavaScript脚本语言的编程语法、语句、函数、事件，以及XHTML的DOM模型等技术，帮助用户了解网页特效的制作方法。第15章介绍网页行为的基础知识，以及交换图像、弹出信息、打开浏览器窗口、拖动AP元素、改变属性、显示一隐藏元素和设置文本等一系列样式.帮助用户实现各种网页的交互。

内容概要

本书深入浅出地介绍了使用Dreamweaver CS4、Flash CS4以及Photoshop CS4等软件进行网页设计和制作的方法，全书内容共分21章，第1章至第9章详细介绍网页制作的基础知识；第10章至第18章则介绍了使用XHTML、CSS以及JavaScript等Web标准化技术制作网页，以及应用网页行为、表单、框架和模板的技术；第19章至第21章设计并制作了3个完整的实例。本书结构清晰、叙述流畅，采用图文并茂的排版方式，提供了丰富的实例，配书光盘中提供了大容量的多媒体教学文件和实例素材。　　本书适合网页设计与制作人员、网站编辑阅读，还可以作为各类院校相关专业和社会培训的教材。

书籍目录

第1章  网页设计基础 第2章  网页图像设计 第3章  网页界面设计 第4章  让网页元素动起来 第5章  交互动画设计 第6章  网页元素之文本 第7章  网页元素之图像 第8章  网页元素之链接 第9章  网页元素之多媒体 第10章   传统方式布局 第11章  XHTML标记语言 第12章   设计网页元素样式 第13章  Web 2.0布局方式 第14章  精彩网页特效 第15章  所见即所得的行为 第16章  交互页面设计 第17章  便捷的框架网页 第18章  高效创建网页 第19章  综合实例：设计游戏娱乐网页 第20章  综合实例：设计新闻网页 第21章  综合实例：设计企业网站

章节摘录

　　2.色彩分析　　新闻类网页通常需要设计得朴素、大方.因此在配色方面较少追求一些花俏、鲜艳的颜色.以防止这些颜色过于明显，分散用户对网页中文本的吸引力。　　常见的新闻类网站以灰色、浅蓝色和深蓝色等主色调居多，例如.新华网、人民网等。灰色、浅蓝色和深蓝色等色调可以使浏览者感到理智与平静。　　少数新闻网站会使用黑白红等搭配，也可凸显庄重、肃穆等风格。除此之外.还有些新闻网站采用黑白搭配，给人以严肃、刻板的感觉。　　本例将选择浅蓝色和蓝灰色作为网站的主体色调，并点缀以桔黄色.既显大气，又不失别致。3.图像设计　　对于以展示栏目文字信息的网站而言，图像设计的工作量并不大。在本例中，涉及到图像设计的主要是网页头部和版尾的蓝色极光背景、网页的1ogo，以及栏目的标题栏背景等。　　对于网页的导航栏、搜索栏以及版权信息等部分，则主要使用了白色到灰色的渐变色以及蓝灰色边框的圆角矩形，使整个网页显得整齐有序。4.交互设计　　在本例中，涉及到前台网页和用户交互的用途主要为两个部分，即搜索框下方的关键字和图像新闻展示栏目。　　在搜索栏目中.本例将通过JavaScript编写一段简单的代码.监听用户单击关键字，并将关键字填入到搜索框中。　　而在图像新闻展示栏目，则通过JavaScript控制图像每4秒切换1次。同时.通过循环语句动态生成按钮，当用户单击按钮时自动切换到相应的图片。

编辑推荐

　　双色印刷+全程图解+书盘结合+超值实用　　16段全程视频教程　　60个书中实例教材文件　　25张书中实例效果图　　32段网页制作实例制作视频　　400个Flash动画实例文件