dreamweaver网页制作过程

dreamweaver网页制作过程试验一实验名称：HTML标记语言实验目的：验证HTML标记语言的标记实验内容： 1. HTML基本结构一个简单的HTML示例欢迎光临我的主页这是我第一次做主页 2. 验证标记： 1）页面结构标记在文档的最外层文档的头部标签文本正文标记 2）段落标记分段标记换行标记水平线标记标题字大小标记 3) 格式化标...

试验一实验名称：HTML标记语言实验目的：验证HTML标记语言的标记实验内容： 1. HTML基本结构一个简单的HTML示例

欢迎光临我的主页

这是我第一次做主页 2. 验证标记： 1）页面结构标记在文档的最外层文档的头部标签文本正文标记 2）段落标记

分段标记
换行标记

水平线标记标题字大小标记 3) 格式化标记 4) 图象标记图象标记支持的格式：.gif， .jpeg，.bmp 5）列表标记 6）表格标记 ,

, < tr >, < /tr > , , 7）超文本链接标记超链接名称 8）表单标记

定义输入组件标记常用的属性： TYPE 指定组件类型 NAME 组件标识 VALUE 组件输入域初始值 SIZE 组件输入域大小 CHECKED 提供复选框与单选框的初始状态 TYPE的值:text,password,checkbox,radio submit,imag,reset等试验二实验名称：dreamweaver初步、图像与媒体插入实验目的：使用dreamweaver进行初步网页设计实验内容：编排扬州瘦西湖旅游网页首先在dreamweaver中定义一个本地静态站点，然后将“项目素材”文件夹中内容复制到站点根文件夹下。在【文件】面板列表中双击打开网页文件“index.htm” 任务一插入图像（一）插入背景图像 1.单击【属性】面板的【页面属性】按钮，打开【页面属性】，在【外观】分类中单击【浏览】按钮打开【选择图像源文件】对话框，在【查找范围】下拉列表框中选择网页背景图像文件images/bg.gif ，然后单击【确定】按钮。 2.在【重复】下拉列表框中有4个选项：“不重复”、“重复”、“横向重复”及“纵向重复”，可以通过选择它们来定义背景图像的重复方式。（二）插入图像 1.插入图像在网页中，插入图像的方法通常有3种：（1）在主菜单中选择【插入】／【图像】命令。（2）在【插入】／【常用】面板的【图像】下拉菜单中单击（图像）按钮。（3）在【文件】／【文件】面板中用鼠标选中文件，然后拖到文档中适当位置。 2.设置图像属性在图像【属性】面板中，比较常设置的参数有：【宽】和【高】、【替换】【垂直边距】、【水平边距】、【边框】等。 3．图文混排要做到图像混排就需要用到【属性】面板的【对齐】选项，【对齐】选项调整的是图像周围的文本或其他对象与图像的位置关系。在【对齐】下拉列表中共有10个选项，其中经常用到的是“左对齐”和“右对齐”两个选项。任务二插入媒体（一）插入Flash动画 1. 插入Flash动画插入Flash动画的方法通常有3种：（1）在主菜单中选择【插入】/【媒体】/【Flash】命令。（2）在【插入】/【常用】/【媒体】面板中单击（Flash）图标。（3）在【文件】／【文件】面板中用鼠标选中文件，然后拖到文档中。 2.设置Flash动画属性在【属性】面板的【宽】和【高】文本框中分别输入宽度和高度，勾选【循环】和【自动播放】选项，还可以根据需要设置其他参数。（二）插入图像查看器 1.插入图像查看器Flash占位符在主菜单中选择【插入】/【媒体】/【图像查看器】命令，打开【保存Flash元素】对话框，为新的Flash动画命名。 2．设置Flash占位符属性在Flash占位符【属性】面板中定义宽度和高度等参数。 3.修改图像文件路径右键单击Flash占位符，在弹出的菜单中选择【编辑标签

dreamweaver网页制作过程

欢迎光临我的主页

你可能还喜欢