网页设计说明.docxVIP

汕头广播电视大学专科毕业论文 1 《我爱篮球》网站设计说明书 1、设计理念 本网站定位本身是用于展示个人爱好——篮球的一个平台页面系统。 在展示 之余也有结交拥有共同爱好的网友的功效。页面主要以蓝色调风格为主 , 站点分 为有首页、篮球动态、 NBA明星简介、用户注册、用户登录、留言交流、后台管 理等模块。 本站页面主要展示的是 NBA篮球资讯、明星等内容，整体页面使用到了 CSS 层样式技术、 Flash 动画效果制作、以及 JavaScript 的脚步技术应用。 值得一提的是首页明星照片展示采用了基于 CSS+JS特殊的图片向左滚动的 浏览效果。 2、设计流程 通过在网络参考相应模板， 设计出接近于 NBA网站的效果，并根据相应要求 到网上寻找相应的图片素材以及应用到 PS图片设计结束。 最后应用 HTML网页设计，以及 ASP+ Access 动态网页设计使用 CSS进行页 面样式的设计。 并且 , 附带应用一些 JavaScript 特效技术。 总体设计流程为：确定主题及颜色—→用 Dreamweaver设计 html 静态网页 效果—→建立数据库—→将静态网页改为 asp 动态网页—→测试、发布网站。 3、使用的工具与技术 网页制作工具 :Dreamweaver 8 多媒体设计制作工具 :Flash 8 、Photoshop cs3 应用到的设计技术： HTML、 CSS、JavaScript 4、网站设计说明 网站名称 : 我爱篮球——篮球网站 整体形象设计包括标准字、标题、标准色彩等。 首页作为网站的形象页、网站的欢迎页面，引入的元素大致有网站名称、 标题、形象图片、文字、栏目导航等要素 , 是彰显网站整体风格的重要页面 , 1 汕头广播电视大学专科毕业论文 2 并结合 Flash 动画来展示。 网站形象页的设计突出了所要展示的主题， 通过文字、形象、图片的巧妙烘 托，令页面富有层次感，达到赏心悦目的效果。 网页富有动感，通过 JS 实现突破轮播效果，文字采用 marquee 滚动展示新 闻动态。 页面大小采用了 960px*200px 。 网站调试采用 “边制作边调试” 的方式。保证了页面在各个浏览器间的相互 兼容性。 在风格等各方面追求保存一致。 5、页面结构布局 首页布局框架构思示意图 Banner 图片 960px*200px 菜单导航 显示当前日期 图片轮播展示 滚动新闻 NBA 明星 新闻动态 右向左滚动展示 NBA 明星照片 新闻列表 友情链接 2 汕头广播电视大学专科毕业论文 3 最终设计效果： 图为网站首页效果图 3 汕头广播电视大学专科毕业论文 4 6、数据库及程序设计 Access数据库结构： 图 2 数据库表 Admin：管理员数据库表 Book：留言交流数据库表 Gonggao：新闻公告数据库表 Mingxing：明星数据库表 User：注册用户数据库表 数据库连接代码： conn.asp代码 % Dim Conn,ConnStr On error resume next Set Conn=Server.CreateObject(Adodb.Connection) ConnStr=Provider=Microsoft.Jet.OLEDB.4.0;Data Source=Server.MapPath(../database/Database1.mdb) Conn.open ConnStr % 4 汕头广播电视大学专科毕业论文 5 7、网站运行 IIS 里面配置 asp 网站 a. 安装 IIS 若操作系统中还未安装 IIS 服务器，可打开“控制面板”，然后单击启动“添加 / 删除程序”， 在弹出的对话框中选择 “添加 / 删除 Windows组件”，在Windows组件向导对话框中选中“ Internet 信息服务（ IIS ）”，然后单击“下一步”，按向导指示，完成对 IIS 的安装。 b. 启动 Internet 信息服务（ IIS ） Internet 信息服务简称为 IIS ，单击 Windows开始菜单 --- 所有程序 --- 管理工具 ---Internet 信息服务（ IIS ）管理器，即可启动“ Internet 信息服务”管理工具。 如图所示： 图为 Internet 信息服务（ IIS ）管理器 5 汕头广播电视大学专科毕业论文 6 c. 配置 IIS IIS 安装后，系统自动创建了一个默认的 Web站点，该站点的主目录默认为 C:\\Inetpub\\www.root 。 用鼠标右键单击“默认 Web站点”，在弹出的快捷菜单中选择“属性”，此 时就可以打开站点属性设置对话框，在该对话框中，可完成对站点的全部配置。 如图所示： 图为默认 Web站点属性 6