网页设计说明

《网页设计说明》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、汕头广播电视大学专科毕业论文1《我爱篮球》网站设计说明书1、设计理念本网站定位本身是用于展示个人爱好——篮球的一个平台页面系统。在展示之余也有结交拥有共同爱好的网友的功效。页面主要以蓝色调风格为主,站点分为有首页、篮球动态、NBA明星简介、用户注册、用户登录、留言交流、后台管理等模块。本站页面主要展示的是NBA篮球资讯、明星等内容，整体页面使用到了CSS层样式技术、Flash动画效果制作、以及JavaScript的脚步技术应用。值得一提的是首页明星照片展示采用了基于CSS+JS特殊的图片向左滚动的浏览效果。2、设计流程通过在网络参考相应模板，设计出接近于NB

2、A网站的效果，并根据相应要求到网上寻找相应的图片素材以及应用到PS图片设计结束。最后应用HTML网页设计，以及ASP+Access动态网页设计使用CSS进行页面样式的设计。并且,附带应用一些JavaScript特效技术。总体设计流程为：确定主题及颜色—→用Dreamweaver设计html静态网页效果—→建立数据库—→将静态网页改为asp动态网页—→测试、发布网站。3、使用的工具与技术网页制作工具:Dreamweaver8多媒体设计制作工具:Flash8、Photoshopcs3应用到的设计技术：HTML、CSS、JavaScript4、网站设计说明网站名称

3、:我爱篮球——篮球网站整体形象设计包括标准字、标题、标准色彩等。首页作为网站的形象页、网站的欢迎页面，引入的元素大致有网站名称、标题、形象图片、文字、栏目导航等要素,是彰显网站整体风格的重要页面,1汕头广播电视大学专科毕业论文2并结合Flash动画来展示。网站形象页的设计突出了所要展示的主题，通过文字、形象、图片的巧妙烘托，令页面富有层次感，达到赏心悦目的效果。网页富有动感，通过JS实现突破轮播效果，文字采用marquee滚动展示新闻动态。页面大小采用了960px*200px。网站调试采用“边制作边调试”的方式。保证了页面在各个浏览器间的相互兼容性。在风格等

4、各方面追求保存一致。5、页面结构布局首页布局框架构思示意图Banner图片960px*200px菜单导航显示当前日期图片轮播展示滚动新闻NBA明星新闻动态右向左滚动展示NBA明星照片新闻列表友情链接2汕头广播电视大学专科毕业论文3最终设计效果：图为网站首页效果图3汕头广播电视大学专科毕业论文46、数据库及程序设计Access数据库结构：图2数据库表Admin：管理员数据库表Book：留言交流数据库表Gonggao：新闻公告数据库表Mingxing：明星数据库表User：注册用户数据库表数据库连接代码：conn.asp代码<%DimConn,ConnStrOn

5、errorresumenextSetConn=Server.CreateObject("Adodb.Connection")ConnStr="Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath("../database/Database1.mdb")Conn.openConnStr%>4汕头广播电视大学专科毕业论文57、网站运行在IIS里面配置asp网站a.安装IIS若操作系统中还未安装IIS服务器，可打开“控制面板”，然后单击启动“添加/删除程序”，在弹出的对话框中选择“添加/删除Win

6、dows组件”，在Windows组件向导对话框中选中“Internet信息服务（IIS）”，然后单击“下一步”，按向导指示，完成对IIS的安装。b.启动Internet信息服务（IIS）Internet信息服务简称为IIS，单击Windows开始菜单---所有程序---管理工具---Internet信息服务（IIS）管理器，即可启动“Internet信息服务”管理工具。如图所示：图为Internet信息服务（IIS）管理器5汕头广播电视大学专科毕业论文6c.配置IISIIS安装后，系统自动创建了一个默认的Web站点，该站点的主目录默认为C:\Inetpub

7、\www.root。用鼠标右键单击“默认Web站点”，在弹出的快捷菜单中选择“属性”，此时就可以打开站点属性设置对话框，在该对话框中，可完成对站点的全部配置。如图所示：图为默认Web站点属性6汕头广播电视大学专科毕业论文7d．主目录与启用父路径单击“主目录”标签，切换到主目录设置页面，该页面可实现对主目录的更改或设置。注意检查启用父路径选项是否勾选，如未勾选将对以后的程序运行有部分影响。如图所示：C．设置主页文档单击“文档”标签，可切换到对主页文档的设置页面，主页文档是在浏览器中键入网站域名，而未制定所要访问的网页文件时，系统默认访问的页面文件。常见的主页

8、文件名有index.htm、index.html、i