江苏开放大学 WEB前台开发技术 第1次形考作业.docx

《江苏开放大学 WEB前台开发技术 第1次形考作业.docx》由会员分享，可在线阅读，更多相关《江苏开放大学 WEB前台开发技术 第1次形考作业.docx（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、江苏开放大学形成性考核作业学号：姓名:课程代码050321课程名称：web前台开发技术 评阅教师:第一次任务 共3 次任务web前台开发技术第1次形成性考核作业作业说明：1 .做作业之前首先在封面填上自己的学号和姓名，做完作业后请写上作业完成时间。2 .学习完第一、二单元知识后必须完本钱次作业，并请在规定时间内通过学习平台提交Word文 档形式的电子作业，本次作业占形成性考核总成绩的20%o作业内容：实验：使用CSS绝对定位制作一个网页 实践目标：_.理解块元素和内联元素。1 .理解文档流。2 .理解CSS盒模型。3 .理解定位属性。实践内容：1 .使用DW编写XHTML。2 ，()/ C:U

2、serszhangyqDesktopx Q 。绘 Web前端能一Web前XWeb前端教室闹 此处填写各人的学号和踵可第1章第一个Web页面第2章简单布局第3章导航菜单第4章有效地组织数据使用表格第5章和用户交互一一创立表单第6章复杂布局第7章创立打印样式第8章网站重构第9章设计你自己的网站这是Web前端技术一书的配套网站，为读 者提供了配套的案例源代码、拓展资源等。关于我们联系方式版权声明隐私声明.编写CSS代码。代码参照教材P39-P43o将CSS代码保存为单独的文件style.csso3 .使用外部样式表，用link语句将CSS链接到XHTML中。web前台开发技术第1次形成性考核作业实践

3、要求：1 .网页最上端的hl标题中制作者后面必须填写本人的学号和姓名，必须和封面的学号 和姓名统一，否那么该作业无效。2 .请大家按照我下面的实验报告格式往里面填写内容，必须把我里面的内容改成你们 自己的内容。3 .实验报告中，必须有四局部截图，一是网页完成后的效果图；二是XHTML的截图； 三是CSS的截图；四是文件夹的截图。web前台开发技术第1次形成性考核作业实验报告：（以下由学生填写，请把样图删掉）-、网页完成后的效果图第1章第一个Web页面第2章简单布局第3章导航菜单第4章有效地组织数据使用表格第5章和用户交互一一创立表单第6章复杂布局第7章创立打印样式第8章网站重构第9章设计你自己

4、的网站第1章第一个Web页面第2章简单布局第3章导航菜单第4章有效地组织数据使用表格第5章和用户交互一一创立表单第6章复杂布局第7章创立打印样式第8章网站重构第9章设计你自己的网站这是Web前端技术一书的配套网站，为读 者提供了配套的案例源代码、拓展资源等。关于我们联系方式版权声明隐私声明二、二、XHTML代码的截图（或者把代码复制过来）2-7.html X | _谶不） style, css代互拆分|设计 实时视图 曲,5后标题：Web前端教室一Web百!DOCTYPE html PUBLIC -/V3C/DTD XHTML 1. 0 Transitional/EN :/ w3. org/T

5、R/xhtml1/DTD/xhtml1-trai Web前端教室一Web前端技术配套网站!一调用强装表一）“g”Web前端教室（制 此处填写各人的学号和姓名）第1章第一个Web页面第2章 简单布局/1以0i第3章 导觥菜单第嶂 有效地组织数据一一使用表格第5章 和用户交互-创立表单第6章 复杂布局第7章创立打印样式第8章 网站重构第9章设计你自己的网站P class-这是怩b前端技术一书的配套网站，为读者提供了配套的案例源代码、拓展资源等。关于我们|联系方式|版权声明|隐私声明Gpweb前台开发技术第1次形成性考核作业三、CSS的截图注意：必须使用外部样式表，如果一张图放不下，可以用多张，但是

6、左侧的代码行的序号必须padding：0;text-align: center.3345678910111213141516ullitext-indent:2em,list-style-type： nnp./l 作line-hei ght: 200%, /行高设置为 border-bottom: Ipx solid black./* F?181920212223242526272829303132Mheader width:960Px.height：80px;margin:。.padding:0.background： #EEE;position:absolute. top：0, left:。

7、；/* tfeKnav (width：384Px.height:360px.margin：。.padding:0;background: ffccc;text-align： left./* 内？7左时齐 */position:absolute. top:80Px. left:0,/K iweb前台开发技术第1次形成性考核作业33343536373839404142434445464748495051525354555657585960616263646566#content width:576Px.height:360px,margin:。.padding：0.font-size: 150%,

8、 /文字大小设)150% line-height:2. 0,高设亶为2倍*/margin:。.padding:0.background：text-align: leftposition:absolute; x，* 1 i - o px#tooter width:960px, height:80px text-indent：。, * ；首亍宿进置为， margin:。.padding:0.background：帕EE,position:absolute; top:440px, left:0.)#header hl margin:20px.)#nav ul margin：20Px.)content p (margin：20Px)footer p (margin：20Px.)文件夹截图注意：文件夹名称必须别本人姓名I文件的修改日期必须与我们的作业日期接近，不能相 差太多！| 0 V|张月琴文件此电脑 桌面 web前台开发技术张月琴人主页 共享 查看搜索”张月a名称修改日期大小快速访问,下载e index.1 style2017/6/21 19:162017/6/21 19:42僧文档2个工程（学生填写到此结束）HTML文件层叠样式表文档作业完成时间：年 月 日web前台开发技术第1次形成性考核作业评阅意见：评阅得分:评阅教师：评阅时间： 年 月 日