上机作业十一.ppt

1、一、基本操作,在E:盘新建文件夹，重命名它为你的拼音姓名； 建立并设置本地根文件夹 新建本地根文件夹：在姓名文件夹中新建本地根文件夹，命名为root，并在root文件夹下新建文件夹x2-01； 复制文件：将“上机作业十一”文件夹中的Y1-01、Y3-01、Y4-02、Y5-04、Y6-01文件夹复制到root文件夹中，并重命名为x1-01、x3-01、x4-02、x5-04、x6-01、x7-01； 定义站点 设置站点名称：定义站点，命名为“精美宋词”； 设置本地根文件夹：本地根文件夹指定为root文件夹； 设置HTTP地址： HTTP地址设置为http:/localhost,基本操作,创建与

2、设置文档 启动DW MX，新建一个未命名的HTML文档； 将该文档保存到x1-01文件夹中，文档名为x1-01.html； 设置页面属性：文档标题为“念奴娇赤壁怀古”；背景图像设置为X1-01y1-01.jpg；左边界、边界宽带、顶部边界以及边界高度分别设置为25；,基本操作,输入文本 在x1-01.html文档中输入如下文字：,基本操作,创建与运用HTML样式 创建样式名为HTML1-01的HTML样式，设置为“段落”样式，清除已有的样式；设置字体为华文新魏，粗体，大小7号，颜色#0033CC，格式为“标题1”，对齐方式为居中 对“念奴娇赤壁怀古”运用HTML1-01样式 使用CSS样式表

3、创建CSS样式：在x1-01.html文档中创建css样式，以css1-01为样式名保存到X1-01文件夹中，设置字体为隶书，字号为18像素，颜色#0066FF，居中对齐，带下划线，首行缩进0点数 运用CSS样式：对所输入文本的第2段运用 css1-01样式,二、使用表格布局,布局页面 在站点中新建一个文档x2-01A.htm，保存到x2-01文件夹中，在该文档中绘制页面布局。 设置页面布局:参照样图的标注，左侧布局单元格的宽度为90像素，高度为300像素，背景颜色为#99CCFF；上部布局表格的宽度为362像素，高度为81像素，背景颜色为#FFFFCC；下部布局表格的宽度为362像素，高度为

4、219像素，背景颜色为#99FFFF。,操作表格,表格的创建与设置 在站点中新建一个文档x2-01B.htm，保存到x2-01文件夹中，在该文档中创建一个表格。 设置表格：表格的宽度为412像素，单元格填充和单元格间距设置为0，表格的边框设置为1，表格命名为T2-01A。 填充表格：输入如上图的表格数据及文字。效果如下图：,操作表格,设置单元格属性： 表格水平居中对齐：除第1行单元格外，其余各列单元格的宽度为80像素，高度均为25像素。 使用格式化表格命令 设置行颜色：奇数行颜色为#FFFFCC，偶数行颜色为#CCFF99。 表格第1行的对齐方式为居中，文本样式为粗体，背景色为#6633CC，

5、文本色为白色。 表格的第1列对齐方式为居中对齐，文本样式为斜体。 表格的边框为1,操作表格,复制表格或单元格： 复制T2-01A的第2行第6行，粘贴到表格T2-01A的下面，命名为T2-01B。 管理表格 按T2-01B第2列的升序排序T2-01B，如图所示。,操作表格,重新编排表格 复制表格T2-01B，重命名为T2-01C，交换 T2-01C中“销售额”与“开发部”两列，如图所示。,三、运用与设置图像,运用图像：打开x3-01x3-01A.htm文档，插入x3-01imagesy3-01.jpg图像； 设置图像属性： 设置图像高为300像素，宽为400像素，纵向和横向间隙为100像素，图像

6、在文档窗口中居中； 绘制图像热点区域：头部采用圆形热点工具，替代文字为“学习头部的制作”；背部采用矩形热点工具，替代文字为“学习背部的制作”；翅膀和尾部采用多边形热点工具，替代文字分别为“学习翅膀的制作”和“学习尾部的制作”,运用与设置图像,设置图像链接：分别为头部、背部、翅膀和尾部热点区域创建链接，均链接到x3-01x3-01B.htm文档，链接文档在_blank目标中打开。 电子相册的创建： 新建一个文档，创建相册图。设置主标题为“相册集”，副标题为“风景篇”，其他信息为“祖国大好河山欣赏” 源文件夹为pic文件夹，目的文件夹为x3-01文件夹，缩小尺寸为100100，每行显示5列，缩小格

7、式及图片格式分别为JPEG Better Quality，图像的显示比例为100%，创建图像导航。 将x3-01index.htm文档重命名为x3-01B.htm，按提示更新链接。,四、使用框架和框架集,框架的插入：新建一个文档，创建“上方固定”的框架； 框架的命名：将顶部框架命名为top，下部框架命名为main； 保存框架集文件：将框架集文件命名为 x4-02A.html，保存到x4-02文件夹中； 填充框架内容：如图插入表格，表格背景颜色为#FFFFCC；页面背景颜色为#FFFF99； 插入代码片断：在top框架第1行单元络中插入“代码片断”面板中Snippetsheader代码片断。 保

8、存和设置框架文档：保存框架文件到 x4-02文件夹中，其中top框架保存为 x4-02B.html，main框架保存为x4-02C.html 超级链接的建立与框架目标的指定：创建顶部top框架中文本“风中叶”与wjy4-02A.html文件链接；文本“告别校园”与wjy4-02B.html文件链接；文本“缘生缘灭”与wjy4-02C.html文件链接；文本“听雨”与 wjy4-02D.html文件链接；文本“水中花”与 wjy4-02E.html文件链接；每首诗的正文在main框架中显示。 框架源文件的设置：设置main的框架中的源文件设置为 wjy4-02.html。,五、创建链接,打开x5

9、-04x5-04.html文档 创建和设置链接：在文档的文本“考古学”处创建到x5-04.htm的链接； 插入命名书签：在x5-04.htm文档正文的“贝丘”、“船棺葬”、“岩画”、“铜镜”、“铜鼓”和“带钩”标题文本处分别插入命名书签，书签的命名依次为x5_04ax5_04f； 创建命名书签链接：分别创建上栏中相应文本和相应命名书签的链接； 链接的设置与更改：创建“正文”中的所有命名书签“返回考古学专题”和“考古学专题”处的链接，其中“考古学专题”处书签命名为x5_04g； 创建电子邮件链接：在文档结尾处文本“Email:”中插入电子邮件链接，电子邮件地址为。,六、层、时间轴和行为的使用,新

10、建一个x6-01.html文档，保存到x6-01文件夹中，设置文档背景颜色为#999999，标题为幻灯片，完成下列操作 层的插入和命名：在该文档中分别插入三个没有包含关系的层，依次命名为layer1、 layer2和 layer3； 层内插入图像：将x6-01images y6-01A.jpg插入到层layer1中， x6-01imagesy6-01B.jpg插入到层layer2中， x6-01imagesy6-01C.jpg插入到层layer3中。,层、时间轴和行为的使用,设置层的大小和坐标 设置层和层内图像的大小，使它们大小保持一致，宽度为400、高度为300，单位为像素； 设置层在页面中

11、的坐标，x为226，y为61； 时间轴和行为的使用 设置时间轴：将layer1图层加到第1条动画轨道第15帧，将layer2图层加到第2条动画轨道第510帧，将layer31图层加到第3条动画轨道第1015帧； 添加行为：在第1帧处加入显示layer1，同时隐藏其他层的行为；在第5帧处加入显示layer2，同时隐藏其他层的行为；在第10帧处加入显示layer3，同时隐藏其他层的行为； 设置循环和自动播放：将动画设置为循环并自动播放，拖动最后1帧处行为频道上的小方块与15帧处行为频道上的行为重合。,七、表单的创建与设置,新建x7-01.htm文档，保存到x7-01文件夹中； 插入并命名表单：在x

12、7-01.htm文档中插入一个命名为Loginform的表单； 插入表单对象：如下图,表单的创建与设置,表单对象属性的设置： 将“姓名：”右边的文本域命名为name，字符宽度为10，最多字符数为16，类型为单行文本域； 将“性别：”右边两个单选按钮均命名为gender，取值依次为0、1，初始状态均未选中； 将“E-mail：”右边的文本域命名为email，字符宽度为30，最多字符数为20，类型为单行文本域； 将“平均每天上网：”右边文本域命名为hour，类型为菜单类型。列表的选项为12小时、35小时、610小时、10小时以上，列表的值依次为0104； 将“经常上的网站：”右边的复选框从左到右依次为net1net3，初始状态均为未选中状态，取值依次为0103； 将“对现在网站的建议：”右边