网设计课程设计报告

网设计课程设计报告课程设计HTML技术课程设计伍志强0506刘宏月 HTML5开发技术专业课程设计任务书 学生姓名伍志强专业班级计科1201学号0506题目课题性质指导教师工程刘宏月课题来源无主要内容任务要求参考文献审查意见日2013年月2概要设计说明：本表由指导教师填写，由教研室主任审核后下达给选题学生，装订在设计(论文)首页1需求分析本课程设计为一个商业网站，大的框架为整个网站分为5个页面，分别为：主页面、公司的业务面，公司产品问题咨询面，公司产品的技术支持面，校园招聘界面。各个页面间都是相互连接的，方便读者更快捷地。在每个界面拥有的公司logo，登陆界面，和一些视频的宣传和校园招聘网页的背景音乐，友情链接，插入的各种静动态图片，搜索栏。每个界面链接的公司的最新各种动态，和基本的各种文构如下：伍志强CssMusic------网站根目录------存放图片文件------存放背景音乐JS------存放的javascript代码．project------编译时建立的一个工程Index系列------存放的网站的各个网页工工大联盟科技投资公司主页视视频和相关的信息提视频和相关的登陆和相关产登陆和最新消业务信x解决x业务x校园招主页介绍33详细设计页面的布局和风格DIV+CSS的基本过程是先布局，对网页进行总体设计，再设计内容，对布局的每一部分进行设计。DIV+CSS对内容的设计也体现内容和表现相分离的思想。对内容的表CSS中，内容可以应用CSS样式，不需要额外的HTML标签进行内容的修饰。body{background:#131b20;font-family:Arial,Helvetica,sans-serif;font-size:100%;line-height:;color:#f1fefd;}html{min-width:980px;}html,body{height:100%;}container{margin:0auto;position:relative;width:980px;font-size:.75em;}……<linkrel="stylesheet"href="css/"type="text/css"media="all"><linkrel="stylesheet"href="css/"type="text/css"media="all"><linkrel="stylesheet"href="css/"type="text/css"media="all"><li><ahref="">主页</a></li><li><a<li><a<li><a<li><a/ul>href="">业务</a></li>href="">解决</a></li>href="">支持</a></li>href="">校园招聘</a></li><divclass="logo"><ahref=""><imgsrc="images/"alt=""></a></div><divclass="logo"><ahref=""><imgsrc="images/"alt=""></a></div><formaction=""id="search-form"><fieldset><inputtype="text"class="text"value=""><inputtype="submit"value="Search"class="submit"></fieldset></form><ulclass="top-nav"><liclass="first"><ahref="#"class="about">关于</a></li><li><ahref="#"class="login">登陆</a></li><li><ahref="#"class="signup">注册</a></li>ul><formaction=""id="login-form"><fieldset><divclass="field"><label>用户名</label><inputtype="text"class="text"value=""></div><divclass="field"><label>密码</label><inputtype="password"class="password"value=""></div><divclass="field"><labelfor="checkbox">保存密码</label><inputtype="checkbox"name="checkbox"id="checkbox"></div><li><ahref="#">忘记密码</a></li><li><ahref="#">申请一个新账号</a></li>/ul><divclass="wrapper"><inputtype="submit"value="Submit"class="submit"></div><divclass="inside"><divclass="wrapperp2"><figureclass="img-wrapper"><imgsrc="images/"alt=""></figure><embedsrc=""allowFullScreen="true"quality="high"width="200"height="200"align="left"allowScriptAccess="always"type="application/x-shockwave-flash"></embed><divid="apDiv2"><audiosrc=""border="0"controls></audio></div>.vlinks{position:relative;padding:000800px;}#apDiv2{position:absolute;left:660px;top:29px;width;301px;height:25px;z-index:1;border:#B0B82C1pxsolid;background-color:#FFFFCC;<divclass="inside"><formaction=""id="contacts-form"><fieldset><divclass="col-1"><label>EnterYourName:<br/><inputtype="text"value=""/></label><label>EnterYourE-mail:<br/><inputtype="text"value=""/></label><label>EnterYourState:<br/><inputtype="text"value=""/></label></div>友情链接：<divclass="vlinks">Collectfrom<ahref=""title="友情链接"target="_blank">友情链接</a></div><ulclass="list1"><li><ahref="#">工大联盟认证</a></li><li><ahref="#">工大联盟项目启动</a></li><li><ahref="#">工大联盟卓越计划</a></li><li><ahref="#">工大联盟软件竞赛</a></li><li><ahref="#">工大联盟采购计划</a></li><li><ahref="#">工大联盟产品上市</a></li><li><ahref="#">工大联盟招牌职员</a></li>/ul>4调试分析的错误2重复使用实现相同功能的代码、或杂七杂八的乱套代码.在nav里。6.Aligncenter(自动居中)的滥用课程设计总结这次网页设计课程设计给我的最大的印象是：基本知识是一切的根本；架构是重要的，想像的还要重要；实践比一切空