网设计课程设计报告

1、课程设计课 程 名 称： HTML5开发技术课程设计专 业 班 级：计科 1201学 生 姓 名：伍志强学号： 0506指 导 教 师： 刘宏月学期： 2013-2014 学年第一学期HTML5 开发技术 专业课程设计任务书学生姓名伍志强 专业班级 计科 1201 学号 0506题目课题性质工程课题来源自拟指导教师刘宏月同组姓名无主要内容任务要求参考文献审查意见指导教师签字：教研室主任签字： 2013 年 月 日说明：本表由指导教师填写，由教研室主任审核后下达给选题学生，装订在设计（论文）首页1 需求分析本课程设计为一个商业网站， 大的框架为整个网站分为 5 个页面， 分 别为：主页面、公司的

2、业务面，公司产品问题咨询面，公司产品的技 术支持面，校园招聘界面。各个页面间都是相互连接的，方便读者更 快捷地找到想了解的信息。 在每个界面拥有的公司 logo ，登陆界 面，和一些视频的宣传和校园招聘网页的背景音乐，友情链接，插入 的各种静动态图片，搜索栏。每个界面链接的公司的最新各种动态， 和基本的各种文字说明，采用的是中英双板模式书写。网站的目录结构如下：伍志强 网站根目录Css 存放外置 CSS文件Images 存放图片文件Music 存放背景音乐 存放的代码 编译时建立的一个工程Index 系列 存放的网站的各个网页2 概要设计主页介绍 视频展示 登陆界面Index1业务Index4

3、 校园招聘Index2解决Index 3 支持工大工公大司联盟科技投资公司主页 Index业务信息最新消息相关的技术登陆和链接视频和背景音相关的说明 信息提交后台 视频和链接3 详细设计页面的布局和风格DIV+CSS 的基本过程是先布局，对网页进行总体设计，再设计内 容，对布局的每一部分进行设计。DIV+CSS 对内容的设计也体现内容和表现相分离的思想。对内容 的表现的描述都在 CSS中，内容可以应用 CSS 样式，不需要额外 的 HTML 标签进行内容的修饰。CSS网页布局的原理，就是按照 HTML5 代码中对象声明的 body background:#131b20;font-family:

4、Arial, Helvetica, sans-serif;font-size:100%;line-height:; color:#f1fefd;html min-width:980px; html, body height:100%; container margin: 0 auto; position: relative; width: 980px; font-size:.75em;各个网页之间的链接： 主页 业务 解决支持 校园招聘 LOGO插 入： 登陆注册界面：关于 登陆 注册 用户名 密码 保存密码 忘记密码 申请一个新账号 网页部分图片的插入： 视频的使用： 背景音乐：contro

5、ls audio src= border=0 .vlinksposition:relative;padding:0 0 0 800px;#apDiv2 position:absolute; left:660px; top:29px; width;301px; height:25px; z-index:1; border:#B0B82C 1px solid; background-color:#FFFFCC;提交的信息栏：Enter Your Name:Enter Your E-mail:Enter Your State: 友情友情链接： Collect from 友情链接 动态信息栏： 工大联

6、盟认证 工大联盟项目启动工大联盟卓越计划工大联盟软件竞赛工大联盟采购计划工大联盟产品上市工大联盟招牌职员搜索栏：部分页面展示：4 调试分析出现的错误.1 网页背景色的设置2 重复使用实现相同功能的代码、或杂七杂八的乱套代码 .3. 在 HTML5中，我们并不需要给 和 增加 type 属性4. 不要把所有列表式的链接放在 nav 里。5logo 也不适用于 figure6. Align center （自动居中）的滥用5测试结果*. tJ4- G A 0 r/47W/ndrw.MTl8；r aHV*DIi最炫工大凤工大信息联盟科技投资有限公司工员砧ubcriiroGers0oimirIA! n

7、t QUO*4- G * r/A:(4W/Hle l ttmiIA zx IXIX2-AtTewrs*. TXFAMMtliiamR朽&屮imwiEi4b?. s二畫mg丹wVUUSYU*f-右g金M匕MTK心 MCiXM- vw*m?a .tiHomg*iiMzrwn sq:Ufey itnrM cyi吾q:;r a*nrvItZSIfl业务wfuxb jtw:. rar*： iwnMiuwmaw 力 *ailIW7etFtWH 二口忖用上IWnFFF. Q . 歼:血时亦,html梦怨腾飞*ZA枚CBtW*HWReast?事融E 砒低割 043 WlHjlKnnillt#KWieK7llt

8、tMU aw祺*f 冷負 cryoiuuw wo r n tfr 6 i? twm wi.r Wa t*n喪! mmosnn “丁剑广4tfnexI*0KO 3* X4 IV CW ZA *8 KU . Q 會 *7M7(MnL 仙1 * q* NMtuu.u _km i mra m：” A10MC *i.i-： nr mi so xwc押my Muu 丄龙MttrfaHEW：!大 Srrt|上茶4- G A ar/AW6n(iew.MTl Hfr* *se sii u.u km i w ?M 尸Ainc*c公司磧新科技信息共亨大平台.山陳那mecu tiwQMfitwsR *muB亦umh xmsF*K滲 Mbl mtiUPrj*a5HTw ,、和“(如“,，7,“川嘤1 祕心期ZUH Cew w*Meo(bIfrar VE . ?sr=AR=;m&l哄M? WC4e. two 桶和刖tqgOR. *t ME;*艸出準业务斗婶MIE课程设计总结这次网页设计课程设计给我的最大的印象是： 基本知识是一切的 根本；架构是重要的，想像的还要重要；实践比一切空谈和理论更能 学到东西。 从做这个网页设计开始无论遇到什么困难， 我都没有一丝 的放弃的念头。在设