
作者:魏军
页数:263
出版社:北京希望电子出版社
出版日期:2021
ISBN:9787830028138
电子书格式:pdf/epub/txt
内容简介
本书以案例制作的讲解为主,以理论知识的阐述为辅,对Dreamweaver这一软件进行了全面阐述。全书内容丰富、语言流畅,内容涵盖网站建设与网页设计的方方面面,包括网页基础、创建和管理站点、规划网页布局、创建和管理网页链接、创建多媒体网页、创建框架网页、创建表单网页、网页中CSS样式的应用、层和行为的应用、网站测试与发布,每章开始以案例作为线索,引出理论知识;还配有该章节相关的两个小练习进行上手操作。
全书结构合理,用语通俗,图文并茂,易教易学,既适合作为高职高专院校和应用型本科院校计算机、多媒体及视频剪辑相关专业的教材,又适合作为广大视频剪辑爱好者和各类技术人员的参考用书。
本书提供了与书中内容相对应的教学视频、原始素材和很终效果文件,这类内容将在北京希望电子出版社公众号、微博和北京希望电子出版社网站(www.bhp.com.cn)上提供。为了方便教学,还为用书教师准备了与本书内容同步的电子课件,请通过本书封底的联系方式获取相关资源。
本书特色
适合作为网页设计与制作相关课程的教材,也可作为广大网页 设计爱好者和各类技术人员的参考用书
目录
第1章 网页设计轻松入门
案例精讲 创建我的第一个站点 2
案 / 例 / 描 / 述…………………………………………………………………………..2
案 / 例 / 详 / 解…………………………………………………………………………..2
边用边学 6
1.1 网页与网站 ……………………………………………………………………6
1.1.1 认识网页 ……………………………………………………………….6
1.1.2 认识网站 ……………………………………………………………….8
1.2 网页设计理念 ………………………………………………………………..9
1.2.1 网页配色艺术 …………………………………………………………9
1.2.2 网页布局艺术 ……………………………………………………….15
1.3 初识Dreamweaver设计工具 ………………………………………18
1.4 文档的基本操作 …………………………………………………………..20
1.4.1 创建空白文档网页 …………………………………………………20
1.4.2 设置页面属性 ……………………………………………………….21
1.5 站点的创建 ………………………………………………………………….23
1.6 站点的管理 ………………………………………………………………….25
1.7 站点的上传 ………………………………………………………………….29
经验之谈 测试站点 32
上手实操 33
实操一:网站赏析 ……………………………………………………………………33
实操二:上传站点 ……………………………………………………………………33
第2章 编辑网页的构成元素
案例精讲 制作图文混排网页 35
案 / 例 / 描 / 述…………………………………………………………………………35
案 / 例 / 详 / 解…………………………………………………………………………35
边用边学 38
2.1 创建文本内容 ………………………………………………………………38
2.1.1 输入文本 ……………………………………………………………..38
2.1.2 设置文本属性 ……………………………………………………….39
2.1.3 添加字体 ……………………………………………………………..40
2.2 插入其他元素 ………………………………………………………………41
2.2.1 插入特殊字符 ……………………………………………………….41
2.2.2 插入水平线 …………………………………………………………..41
2.3 创建项目列表和编号列表 ……………………………………………42
2.3.1 项目列表 ……………………………………………………………..42
2.3.2 编号列表 ……………………………………………………………..42
2.3.3 设置列表属性 ……………………………………………………….43
2.4 插入图像 ……………………………………………………………………..43
2.4.1 网页中常用的图像格式 …………………………………………..43
2.4.2 插入图像 ……………………………………………………………..44
2.4.3 设置图像属性 ……………………………………………………….44
2.4.4 插入鼠标经过图像 …………………………………………………45
2.5 编辑图像 ……………………………………………………………………..46
2.5.1 裁剪图像 ……………………………………………………………..46
2.5.2 重新取样图像 ……………………………………………………….47
2.5.3 调整图像亮度和对比度 …………………………………………..48
2.5.4 锐化图像 ……………………………………………………………..49
2.6 插入多媒体 ………………………………………………………………….49
2.6.1 插入SWF动画 ………………………………………………………49
2.6.2 插入FLV视频 ………………………………………………………..50
2.6.3 插入背景音乐 ……………………………………………………….52
经验之谈 “页面属性”的作用 53
上手实操 57
实操一:制作按钮变化效果 ……………………………………………………….57
实操二:制作鸟类繁育网站 ……………………………………………………….57
第3章 网页中超链接的创建
案例精讲 制作银杏农场网页 59
案 / 例 / 描 / 述…………………………………………………………………………59
案 / 例 / 详 / 解…………………………………………………………………………59
边用边学 62
3.1 超级链接的概念 …………………………………………………………..62
3.1.1 相对路径 ……………………………………………………………..62
3.1.2 绝对路径 ……………………………………………………………..62
3.1.3 外部链接和内部链接 ………………………………………………62
3.2 管理网页超级链接 ……………………………………………………….63
3.2.1 自动更新链接 ……………………………………………………….63
3.2.2 在站点范围内更改链接 …………………………………………..64
3.2.3 检查站点中的链接错误 …………………………………………..65
3.3 在图像中应用链接 ……………………………………………………….66
3.3.1 图像链接 ……………………………………………………………..66
3.3.2 图像热点链接 ……………………………………………………….67
3.3.3 创建图像热点链接 …………………………………………………67
经验之谈 以新窗口打开超链接 69
上手实操 71
实操一:制作风景介绍网页 ……………………………………………………….71
实操二:创建下载链接 ……………………………………………………………..71
第4章 利用表格布局网页
案例精讲 制作公司网站页面 73
案 / 例 / 描 / 述…………………………………………………………………………73
案 / 例 / 详 / 解…………………………………………………………………………73
边用边学 85
4.1 插入表格 ……………………………………………………………………..85
4.1.1 与表格有关的术语 …………………………………………………85
4.1.2 插入表格 ……………………………………………………………..85
4.1.3 表格的基本代码 …………………………………………………….86
4.2 表格属性 ……………………………………………………………………..87
4.2.1 设置表格属性 ……………………………………………………….87
4.2.2 设置单元格属性 …………………………………………………….87
4.2.3 改变背景颜色 ……………………………………………………….88
4.2.4 表格的属性代码 …………………………………………………….89
4.3 选择表格 ……………………………………………………………………..90
4.3.1 选择整个表格 ……………………………………………………….90
4.3.2 选择一个单元格 …………………………………………………….92
4.4 编辑表格 ……………………………………………………………………..93
4.4.1 复制和粘贴表格 …………………………………………………….93
4.4.2 添加行或列 …………………………………………………………..95
4.4.3 删除行或列 …………………………………………………………..96
经验之谈 合并单元格 97
上手实操 99
实操一:设置表格背景 ……………………………………………………………..99
实操二:制作网站首页 ……………………………………………………………..99
第7章 利用Div+CSS布局网页
第8章 利用canvas绘制图形
第9章 利用表单创建动态网页
第10章 网页行为的应用
第11章 网页模板和库的应用
附录 Adobe Dreamweaver CC常用快捷键汇总
节选
网站的成功与否,很重要的一个因素在于它的构思及设计理念,好的创意及丰富的内容才能够让网页焕发出勃勃生机。 1.2.1 网页配色艺术 色彩对网站的设计来说非常重要,从一个网站的色彩设计中就可以看出网站的风格。色彩的魅力是无限的,可以让本身平淡无味的东西瞬间变得漂亮起来。作为最具说服力的视觉语言,色彩在人们的生活中起着非常重要的作用。 1. 色彩的基本概念 自然界的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他颜色均属于彩色。任何一种彩色都具有三个属性。 色相(Hue):也叫色泽,是颜色的基本特征,反映颜色的基本面貌,是一种色彩区别于另一种色彩的最主要特征。 饱和度(Saturation):也叫纯度,指颜色的纯洁程度。饱和度高的色彩纯、鲜亮,饱和度低的色彩暗淡、含灰色。 明度(Brightness或Lightness或Luminousity):也叫亮度,体现颜色的明暗程度,明度越大,色彩越亮。非彩色只有明度特征,没有色相和饱和度的区别。计算机屏幕的色彩是由RGB(红、绿、蓝)三种色光合成的,通过调整这三个基本色可以调校出其他的颜色,在许多图像处理软件里,都有提供色彩调配功能,如图1-21所示。 2. 色彩搭配 网页的色彩是树立网站形象的关键要素之一,色彩搭配既是一项技术性工作,也是一项艺术性很强的工作。在设计网页时,除了要考虑网站本身的特点外,还要遵循一定的艺术规律,才能设计出色彩鲜明、性格独特的网站。网页色彩的搭配需要遵循一些原理,这些原理包括色彩的鲜明性、独特性、艺术性,以及色彩搭配的合理性。充分运用色彩搭配的原理,可以使网页具有更深的艺术内涵,并能提升网页的文化品位。 (1)近似色搭配。 近似色是指色环中两个或三个相邻的颜色,例如橙黄色—黄色,红色—橙色为近似色。近似色的搭配给人的视觉效果是比较舒服、自然,画面统一和谐,如图1-22所示。 图1-22 (2)互补色搭配。 互补色是指在色环中相对的两种色彩,该色系为极端对比类型,例如红—绿为互补色。其效果让人感觉对比强烈、炫目,有时候会成为一种很好的搭配形式,如图1-23所示。















