网页设计与制作Dreamweaver8网页设计ppt课件.ppt

网页设计与制作 —Dreamweaver 8 网页设计
李京文
教学目标
8的操作界面;
8建立与管理站点;
8设置页面属性;
8对文本进行编辑;
8中如何插入和编辑图像;
8创建表格并对其进行编辑;
8建立超链接;
8中使用多媒体;
8中使用层;
8中使用框架;
8中创建和使用样式表;
8中使用模板与库;
8创建表单;
8中使用行为与时间轴;
8创建自己个人主页。
本章内容
Dreamweaver 8简介
站点的建立与管理
页面设计
Dreamweaver 8简介
本章案例的小型个人网站是利用Dreamweaver 8设计的,在设计前首先要对该环境作个基本的了解,下面就来简单的介绍Dreamweaver 8。
Dreamweaver 8简介
Dreamweaver 8操作界面
在安装好Dreamweaver 8后,我们可以通过windows中的“开始/程序/Macromedia/Macromedia Dreamweaver 8”来启动Dreamweaver 8。
第一次启动时会出现“工作区设置”对话框,如下图所示,可以从“设计者”和“编码者”中选择一种工作区布局,它们分别面向设计者和代码编写者,两种布局也可以在主菜单“编辑/参数选择”中切换,通常选择默认的“设计者”工作区。
Dreamweaver 8简介
菜单栏
“标题栏”的下面是“菜单栏”, 菜单栏中提供了“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“命令”、“站点”、“窗口”和“帮助”十个菜单项。单击其中任意一个菜单,会出现一个下拉式指令菜单,如果指令选项为浅灰色的话,则代表该指令在当前的状态下不能执行。有些指令的右边会有键盘的代码,这是该指令的快捷键,熟练使用快捷键将会有助于提高工作效率。有些指令的右边会有一个小黑三角的标记,它代表该指令还包含有下一级的指令,鼠标停留片刻即可显现下一级指令
Dreamweaver 8简介
工具栏
“工具栏”指的是“菜单栏”下边三排按钮,选择菜单“查看/工具栏”,选定里面的“插入”、“文档”和“标准”三项,三个工具栏就显示出来了,如下图所示。
插入工具栏
文档工具栏
标准工具栏
Dreamweaver 8简介
网页编辑窗口
工具栏下面的区域是“网页编辑区域”,在Dreamweaver 8启动时显示一个“起始页”,其中包括“打开最近项目”、“创建新项目”、“从范例创建”三个较方便使用的项目。选中任意项,出现“网页编辑窗口”,则“网页编辑区域”就会出现“网页编辑窗口”,用户可以在文档区域中输入文字、插入表格和编辑图片等操作。