Dreamweaver CC网页创意设计案例课堂(附光盘) epub pdf mobi txt 电子书 下载 2024
发表于2024-12-26
Dreamweaver CC网页创意设计案例课堂(附光盘) epub pdf mobi txt 电子书 下载 2024
《Dreamweaver CC网页创意设计案例课堂》根据Dreamweaver CC图形绘制和平面设计的特点,精心设计了65个案例,由优秀平面设计教师编写,循序渐进地讲解使用Dreamweaver CC制作和设计专业网页作品的全部知识。全书共分9章,分别讲解Dreamweaver CC的基本操作、娱乐休闲类网页设计、电脑网络类网页设计、商业经济类网页设计、教育培训类网站设计、艺术爱好类网站设计、旅游交通类网站设计、生活服务类网站设计、购物网站设计等内容,通过大量的案例精讲帮助读者掌握网页制作的方法和操作技巧。c采用案例教程的编写形式,兼具技术手册和应用专著的特点,附带的DVD教学光盘如教师亲自授课一样讲解,内容全面、结构合理、图文并茂、案例丰富、讲解清晰,不仅适合广大图像设计初、中级爱好者的使用,也可以作为大中专院校相关专业以及社会各类初、中级网页培训班的教学用书。本书配套光盘内容为本书所有案例精讲的素材文件、效果文件以及案例精讲的视频教学文件。
第1章 Dreamweaver CC的基本操作
案例精讲001 Dreamweaver CC的安装 2
案例精讲002 Dreamweaver CC的启动与退出 4
案例精讲003 站点的建立 5
案例精讲004 站点的管理 6
案例精讲005 页面属性设置 8
案例精讲006 多媒体文件的添加 9
案例精讲007 E-mail链接 12
案例精讲008 下载链接 14
案例精讲009 鼠标经过图像 15
案例精讲010 弹出信息设置 16
案例精讲011 设置空链接 18
第2章 娱乐休闲类网页设计
案例精讲012 金属音乐网页设计 20
案例精讲013 速播电影网页设计 28
案例精讲014 嘟嘟交友网页设计 35
案例精讲015 媚图吧网页设计 45
案例精讲016 网络游戏网页设计 53
案例精讲017 篮球体育网页设计 59
案例精讲018 下载吧网页设计 67
第3章 电脑网络类网页设计
案例精讲019 IT信息网站 78
案例精讲020 技术网站 83
案例精讲021 个人博客网站 88
案例精讲022 设计网站 96
案例精讲023 绿色软件网站 99
案例精讲024 人民信息港 105
案例精讲025 速腾科技网页设计 113
第4章 商业经济类网页设计
案例精讲026 宏达物流网页 122
案例精讲027 洁雅卫浴网页 129
案例精讲028 宏泰投资网页 135
案例精讲029 凯莱顿酒店网页 142
案例精讲030 尼罗河汽车网页 150
案例精讲031 莱特易购网 158
案例精讲032 美食网 165
第5章 教育培训类网站设计
案例精讲033 小学网站网页设计 172
案例精讲034 天使宝贝(一) 181
案例精讲035 天使宝贝(二) 195
案例精讲036 天使宝贝(三) 203
案例精讲037 兴德教师招聘网 207
案例精讲038 新起点图书馆 215
第6章 艺术爱好类网站设计
案例精讲039 万图网网页设计 224
案例精讲040 书画网网页设计 232
案例精讲041 唐人戏曲网页设计 239
案例精讲042 婚纱摄影网页设计 250
案例精讲043 家居网站设计 255
案例精讲044 工艺品网设计 261
第7章 旅游交通类网站设计
案例精讲045 路畅网网页设计 268
案例精讲046 天气预报网网页设计 285
案例精讲047 黑蚂蚁欢乐谷网页设计(一) 299
案例精讲048 黑蚂蚁欢乐谷网页设计(二) 309
案例精讲049 旅游网站(一) 319
案例精讲050 旅游网站(二) 341
案例精讲051 旅游网站(三) 349
第8章 生活服务类网站设计
案例精讲052 礼品网网站 358
案例精讲053 鲜花网网站(一) 373
案例精讲054 鲜花网网站(二) 385
案例精讲055 房地产网站 391
案例精讲056 装饰公司网站(一) 398
案例精讲057 装饰公司网站(二) 406
案例精讲058 装饰公司网站(三) 416
第9章 购物网站设计
案例精讲059 shoes社区(一) 422
案例精讲060 shoes社区(二) 426
案例精讲061 shoes社区(三) 433
案例精讲062 女人天女装(一) 440
案例精讲063 女人天女装(二) 452
案例精讲064 女人天女装(三) 457
案例精讲065 魅包网 466
第1章 Dreamweaver CC的基本操作
◆ Dreamweaver CC的安装
◆ Dreamweaver CC的启动与退出
◆ 站点的建立
◆ 站点的管理
◆ 页面属性设置
◆ 多媒体文件的添加
◆ E-mail链接
◆ 下载链接
◆ 鼠标经过图像
◆ 弹出信息设置
◆ 设置空链接
本章重点
Dreamweaver与其他设计类软件的基本操作方法有所不同,对初学者来说,初次使用Dreamweaver会有许多困惑。为了方便后面章节的学习,在本章中将学习安装、卸载、启动Dreamweaver CC,并学习对该软件的一些基本操作。
案例精讲001 Dreamweaver CC的安装
案例文件:无视频文件:视频教学 Cha01 Dreamweaver CC的安装.avi
制作概述
本例将讲解如何安装Dreamweaver CC。
学习目标
掌握Dreamweaver CC的安装方法。
操作步骤
(1) 将Dreamweaver CC的安装光盘放入光盘驱动器,系统会自动运行Dreamweaver CC的安装程序。首先屏幕中会弹出一个安装初始化,如图1-1所示,这个过程大约需要几分钟的时间。
(2) Dreamweaver CC的安装程序会自动弹出一个欢迎安装界面,单击【安装】或【试用】按钮,如图1-2所示。
图1-1 初始化程序
图1-2 欢迎安装界面
(3) 随后弹出Dreamweaver CC授权协议窗口,单击Dreamweaver CC授权协议窗口右下角的【接受】按钮,如图1-3所示。
(4) 在弹出的对话框中的序列号文本框中填入序列号进行安装,然后单击【下一步】按钮,如图1-4所示。
图1-3 接受软件许可协议
图1-4 输入序列号
(5) 此时会弹出Dreamweaver CC的安装路径,安装过程需要创建一个文件夹,用来存放Dreamweaver CC安装的全部内容。如果用户希望将Dreamweaver CC安装到默认的文件夹中,则直接单击【安装】按钮即可;如果想要更改安装路径,则可以单击安装位置右边的【更改】按钮,在磁盘列表中选择相应的磁盘,如图1-5所示。
(6) 用户选择好安装的路径之后,单击【安装】按钮,开始安装Dreamweaver CC软件,如图1-6所示。
图1-5 安装路径
图1-6 安装进程
(7) Dreamweaver CC安装完成后,会显示一个安装完成窗口,如图1-7所示。
(8) 单击【关闭】按钮,完成Dreamweaver CC的安装。软件安装结束后,Dreamweaver CC会自动在Windows程序组中添加一个Dreamweaver CC的快捷方式,如图1-8所示。
图1-7 安装完成界面
图1-8 Dreamweaver CC快捷方式
案例精讲002 Dreamweaver CC的启动与退出
案例文件:无视频文件:视频教学 Cha01 Dreamweaver CC的启动与退出.avi
制作概述
本例介绍如何启动与退出Dreamweaver CC。
学习目标
掌握启动与退出Dreamweaver CC的方法。
操作步骤
(1) 双击桌面上的Dreamweaver CC快捷方式,进入Dreamweaver CC的工作界面,如图1-9所示,程序就启动完成了。
(2) 退出程序可以单击Dreamweaver CC工作界面右上角的按钮关闭程序,也可以选择菜单栏中的【文件】|【退出】命令退出程序,如图1-10所示。
知识链接Adobe Dreamweaver,简称DW,中文名称为“梦想编织者”,是美国Macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器。Adobe Dreamweaver使用所见即所得的接口,亦有HTML(标准通用标记语言下的一个应用)编辑的功能。DW是第一套针对专业网页设计师的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和浏览器限制的充满动感的网页。目前有Mac版本和Windows版本。
图1-9 Dreamweaver CC的工作界面
图1-10 选择【退出】命令
案例精讲003 站点的建立
案例文件:无视频文件:视频教学 Cha01 站点的建立.avi
制作概述
在制作网页之前,需要建立站点。本例介绍如何使用Dreamweaver CC建立站点。
学习目标
学会如何建立站点。
操作步骤
(1) 启动Dreamweaver CC软件,选择【站点】|【新建站点】菜单命令,如图1-11所示。
(2) 弹出【站点设置对象】对话框,在【站点名称】文本框中输入“我爱我家”,如图1-12所示。
图1-11 选择【新建站点】命令
图1-12 保存文件
(3) 在【本地站点文件夹】文本框中指定站点的位置,即计算机上用于存储站点文件的本地文件夹。可以单击该文本框右侧的文件夹图标以浏览相应的文件夹,如图1-13所示。
(4) 单击【保存】按钮,关闭【站点设置对象】对话框,在【文件】面板中的【本地文件】窗口中会显示该站点的根目录,如图1-14所示。
图1-13 存储面板
图1-14 【文件】面板
知识链接Dreamweaver站点是一种管理网站中所有相关联文档的工具,通过站点可以实现将文件上传到网络服务器、自动跟踪和维护、管理文件以及共享文件等功能。严格地说,站点也是一种文档的组织形式,由文档和文档所在的文件夹组成,不同的文件夹保存不同的网页内容,如images文件夹用于存放图片,这样便于以后管理与更新。Dreamweaver中的站点包括本地站点、远程站点和测试站点3类。本地站点是用来存放整个网站框架的本地文件夹,是用户的工作目录,一般制作网页时只需建立本地站点。远程站点是存储于Internet服务器上的站点和相关文档。通常情况下,为了不连接Internet而对所建的站点进行测试,可以在本地计算机上创建远程站点,来模拟真实的Web服务器进行测试。
案例精讲004 站点的管理
案例文件:无视频文件:视频教学 Cha01 站点的管理.avi
制作概述
本例介绍如何在Dreamweaver CC中管理站点。
学习目标
掌握使用Dreamweaver CC管理站点的方法。
操作步骤
(1)选择【站点】|【管理站点】菜单命令,如图1-15所示。
(2)打开【管理站点】对话框,如图1-16所示。
图1-15 选择【管理站点】命令
图1-16 【管理站点】对话框
(3)在【管理站点】对话框中选择要打开的站点,如选择【我爱我家】站点,单击【完成】按钮,即可将其打开,如图1-17所示。
知识链接测试站点是Dreamweaver处理动态页面的文件夹,使用此文件夹生成动态内容并在工作时连接到数据库,用于对动态页面进行测试。静态网页是标准的HTML文件,采用HTML编写,是通过HTTP在服务器端和客户端之间传输的纯文本文件,其扩展名是htm或html。动态网页以.asp、jsp、php等形式为后缀,以数据库技术为基础,含有程序代码,是可以实现如用户注册、在线调查、订单管理等功能的网页文件。动态网页能根据不同的时间、不同的来访者显示不同的内容,动态网站更新方便,一般在后台直接更新。
(4)如果要对站点进行编辑,可在选择站点名称后单击【编辑当前选定的站点】按钮,如图1-18所示,完成上述操作后即可打开【站点设置对象】对话框。
图1-17 选择对象
图1-18 单击【编辑当前选定的站点】按钮
(5)完成编辑后,单击【保存】按钮,返回【管理站点】对话框,单击【完成】按钮结束站点的编辑,如图1-19所示。
图1-19 保存文件
知识链接站点是一组具有共享属性(如相关主题、类似的设计或共同目的)的链接文档和资源。Dreamweaver是创建和管理站点的工具,使用它不仅可以创建单独的文档,还可以创建完整的Web站点。
案例精讲005 页面属性设置
案例文件:无视频文件:视频教学 Cha01 页面属性设置.avi
制作概述
本例介绍Dreamweaver CC的页面属性设置。
学习目标
学会如何设置网页的页面属性。
操作步骤
(1) 运行Dreamweaver CC软件,单击【属性】栏中的【页面属性】按钮,如图1-20所示。
(2) 在弹出的【页面属性】对话框中的【分类】栏中进行选择,可对页面的背景颜色、位图和字体等进行设置,如图1-21所示。
对于在Dreamweaver中创建的每个页面,都可以使用【页面属性】对话框指定布局和格式设置属性。在【页面属性】对话框可以指定页面的默认字体系列和字体大小、背景颜色、边距、链接样式及页面设计的其他许多方面。可以为创建的每个新页面指定新的页面属性,也可以修改现有页面的属性。在【页面属性】对话框中所进行的更改将应用于整个页面。Dreamweaver提供了两种修改页面属性的方法:CSS 或 HTML。Adobe建议使用CSS设置背景和修改页面属性。
图1-20 单击【页面属性】按钮
图1-21 设置参数
案例精讲006 多媒体文件的添加
案例文件:无视频文件:视频教学 Cha01 多媒体文件的添加.avi
制作概述
本例介绍如何在网页中添加多媒体文件。
学习目标
学会如何在网页中添加多媒体文件。
操作步骤
(1) 启动Dreamweaver CC,在欢迎屏幕的【新建】栏中选择HTML选项,如图1-22所示。
(2) 选择菜单栏中的【插入】|【媒体】| flash SWF命令,将随书附带光盘中的CDROM 素材 Cha01自行车.swf文件插入到当前文档,如图1-23所示。
图1-22 选择HTML选项
图1-23 选择对象
(3) 单击【确定】按钮后会弹出请求保存对话框,单击【是】按钮,如图1-24所示。
(4) 在【对象标签辅助功能属性】对话框中,标题随意即可,单击【确定】按钮即可,如图1-25所示。
图1-24 单击【是】按钮
图1-25 【对象标签辅助功能属性】
(5) 完成上述操作,效果如图1-26所示。
(6) 完成后进行保存,按F12键可以在浏览器中预览效果,如图1-27所示。
图1-26 完成操作后的效果
Dreamweaver CC网页创意设计案例课堂(附光盘) epub pdf mobi txt 电子书 下载 2024
Dreamweaver CC网页创意设计案例课堂(附光盘) 下载 epub mobi pdf txt 电子书 2024Dreamweaver CC网页创意设计案例课堂(附光盘) mobi pdf epub txt 电子书 下载 2024
Dreamweaver CC网页创意设计案例课堂(附光盘) epub pdf mobi txt 电子书 下载一般,入门初级的,很简单的,买错了,不是我要的
评分Dreamweaver CC这本书的案例真多啊,哈哈,图书馆以及书店都去了,很多书上就那么几个例子,很多网页看了不少,就是没有思路,这本书包含的案例以及种类太全了65个啊,提气!打字太麻烦了,哎。不过欣喜之余还是想跟大家分享一下,哈哈,真的没想到这本书包含了这么多的种类:娱乐休闲类网页设计、电脑网络类网页设计、商业经济类网页设计、教育培训类网站设计、艺术爱好类网站设计、旅游交通类网站设计、生活服务类网站设计、购物网站设计这下无论是哪类网页都不触头了。呵呵,和大家分享,并推荐一下!
评分东西不错,比超市便宜东西不错,比超市便
评分还挺使用的,内容清楚。
评分有视频 素材 案例,很详细,买对了
评分好评!!!挺喜欢!!!!非常不错
评分一般,入门初级的,很简单的,买错了,不是我要的
评分帮别人买的,看起来还行!
评分很好。
Dreamweaver CC网页创意设计案例课堂(附光盘) epub pdf mobi txt 电子书 下载 2024