全球旧事资料 分类
电子与信息工程学院实训任务卡
班级:班级:课程名称学号:学号:网页制作技术网页制作技术任务子项目八联系我们”子项目八联系我们”名称“模块设计与制作姓名:姓名:实训日期:实训日期:任务1:联系我们页面布局任务2:联系我们页面的对象的插入学时4
子项目名称一、能力目标
地点
1.能用表格进行页面布局
□学生自评
二、知识目标1.理解页面布局的概念与要求、掌握表格的概念、表格的属性以及表格的合并与拆分□学生自评
三、素质目标1.网页的配色及布局□学生自评
四、任务实施过程(实训步骤、实训过程与结果截图)任务实施过程(实训步骤、实训过程与结果截图)
f任务一联系我们页面布局
步骤:1、复制i
tro_3html页面,将拷贝i
tro_3htm重命名为co
tacthtml。(若重新利用表格布局,请参考以下步骤:
(1)光标定位在template中间主体部分左上,插入一个21,782464,填充、间距、边框都为0的表格,左设置宽度为171,右设置宽度为611。(2)左边上138下326。左上:插入了51,宽度163,表格间距为1,边框为0,边距也为0,163125,每个高25,前四行背景色3787D7,CCCCCCCCCCCC,CCCCCC,,第五行插入背景图片a22gif;左下:高326,插入图片aa_3gif,调整图片大小为160261。光标定位都在左上(3)右边插入填充、间距、边框都为0,41的表格,606460,分别设置高度为13、37、368、42。第一行空,第二行背景图片11gif,插入全角空格,图片schools_56jpg,绝对居中。大表格第四行背景图片13gif。(4)将该页面小表格所在单元格背景图片设置为12gif
)2、打开co
tacthtml页面,将右侧四张图片022jpg、033jpg、044jpg、055jpg删除,将四张图片所在单元格的残留空格和段落通过退格键删除,直到光标定位于水平居中,垂直顶端。在该单元格内插入一个表格,大小、行、列等属性如图
设置第一个单元格宽度为223,右侧宽度为364。
任务二页面的对象的插入
1、插入左部分单元格对象
(1)打开product_showhtml页面,选中小表格
,右键复制,打开co
tacthtm
页面,将光标定位于左侧上方小表格所在单元格,换行(shifte
ter)(2)将左下角图片换成t_co
tactgif。2、填充上述表格内容填充上述表格内容上述(1)将大表格第二行“企业资质”改为“联系我们”
粘贴。
f(2)填充第一个单元格:光标定位在垂直顶端,创建一个空段落,插入文字“公司名称:河源凌特电子技术有限公司公司地址河源市高新开发区永富路321号邮编517000电话0762传真0762Er
好听全球资料 返回顶部