Dreamweaver CC网页创意设计案例课堂（附光盘） 下载 mobi epub pdf 电子书 2024

☆☆☆☆☆
简体网页||繁体网页



点击这里下载

类似图书 点击查看全场最低价

---

编辑推荐

　　清华大学出版社“案例课堂”大系
　　丛书以案例的形式讲解软件的内容，读者可以在实践中熟练掌握软件的使用方法。
　　每一个案例都精挑细选，同时配有全程语音讲解的视频文件，方便读者学习。
　　案例的选材广泛，涉及到软件应用的各个领域、各个行业，学习无死角。
　　“CG设计”系列全彩精印，同等价位下内容更多，同等内容下更实惠。
　　“网站开发”系列附赠超值，全面学习无障碍：
　　CSS属性速查表
　　HTML标签速查表
　　网页布局案例赏析
　　精彩网站配色方案赏析
　　精选JavaScript实例
　　JavaScript函数速查手册
　　CSS+DIV布局案例赏析
　　案例源文件与教学课件

内容简介

　　《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网页创意设计案例课堂（附光盘） 下载 mobi epub pdf txt 电子书 格式

评分☆☆☆☆☆

好是挺好的 就是不知道使用的是那一年的CC 我用的Dreamweaver CC2015

评分☆☆☆☆☆

好书，很棒，对我帮助非常大！

评分☆☆☆☆☆

有视频 素材 案例，很详细，买对了

评分☆☆☆☆☆

好是挺好的 就是不知道使用的是那一年的CC 我用的Dreamweaver CC2015

评分☆☆☆☆☆

不是我想的那样是代码的，全是利用其他工具做出来的，唉~算我买错了吧

评分☆☆☆☆☆

不是我想的那样是代码的，全是利用其他工具做出来的，唉~算我买错了吧

评分☆☆☆☆☆

一般，入门初级的，很简单的，买错了，不是我要的

评分☆☆☆☆☆

商品是否给力？快分享你的购买心得吧~

评分☆☆☆☆☆

真会还不错，内容比较实用

类似图书 点击查看全场最低价