去年老生的课程设计报告.pdfVIP

《动态网站设计与开发》课程设计报告 超 酷 数 码 网 班 级: 11计算机网络技术1班 姓 名： 刘 星 辰 学 号： 111754030121 指导教师: 罗 刘 敏 设计时间： 2015 年 5 月 河南理工大学万方科技学院 信息科学与工程系 目 录 1、网站设计概述1 1.1 设计要求1 1.2 设计原理1 1.3 设计环境1 1.4 小组分工1 2、设计及学习目的2 3、网站设计及内容3 3.1 导航设计3 3.2 设计过程4 3.2.1实验准备工作4 3.2.2站点的创建4 3.3.3网站logo设计4 3.3.4前台主页面设计4 3.3.5后台页面设计7 3.3.6 新闻板块制作8 4、部分代码示例9 4.1 网站头部菜单和搜索代码10 4.2 新闻焦点图代码 10 4.3 热门新闻代码 11 4.4 后台登录界面代码11 4.5 后台菜单管理代码12 5、网站设计小结13 6、参考资料14 7、评语及成绩15 一、网站设计概述： 随着科技的飞速发展，网络成为人们获取、发布和传递信息的主要途径。万维网已经称 为了这个时代的最重要的信息传播手段。由于传统数码信息通过报纸书刊进行编辑，造成了 更新慢，一般一星期一刊，通过网络来建立网站，可以达到数码信息的实时更新以及维护。 所以要基于Internet通过运用DreamWeaverCS3网页开发软件，来实现对一个超酷数码信息网。 1、设计要求： 通过网页设计的学习与开发，运用ASP来负责页面结构，css负责样式的表现，javascript 负责网站的动态行为，来构建一个数码信息网的建立。要求网站的界面简单直接，易于操作 和交互性强。具有数码信息网的基本栏目：手机，电脑，平板，笔记本，酷玩，数码评测等 栏目。 2、设计原理： 用所学内容，以表格、列表、超链接、css和js为基础，利用DreamWeaver CS3网页开发 软件来实现对数码新闻网站的编写。 3、设计环境 （使用的软件）： 以windowsxp为平台，利用DreamWeaverCS3网页开发软件，美图秀秀图片编辑工具来设计和 编写超酷数码信息网。通过“小型web服务器软件”来进行搭建网站，最后在IE浏览器下进 行测试和修改。 4、小组分工： 小组成员一起讨论网站的框架以及分类，包括网站的元素选择等。 刘星辰：负责网站的主要构成部分，首页以及部分核心代码的编写，以及 新闻模版的编写。 王志辉：负责手机新闻素材的搜集和整理，通过组长给定的模版来进行手 机新闻版块的制作。 李展：负责电脑新闻素材的搜集和整理，通过组长给定的模版来进行电脑 新闻版块的制作。 1 第 页 闫恒：负责科技新闻素材的搜集和整理，通过组长给定的模版来进行科技 新闻版块的制作。 崔晨：负责平板电脑新闻素材的搜集和整理，通过组长给定的模版来进行 平板电脑版块的制作。 任瑶：负责家电新闻素材的搜集和整理，通过组长给定的模版来进行家电 新闻版块的制作。 我所分配的任务：负责网站的主要构成部分，首页以及部分核心代码的编 写，以及新闻模版的编写。 二、设计及学习目的： 1.掌握HTML 的基本结构，要求熟练运用列表、表格、css、