网页设计与制作从零开始完全精通

章节摘录

版权页：   插图：    2.1.4制作网站页面 一个网站由多个网页构成，为了便于浏览者轻松自如地访问各个网页，在制作网页时应考虑以下6个方面。 1.栏目设置 栏目实质是一个网站的大纲索引，应该将网站的主体明确地显示出来。在定制栏目时，要仔细考虑，合理安排，一般要注意以下2个方面。 突出主题，把主题栏目放在最显眼的地方，让浏览者更快、更清楚地知道网站所要表现的内容。设计一个“最近更新”栏目。 2.目录结构设计 确定需要设置哪些栏目后，需要从这些栏目中挑选出最重要的几个栏目，通过下面的方法，对它们进行更详细的规划。 按照栏目内容建立子目录。 每个目录下分别为图像创建一个目录Image文件夹。 目录的层次不要太深，最好少于5层。 尽量使用意义明确的非中文目录。 3.创建超链接 对各个页面进行链接，便于浏览者浏览网页内容。 创建导航条。应在网站的任何一个页面上，提供各个站点的相关主题，以随时引导浏览者从一个页面快速地进入到其他页面中。一般的网站都在页面的上部或左侧位置放置网站的导航条，浏览到某个页面时，只需单击相应的链接即可从一个页面快速地跳转到另一个页面。 在网页中创建返回主页链接，便于浏览者快速返回到主页面中，以重新跳转到其他链接页面进行浏览。 4.颜色搭配 合理地应用色彩是非常关键的，不同的色彩搭配产生不同的效果，并能够影响浏览者的情绪。网页背景颜色不一定非要用白色，选用的背景应该和整套页面的色彩协调，总之色彩搭配要遵循和谐、均衡以及重点突出的原则。 5.版面布局 网页页面的版面布局是不可忽视的。要合理地运用空间，让网页疏密有致、井井有条。如果把整个网页都填得密密实实的，没有一点空隙，这样会给人一种压迫感。一般遵循的原则是：突出重点、平衡和谐，将网站标志、主菜单等最重要的模块放在最显眼、最突出的位置。同时还要注意其他页面和首页风格的一致性，有返回首页的链接。 6.图像的运用 网页图形的运用要注意以下3个方面。 图像为主页的内容服务，不要让整个页面花花绿绿，喧宾夺主。 图像要兼顾大小美观。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大小，单张图像最好不要超过30KB。 合理地使用JPG和GIF格式。一般来说，要把颜色较少的（在256色以内的）图像处理成GIF格式；对于颜色比较丰富的图像，最好把它处理成JPG格式。

书籍目录

网页入门篇 第1章 了解网页基本内容 1.1了解网页基本概念 1.1.1了解网页概念 1.1.2了解网页分类 1.2了解网页基本常识 1.2.1网页专业术语介绍 1.2.2 HTML的组成及语法 1.2.3设计网页的基本原则 1.3了解网页基本组成元素 1.3.1网页中的文字 1.3.2网页中的图片 1.3.3网页中的动画 1.3.4网页中的表格 1.3.5网页中的超链接 1.3.6网页中的表单 1.4网页的色彩搭配 1.4.1网页配色基础 1.4.2常见的网页配色方案 1.4.3网页色彩搭配的技巧 1.4.4网页色彩的注意事项 第2章 了解网页制作流程 2.1了解网站的制作流程 2.1.1定位网站主题 2.1.2构建网站框架 2.1.3设计网站形象 2.1.4制作网站页面 2.1.5发布与宣传网站 2.1.6更新与维护网站内容 2.2网站建设方案书写流程 2.2.1获取客户需求 2.2.2选择网站栏目结构 2.2.3明确网站使用功能 2.2.4书写网站建设方案 2.2.5网站费用预算方案 2.2.6部门经理审核 2.2.7确认网站建设方案 2.3了解网页的制作软件 2.3.1网页布局 软件Dreamweaver CS6 2.3.2动画制作软件Flash CS6 2.3.3图像处理软件Photoshop CS6 网页制作篇 第3章 从零开始学Dreamweaver CS6 3.1了解Dreamweaver CS6的操作界面 3.1.1菜单栏 3.1.2“属性”面板 3.i.3文档工具栏窗口 3.1.4“插入”面板 3.1.5浮动面板 3.2创建网页本地站点 3.2.1使用向导建立站点 3.2.2设置本地或网络连接选项 3.2.3创建站点文件和文件夹 3.3添加与设置文本 3.3.1新手练兵——在网页中添加文本 3.3.2新手练兵——设置 文本字体类型 3.3.3新手练兵——设置文本属性 3.3.4新手练兵——设置文本的颜色 3.4插人常见网页元素 3.4.1新手练兵——插入图像 3.4.2新手练兵——插入日期 3.4.3新手练兵——插入水平线 3.4.4插入特殊字符 3.4.5插入背景音乐 3.4.6插入Flash动画 3.4.7插入各种表单 3.5创建常用网页链接 3.5.1链接的含义 3.5.2新手练兵——E—mail链接 3.5.3新手练兵——图像热点链接 3.5.4新手练兵——下载文件链接 3.5.5新手练兵——锚点链接 3.5.6脚本链接 3.5.7空链接 第4章 创建表格与Div 的布局 4.1创建与设置表格 4.1.1创建表格的方法 4.1.2新手练兵——设置表格的属性 4.1.3新手练兵——设置单元格属性 4.2选择表格各元素 4.2.1选取表格 4.2.2新手练兵——选取行或列 4.2.3新手练兵——选取单元格 4.3表格的常用操作 4.3.1调整表格高度和宽度 4.3.2新手练兵——添加或删除行或列 4.3.3新手练兵——拆分单元格 4.3.4新手练兵——合并单元格 4.3.5新手练兵——剪切、复制和粘贴单元格 4.4 Div的常用操作 4.4.1了解Div的含义 4.4.2新手练兵——创建Div标签 4.4.3新手练兵——创建AP Div 4.4.4 AP Div与表格的互换 第5章 制作网页框架及框架集 5.1认识框架及框架集 5.2创建各种框架 5.2.1新手练兵——创建预定义的框架集 5.2.2新手练兵——创建自定义框架集 5.2.3新手练兵——拆分自定义框架 5.2.4新手练兵——创建嵌套框架 5.3框架及框架集常用操作 5.3.1选择框架和框架集 5.3.2删除框架和框架集 5.313保存框架和框架集 5.4设置框架及框架集的属性 5.4.1新手练兵——设置框架的属性 5.4.2新手练兵——设置框架集的属性 5.4.3新手练兵——设置框架集的网页标题 5.4.4新手练兵——使用链接控制框架的内容 5.4.5新手练兵——为不支持框架的网页设置内容 5.5创建与设置浮动框架 5.5.1新手练兵——创建浮动框架 5.5.2新手练兵——设置浮动框架属性 第6章 使用CSS 修饰美化网页 6.1 CSS概述 6.1.1什么是CSS 6.1.2如何编写CSS 6.1.3新手练兵——创建 CSS样式表 6.2设置CSS属性 6.2.1新手练兵——设置类型属性 6.2.2新手练兵——设置背景属性 6.2.3新手练兵——设置区块属性 6.2.4新手练兵——设置方框属性 6.2.5设置边框属性 6.2.6设置列表属性 6.2.7设置定位属性 6.2.8设置扩展属性 6.3管理CSS样式表 6.3.1新手练兵——外联样式表 6.3.2新手练兵——内嵌样式表 6.4使用CSS滤镜 6.4.1滤镜基本概述 6.4.2新手练兵——光晕（Glow）滤镜 6.4.3新手练兵——模糊（Blur）滤镜 6.4.4新手练兵——遮罩（Mask）滤镜 6.4.5透明色（Chroma）滤镜 6.4.6阴影（Dropshadow）滤镜 6.4.7波浪（Wave）滤镜 6.4.8 X射线（Xrav）滤镜 第7章 使用CSS 和Div 布局网页 7.1初步了解CSS与Div 7.1.1 Web标准的基本含义 7.1.2 Div基本功能 7.1.3 Div与Span的区别 7.1.4 ID与Class的区别 7.1.5 CSS+Div布局的优势 7.1.6新手练兵——设置AP Div的属性 7.2 CSS常用布局方法 7.2.1将页面用Div分块 7.2.2 CSS定位的定义 7.2.3利用CSS堆定位元素位置 7.2.4用CSS定位各块的位置 7.3常见的布局类型 7.3.1单行单列固定宽度 7.3.2两列右列宽度自适应 7.3.3一列宽度自适应 7.3.4一列固定宽度居中 7.3.5两列固定宽度 7.3.6两列宽度自适应 7.3.7两列固定宽度居中布局 7.3.8三列浮动中间列宽度自适应 7.3.9高度自适应 第8章 运用行为制作交互网页 8.1了解行为含义 8.1.1认识“行为”面板 8.1.2“事件”菜单 8.1.3熟悉动作类型 8.1.4新手练兵——添加行为 8.2设置网络浏览器环境 8.2.1新手练兵——检查表单 8.2.2新手练兵——打开浏览器窗口 8.2.3新手练兵——转到URL网页 8.2.4检查插件 8.3设置网页图像的动作 8.3.1新手练兵——交换图像 8.3.2新手练兵——预先载入图像 8.4设置不同的网页文本 8.4.1新手练兵——设置状态栏文本 8.4.2新手练兵——设置容器中的文本 8.4.3新手练兵——设置框架文本 8.5设置特殊的网页效果 8.5.1新手练兵——增大／收缩效果 8.5.2新手练兵——挤压效果 8.5.3新手练兵——晃动效果 8.5.4显示／渐隐效果 8.5.5遮帘效果 网页动画篇 第9章 从零开始学Flash CS6 9.1了解Flash CS6工作界面 9.1.1菜单栏 9.1.2工具箱 9.1.3时间轴面板 9.1.4舞台 9.1.5“属性”面板 9.1.6面板组 9.2场景的基本操作 9.2.1新手练兵——添加场景 9.2.2新手练兵——查看场景 9.2.3新手练兵——使用标尺 9.2.4新手练兵——使用网格 9.2.5新手练兵——使用辅助线 9.3文本工具的基本使用 9.3.1新手练兵——创建静态文本 9.3.2新手练兵——创建动态文本 9.3.3新手练兵——创建输入文本 9.3.4新手练兵——制作阴影文字 9.4 Flash动画的测试与发布 9.4.1新手练兵——测试Flash作品 9.4.2优化动画 9.4.3新手练兵——发布动画 第10章 Flash CS6 绘图基础 10.1绘制图形对象 10.1.1新手练兵——线条工具 10.1.2新手练兵——铅笔工具 10.1.3新手练兵——钢笔工具 10.1.4新手练兵——椭圆工具 10.1.5新手练兵——矩形工具 10.1.6新手练兵——多角星形工具 10.2填充图形对象 10.2.1新手练兵——墨水瓶工具 10.2.2新手练兵——颜料桶工具 10.2.3新手练兵——刷子工具 10.2.4新手练兵——渐变变形工具 10.3编辑图形对象 10.3.1新手练兵——选择工具 10.3.2新手练兵——套索工具 10.3.3新手练兵——任意变形工具 10.3.4新手练兵——移动对象 10.3.5新手练兵——复制对象 10.3.6新手练兵——删除对象 第11章 应用库面板制作网页 11.1元件的应用 11.1.1元件的类型 11.1.2新手练兵——创建图形元件 11.1.3新手练兵——创建按钮元件 11.1.4将图形转换为影片剪辑元件 11.1.5在不同模式下编辑元件 11.1.6新手练兵——复制与删除元件 11.2实例的应用 11.2.1新手练兵——创建实例 11.2.2新手练兵——交换元件实例 11.2.3新手练兵——改变实例类型 11.2.4新手练兵——分离实例 11.2.5新手练兵——查看实例信息 11.2.6新手练兵——复制实例 11.2.7改变实例的颜色和透明度 11.3库的应用 11.3.1库面板的组成 11.3.2新手练兵——编辑元件 11.3.3新手练兵——调用其他库元件 11.3.4新手练兵——使用共享替换元件 ……

编辑推荐

《网页设计与制作从零开始完全精通》对具有一定Dreamweaver、Flash和Photoshop基础的网页设计与制作人员、网站建设与开发人员有较高的参考价值，同时也可作为高等院校相关专业师生、网页制作培训班学员、个人网站爱好者与自学者的学习参考书。

作者简介

《网页设计与制作从零开始完全精通》为网页设计与制作从零开始完全精通手册，书中讲解了Dreamweaver CS6+Flash CS6+PhotoshopCS6软件的各项核心技术与精髓内容，为读者奉献了170个典型技能案例、350多分钟语音教学视频、410个应用技巧点拨、1400张图片全程图解，帮助读者从零开始精通软件，从新手快速成为网页设计高手。全书共分为五篇：网页入门篇、网页制作篇、网页动画篇、网页图像篇和案例实战篇，内容包括：了解网页基本内容、了解网页制作流程、从零开始学Dreamweaver CS6、创建表格与Div的布局、制作网页框架及框架集、使用CSS修饰美化网页、使用CSS和Div布局网页、运用行为制作交互网页、从零开始学Flash CS6、Flash CS6绘图基础、应用库面板制作网页、制作简单的网页动画、从零开始学Photoshop CS6、创建选区与文本、修饰与调整网页图像、创建网页动画的特效、网页设计案例实战、网页动画案例实战、网页图像案例实战以及综合案例实战：幸福婚恋网等内容。读者学后可以融会贯通、举一反三，制作出更多更加精彩、漂亮的网页效果。

---

 网页设计与制作从零开始完全精通下载

---