顺序-广州松田职业学院.DOCVIP

广州松田职业学院 网页编程基础（HTML+CSS+DIV） PAGE 2 实训项目指导书 课程名称：网页编程基础（HTML+DIV+CSS） 适用年级： 14级 适用专业： 电子商务专业 编 写： 杨本胜 审 核： 杨本胜 广州松田职业学院 网页编程基础（HTML+CSS+DIV）实训指导书 序号 实训项目名称 学时 实训类型 选修类别 每组学生数 1 网页设计基础及HTML基本标签 4 设计型 必修 55 2 HTML文本格式的应用 4 设计型 必修 55 3 HTML 链接的应用 2 设计型 必修 55 4 HTML 表格和列表的应用 6 设计型 必修 55 5 HTML 表单与框架的应用 6 设计型 必修 55 6 HTML和CSS综合应用 10 设计性 必修 55 实训一　网页设计基础及HTML基本标签 一、实训课时 本次实训4学时 二、实训教学目标 1．掌握利用因特网进行信息游览、搜索，下载网页、图片、文字和文件； 2．对给定的网站，能指出网站的链接结构、目录结构、页面布局方式； 3．掌握HTML的基本标签HTMLHEAD BODYTITLEMTEA标记； 三、实训环境】 Window xp操作系统，Dreamweaver，机器联网。 四、实训重点及难点 熟练使用浏览器进行浏览、搜索、下载。 五、实训步骤、过程 1、根据网站制作的需要，从网上下载网页制作时需要的文字、小图片、动画及flash。 2、上网访问实际若干网站，了解各网站的风格（主题图形形象、导航是否清晰，整体色调的搭配是否协调，主题是否突出等）、页面布局方式；在网上找出下列版面布局的结构形式： ⑴“T”结构布局 ⑵“口”型（“国”字型）布局 ⑷ 对称对比布局 ⑻ 海报型布局 3、利用搜索引擎，浏览因特网上较为著名的5个网站，记录这些网站的名称、网站地址和以及相应的网页文件格式（扩展名）； 4、查看我院WWW网站主页的源代码，收藏到收藏夹中，将其设为主页，并指出该网站的链接结构、目录结构和页面布局方式。 5、构建最简合法的HTML文档“我的第一个网页”： （1）从开始菜单启动记事本； （2）在记事本中，录入一个最简合法HTML文档； （3）设置该文档在最终在浏览器中显示的标题为“我的第一个网页”； （4）在页面添加可见的文本“我的第一个网页”； （5）使用记事本的菜单“文件”→“保存”，在“另存为”对话框中，在“保存类型”下拉列表中选择“所有文件”，录入“文件名”myfirstpage.htm，单击“保存”按钮将该页面保存到实训文件夹。 提示：最简合法HTML文档必须包含的元素有HTMLHEAD BODYTITLE 六、源程序清单、测试数据、结果 七、实训出现的问题、实训结果分析（语法错英语提示，中文翻译，原因，您的理解？） 实训二 HTML文本格式的应用 一、实训课时 本次实训4学时 二、实训教学目标 1．掌握使用body标记设置网页背景颜色和文本颜色。学习使用分段标记p/p； 2．掌握使用font标记设置文字的属性； 3．掌握在网页中插入背景图片； 4．掌握在网页中插入水平线，并设置水平线的属性； 5．掌握在网页中插入背景音乐。 三、实训环境 Window xp操作系统，Dreamweaver，机器联网。 四、实训重点及难点 掌握字体、段落、水平线等常用标记。 五、实训步骤、过程 1、使用简单内联元素进行文字处理： （1）从开始菜单启动记事本； （2）在记事本中，录入一个最简洁合法HTML文档； （3）设置该文档最终显示标题为“简单文字处理”； （4）在文档的body和/body之间，插入适当元素使最终网页中显示以下内容： 这是一段文本 这是一段文本（i） ? Microsoft? Windows 2007 (?copy;版权 ? reg;注册商标)（sup） A = a1 + a2 + a3 （sub） 这是一段文本 (u) 这是一段文本 (s) 注：以上文字不涉及到文字字体、大小、颜色的设置，且并不居中显示。 提示：对于特殊字符，要使用字符实体。 （5）紧接着步骤（4）插入的元素插入适当元素，使得最终网页上可以显示字号为5、颜色为红色、字体为“华文彩云”的下列样式文字： 这是一段文本 Pfont size=5 face=华文彩云 color=reddsafds/font （6）紧接着步骤（5）插入的元素插入适当元素，使得最终网页上显示下列样式的文字（隶书、4号