网页设计与网站建设从新手到高手

章节摘录

版权页：   插图：    本章将通过Photoshop和Dreamweaver，设计并制作一个新闻网站首页的前台页面。 本节将对整个页面的构图方式、色彩进行分析，介绍如何实现上中下式及混合式布局的网页。同时，还将介绍网站中的图像设计和交互设计等理念，完善前台页面。 在设计新闻网页之前，首先应分析整个新闻网页的结构，根据网页的结构确定采用的布局方式。通常新闻网页都会包括网站的Logo、导航条、搜索引擎、图像新闻展示栏目、头条新闻栏目、子新闻栏目以及版尾等部分。一个页面中会包含多个子新闻栏目。 按照多数网站设计师的习惯做法，应将Logo和导航条、搜索引擎等重要的栏目放置在网站的顶端，最醒目的位置，为网站的用户提供方便。 多数新闻网站都会提供图像新闻展示栏目和头条新闻栏目。 这些栏目将是吸引用户阅读网站内容的焦点，因此也应放置在显著的位置。例如在网站的导航条下方等。 对于网站中并列的新闻子栏目，则可将其受关注的程度作为排列的顺序，分别排放在头条栏目和图像新闻展示栏目的下方。 在选择新闻栏目排列方式时应因地制宜。如果网站中新闻标题较长，则可使用双栏排列，并可增加一个侧栏以弥补空缺。如果网站中新闻标题较短，则可实行3栏并排方式。 例如，本例就将使用3栏并排的方式显示新闻的栏目。 网页的版尾设计需要与网页的头部各栏目相呼应。在本例中，使用的是较高的网页头部栏目，因此相应地，版尾的高度也不能过低。 网页头部栏目中，左侧为Logo，右侧为搜索引擎栏，因此在网页的版尾中，既可以将Logo放在右侧，版权信息内容等放在左侧，追求别致的效果。也可以将Logo放在左侧，版权信息内容等放在右侧，追求网页头部与版尾的一致性。 2.色彩分析 新闻类网页通常需要设计得朴素、大方，因此在配色方面较少追求一些花巧、鲜艳的颜色，以防止这些颜色过于明显，分散用户对网页中文本的吸引力。 常见的新闻类网站以灰色、浅蓝色和深蓝色等主色调居多，例如，新华网、人民网等。灰色、浅蓝色和深蓝色等色调可以使浏览者感到理智与平静。 少数新闻网站会使用黑白红等搭配，也可凸显庄重、肃穆等风格。除此之外，还有些新闻网站采用黑白搭配，给人以严肃，刻板的感觉。 本例将选择浅蓝色和蓝灰色作为网站的主体色调，并点缀以桔黄色，既显大气，又不失别致。

书籍目录

第1章网页设计基础 1.1网页界面构成 1.2网页版块结构 1.3网站整体策划 1.4网页色彩基础 1.5dreamweaver CS5简介 1.6photoshop CS5简介 1.7flash CS5简介 1.8网页设计理念 1.9高手答疑 第2章网页图像设计 2.1网页图像类型 2.2选择区域 2.3图层编辑 2.4编辑文本 2.5练习：设计化妆品广告网幅 2.6练习：设计个人博客网页界面 2.7高手答疑 第3章网页界面设计 3.1网页界面概述 3.2应用蒙版 3.3应用滤镜 3.4切片工具 3.5导出切片网页 3.6练习：设计网站进入页界面 3.7练习：制作网页切片 3.8高手答疑 第4章flash动画设计 4.1网页动画类型 4.2导入动画素材 4.3管理库资源 4.4绘制动画图形 4.5填充颜色 4.6处理动画文本 4.7练习：制作古诗鉴赏界面 4.8练习：制作动画banner 4.9练习：制作圣诞贺卡 4.10高手答疑 第5章补间动画设计 5.1创建补间动画 5.2引导动画 5.3遮罩动画 5.4逐帧动画 5.5补间形状动画 5.6传统补间动画 5.7flash滤镜效果 5.8动画预设 5.9练习：制作网站进入动画 5.10练习：制作动画导航条 5.11高手答疑 第6章添加网页中的文本 6.1建立站点 6.2网页文本概述 6.3插入文本 6.4插入特殊符号 6.5插入水平线和日期 6.6网页中的段落 6.7项目列表 6.8练习：制作企业介绍网页 6.9练习：设计人物介绍网页 6.10高手答疑 第7章添加网页图像元素 7.1插入图像 7.2插入鼠标经过图像 7.3插入导航条 7.4插入fireworkshtml 7.5插入photoshop图像 7.6设置网页图像属性 7.7练习：制作相册展示网页 7.8练习：制作图像导航条 7.9练习：制作新闻图片网页 7.10高手答疑 第8章网页中的链接 8.1超级链接类型 8.2插入文本链接 8.3插入图像链接 8.4插入邮件链接 8.5插入锚记链接 8.6绘制热点区域 8.7编辑热点区域 8.8练习：制作木森壁纸酷网站 8.9练习：制作百科网页 8.10练习：制作销售网络页 8.11高手答疑 第9章设计多媒体网页 9.1插入flash动画 9.2插入flv视频 9.3插入flashpaper 9.4插入shockwave视频 9.5插入javaapplet程序 9.6插入activex控件 9.7插入插件 9.8练习：制作导航条版块 9.9练习：制作音乐播放网页 9.10练习：制作视频网页 9.11高手答疑 第10章设计数据表格 10.1创建表格 10.2设置表格属性 10.3编辑表格 10.4spry框架 10.5练习：制作购物车页 10.6练习：制作产品展示页 10.7高手答疑 第11章xhtml标记语言 11.1xtml概述 11.2xtml基本语法 11.3xhtml元素分类 11.4xhtml常用元素 11.5练习：制作小说阅读页面 11.6练习：制作友情链接页面 11.7练习：制作全景图像欣赏页 11.8高手答疑 第12章设计网页元素样式 12.1css概述 12.2css样式分类 12.3css基本语法 12.4css选择器 12.5css选择方法 12.6使用css样式表 12.7编辑css规则 12.8练习：制作企业介绍页面 12.9练习：制作多彩时尚网 12.10高手答疑 第13章web2.0布局方式 13.1css盒模型 13.2流动定位方式 13.3绝对定位方式 13.4浮动定位方式 13.5练习：制作家居网页 13.6练习：制作商品列表 13.7高手答疑 第14章网页交互应用 14.1网页行为概述 14.2交换图像 14.3弹出信息 14.4打开浏览器窗口 14.5拖动ap元素 14.6改变属性 14.7显示—隐藏元素 14.8设置文本 14.9练习：制作拼图游戏 14.10练习：制作企业首页 14.11高手答疑 第15章交互页面设计 15.1插入表单 15.2插入文本字段 15.3插入按钮 15.4插入列表／菜单 15.5插入单选按钮 15.6插入复选框 15.7spry表单验证 15.8练习：制作问卷调查表 15.9练习：制作会员注册页面 15.10练习：制作留言板 15.11高手答疑 第16章网页框架应用 16.1创建框架集 16.2选择框架和框架集 16.3设置框架集属性 16.4设置框架属性 16.5保存框架和框架集文件 16.6设置框架链接 16.7框架标签 16.8练习：制作天讯内容管理系统页面 16.9练习：制作儿童动画页面 16.10高手答疑 第17章综合实例：设计新闻网页 17.1设计分析 17.2设计新闻网页界面 17.3制作新闻网页页面 17.4实现网页简单交互 第18章综合实例：设计旅游文化网站 18.1设计旅游网页界面 18.2设计旅游网站内容页面 18.3制作旅游网站子页 第19章综合实例：设计宾馆flash网站 19.1设计网站开头动画 19.2设计网站首页动画 19.3设计网站子页动画 第20章综合实例：设计企业网站 20.1设计分析 20.2设计企业网站界面 20.3制作企业网站模板 20.4制作企业网站页面

编辑推荐

《网页设计与网站建设从新手到高手(双色印刷)》由浅入深地介绍了使用Dreamweaver CS5、Flash CS5以及Photoshop CS5等软件进行网站设计和网页制作的方法。《网页设计与网站建设从新手到高手(双色印刷)》适合作为网站设计与网页制作的参考资料和培训教材，也可以作为高职高专院校的教材等。

作者简介

《网页设计与网站建设从新手到高手(双色印刷)》内容共分20章，前16章详细介绍网页制作的基础知识，如网站规划和网页设计、Photoshop处理网页图像、设计网页界面以及Flash制作网页动画、Dreamweaver设计网页文本、图像、链接和多媒体等元素的方法；使用XHTML、CSS以及JavaScript等Web标准化技术制作网页，以及应用网页行为、表单、框架和模板的技术。第17～20章综合应用了以上这些知识，设计并制作了4个完整的实例。《网页设计与网站建设从新手到高手(双色印刷)》配书光盘提供了书中实例完整素材文件和配音教学视频文件。

---

 网页设计与网站建设从新手到高手下载

---