《设计报告篮球世界.docVIP

钦 州　学　院 网页设计课程设计报告 篮球世界 院 系 物理与电子工程系 专 业 电子信息工程 学 生 班 级 2007级3班 姓 名 谭添兼 黄贵恒 陈帆 韦德钰 学 号 0705401346 0705401302 0705401350 0705401336 指导教师单位 钦州学院 指导教师姓名 曲艺 指导教师职称 助教 2010年11月 篮球世界 电子信息工程专业2007级 谭添兼 黄贵恒 陈帆 韦德钰 指导教师 曲艺 摘要 根据设计的指标和要求，我们小组在经过一段时间的讨论和耐心找材料，最后利用Dreamweaver 8制作出一个小型网站：篮球世界。该网站属于博客类网站，为每个人提供了一个信息交流的传播平台。 “篮球世界”这个网站页面清晰明了，从首页的NBA神话到各个子页，都是链接得很好，层次分明，内容新颖独特，让更多的篮球爱好者一起共享篮球世界里的瞬间与永恒，也让我们的生活舞台更加绚丽多彩。 关键词：网页设计，篮球世界，精心设计，博客分享 设计目的: 使学生对于网络信息及网络信息发布有更加深入的理解提高学生的网页设计与制作能力根据自己的兴趣爱好或专长，确定一个网站主题；应用所学的相关知识，进行个人网站的规划与设 目录 前言…………………………………………………………………………………………1 1 网站设计与规划………………………………………………………………………1 1.1 网站“篮球世界”的主题…………………………………………………………1 1.2 资料与素材的收集………………………………………………………………2 1.3 LOGO的设计说明…………………………………………………………………2 1.4 “篮球世界”的结构………………………………………………………………3 2 各级网页的风格说明…………………………………………………………………3 3 网页的制作与样例……………………………………………………………………4 4 设计体会 ………………………………………………………………………………5 参考文献 …………………………………………………………………………………5 前言 在Internet飞速发展的今天，随着各种通讯技术的发展，互联网已在中国逐步进入普及阶段，许多人在充分享受浏览新闻，网上聊天，网络游戏，网上交易，收发电子邮件等网络的各种乐趣后，开始不满足于被动式的接受，希望能主动参与网络，因此大量的个人网站应运而生了博客，又译为网络日志、部落格或部落阁等，是一种通常由个人管理、不定期张贴新的文章的网站、、作为网络个人日记展示某个方面的空间网络交学习交流的地方通过博客展示自己的企业形象或企业商务活动信息”。 从各个相关网站上收集图片资料,将其分类，复制并保存于“images”文件夹中。查看每张图片，是否满足网站制作的条件，如果需要修改，就使用“photoshops”软件对其进行相应的修改（图2）。 图2 1.3 LOGO的设计说明 LOGo以红色为底，中间三竖一横四道白线，犹如一个色彩鲜明的篮球（图3），预示着篮球运动的激烈与兴盛，勃勃生机。 图3 1.4 “篮球世界”的结构 点击网站，进入网站首页。首页包括主页、日志、收藏、关于我，日志和收藏各包含四个子网页。 图4 2 各级网页的风格说明 点击进入首页，背景为黑白两色，简洁明了，一目了然。首页是网站最主要的页面，它是进入其他页面的必经之路。也是网站的摸板，它必须具备logo，导航条是进入下一张网页连接所在，不可或缺。整个首页呈国字型布局，顶上是网站标志和导航条，左边为8个链接，右边为公告栏、网站日历、用户登录，中间为主要部分，与左右一起罗列到底（图5）。 图5 点击左边的连接，则在中间显示下一级网页，简单快捷，十分方便（图6）。 图6 3 网页的制作与