网页设计说明

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

网页设计说明

《我爱篮球》网站设计说明书

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、网站设计说明

网站名称:我爱篮球——篮球网站

整体形象设计包括标准字、标题、标准色彩等。

首页作为网站的形象页、网站的欢迎页面,引入的元素大致有网站名称、标题、形象图片、文字、栏目导航等要素,是彰显网站整体风格的重要页面,

并结合Flash动画来展示。

网站形象页的设计突出了所要展示的主题,通过文字、形象、图片的巧妙烘托,令页面富有层次感,达到赏心悦目的效果。

网页富有动感,通过JS实现突破轮播效果,文字采用marquee滚动展示新闻动态。

页面大小采用了960px*200px。

网站调试采用“边制作边调试”的方式。保证了页面在各个浏览器间的相互兼容性。

在风格等各方面追求保存一致。

5、页面结构布局

首页布局框架构思示意图

最终设计效果:

图为网站首页效果图

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

%>

7、网站运行

在IIS里面配置asp网站

a.安装IIS

若操作系统中还未安装IIS服务器,可打开“控制面板”,然后单击启动“添加/删除程序”,在弹出的对话框中选择“添加/删除Windows组件”,在Windows 组件向导对话框中选中“Internet信息服务(IIS)”,然后单击“下一步”,按向导指示,完成对IIS的安装。

b.启动Internet信息服务(IIS)

Internet信息服务简称为IIS,单击Windows开始菜单---所有程序---管理工具---Internet信息服务(IIS)管理器,即可启动“Internet信息服务”管理工具。

如图所示:

图为Internet信息服务(IIS)管理器

c.配置IIS

IIS安装后,系统自动创建了一个默认的Web站点,该站点的主目录默认为C:\\Inetpub\\www.root。

用鼠标右键单击“默认Web站点”,在弹出的快捷菜单中选择“属性”,此时就可以打开站点属性设置对话框,在该对话框中,可完成对站点的全部配置。

如图所示:

图为默认Web站点属性

d.主目录与启用父路径

单击“主目录”标签,切换到主目录设置页面,该页面可实现对主目录的更改或设置。注意检查启用父路径选项是否勾选,如未勾选将对以后的程序运行有部分影响。如图所示:

C.设置主页文档

单击“文档”标签,可切换到对主页文档的设置页面,主页文档是在浏览器中键入网站域名,而未制定所要访问的网页文件时,系统默认访问的页面文件。常见的主页文件名有index.htm、index.html、index.asp、index.php、index.jap、default.htm、default.html、default.asp等

IIS默认的主页文档只有default.htm和default.asp,根据需要,利用“添加”和“删除”按钮,可为站点设置所能解析的主页文档,这里我们设置默认文档为index.asp。

管理员:admin

注:网站后台管理登陆

密码:123456

相关文档
最新文档