项目化教学案例：六人行网站.doc_第1页
项目化教学案例：六人行网站.doc_第2页
项目化教学案例：六人行网站.doc_第3页
项目化教学案例：六人行网站.doc_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

项目案例：六人行网站一、训练的技能点 使用DIV+CSS实现整体布局 使用DIV+CSS实现典型的4种局部结构 使用绝对定位和滤镜实现CSS特效 使用CSS实现页面的美化二、任务描述 系统概述 六人行网站是目前人气较旺的网络交友平台 模拟制作4个网页 首页 活动页 据点页 注册页 系统角色 网站开发人员、浏览者三、问题分析问题分析1：网站制作步骤 使用Dreamweaver创建站点、公用文件夹 制作首页 创建网站所有页面共用的全局样式global.css并绑定页面 使用标签引用细节风格detail.css 创建页面的顶部、底部模板 应用模板实现多个页面，包括布局实现、涉及的样式实现 页面的兼容性测试 问题分析2：实现页面的整体布局 4个页面均为多行多列的布局 页面整体布局的实现步骤 根据效果图划分区块，编写HTML页面结构 创建各区块的布局样式layout.css，用绑定页面 四、难点分析难点分析1：典型局部布局结构 参加丰富的活动 培训 11月17号婚恋心理工作坊（ 活动介绍婚恋心理工作坊 难点分析2：背景修饰技巧 羽毛球培训班报名 六人行免费口语辅导卡申请中 “户外”杂志半价征订   CSS代码.roundline-height:21px;background:url(./images/rounded-right.gif) top right no-repeat;width:195px;.listpadding:9px 9px 0px 9px; background:url(./images/rounded-left.gif) top left no-repeat;.endpadding:0 0 0 9px; background:url(./images/rounded-left.gif) bottom left no-repeat;.end pline-height:9px;height:9px;margin-top:-9px; padding:0 9px 9px 0; background:url(./images/rounded-right.gif) bottom right no-repeat; 五、开发计划 用例1：登录网站 70分钟 用例2：发布或参与活动 240分钟 用例3：参与或发布据点 30分钟 用例4：注册会员 30分钟六、技能总结 HTML 与XHTML关系
人人文库> 全部分类> 应用文书 > 研究报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论