网页设计报告精要.docVIP

存档资料 成绩：　 华东交通大学理工学院 课 程 设 计 报 告 书 所属课程名称 网页设计与制作课程设计 题 目 利用DIV+CSS设计一个《网站首页》 分 院 　 电 信 分 院 　　 　 专业班级 12信息管理与信息系统 学　 号 20120210450209 　 　 　　 　 学生姓名 许鹏飞 　 　　 指导教师 魏建红 　　 2014 年 12月 29 日 序号 项 目 等　　　级 优秀 良好 中等 及格 不及格 1 课程设计态度评价 2 出勤情况评价 3 任务难度评价 4 工作量饱满评价 5 任务难度评价 6 设计中创新性评价 7 论文书写规范化评价 8 综合应用能力评价 综合评定等级 课程设计（论文）评阅意见 评阅人 　 职称 20 年 月 日 目录 一、设计目的 3 二、设计内容及要求 3 三、需求分析 3 四 、设计方法与步骤 4 五、设计总结 14 参考文献（资料） 16 一、设计目的 用已经学过的网站开发技术及开发工具DW，根据网站首页效果图，利用DIV+CSS设计出一个《网站首页》。 二、设计内容及要求 内容有：1．建立站点；2．结构分析；3．搭建框架；4．切割效果图；5．布局页面——头部和导航；6．布局页面——侧边栏；7．布局页面——主体部分；8．底部和细节调整。 三、需求分析 网页设计是将技术性与艺术性融为一体的创造性活动。网页设计是以功能行为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。近几年随着网络的发展而逐渐受到人们的重视，它本身已网络为载体，把各种信息以快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审美需求和功能需求等。人们对美的追求是不断深入的，网页设计同样如此。如何使受众能更好的和有效率地接受网页上的信息，这就需要从审美方面入手。网页设计的审美需求是对视觉设计美学的一种继承和延伸，两者的表现形式和目的都有一定的相似性。 网页设计的主题为我的篮球网，它是我根据自己的兴趣做出来的网站，内容非常简单，但却富有深意！它融合了当今大多数青少年朋友的兴趣爱好，可以说是一个大众化的网站！ 四 、设计方法与步骤 1．建立站点 打开dreamweaver cs4，建立站点，放到F盘里，在目录下有css、jz2.html 、web（建立的网站）文件夹。如下图示： 2．网站代码 头部 header !-- shell -- div class=shell nav id=navigation a href=# class=active 首页/a a href=#活动/a a href=#图片/a a href=#视频/a a href=#交流/a a href=#关于/a /nav !-- end of navigation -- /div !-- end of shell -- /header 中间 section class=slider-section div class=shell div class=slider-holder div class=slider flexslider ul class=slides li img src=css/images/slide-img.jpg alt= / div class=slide-cnt h3激战2之美/h3 p《激战2》的故事以泰瑞亚大陆为舞台，充满了波澜壮阔的英雄史诗。游戏拥有可覆盖半个欧洲的地图面积，充分契合了游戏的“史诗”风范！玩家可以在这片充满真实细节的幻想国土上自由冒险探索。同时，爽快的实感战斗，独一无二的个人史诗剧情，无处不在动态事件，横跨三个服务器的世界之战等颠覆性的创新理念，带领玩家演绎真实热血的冒险体验。/p a href=# class=slider-btn了解更多/a /div