网页制作 初步搭建公司网站首页结构 网页制作-第四周-任务1_2任务单-在HTML文档中使用div.docx

上海电子信息职业技术学院 通信与信息工程学院软件技术系 《网页制作》课程任务单 姓 名 学 号 班级 成绩 学习情景编号 9 学习情景名称 在HTML文档中使用div标签 学时 2 任务要求 在公司网站首页文档中使用div标签进行初步布局 训练技能点 1. 了解div标签 2. 掌握div标签符号及其属性 3. 能够使用div标签进行初步布局 任务实施步骤 1、打开网站首页 以玩具公司首页为例，打开index.html文件。 2、在HTML主体部分使用div标签 根据布局示意图，完成玩具公司首页div布局结构 3、在对应的div标签内插入相应的文字和图片元素 4、保存文件 选择记事本窗口中“文件”菜单中“保存”，即完成保存原文件。 5、在浏览器中打开网页预览效果 在文件系统中找到该网页文件，双击该文件即可在浏览器中打开。 结果记录 要求：使用div标签初步实现公司网站首页布局。 1．记录浏览器中的显示效果（截图） 2．记录在浏览器中显示的HTML源代码（截图） 小结 请记录实验过程中的问题，收获的经验。 注：1、学生实验后填好实验报告的第三、四栏，并将其电子文档提交给教师。 2、学生实验后要提交与实验相关的各种源代码。