网页制作和规划实训报告4.doc

学 号： 实 训 报 告 教 学 院 课程名称 专 业 班 级 姓 名 指导教师 2013 年 12 月 27 日 实训报告内容 实训名称实训时间实训地点实训目的 4. 掌握几种链接的具体创建方法 5. 掌握图像元素的添加和运用技巧 实 任务二：HTML基本标记的应用 1. 在C盘或其他盘符下新建一个工作夹，制作的所有页面都保存在这个文件夹内。将给定的图像素材文件复制到工作文件夹中。 2. 建立名称为了test.html的HTML页面，页面标题为“基本标记测试”；页面内的所有标题文字均为标题2格式；单击链接文字时要求在新的浏览器窗口中，打开test.html页面自身；图片名称为1．gif，存放在工作文件夹中，与test．htm页面位于同一位置； 3. 建立名称为login．htm的HTMI。页面，效果如图4—2所示。 页面功能要求为： (1)页面标题为“表单标记测试”； (2)“姓名”为单行文本框，宽10个字符，最多能填写20个字符； (3)“性别”为单选按钮，传递的值为“男”和“女”，第一个按钮为默认选中； (4)“职业”为下拉列表框，内容有“教师”、“工人”和“职员”； (5)“爱好”为复选按钮，传递的值分别对应为1，2，3，4，第一个按钮为默认选中； (6)“留言”为多行文本框，大小为5行40列，默认内容为“说几句吧!”； (7)“提交”按钮和“重置”按钮分别完成提交表单功能和重置表单功能，表单提交方式为get； (8)页面上的所有文字默认为3号字。 4. 页面测试 实训二 表格、表单和框架的应用 任务一：表格的应用 1.在c盘或其他盘新建一个文件夹，作为站点文件夹。输入你想要的站点名称，这里输入myweb5。在此文件夹中新建一个图像文件夹images，并将给定图像素材复制到其中。 2. 建立本地站点。 3. 在默认打开的网页中，选择“修改”l‘‘页面属性”菜单命令，设置背景颜色为#clclcl。在网页中插入一个2行2列的表格。选中表格，在“属性”检查器的表格“高”输入框中输入100，单位为“％”。将第一行两个单元格合并为一个。 4. 利用“属性”检查器调整3个单元格的宽度和高度。将光标放在第一行单元格内，在“属性”检查器“高”输入框中输入110，“宽”不输入；将光标放在第二行第一个单元格内，在“属性”检查器“宽”输入框中输入250，“高”不输入；将光标放在第二行第二个单元格内，在“属性”检查器“宽”输入框中输入450，“高”不输入。 5. 按样张在第一行单元格中输入“饮食本草”，文字大小80像素，字体“华文彩云”，前两个字白色，后两个字颜色为#009900。在文字下方插入一条水平线，属性取默认值。 6. 在第二行第一个单元格内插入一嵌套表格，表格相关属性分别为8行1列、表格高度和宽度均为100％、边框粗细为0、单元格边框为0、单元格间距为0。 7. 在第二行第二个单元格内插入一嵌套表格，表格相关属性分别为3行3列、表格高度和宽度均为100％、边框粗细为2、单元格边框为0、单元格间距为0。在左侧嵌套表格各行中分别输入图所示内容，然后将8个单元格的高度均设置为50。文字大小为36，字体为“华文新魏”，然后将每行文字均创建无址链接。 8. 在中侧嵌套表格中分别插入5张文件夹images中的图片，每张图片的宽度和高度均为150，注意：当图片尺寸变小后，表格不会自动缩小，这时可以选中整个表格，在“属性”检查器中单击“清除行高”和“清除列宽”两个按钮来调整表格大小。 9. 保存网页。 任务二：框架的应用 1. 在C盘或其他盘新建一个文件夹，作为站点文件夹。并将给定的图片文件和素材文件复制到站点文件夹中。 2. 建立本地站点，在默认打开的网页中，选择“插入”面板上的“布局’’选项卡。单击框架按钮的下拉箭头，从下拉菜单中选择命令。 3. 将光标置于顶端框架内，选择“修改”|“页面属性”菜单命令，设置背景颜色为#C1C1C1。同理将左框架和主框架的页面背景色都设置为#C1C1C1。 4. 选择“窗口“|‘‘框架”菜单命令，将“框架”面板调出来。然后设置三个框架的大小。 5. 在顶端框架内输入站点标题‘‘饮食本草”，文字大小为80像素，字体为“华文彩云”，前两个字白色，后两个字颜色为#009900，居中对齐。 6. 在左侧框架内插入一个表格，表格相关属性分别为9行1列、表格高度和为100％、 宽度为100％、边框粗细为0、单元格边框为0、单元格间距为0、对齐方式为右对齐。然后 将9个单元格的高度均设置为50，在其中输入样张中的文字，文字大小为36，字体为“华文 新魏”。 7. 在右侧主框架中插入一个表格，表格相关属性分别为3行3列、表格高度和宽度