网页设计与制作及实训教程
分類: 图书,计算机/网络,图形图像 多媒体,网页设计,
作者: 杜永红,王冬霞主编
出 版 社: 科学出版社
出版时间: 2008-2-1字数: 376000版次: 1页数: 253印刷时间: 2008/02/01开本: 16开印次: 1纸张: 胶版纸I S B N : 9787030209733包装: 平装内容简介
本书注重在网页制作和设计技术方面紧跟主流技术,以目前最为流行的网页设计软件为技术支持,详细介绍了Dreamweaver、Fireworks、Flash这三个软件最新版本的使用方法与技巧。本书内容的组织突出模块化的特点,以网页设计与制作的知识和操作技能为依据构建模块。共分为五大模块:网页设计基础知识、Dreamweaver-部分、Fireworks部分、Flash部分、网站建设实战演习部分。各模块之间既有独立性,又有关联性。全书共分为11章,以综合案例的导入为特色,根据案例展开理论与实践的教学,章末配有各个环节的练习题和上机实训,并有详细的实训指导,对本章节的学习起到了巩固和提高的作用。
本书可以作为高职高专院校“网页设计与制作”课程的教材或培训班的教材,也可作为网页设计与制作爱好者的自学参考书。
目录
第1章 网页设计基础知识
1.1 Internet基础
1.1.1 Internet概述
1.1.2 WWW
1.1.3 网页与网站
1.1.4 域名与IP地址
1.2 网页制作工具
1.2.1 网页编辑工具
1.2.2 图形和图像处理工具
1.2.3 动画制作工具
1.3 HTML语言
1.3.1 HTML语法结构
1.3.2 常见的HTML标签
小结
练习题
上机实训
第2章 创建站点
2.1 Dreamweaver 8的工作界面
2.2 定义本地站点
2.2.1 创建站点
2.2.2 管理站点
2.2.3 创建网页
小结
练习题
上机实训
第3章 制作页面
3.1 实例导入:西部旅游网
3.2 页面属性的设置
3.3 文本的修饰
3.3.1 输入文本
3.3.2 文本属性的设置
3.3.3 段落格式的设置
3.3.4 列表格式的设置
3.3.5 滚动文本
3.4 设置超链接
3.4.1 URL地址
3.4.2 超链接的分类
3.4.3 锚记链接
3.4.4 空链接
3.4.5 电子邮件链接
3.4.6 选择链接目标
3.5 制作包含超链接的纯文本网站
3.6 使用图像
3.6.1 插入图像
3.6.2 设置图像属性
3.6.3 制作翻转图像
3.6.4 制作图像映射
3.6.5 制作导航条
3.6 制作网站相册
小结
练习题
上机实训
第4章 页面布局
4.1 网页版面布局概述
4.2 实例导入:表格排版网页
4.3 使用表格排版
4.3.1 插入表格和编辑表格
4.3.2 表格及单元格属性设置
4.3.3 使用表格排版网页
4.3.4 在布局模式下插入表格和单元格
4.3.5 表格排版实例的制作过程
4.4 使用层排版
4.4.1 实例导入:层排版网页
4.4.2 插入层和编辑层
4.4.3 使用层排版网页的制作过程
4.5 时间轴特效及行为
4.5.1 实例导入:网页中的时间轴特效及行为的应用
4.5.2 利用时间轴制作动态特效
4.5.3 应用Dreamweaver内部的行为
4.5.4 推荐制作网页特效的软件
4.6 使用框架排版网页
4.6.1 实例导入:框架排版网页
4.6.2 创建与编辑框架结构
4.6.3 框架排版网页的制作过程
小结
……
第5章 CSS样式表
第6章 使用表单
第7章 模板与库的应用
第8章 在网页中插入多媒体对象
第9章 Fireworks图像处理
第10章 Flash动画的制作
第11章 网站建设综合实训
参考文献
书摘插图
第4章 页面布局
4.1 网页版面布局概述
网页版面布局是网页设计中的一项重要内容。版面指的是浏览器看到的完整的一个页面。因为每个人的显示器分辨率不同,所以同一个页面的分辨率可能出现800像素×600像素、1024像素×768像素等。布局就是以最适合浏览的方式将图片和文字摆放在页面的不同位置。网页版面布局是指规定网页内容在浏览器中的显示方式,例如徽标的位置、导航栏的显示、主要内容的排版等。经常用到的版面布局结构主要有以下几种。
1.“T”结构布局
页面顶部为横条的网站标志和广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条的背景较深,整体效果类似英文字母“T”,这是网页设计中用得最广泛的一种布局方式。这种布局的优点是页面结构清晰,主次分明,是初学者最容易上手的布局方法;缺点是规矩呆板,如果在细节和色彩上不注意修饰突出,很容易让人“看之无味”。
2.“口”形布局
这是一个形像的说法,就是页面一般上下各有一个广告条,左面是主菜单,右面是友情连接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大;缺点是页面拥挤,不够灵活。
3.“三”形布局
这种布局多用于国外站点,国内用得不多。特点是页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。
4.POP布局
“POP”引自广告术语,就是指页面布局像一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点,比如ELLE.com。优点显而易见,即漂亮吸引人;缺点就是速度慢。
在确定好版面布局结构后,继续要做的就是根据内容调整页面的结构。如页面尺寸选择多大?怎样放置网页的网页元素?在Dreamweaver中提供了四种主要的方法用于规划和设计页面:表格、层、框架和CSS+Div,本章只介绍前三种方式。
……