静态网页制作（Dreamweaver） 静态网页制作（Dreamweaver） 计算机系部网站-实训指导书12.doc

静态网页设计与制作（项目式） PAGE 218 PAGE 218 课程实训指导书 《静态网页制作（Dreamweaver）》 实训指导书 指导教师：张亚静 所在系别： 计算机技术系 所属专业： 网络技术 指导教师: 张亚静 专业负责人： 孙志成 PAGE PAGE 217 指导书填写要求 实训设计指导书由指导教师根据课题的具体情况进行设计填写，经学生所在专业的负责人审查、系领导签字后生效。此指导书应在实训开始前一周内填好并发给学生； 指导书填写的内容，必须和学生实训完成的情况相一致。若有变更，应当经过所在专业教研室及系主管领导审批后方可重新填写； 本指导书内有关“系”、“专业”等名称的填写，应写中文全称，学生的“学号”要写全，不能只写最后2位或1位数字； 有关年月日等日期的填写，一律用阿拉伯数字书写。如“2017年3月2日”或“2017-03-02”。 PAGE PAGE 7 实训十三、HTML中的格式标记 一、实训的目的与要求 （一）实训目的 1. 掌握标题、换行、段落标记的HTML编写方法。 2. 掌握水平线标记的HTML编写方法。 （二）实训要求 HTML标记属性需要写在标记字符的后面，的里面。 HTML格式标记应写在网页主体标记body /body中。 二、实训的前期准备（设备、用具与软件环境） 操作系统： WIN10/WIN7/XP等操作系统 应用软件 Dreamwear网页编辑软件及 Flash动画设计软件、PS图形图像处理软件等。 三、实训的步骤 1. 标题标记 在Dreamweaver 6的代码窗口中，在 body 、/ body 中增加HTML的标题标记代码，如下所示。 html head title网页头部信息/title /head body 网页主体信息 h1 一级标题 /h1 h2 二级标题 /h2 h3 三级标题 /h3 h4 四级标题 /h4 h5 五级标题 /h5 h6 六级标题 /h6 /body /html 单击F12命令，可在浏览器中预览效果。 2. 换行标记 在Dreamweaver 6的代码窗口中，在 body 、/ body 中增加换行标记的代码br，如下所示。 第一阶段： 2008年6月——2008年9月br 第二阶段： 2008年10月——2008年12月br 第三阶段： 2009年1月——2009年4月br 单击F12命令，可在浏览器中无换行标记和有换行标记的预览效果。 3. 段落标记 在Dreamweaver 6的代码窗口中，在 body 、/ body 中增加段落标记的代码/p，如下所示。 p第一阶段： 2008年6月——2008年9月/p p第二阶段： 2008年10月——2008年12月/p p第三阶段： 2009年1月——2009年4月/p 单击F12命令，可在浏览器中预览效果。 4. 段落标记属性 在Dreamweaver 6的代码窗口中，在 body 、/ body 中增加段落标记属性的代码，如下所示。 p align=center第一阶段： 2008年6月——2008年9月/p p align=left第二阶段： 2008年10月——2008年12月/p p align=right第三阶段： 2009年1月——2009年4月/p 单击F12命令，可在浏览器中预览效果。 5. 水平线标记 在Dreamweaver 6的代码窗口中，在 body 、/ body 中增加水平线标记代码hr，如下所示。 html head title网页头部信息/title /head body 网页主体信息 h1 一级标题 /h1 h2 二级标题 /h2 h3 三级标题 /h3 h4 四级标题 /h4 h5 五级标题 /h5 h6 六级标题 /h6 hr p align=center第一阶段： 2008年6月——2008年9月/p p align=left第二阶段： 2008年10月——2008年12月/p p align=right第三阶段： 2009年1月——2009年4月/p /body /html 单击F12命令，可在浏览器中预览效果。