2009年Dreamweaver期末设计策划书
---美之馨家具网站
1.建设网站前的市场分析：
改革开放30年来，我国的家具企业得到快速发展每年平均增速达25%～30%，这样的增长速度，在世界上是绝无仅有的。据了解，中国家具业分为两个行业，一个是家具制造业，另一个是家具流通业。家具制造业在2008年的产值是6500亿元人民币，而从事家具制造的企业数量大约在25000家，家具流通业注册的企业大概为5000多家。每年平均增速达25%～30%，这样的增长速度，在世界上是绝无仅有的。
而在金融危机的这一两年里，中国家具行业则一直保持着
《Dreamweaver网页设计》教学方案
第一部分 说明
1．课程的性质与任务
“Dreamweaver网页设计”是计算机网络技术专业（专科）的一门统设必修课。本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。
2．与相关课程的衔接、配合、分工
先修课程：计算机应用基础Photoshop图像处理等。
后续课程：Flash动画制作等。
３．课程的教学基本要求
本课程要求学生掌握基本的HTML语言。学会使用Dreamweaver开发工具进行网页设计。这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。
4．课程教学要求的层次
1．掌握：
要求学生能够全面掌握所学内容，并能够用其分析、应用与Dreamweaver网页设计相关的问题，能够举一反三。
2．理解：
要求学生能够较好地理解与Dreamweaver网页设计相关的问题，并且能够进行简单分析和判断。
3．了解：
要求学生能够一般地了解的所学内容。第二部分 媒体使用与教学过程建议
学时分配
课程教学总学时90学时，5学分。其中授课36学时，实训54学时。
2．多种媒体教材的总体说明
1．本课程文字教材为合一型教材，文字教材作为学习的主要媒体，着重反映课程的基本知识和针对性、应用性，在形式上要便于自学。在内容上包括基本理论知识讲解和实训两部分。
2．视频媒体配合文字教材的讲授，内容重点在于实训及辅导。
3．CAI课件作为网络教学媒体，可以在互连网上使用也可以单机使用。
3．教学环节
以主教材讲授为主，其它媒体作为辅助教学资源，以学生自学为主。
4．主要教学媒体的使用与学时分配
内容
序号 1 2 3 4 5 6 7 8 9 10 11 12 13 14
第1章 Dreamweaver基础
第2章 网页设计语言基础
第3章 文本和图像处理
第4章 表格与页面布局
第5章 创建超级链接
第6章 层与层动画
第7章 框架与框架网页
第8章 创建ＣＳＳ样式表
第9章 资源、模板和库
第10章 媒体对象的应用
第11章 表单处理
第12章 创建Web站点
第13章 制作动态网站
第14章 网站的维护和上传
2学时 3学时 3学时 3学时 2学时 3学时 2学时 3学时 2学时 3学时 3学时 2学时 3学时 2学时
教学内容 理论学时
合计
36学时
第三部分 教学内容和教学要求
第1章 Dreamweaver基础（2学时）
教学内容：
Dreamweaver 的历史和简介
Dreamweaver 的安装过程
Dreamweaver 的全新界面
改进的设计与开发环境
主菜单介绍
对象控制面板介绍
教学要求：
掌握：Dreamweaver的基本特点、新增功能及界面组成。基本操作，如安装、新建、打开、导入、保存、关闭等。
理解：新增功能、界面组成的优点。
了解：Dreamweaver可以为我们做些什么。
第2章 网页设计语言基础（3学时）
教学内容：
HTML及XHTML语言介绍
常用的网页语法标记
教学要求：
理解：HTML及XHTML语言介绍，常用的网页语法标记
第3章 文本和图像处理（3学时）
教学内容：
文本属性面板
编辑文本和插入对象
设置文本的格式
编号与项目符号
在网页中插入图像
图像的应用
教学要求：
掌握：设置文本属性和格式；编号与项目符号的使用；插入、编辑和排版图像。
理解：如何进行图像调整。
第4章 表格与页面布局
教学内容：
表格的基本操作
单元格的基本操作
表格的自动套用格式
表格的创建
表格的编辑
创建布局单元和表格
教学要求：
掌握：如何插入、编辑表格，创建布局单元和表格。
理解：表格在网页排版中的作用。
了解：使用页面布局模式进行网页排版的方法。
第5章 创建超级链接（2学时）
教学内容：
（3学时）
链接分类
创建超级链接
链接的四种状态
创建Email链接
管理超级链接
教学要求：
掌握：创建超级链接和Email链接，会设置链接的各种状态。
理解：超级链接几种状态之间的差别和共同点。
了解：创建Email链接中的各种技巧。
第6章 层与层动画（3学时）
教学内容：
层的概念
创建层
层操作
层与表格的相互转换
层动画的概念与设计
教学要求：
掌握：层的概念与使用
理解：层动画的概念与设计
第7章 框架与框架网页（2学时）
教学内容：
框架的基本概念
创建框架和框架集
框架的使用
框架和框架集的属性设置
教学要求：
掌握：框架和框架集的创建；框架的使用。
理解：使用框架的优缺点。
第8章 创建ＣＳＳ样式表（3学时）
教学内容：
CSS层叠式样式表
定义CSS样式表
创建并链接到外部CSS样式
设置CSS样式的格式化参数
设置超链接显示状态
添加各种ＣＳＳ效果
教学要求：
掌握：内部ＣＳＳ和外部ＣＳＳ的添加方法，编辑ＣＳＳ属性，使用ＣＳＳ进行页面的排版，创建各种ＣＳＳ效果。
理解：使用CSS排版的优点。
了解：如何使用ＣＳＳ控制背景、鼠标以及添加其它特殊效果。
第9章 资源、模板和库（2学时）
教学内容：
资源管理
模板的创建
模板的编辑
定义模板可编辑区域
创建，管理和编辑库项目
教学要求：
掌握：模板的创建，模板的编辑，定义模板可编辑区域
理解：资源管理
了解：创建，管理和编辑库项目
第10章 媒体对象的应用（3学时）
教学内容：
插入Flash对象
插入Shockwave对象
插入视频
插入ActiveX控件与Java小程序
填加声音
教学要求：
掌握：插入Flash对象、插入Shockwave对象、插入视频、插入ActiveX控件与Java小程序、填加声音
第11章 表单处理（3学时）
教学内容：
表单概述
表单对象
创建表单
处理表单
创建动态表单
教学要求：
掌握：创建表单、处理表单和设置表单参数。
理解：表单的概念和作用。
了解：如何使用表单创建交互式界面。
第12章 创建Web站点（2学时）
教学内容：
站点规划
在Dreamweaver8中创建站点
管理站点与站点文件
使用站点地图
为网站指定服务器技术
教学要求：
掌握：规划站点、建立和管理站点；使用站点文件和地图。
理解：创建站点的必要性。
了解：服务器技术的指定。
第13章 制作动态网站（3学时）
教学内容：
Access数据库基础
ODBC数据源设置
ASP与Web服务器配置
Dreamweaver8动态网站设计
创建与数据库连接
教学要求：
掌握：数据源的设置，如何配置Web服务器，如何创建与数据库的链接。
理解：数据库在动态网站设计中角色的重要性。
了解：设置数据源和创建数据库链接的技巧
第14章 网站的维护和上传（2学时）
教学内容：
在本机中测试网站
预览网页效果
网站的查错
发布网站到服务器
教学要求：
掌握：Dreamweaver8的测试、预览和发布设置。
理解：网站排错的必要性。
了解：如何发布网站到服务器。
实训内容
（实训分为必做和选做内容，可根据实际的实验条件选做。实验总计54学时）
实训1：建立Web网页（必做）
实训2：文本及其格式化（必做）
实训3：图像（必做）
实训4：超级链接（必做）
实训5：表格和页面布局（必做）
实训6：框架（必做）
实训7：层（必做）
实训8：模板与库（必做）
实训9：表 单（必做）
实训10：行 为（必做）
实训11：多媒体组件的插入、使用代码设计网页与站点管理（必做）实验12： 动态网站制作（选做）
实验13：ASP与SQL Server数据库相连（选做）
实验报告
专业
XXXXXX
班级
XX 班
学号
XXXXXX
姓名
XXX
报告完成日期
2012-12-26
指导教师
XXX
评语：
成绩：
批阅教师签名：
批阅时间：
一、制作时间
2012年12月18日至2012年12月26日。
二、实习内容
1、使用Dreamweaver制作网站，该网站为福建工程学院网站
2、网站不少于8个页面，主页和各模块相关页面；
3、页面中包含文字、图片；
4、使用CSS实现网页相关页面设置，要求在实现网页内能够显示文字，图片等信息；
5、使用网页浏览器进行网站测试。
三、实习环境
1、硬件环境：计算机一台；
2、软件环境：Dreamweaver cs4；
3、测试环境：IE、firework等网页浏览器。
四、网站总体设计
1、网站主题
本网页是以福建工程学院网站为主题，针对不同的年龄阶段的人给出了不同的学院的信息。
2、设计思路
首先构思了基本网页的布局，主页采取了常用的1-（1+1+1），附页采用了1-（1+1），上了多个网 最后决定参照福建工程学院的官方网站进行制作，但是布局并不相同 素材取自福建工程学院官方网站，部分图片取自百度，网站包括1个主页7个子页，子页包含了所有的学校状况，分别为：学校简介、现任校领导、教学机构、管理机构、校纪校训校歌、校园风光、新校区建设；采用了较难的二级菜单 和 JVAV技术实现导航栏上面的图片进行4张轮播。
五、制作步骤
1.首先确定网页的主题后，从网上查看各名校的网站，并从中寻找思路开始做网页。经过长时间的浏览，最终选择福建工程学院作为参照（网址：http://www.xiexiebang.com）
2.受福建工程学院主页的影响我自学了图片轮播和二级菜单，从而制作了轮播图片和二级菜单。
3.由于对于JVAV和表单的知识并不是非常了解所以有些地方需要实现的实现不出来放弃了，期中研究了最久的就是 导航轮播和下面的有块区域的图片轮播，结果因为不知道如何同时初始化2个JVAV函数 最后以失败告终 只好放弃
4.本次制作最难的地方是导航菜单的二级菜单和图片轮换
在制作过程中，遇到很多次的制作混乱，最后还是老师帮忙解决的。
5.原计划那些JVAV代码因为无法同时初始化他们放弃了 只好以一些列表代替
6.最后，将一些小细节的东西做了些处理，最后打包上交。
六、实习总结
这次是我们web的期末考试制作，通过这一次的制作，不仅巩固了以前学过的知识，还学会很多课堂上未教授的东西。通过老师的讲解、查阅资料，解决了很多制作上的困难，这一点我在这要好好感谢我们的XX老师和我们宿舍的学姐，谢谢她们帮我很大的忙。
七、参考文献
《HTML+CSS网页设计与布局》 《PHP编码》
Dreamweaver教案一(一课时)
教学目的：初步了解Dreamweaver的操作
教学重点：Dreamweaver的界面
教学难点：各个面板的调用
一、引入
为什么要用Dreamweaver而不用Frontpage？
Dreamweaver是Macromedia公司的出品，它以程序小、运行速度快、所制作网页代码少这些优点，赢得了网页制作人员的喜爱。
例一：m1.htm和f1.htm的大小比较
例二：frontpage安装程序和dreamweaver安装程序的大小比较
例三：frontpage运行和dreamweaver启动比较
二、Dreamweaver的安装
三、Dreamweaver的界面
1．文档窗口：主菜单、工具栏、底部启动条、文档编辑区
2．对象面板：标准、表格、表单、框架、特殊、文件头、隐藏、字符
3．启动面板：站点管理、代码检查、HTML样式、CSS样式、行为、历史记录、资源管理
4．属性面板：随目前对象不同而内容不同
四、作业
1．写出Dreamweaver对象界面中所有对象的名称
2．新建一个空白网页，写出空白网页的HTML代码
Dreamweaver教案二(一课时)
教学目的：回忆原来学过的网页的文字知识，熟悉 Dreamweaver的操作，熟悉属性面板的 1
使用，掌握页面属性、文本属性的设置
教学难点：向导图片、预格式化、图片的路径
教学重点：常用属性
一、复习引入
1．输入文本
2．回车键的作用
3．如何输入换行符：Shift+ENTER，或者是对象面板à符号
4．换行符对应的HTML标记
二、设置页面属性
1．打开页面属性对话框：右击页面，选择页面属性（page properties）
2．设置标题显示（Title）：
3．设置页面背景（Background image）：选择背景图像，注意路径
4．设置背景颜色Background：
5．设置本页面中文字的颜色Text：在没有设置其它的字体颜色前，这个文字颜色发生作用，一 旦对具体的文字设置颜色，这个设置就不起作用了
6．设置链接的各种颜色（Visited Links、Active Links、Links）
7．设置页面边界（Left Top）：使内容与边框没有空隙
8．设置文档字符集（Document Encoding）：gb2312
9．设置向导图片（Tracing Image）：用于设计时，下面的滑动条用于设置这个图片的透明度（Transparent）
三、设置文本属性
1．格式（Format）：
（1）样式：段落（Paragraph），标题（Heading1）、„„预先格式化的（preformatted）
*预先格式化的：可以输入空格，可以按文本原来的样子排列，缺点是不能实现自动换行
（2）字体：Default Font
（3）大小：Size
（4）颜色：
（5）其它：加粗、倾斜
（6）对齐：
2．链接（Link）：链接到文件，链接到地址，*相关（Relate to）：文档（Document），站根目录（SiteRoot）
3．目标（Target）：打开链接的目标_blank、_self、_parent、_top
4．项目符号、编号和缩进
四、作业
根据示例网页，制作一个网页
Dreamweaver 教案三(两课时)
教学目的：掌握网页中图片的相关操作
教学重点：dreamweaver中设置图片的属性
教学难点： 图像处理软件的使用
一、复习引入 1．网页的页面背景颜色和文本颜色在HTML代码中是如何表示的？
RGB方式表示颜色：红绿兰，0表示最弱，255表示最强 一共可以表示：256╳256╳256=16777216种 颜色 由于浏览器的关系，只有216种颜色能在浏览器中正常显示，多于这个范围的颜色，有的浏览器显 示时就可能发生偏差，不能正常显示。这个范围我们称之为网页安全颜色范畴 2．网页中运用颜色原则
l 切忌采用过多的颜色；
l 背景颜色不要太深；
l 要保持整个网页的色调统一；
l 要围绕网页主题选择颜色
二、网页中的图像格式 *BMP：位图格式 1． GIF：Graphics Interchange Format可交换的图像格式 特点： l 只支持256种颜色 l 支持透明效果 l 可以交错下载 l 可以实现动画效果 l 文件所占用空间小 l 不能支持渐变色彩 l 更改图片大小要从原文件改起 2． JPEG：Joint Photographic Experts Group联合摄影专家组文件格式 特点： l 支持24位图像 l 有损压缩 3． GIF与JPEG比较
三、插入图像 1． 插入图像：InsertàImage；对象面板 2． 图像 属性： l 宽（W）高（H）：默认为图片的大小，可以设置 其它尺寸，但图片会变形 l 源文件（Src）： l 对齐（align）： l 链接（Link）：链接到的图片 l 替代（Alt）：图像注释，当浏览器不能正常显 示图片时所出现的文字提示 l 地图（Map）：制作映射图 l 垂直边距（V space）：与上边界的距离 l 水平边距（H space）与左边界的距离 l 目标（Target）：当链接项有设置时发生作用 l 低品质源（Low Src）：低分辨率副本文件 l 边框（Border）： l 编辑（Edit）：启动图像处理软件来对图像进行 编辑 l 重设大小（Reset size）：当用其它工具修改了 图片大小时，如果不重设图片的大小，则会变形或者在不小心改变了图片的大小时使用此项
四、使用图 像处理软件
1、转换图像格式：打开，另存为
2、更改图像尺寸：
3、更改图像品质：另存为
五、作业 l 下列文件均放于同一文件夹下： 1． 在网上寻找透明背景的GIF图片5张，JPEG图片5张，其中，GIF要有动画的至少一张，JPEG要有一 张风景的。2． 将找到的图片放置在背景为蓝色的页面上 3． 改变第一 张GIF图片的大小 4． 设置第二张GIF图片的替代文字为“试一试” 5． 设 置第三张GIF图片的链接为第三张JPEG图片 6． 设置第四张GIF图片的垂直边距为5，水平边距为9 7． 对第一张JPEG图片设置映射4个，分别链接到第二、三、四、五张JPEG图片 8． 运用图像处理软件，制作风景JPEG图片的低品质图片，并对网页中该风景图片设置低 品质源 l 不看电脑，写出下列RGB值对应什么颜色 #FF000 #00FF00 #0000FF #FFFF00 #FF00FF #00FFFF
Dreamweaver教案四(三课时)
教学目的：掌握dreamweaver中表格的应用 教学难点：表格对应的HTML代码
教学重点：表格的编辑
一、复习引入
1． 文字的定位：空 格、回车
2． 图片的定位：垂 直边距、水平边距
二、表格
1． 插入表格：插入（Insert）à表格（table），或者在对象面板
2． 行数（row）
3． 列数（column）
4． 边距（cell padding）：单元格中的内容与单元格边框之间的距离
5． 间距（cell spacing）：单元格之间的距离
6． 宽度（width）：可以是像素（pixel）或百分比为单位（percent）
7． 边框（boder）：
8． 属性面板：只有 在选定整个表格时才出现表格属性
9． 在表格中也可以 通过右击，调出的快捷菜单中选择表格来对表格进行设置
10． 清除行高和列宽按钮
11． 改变列宽单位按钮
12． 背景颜色：
13． 边框颜色：设置整个表格的格线颜色
14． 背景图像：
三、表格所对应的HTML代码
1．表格：
2．行：
|
3．列：
| 四、选定
1． 单击表格左上角 或边框线
2． 在表格内单击表 格任一处，右击，选择表格（table）à选定表格（select table）
3． 选择所有单元格
4． 在文档窗口的左 下角选择标记
5． 选定行
6． 选定单元格
五、表格的编辑
1． 表格的嵌套
在网页中，要进行复杂的定位，一般需要用到嵌套表格。不过，一般不超过三层。
2． 复制剪切粘贴
3． 插入行、列，删 除行列
4． 合并单元格，拆 分单元格
5． 改变行、列、表 格的大小：拖放，属性面板精确定义
6． 表格模板：命令（command）à格式化表格（format table）
六、导入表格数据
1． 文件导入导入表格数据
2． 数据文件
3． 定界符
4． 表格宽度
5． 单元格边距和间距
6． 格式化首行
7． 边框
七、学习网页制作的方法
1． 学习网页制作，要先模仿
2． 在浏览到合适的 网页时，用“另存为”保存，再用dreamweaver来打开
八、作业
1． 将数据文件1.txt转为表格
2． 模仿此页制作页面
Dreamweaver教案五(两课时)
教学目的： 掌握框架
教学难点： 框架的编辑
教学重点： 框架的HTML代码
一、复习引入
回忆：Frontpage中的框架应用
二、框架的应用
1． 重复出现在不同 网页文档中的元素：网页标题、导航栏等等
三、建立框架
1． 将对象面板切换 到框架页（Frame）
2． 插入不同的框架，一个区域对应于一个页面
3． 在框架中打开原 有网页：文件（File）à在框架中打开（Open in Frame）
四、保存框架
1． 选择文件（File）/保存所有框架（Save Frameset），先保存框架文件，接着会出现提示，逐个保存框架中的网页
2． 保存时注意名称
五、框架编辑
1． 框架面板：窗口（Windows）à其它（Other）à框架（Frame）调出框架面板
2． 选定框架组：单 击整个框架组的边框；或在框架面板中单击整个框架的边框
3． 框架属性：名称、源文件，滚动否，是否可以调整大小，是否有边框，边框颜色，边界宽度，边界高度等
4． 拆分框架：按 Alt键，拖动边框；修改（Modify）à框架页（Frameset）à拆分左/右/上/下（split frame top/bottom/left/right）
*注意区别：插入一个新的框架与拆分框架的区别
5． 链接打开的目标
六、框架所对应的HTML代码
1． 框架组：
2． 通过设置：rows 或cols来设定是横的还是竖的，是顶部还是底部
3． 框架组属性： frameborder框架是否有边框，border边框的宽度多少，framespacing框架间距
4． 框架项：
5． 框架属性：src 指向的页面，name框架名，scrolling是否有滚动条，noresize不能由用户改变大小
6． 无框架提示 <![CDATA[<body></p><h2><a name="5" >第五篇：dreamweaver习题</a></h2><p>（习题包括判断题和选择题以及实验题）单元1习题：（1）判断题</p><p>1、Dreamweaver 是美国Macromedia公司开发的集网页制作与管理网站于一身的网页编辑器和开发工具。√</p><p>2、一个WEB站点至少需要一个主页（home Page），可以有其他子页（二级页面等）。√</p><p>3、网页的交互是指浏览者单击栏目、超级链接等，以及鼠标经过或放于某处时，页面会作出相应的反应。√</p><p>4、网页是指采用超文本标记语言编写的，可以在浏览器下浏览的一种文档。√ 单元2习题：(1)判断题：</p><p>1、一个超级链接链接的地址为：this.html#x11，其中x11是this.html页中的某个锚点。√</p><p>2、Dreamweaver 支持在网页中插入各种图像，简单的方法是选择Insert（插入）菜单的中的image(图像)子菜单项。√</p><p>3、×</p><p>4、采用目录与锚点结合的办法，可以实现在长的网页文档内若某网页背景颜色设置为FFFFF，则背景的颜色为黑色。部跳转的功能。√</p><p>5、在网页设计过程中，有时需要将几个单元格进行合并，一般在Dreamweaver中操作方法是，拖动鼠标，将需要合并的单元格选中，然后点击属性工具栏中的“合并单元格”。√</p><p>6、选中表格后，Dreamweaver 中即可显示表格属性，即可对表格的对齐方式、高度、宽度，边框样式等进行设置。√7、8、在Dreamweaver中，非连续的单元格也可直接合并。× 对于框架网页的保存方法是，若要保存所有框架页，则在菜单项里选择“file(文件)”菜单下的“save(保存）”即可。×</p><p>9、一幅图像在网页中是作为一个独立的对象插入的，但是如果情况需要，则可以一幅图象中设置多个“对象点”完成特定的功能，这个就是图像热点。√</p><p>10、若需要对文件进行超级链接设定，只需选中文字，鼠标右键打开属性中在Link（链接）项中输入需要链接的URL即可。√</p><p>(2)不定项选择题：</p><p>1、在网页中录入文档的方法有： abc A)直接录入法。</p><p>B）从已有的文档中通过剪贴板复制剪切粘贴的方法。</p><p>C）修改录入的文档的方法。D）以上均不正确</p><p>2、关于Dreamweaver的操作界面，下列说法正确的是：abd A)工具箱包含了常用的工具，制作网页时用到这些工具。B)对象属性浮动工具栏，对网页制作时选择的对象相适应，用来设置对象的属性。C)状态栏，是表示出被编辑网页的效果。</p><p>D)状态栏，是表示出被编辑网页中正在被编辑的标记名。</p><p>(3)实验习题1：创建网站与网页布局</p><p>一.创建一个个人网站</p><p>1.创建一个本地站点，存放在E盘或F盘上；文件夹名用自己姓名拼音缩写。在该文件夹下创建一个图象文件夹(如Images)，用于存放图形文件。</p><p>2.创建一个远程站点，存放在C:Inetpubwwwroot文件夹下，自己新建一个用于存放自己网站的文件夹，文件夹名mysite</p><p>二.制作网页，使用表格设计网页布局</p><p>3.在站点根文件夹下创建一个新文件，命名为default.htm,该页为主页，在标题栏输入网页标题(某某的网站)</p><p>4.新建 3-4 个网页文件，网页内容自定。</p><p>5.建立default.htm页与其它网页的链接</p><p>实验习题2：文本与图像制作 顶部</p><p>一.网页文字制作</p><p>1.建立文章网页，内容自己设计，进行文本的输入。在段落结尾处使用段落标记<p>(直接按回车键)；在换行处使用换行符<br>(Shift+回车键)。</p><p>2.对当前网页中的文本设置字体、字号(在使用不属于系统基本字体时使用后备字体)</p><p>3.对当前网页中的文本设置颜色</p><p>4.对当前网页中的文本标题设置居中对齐</p><p>5.对当前网页中的文本进行缩进</p><p>6.对当前网页中的文本进行项目列表或与编号列表</p><p>二.在网页中进行图像的插入与处理</p><p>1.建立图象网页，插入图片</p><p>2.自己设置各种图片属性。可使用fireworks处理图象(如重新设置图像大小、剪裁、改变亮度、优化等)。</p><p>3.自选大小相同的图片，创建轮换图象。并建立与本站点网页的链接</p><p>4.插入一张图片，创建图象地图，并建立与本网站文件的链接</p><p>5.制作网站像册，制作缩略图到原图的链接。</p><p>实验习题3：超链接制作 顶部</p><p>1.新建一个网页，创建以下各种超链接。选择目标在新窗口打开</p><p>链接至网站</p><p>链接至当前站点网页文件</p><p>链接至图片文件</p><p>链接至word文档</p><p>链接至flash动画</p><p>链接至mp3声音文件</p><p>链接至应用程序文件</p><p>缩略图至大图的链接</p><p>2.制作文章网页，在各节开头处建立锚点；对各节标题建立至锚点的链接；在各节处建立返回到网页项部的锚点链接</p><p>3.在网页上建立一个信箱，创建给自己发送电子邮件的超链接。</p><p>4.制作一个推荐网站的跳转菜单，加入各网站的URL地址 单元3习题（1）判断题：</p><p>1、在制作网页显示时，若有一些网页，他们有共同的标题、共同的目录格式，只是某些内容部分不太相同，这时，可以应用框架网页来加快网页的显示速度，避免重复载入页面。√</p><p>2、WEB站点是指一系列可以通过Internet 浏览器浏览的，具有相互超级链接的多媒体文档的集合以及完成这些文档的存放、查找、搜索、发布的物理设备和其他相关软硬件系统的集合√</p><p>3、在制作框架网页时，如果需要保存所有框架网页，则只需要选择文件菜单中的SAVE即可保存所有框架网页。×（2）不定项选择题：</p><p>1下列不属于站点管理器的功能的是：ab E)可以实现快速超级链接。</p><p>B）可以自动纠正超级链接的更改。</p><p>C）可以自动发布制作好的网页。D）可以自动升级网站的WEB服务。</p><p>2在框架式网页中添加超级链接时，如果对象的“target(目标框架)”属性为以下时，则可以新窗口打开链接页。abd F)_blank</p><p>B）_parent</p><p>C）_self</p><p>D）_top</p><p>E）main</p><p>（3）实验习题：使用表格进行网页布局</p><p>1.新建一个网页，根据网页布局要求插入一个表格，行列数自定，宽度为780象素，边框为0</p><p>2.对以上建立的表格进行单元格合并或拆分；对表格行宽和列高进行适当调整； 对表格进行插入行或列的操作</p><p>3.对建立的表格的单元格中插入嵌套表格</p><p>4.对表格或单元格设置自选背景图象</p><p>5.在以上建立的表格中插入图象与文字；设置对各单元格水平居中对齐，垂直顶端对齐；设置单元格为“不换行 单元4习题（1）判断题：</p><p>1、作为网页定位技术的表格与层，相对来说表格更为通用，因为层需要浏览器的支持，而表格在任何浏览器下都没有问题。√</p><p>2、网页中引入层技术，在层中可以插入各种对象，而且各个层可以嵌套、重叠、交盖等，但不是所有的浏览器都支持层技术。√</p><p>3、表单网页中，一页表单，至少且只能有一个表单标记，至少有一个提交的按钮。×（2）不定项选择题</p><p>3、网页中的若有多层，下列哪个属性决定层的视觉关系。ac A)Z-index</p><p>B）Layer</p><p>C）Top</p><p>D）left</p><p>4、Dreamweaver 能实现的关于站点管理的内容有：abcd A)检查站点的超级链接</p><p>B）生成站点报告、错误查找和修改。</p><p>C）定义站点</p><p>D）测试站点</p><p>5、在网页中插入水平线，一般可以设置水平线的以下属性abc A)水平线的宽度。B）水平线的颜色。C）水平线的粗细程度。D）水平线的层叠次序。</p><p>6、网页中的超级链接可以链接到。abcd A)链接到本网站中的其他网页。</p><p>B）链接到本文件中某锚点位置。</p><p>C）可以其他站点中的某个位置。</p><p>D）可以链接到某网站中的某个文件对象。</p><p>7、在Dreamweaver MX 中，站点管理包括五大设置项，下列说法错误的是：bcd A)Local info 设置站点的名称、本地文件夹映射位置，站点在Internet 上的位置等。</p><p>B)Remote info 设置站点的远程信息，包括远程服务器的访问方式，帐号、密码等。</p><p>C)Design Notes 设置网页设计过程中是还否保持制作的记录等。</p><p>D)Quick View 设置站点网页显示效果。E)Site Map Layer 站点地图项，设置站点地图的显示方式等。（3）实验习题</p><p>.使用布局视图进行网页布局</p><p>1.使用Fireworks设计网页布局，文档大小760*700像素、导入或自己绘制网页所需图形。将各个图形分别导出，存放在自己站点图象文件夹中、将整个网页图象保存做为跟踪图。</p><p>2.新建一个网页存盘，修改页面属性，设置跟踪图象(使用Fireworks设计的网页布局图象作为跟踪图象)，透明度为50%</p><p>3.进入布局视图，绘制布局表格与布局单元格。</p><p>4.根据网页的跟踪图象，对绘制的布局表格与单元格进行调整或移动</p><p>5.在布局单元格中插入图象</p><p>6.返回标准视图，设置为单元格背景、输入文字等。三.制作框架网页</p><p>1.新建一个框架网页(框架类型自选)</p><p>2.在各框架内插入内容或打开网页，保存各框架页与框架集</p><p>3.设置各框架属性(边框、滚动条等)</p><p>4.建立左框架与右框架文章中锚点的链接，要求目标框架为右边的框架</p><p>5)建立左边导航条中返回主页的链接，设置目标框架为top 单元5、6习题(1)判断题</p><p>1、网页制作中，层的“Z-index”属性表示层的层叠次序，数值大于0表示在页面的上面，数据小于0表示在页面的上面，数值越大就越先看见。×</p><p>2、在Dreamweaver里，层与表格之间是可以转换的，但要求层之间不能有重叠多层的情况</p><p>3、flash中的导线工具，在真正的层中显示时并不可见。×</p><p>4、GIF动画的文件大小相对较大，若用flash 导入后转换为矢量动画就可缩小。√</p><p>5、在追求速度为先的网页设计时，可以多用图象，在追求美观为先的网页设计时，可以多用文字。×</p><p>6、Dreamweaver模板可以在局部应用，但不能应用于整个站点。×</p><p>CSS样式的使用实验习题</p><p>一.制作文章页或诗词页，设置页面属性</p><p>1)新建或打开网页，设置页面默认字体。</p><p>2)设置页面上边距为0、左边距为10。</p><p>3)设置页面背景图片</p><p>4)设置链接颜色</p><p>二.创建自定义的CSS样式</p><p>1.创建自定义的CSS样式(存放在CSS样式表文件中)——标题</p><p>1、标题2等，使用类型面板设计字体样式，并应用到当前网页中。</p><p>2.创建自定义的CSS样式“正文”，字体大小为10点数，字体幼圆；行高为1.8倍行高，并应用到当前网页中。</p><p>三.重定义HTML标签</p><p>1.修改Body标签,使用背景面板设置背景图象.不重复、固定、自定位置</p><p>使用区块面板设置文本对齐为居中。</p><p>四.修改CSS样式.1.修改自己所建的标题1模式，使用区块面板设置文本对齐为居中</p><p>2.重定义“正文”模式，缩进2个字</p><p>3.修改标题模式，使用边框面板设置下边框为双线、颜色自选</p><p>五.附加CSS样式表</p><p>新建一个网页，附加以上建立的CSS样式表，并应用样式。</p><p>六.使用CSS样式中的过滤器</p><p>1.新建一个图片网页，使用表格布局后插入图片。</p><p>2.新建样式，仅应用该文档，设置Alpha透明度为50%(在扩展面板的滤镜下拉列表框中设置Alpha(Opacity=50)</p><p>3.新建一个样式invert，仅应用该文档，(在扩展面板的滤镜下拉列表框中选择invert)</p><p>4.建立样式gray，FlipH，Xray，5.对图片后分别设置以上新建的样式后在浏览器中查看效果</p> </div>
</article>
<a href="#" tpid="25" target="_self" class="download_card jhcdown" rel="nofollow">
<img class="download_card_pic" src="//static.xiexiebang.com/skin/default/images/icon_word.png" alt="下载2010年Dreamweaver期中设计策划书word格式文档">
<div class="download_card_msg">
<div class="download_card_title" style="text-decoration:none;">下载2010年Dreamweaver期中设计策划书.doc</div>
<div class="download_card_tip">将本文档下载到自己电脑，方便修改和收藏，请勿使用迅雷等下载。</div>
</div>
<div class="download_card_btn">
<img src="//static.xiexiebang.com/skin/default/images/icon_download.png">
<div class="downlod_btn_right">
<div>点此处下载文档</div>
<p>文档为doc格式</p>
</div>
</div>
</a>
<div class="post-tags mt20 mb30"><span>相关专题</span>
<a href="/tag/yyshsjchs/" target="_blank">医院深化设计策划书</a>
<a href="/tag/fzclsjchs/" target="_blank">服装陈列设计策划书</a>
</div>
<div class="single-info mb40"><span class="hidden-xs ">网址：https://www.xiexiebang.com/a4/201905128/f509f91164e95d81.html</span><br>声明：本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：645879355@qq.com 进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。 </div>
<div class="single-xg mb40">
<div class="con-title">
<h3><a name="6"></a>相关范文推荐</h3>
</div>
<div class="sticky mb20">
<ul><h2 class="mb20"><a href="/a5/201905130/42914773b4d7dd46.html" target="_blank">DreamWeaver教案（大全）</a></h2><p>第一部分 网页基础 1、了解网页设计的相关知识： Frontpage/网页四剑客/ Html/ Asp/ Java脚本语言等 2、熟悉Dreamweaver工作窗口 3、掌握常用工具的打开方法 文档/标准/插入/......</p><h2 class="mb20"><a href="/a15/201905152/74c528f201253ca4.html" target="_blank">dreamweaver笔记</a></h2><p>弹出菜单 弹出菜单在网页制作中是一种非常常用的菜单方式，这种菜单不但制作简单，而且效果也很好。 效果说明 本实例所要完成的效果是当鼠标移动到文字上时，就会弹出一个漂亮的......</p><h2 class="mb20"><a href="/a15/201905157/491788f8129d40fa.html" target="_blank">Dreamweaver教学大纲</a></h2><p>www.xiexiebang.com Dreamweaver3.0教学大纲 课程名称：边用边学Dreamweaver3.0 总学时：30 授课学时：14 实验学时：16 注：以一讲为一授课学时，实验学时不少于授课学时 使用教材：甘......</p><h2 class="mb20"><a href="/a15/201905157/6f3b11d33bbe1bba.html" target="_blank">Dreamweaver教案</a></h2><p>第一课 软件简介与设置 1.1课程介绍 本课程主要内容 ①内容提要/学习目标 ②软件演示 ③实例操作步骤 本课程的三个特色栏目 ①网页色彩搭配； ②HTML基础； ③名词解释 1.2 (......</p><h2 class="mb20"><a href="/a12/201905144/de1c2d3b612b8731.html" target="_blank">基于Dreamweaver的网页设计(标准格式毕业论文)</a></h2><p>石家庄科技信息职业学院 顶岗实习岗位技术工作论文 基于Dreamweaver的网页设计 学 号: 121404218 姓 名: *** 专 业: 软件技术 年 级: 12级 企业指导老师: 二〇一五年三月......</p><h2 class="mb20"><a href="/a12/201905144/2312584e089d0504.html" target="_blank">电大Dreamweaver的网页设计论文</a></h2><p>鄂尔多斯电视广播大学毕业设计 鄂尔多斯电视广播大学 毕业设计（论文） 题目：个人网站设计——个人网站建设 学 院：_鄂尔多斯电大 _ 专 业：计算机应用技术 班 级： 计算机班 姓 名：___......</p><h2 class="mb20"><a href="/a12/201905144/8da430bcadacb3f3.html" target="_blank">2016届职业高中Dreamweaver网页设计毕业论文</a></h2><p>中等职业技术学校 毕业论文题目：关于Dreamweaver的网页设计 ——————————————— 学生（姓名）： ——————————— 论文指导教师姓名： 所在系及专业名称：___电脑......</p><h2 class="mb20"><a href="/a12/2019051415/b521defa202264c0.html" target="_blank">Dreamweaver网站设计课堂练习.doc(更新)5篇</a></h2><p>Dreamweaver网站设计 【训练目的】 通过这个技能，引导学生逐步学习创建网站站点、建立站点首页、使用表格与层、添加超链接、使用框架与表单、加入动态特效和多媒体组件、制......</p></ul> </div>
</div>
</div>
</div>
<div class="right-content-box wow fadeInRight delay300 right-content">
<script src="/e/member/login/loginjs.php"></script>
<div class="sidebar">
<div id="sidebar" role="complementary">
<aside id="recent-posts-3" class="widget widget_recent_entries">
<h3 class="widget-title">猜你喜欢</h3>
<ul class="new-list"><li><a href="/a5/201905130/8128bafa89211ed8.html" title="DREAMWEAVER电子教案" target="_blank">DREAMWEAVER电子教案</a></li><li><a href="/a1/2019051219/7feb0173adae7b19.html" title="认识Dreamweaver教案" target="_blank">认识Dreamweaver教案</a></li><li><a href="/a1/2019051220/250150053560ae21.html" title="Dreamweaver全套教案" target="_blank">Dreamweaver全套教案</a></li><li><a href="/a5/201905130/35ca71078b584374.html" title="Dreamweaver教案补充（★）" target="_blank">Dreamweaver教案补充（★）</a></li><li><a href="/a6/2019051320/c9644a0e4875d2d2.html" title="Dreamweaver常用快捷键总结大全" target="_blank">Dreamweaver常用快捷键总结大全</a></li><li><a href="/a1/201905120/3b1c64adafcfb512.html" title="期中总结策划书" target="_blank">期中总结策划书</a></li><li><a href="/a12/2019051323/25947516b842a8c6.html" title="用Dreamweaver MX设计超简留言本（精选合集）" target="_blank">用Dreamweaver MX设计超简留言本（精选合集）</a></li><li><a href="/a14/2019051511/8b632c48dc92c426.html" title="Dreamweaver网页设计 职业技能实训答案（★）" target="_blank">Dreamweaver网页设计 职业技能实训答案（★）</a></li><li><a href="/a5/201905130/25702cd46277ffb5.html" title="网页设计Dreamweaver CS3 教案(华东师范大学出版社)" target="_blank">网页设计Dreamweaver CS3 教案(华东师范大学出版社)</a></li><li><a href="/a12/2019051323/1a92e99cc47ce32b.html" title="Dreamweaver制作网页经典问题" target="_blank">Dreamweaver制作网页经典问题</a></li></ul> </aside>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="footer" class="p30">
<div class="container">
<div class="footer-top clearfix">
<div class="copyr">
<div class="footer-menu clearfix mb10">
<ul class="footer-menu-con">
<li><a href="/a1/">1号文库</a></li><li><a href="/a2/">2号文库</a></li><li><a href="/a3/">3号文库</a></li><li><a href="/a4/">4号文库</a></li><li><a href="/a5/">5号文库</a></li><li><a href="/a6/">6号文库</a></li><li><a href="/a7/">7号文库</a></li><li><a href="/a8/">8号文库</a></li><li><a href="/a9/">9号文库</a></li><li><a href="/a10/">10号文库</a></li><li><a href="/a11/">11号文库</a></li><li><a href="/a12/">12号文库</a></li><li><a href="/a13/">13号文库</a></li><li><a href="/a14/">14号文库</a></li><li><a href="/a15/">15号文库</a></li>
</ul>
</div>
<p>Copyright © 2018 <a href="/">写写帮文库</a> All Rights Reserved <a target="_blank" href="http://www.beian.miit.gov.cn" rel="nofollow"> 浙ICP备11058632号</a>
<script type="text/javascript" src="//static.xiexiebang.com/skin/default/js/tj.js"></script></p> </div>
</div>
</div>
</section>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/superfish.js'></script>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/jquery.slicknav.js'></script>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/xs.js'></script>
<div class="right_bar hidden-xs ">
<ul>
<li class="rtbar_li1" style="left: 0px;"><a><img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon3.png"><span id="call_tel"></span></a></li>
<li class="rtbar_li2"> <a href="javascript:void(0);"> <img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon4.png"> </a>
<div class="rtbar_shwx" style="display: none;"> <img width="188" height="188" alt="微信二维码" src="//static.xiexiebang.com/skin/default/images/wechat.png"> </div>
</li>
<li class="rtbar_li3" style="left: 0px;"> <a href="tencent://message/?uin=2261362615&Menu=yes"> <img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon2.png"> 点击咨询 </a> </li>
<li class="rtbar_li5"><a href="#1">第一篇</a></li>
<li class="rtbar_li6"><a href="#2">第二篇</a></li>
<li class="rtbar_li7"><a href="#3">第三篇</a></li>
<li class="rtbar_li8"><a href="#4">第四篇</a></li>
<li class="rtbar_li9"><a href="#5">第五篇</a></li>
<li class="rtbar_li10"><a href="#6">更 多</a></li>
<li class="rtbar_li4 gotop"> <a href=""><img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon1.png"> </a></li>
</ul>
</div>
</body>
</html>]]>
