网页设计课程设计报告网页设计课程设计报告.doc

湖南文理学院　 网页设计期末作业报告 院 系 物理与电子科学学院 专 业 电子信息科学与技术 学 生 班 级 2012级3班 姓 名 徐荣盛 学 号 201211020336 2015年6月  摘要：根据本学期所学知识，本人制作了一个班级网站，本网站仿效一些大型官网网站，内容相对比较简写。就内容有登录、首页、必威体育精装版动态、教师介绍、班委介绍、班级风貌、留言等，采用的是动态网页制作技术。用到flash、一些代码制作、背景音乐，标签滚动公告。主页由上中下三个框架组成。整体让人一目了然，方便浏览。 关键词：登录，班级，数据库，留言 目录 前言…………………………………………………………………………………………3 1 网站的设计 ……………………………………………………………………3 1.1 设计思想 …………………………………………………………………………3 1.1.1 设计方案……………………………………………………………………3 1.1.2 设计技术亮点………………………………………………………………3 1.2 设计步骤 …………………………………………………………………………3 1.2.1 欢迎界面的设计………………………………………………………3 1.2.2 登录界面的设计……………………………………………………………4 1.2.3 主页的设计 …………………………………………………………6 2 作品测试与验收 ……………………………………………………………………10 3 设计体会 ……………………………………………………………………………11参考文献 ………………………………………………………………………………11  前言 现在网络通讯越来越发达了，网络平台越来越多，越来越多的人利用网络交流、学习，班级网页既能发布消息，让大家了解到必威体育精装版资讯，必威体育精装版消息，还能进行交流。 1 网站的设计 1.1 设计思想 1.1.1 设计方案 方案:考虑到官网网站的大部分设计风格都相同，在参考了一些例如湖南文理学院物理与电子科学学院和各个企业的官网后，就是领悟官网不外乎有首页，有动态，资讯，消息，留言等等。所以本人在这次设计业采用普通博官网类的风格，做了一个简单的官网类网站，统一布局风格，相对比较简陋，内容也相对简单,流程图如下： 2 设计技术亮点 主要有Flash的插入，滚动字幕和翻页相册的制作，插入音乐，友情链接的等等。网页顶部导航相同，统一风格，灰色为背景，让人有和谐的感觉。 1.2 设计步骤 1.2.1 欢迎界面的设计 图一 图中运用了滚动字幕，时间轴，还有自动刷新页面。 1.2.2 登录界面的设计 图二 由欢迎界面自动刷新跳转到登录界面，此网页通过两个.ASP链接数据库，进行验证登录。验证通过跳转到班级主页，错误跳转到登录失败网页 链接数据库程序： % dim conn Set Conn = Server.CreateObject(ADODB.Connection) Conn.ConnectionString=driver={SQL Server};server=WINPW;uid=sa;pwd=123456;database=denglu Conn.open if err then err.clear else response.write connstr response.end conn.open connstr end if sub CloseConn() conn.close set conn=nothing end sub % 登录检测程序： %@LANGUAGE=VBSCRIPT CODEPAGE=936% !--#include file=conn.asp-- !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / t