《网页设计说明》由会员分享,可在线阅读,更多相关《网页设计说明(13页珍藏版)》请在金锄头文库上搜索。
1、我爱篮球网站设计说明书1、设计理念本网站定位本身是用于展示个人爱好一一篮球的一个平台页面系统。在展示之余也有结交拥有共同爱好的网友的功效。页面主要以蓝色调风格为主,站点分为有首页、篮球动态、NBA明星简介、用户注册、用户登录、留言交流、后 台管理等模块。本站页面主要展示的是NBA篮球资讯、明星等内容,整体页面使用到了 CSS 层样式技术、Flash动画效果制作、以及 JavaScript的脚步技术应用。值得一提的是首页明星照片展示采用了基于CSS+JS特殊的图片向左滚动的浏览效果。2、设计流程通过在网络参考相应模板,设计出接近于 NBA网站的效果,并根据相应要 求 到网上寻找相应的图片素材以及
2、应用到 PS图片设计结束。最后应用HTML网页设计,以及ASP + Access动态网页设计使用CSS进 行页面样式的设计。并且,附带应用一些JavaScript特效技术。总体设计流程为:确定主题及颜色用 Dreamweaver设计html静态网 页效果一-建立数据库一-将静态网页改为asp动态网页一-测试、发布网站。3、使用的工具与技术网页制作工具:Dreamweaver 8 多媒体设计制作工具:Flash 8、Photoshop cs3 应用到的设计技术:HTML、CSS JavaScript4、网站设计说明网站名称:我爱篮球一一篮球网站整体形象设计包括标准字、标题、标准色彩等。首页作为网
3、站的形象页、网站的欢迎页面,引入的元素大致有网站名称、标题、形象图片、文字、栏目导航等要素,是彰显网站整体风格的重要页面 并结合Flash动画来展示。网站形象页的设计突出了所要展示的主题,通过文字、形象、图片的巧妙烘托,令页面富有层次感,达到赏心悦目的效果。网页富有动感,通过JS实现突破轮播效果,文字采用 marquee滚动展示 新闻动态。页面大小采用了 960px*200px。网站调试采用“边制作边调试”的方式。保证了页面在各个浏览器间的相互 兼容性。在风格等各方面追求保存一致。5、页面结构布局首页布局框架构思示意图Banner 图片 960px*200px菜单导航图片轮播展示显示当前日期滚
4、动新闻NBA明星新闻动态右向左滚动展示NBA明星照片新闻列表友情链接最终设计效果:EULS. 7【灰悄ta接1r茴时间IT:磚;QNM剧T宵歪 隆蘇动总歸衫军不故蜒謹童二连離 挫牛吕大宝贝29覚W耳门红山噬掘別年最菱!湖人一输到底ORt科比:打關务丼聲址头快抻了XBA明星简介用P注聽注牌登录密菩立陆后音骨建亠料比:IB書劳甘fVJft头快算了试软勰真金鼻蕾的潮人新凝件肾讯JU1H间11月乳弭淵人令大rtftifel. 9S-IQSAWH 堆舛手快*L用矗廿春二存飲*暮粥网人介舞十也卷覺螺体的黑科比扯今天窃要农代m受感谕的球民 洁干全境打I 2012/11/2图为网站首页效果图6、数据库及程序设
5、计Access数据库结构:J Databasel :数据库Access 2002 - 2003 知科g式)J表耳JI窗体摄表页a宏粗rmn n n赢高圜嚴” 逋过撬入数删建恚 adminbookgonggao mingxing5er图2数据库表Admin :管理员数据库表Book :留言交流数据库表Gonggao :新闻公告数据库表Mingxing :明星数据库表User :注册用户数据库表数据库连接代码:conn.asp代码7、网站运行在 IIS 里面配置 asp 网站a. 安装IIS若操作系统中还未安装 IIS 服务器,可打开“控制面板”,然后单击启动“添加 /删除程序”, 在弹出的对话框
6、中选择 “添加/ 删除 Windows 组件”, 在 Windows 组件向导对话框中选中“ Internet 信息服务( IIS )”,然后单击 “下一步”,按向导指示,完成对 IIS 的安装。b. 启动In ternet 信息服务(IIS)In ternet信息服务简称为IIS,单击Win dows开始菜单-所有程序-管理 工具-I nternet 信息服务( I I S )管理器,即可启动“ Internet 信息服务”管理 工具。如图所示:图为In ternet信息服务(IIS)管理器c. 配置IISIIS安装后,系统自动创建了一个默认的Web站点,该站点的主目录默认为 C:l net
7、pubWwww.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。管理员:adminY注:网站后台管理登陆密码:123456感谢下载!欢迎您的下载,资料仅供参考