江苏开放大学 WEB前台开发技术 第1次形考作业.docx
-
资源ID：35265001
资源大小：123KB
全文页数：8页
- 资源格式： DOCX
下载积分：15金币
快捷下载
会员登录下载
微信登录下载
三方登录下载：
微信扫一扫登录
|
友情提示
2、PDF文件下载后，可能会被浏览器默认打开，此种情况可以点击浏览器菜单，保存网页到桌面，就可以正常下载了。
3、本站不支持迅雷下载，请使用电脑自带的IE浏览器，或者360浏览器、谷歌浏览器下载即可。
4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩，下载后原文更清晰。
5、试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓。
|
江苏开放大学 WEB前台开发技术 第1次形考作业.docx
江苏开放大学形成性考核作业学号：姓名:课程代码050321课程名称：web前台开发技术 评阅教师:第一次任务 共3 次任务web前台开发技术第1次形成性考核作业作业说明：1 .做作业之前首先在封面填上自己的学号和姓名，做完作业后请写上作业完成时间。2 .学习完第一、二单元知识后必须完本钱次作业，并请在规定时间内通过学习平台提交Word文 档形式的电子作业，本次作业占形成性考核总成绩的20%o作业内容：实验：使用CSS绝对定位制作一个网页 实践目标：_.理解块元素和内联元素。1 .理解文档流。2 .理解CSS盒模型。3 .理解定位属性。实践内容：1 .使用DW编写XHTML。2 ，()/ C:UserszhangyqDesktopx 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次形成性考核作业实践要求：1 .网页最上端的hl标题中制作者后面必须填写本人的学号和姓名，必须和封面的学号 和姓名统一，否那么该作业无效。2 .请大家按照我下面的实验报告格式往里面填写内容，必须把我里面的内容改成你们 自己的内容。3 .实验报告中，必须有四局部截图，一是网页完成后的效果图；二是XHTML的截图； 三是CSS的截图；四是文件夹的截图。web前台开发技术第1次形成性考核作业实验报告：（以下由学生填写，请把样图删掉）-、网页完成后的效果图第1章第一个Web页面第2章简单布局第3章导航菜单第4章有效地组织数据使用表格第5章和用户交互一一创立表单第6章复杂布局第7章创立打印样式第8章网站重构第9章设计你自己的网站第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/TR/xhtml1/DTD/xhtml1-trai <html xmlns=， :/ w3. org/1999/xhtml ”><head><title> Web前端教室一Web前端技术配套网站<八设12><!一调用强装表一）“g”<link relstylesheet" hrefistyle, css“ type=，text/css/ media="all” /></head><body><div id=/，header/z><hl class="text">Web前端教室（制 此处填写各人的学号和姓名）</hl></div><div id=nav><ul>< 上>第1章第一个Web页面</li>< li>第2章 简单布局</1以0i第3章 导觥菜单</li>< li>第嶂 有效地组织数据一一使用表格</li>< li>第5章 和用户交互-创立表单</li>< li>第6章 复杂布局</li>< li>第7章创立打印样式</li>< li>第8章 网站重构</li>< li>第9章设计你自己的网站</li></ul></div><div id=content><P class-这是怩b前端技术一书的配套网站，为读者提供了配套的案例源代码、拓展资源等。</p></div><div id=，footer，><p class=text>关于我们|联系方式|版权声明|隐私声明Gp></div></body></html>web前台开发技术第1次形成性考核作业三、CSS的截图注意：必须使用外部样式表，如果一张图放不下，可以用多张，但是左侧的代码行的序号必须padding：0;text-align: center.3<>345678910111213141516ullitext-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:。；/* 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%, /文字大小设)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次形成性考核作业评阅意见：评阅得分:评阅教师：评阅时间： 年 月 日
