Dreamweaver CS6网页设计立体化教程第7章
- 格式:pptx
- 大小:7.77 MB
- 文档页数:72


DreamweaverCS6教程第一节Dreamweaver CS6 软件简介和安装1、Dreamweaver CS6是由美国Adobe公司最新开发的一款网页设计、网站管理为一体的专业软件2、为了保护能够正常安装,安装时,请断开网络。
第二节Dreamweaver CS6软件界面和简介一、软件界面组成1、菜单栏2、工作区3、属性栏4、浮动面板(文件、资源、CSS样式、行为等)二、界面的切换:为满足不同开发人员的需求三、界面的恢复:窗口——工作区——重置设计器四、插入面板的调用第三节网页相关知识1、什么是网页(网页概念)在互联网上基于HTTP协议传播信息的页面2、什么是网站反应同一个主题的多个网页集合3、网页内容的组成(网页元素)(1)文字(2)图片(jpg,gif,png)(3)动画(swf,gif)(4)多媒体(5)超链接(6)表单(7)网页特效(8)其他元素第四节网页制作方法与站点建立1、网页的制作方法(1)代码发:html(2)软件制作:Dreamweaver、frontpage2、制作网站前准备工作,建立站点。
3、站点:用来存放网站中所有元素的文件夹,为了制作方便需要将这个文件夹和制作软件相关连接。
4、站点的建立(连接)(1)站点——建立(2)文件面板(3)应用程序栏(窗口——应用程序栏)5、站点的分类(按照网站的位置)(1)本地站点(2)远程站点第五节规划本地站点目录结构1、规划本地站点目录结构(1)images(图片)(2)swf(动画)(3)css(CSS样式)(4)script(存放网页特效)(5)other(其他)2、网站主页名称(1)index.htm(2)index.html(3)default.htm(4)default.html注:主页必须放在网站的根目录下面,同时名称也有特殊的要求第六节网页中文字的输入1、网页的四个视图(1)设计视图(2)代码视图(3)拆分视图(4)实时视图3、网页中的文字(1)文字直接输入(2)回车表示换段(3)Shift+回车:表示换行(4)输入空格时要在全角输入法状态下输入(5)特使字符插入:“插入——html——特殊字符”(6)文字也可以从网站中复制,但是在复制时需要将网页中文字的格式去掉(注:如何去除复制来的文字格式,只需要将文字粘贴到记事本,然后从记事本中在复制文字就可以了)4、预览网页:文件——在浏览器中预览——Iexplore(快捷键:F12)第七节页面属性1、页面属性(1)修改——页面属性(2)或通过属性栏2、属性(1)左边距、右边距、上边距、下边距(2)文字字体、大小、颜色。
《网页设计与制作立体化教程(Photoshop+Dreamweaver+Flash CS6)》教学教案第1章赏析特色网站个人网站规划的操作思路小结1、掌握网站类型、网站结构、网页组成元素和色彩搭配等基础知识。
2、掌握站点创建、编辑与管理的操作。
第2章直通车图片效果帮助中心效果小结1、掌握旋转、裁剪图片的操作。
2、掌握修复图片常用工具的使用。
3、掌握设置图层样式的方法。
思考及作想一想:1.制作直通车图片本练习要求制作一个淘宝直通车图片,要求通过文本来说明网站的保修服务内容。
制作时可打开本书提供的素材文件进行操作。
要求操作如下。
(1)填充背景,添加素材。
第3章婚纱售卖网站首页个人网页效果小结1、掌握网页效果图的设计思路。
2、熟练掌握绘图工具的使用。
3、掌握切片的使用方法思考及作想一想:1.设计婚纱售卖网站首页本练习要求为婚纱售卖网站的首页设计一个界面效果图,要求页面中能够显示部分产品、有购买功能。
要求操作如下。
(1)新建图像文件,创建参考线布局页面。
(2)添加素材文件,对素材文件进行编辑。
(3)为图像添加相关的文本装饰,并设置其格式。
本练习要求完成“七月”个人网页效果图的设计,然后对其进行切片,完成后将第4章保修服务网页效果代金券说明网页效果小结1、掌握网页文档的创建、设置与保存。
2、掌握文本网页的制作方法。
想一想:1.制作“保修服务”网页本练习要求制作一个“保修服务”页面,要求通过文本来说明网站的保修服务内容。
第5章“服装”网页效果“产品介绍”网页效果1、掌握插入与编辑图片和多媒体对象的方法2、掌握超链接的创建和应用想一想:1. 制作“服装”网页本练习要求打开服装网页“index.html”,先在其中插入背景音乐,然后插入图像,第6章“花卉推荐”网页效果摄影首页效果、掌握框架和表格的使用、掌握使用CSS+DIV布局网页的方法、掌握网页布局的设计思路想一想:1.制作“花卉推荐”网页本练习要求使用表格来制作“花卉推荐”页面,在制作时先在空白网页中插入表格,并根据需求在表格中添加相关内容,再对添加内容的表格进行编辑,最后设置表格的属性。