上机作业十一.ppt

一、基本操作 在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 基本操作 创建与设置文档 启动DW MX，新建一个未命名的HTML文档； 将该文档保存到x1-01文件夹中，文档名为x1-01.html； 设置页面属性：文档标题为“念奴娇—赤壁怀古”；背景图像设置为X1-01\y1-01.jpg；左边界、边界宽带、顶部边界以及边界高度分别设置为25； 基本操作 输入文本 在x1-01.html文档中输入如下文字： 基本操作 创建与运用HTML样式 创建样式名为HTML1-01的HTML样式，设置为“段落”样式，清除已有的样式；设置字体为华文新魏，粗体，大小7号，颜色#0033CC，格式为“标题1”，对齐方式为居中 对“念奴娇—赤壁怀古”运用HTML1-01样式 使用CSS样式表 创建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像素，高度为219像素，背景颜色为#99FFFF。 操作表格 表格的创建与设置 在站点中新建一个文档x2-01B.htm，保存到x2-01文件夹中，在该文档中创建一个表格。 设置表格：表格的宽度为412像素，单元格填充和单元格间距设置为0，表格的边框设置为1，表格命名为T2-01A。 填充表格：输入如上图的表格数据及文字。效果如下图： 操作表格 设置单元格属性： 表格水平居中对齐：除第1行单元格外，其余各列单元格的宽度为80像素，高度均为25像素。 使用格式化表格命令 设置行颜色：奇数行颜色为#FFFFCC，偶数行颜色为#CCFF99。 表格第1行的对齐方式为居中，文本样式为粗体，背景色为#6633CC，文本色为白色。 表格的第1列对齐方式为居中对齐，文本样式为斜体。 表格的边框为1 操作表格 复制表格或单元格： 复制T2-01A的第2行—第6行，粘贴到表格T2-01A的下面，命名为T2-01B。 管理表格 按T2-01B第2列的升序排序T2-01B，如图所示。 操作表格 重新编排表格 复制表格T2-01B，重命名为T2-01C，交换 T2-01C中“销售额”与“开发部”两列，如图所示。 三、运用与设置图像 运用图像：打开x3-01\x3-01A.htm文档，插入x3-01\images\y3-01.jpg图像； 设置图像属性： 设置图像高为300像素，宽为400像素，纵向和横向间隙为100像素，图像在文档窗口中居中； 绘制图像热点区域：头部采用圆形热点工具，替代文字为“学习头部的制作”；背部采用矩形热点工具，替代文字为“学习背部的制作”；翅膀和尾部采用多边形热点工具，替代文字分别为“学习翅膀的制作”和“学习尾部的制作” 运用与设置图像 设置图像链接：分别为头部、背部、翅膀和尾部热点区域创建链接，均链接到x3-01\x3-01B.htm文档，链接文档在_blank目标中打开。 电子相册的创建： 新建一个文档，创建相册图。设置主标题为“相册集”，副标题为“风景篇”，其他信息为“祖国大好河山欣赏” 源文件夹为pic文件夹，目的文件夹为x3-01文件夹，缩小尺寸为100×100，每行显示5列，缩小格式及图片格式分别为JPEG Better Quality，图像的显示比例为100%，创建图像导航。 将x3-01\index.htm文档重命名为x3-01B.htm，按提示更新链接。 四、使用框架和框架集 框架的插入：新建一个文档，创建“上方固定”的框架； 框架的命名：将顶部框架命名为top，下部框架命名为main； 保存框架集文件：将框架集文件命名为 x4-02A.