网页课程设计实验报告

网页课程 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 实验报告 河南城建学院 《网页设计与制作》 课程设计报告 学号: 姓名: 题目: 指导教师:张妍琰 景伟娜 张 玉花 专业: 目录 一、需求分 析 .................................................................................................................................. 2 二、使用软 件 .................................................................................................................................. 3 三、设计制作方 案 .......................................................................................................................... 3 3.1总体流程 图: ..................................................................................................................... 4 3.2总体框 架: ......................................................................................................................... 4 3.3关键制作技 术 ..................................................................................................................... 5 四、网站的制 作 .............................................................................................................................. 5 4.1主页NBA超链子页面设计过 程: .................................................................................. 5 4.2主页CBA超链子页面设计过 程: ................................................................................... 7 五、网页的整体布局设 计 .............................................................................................................. 9 六、结束 语: ................................................................................................................................ 11 七、参考文 献: ............................................................................................................................... 11 1 国际篮联中文官方网站 一、需求分析 随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，电子信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。 以往，人们看节目都是到现场观看，慢慢的在电视上看，现如今，随着人们生活水平的提高，越来越多的家庭已经拥有自己的电脑。，在网上就能看直播。 正是因为人们的这些需求，越来越多的娱乐网站出现在网络上，使人们可以随时了解自己想知道的娱乐方面的新闻，真正的做到足不出户，便知天下事。把篮球娱乐与网络连接起来，是篮球发展的必然方向之一。 一个网站项目的确立是建立在各种各样的需求上面的，这种需 2 求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户，项目的负责人对用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网站开发项目管理者需要面对的问题。做好篮球网站就是为了使广大的消费者提供及时和有效的信息，为其选择适合自己的产品提供良好的参考。 二、使用软件 dreamwraver软件由美国著名的网站应用开发工具生产厂商Adobe Macromedia 于2005年6月推出并正式投入市场以来，已经发展得相当成熟。关于dreamwraver的技术介绍的相关书籍与网络信息相当丰富。通过大学中软件开发环境课程的学习，对dreamwraver有了比较深刻的认识，并比较轻松的掌握了dreamwraver的操作。因此，软件技术可以完成任务的要求。 三、设计制作 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 3 3.1总体流程图: 3.2总体框架: 1. 设计一个主页面，包括Logol 2. 在主页面上添加导航栏链接:首页、发展史、新闻、图片、NBA、CBA。 3. 两侧设计成动态图片，静态图片等， 4. 中间一栏为“篮球火” 5. 中间靠下文文字介绍，设置文走马灯效果。 6. 在导航栏各链接下设计至少5个子页面，每个子页包含首页、发展史、新闻、 图片、NBA、CBA各自相关内容，可以含有超链接、图片、声音等多媒体元素。 4 3.3关键制作技术 一、 插入表格;单击插入?表格?设置行值。 二、 新建站点:单击站点?新建站点。 三、 插入链接:单击插入?常用?超级链接 常用?水平线。 四、 插入水平线:单击插入? 五、 插入图像:单击插入?常用?图像 六、 插入媒体:单击插入?常用?媒体 代码或直接单击代码视图。 七、 查看代码:单击查看? 八、 设置页面属性:单击修改?页面属性 九、 新建CSS样式:单击 格式 pdf格式笔记格式下载页码格式下载公文格式下载简报格式下载 ?CSS样式?新建。 十、 打开标签检查器:窗口?标签检查器。 十一、 插入特殊符号:插入?HTML?特殊符号 四、网站的制作 4.1主页NBA超链子页面设计过程: 1. 建立一个NBA首页。以表格布局如下图: 5 图 4-1 2. 建立超链接:赛事安排 NBA图册 明星图片 联盟排名 3. 分别对 赛事安排 NBA图册 明星图片 联盟排名 建立子页 面 采用表格布局。 4. 在建立联盟排名时运用框架集排版 其中加入两个子页面，并在 mianfame 显示。如下图: 图 4-2 点击东部联盟后出现: 6 图 4-3 点击西部联盟时出现: 图 4-4 4.2主页CBA超链子页面设计过程: 1. 建立一个NBA首页。以表格布局如下图: 7 图 4-5 2. 建立超链接: 首页 、联赛简介 、 联赛 规则 编码规则下载淘宝规则下载天猫规则下载麻将竞赛规则pdf麻将竞赛规则pdf 、联赛日程 、 历届球队 、 外援制度 、历届冠军。 3. 分别对 首页 、联赛简介、 联赛规则 、 联赛日程 、 历届 球队 、 外援制度、 历届冠军、 建立子页面 采用表格布 例: 联赛简介: 图 4-6 联赛规则: 8 -7 图 4 等。。。 五、网页的整体布局设计 网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。尤其是我们在利用网页效果体现在线营销的意图时，更要注意为了达到最佳的视觉表现效果，而讲究整体布局的合理性，比如一家生产型的企业，它所提供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流畅的视觉体验，从而方便他对产品的了解，促成最后的购买。 色彩是艺术表现的要素之一，在网页设计中，根据和谐、均衡和重 9 点突出的 原则 组织架构调整原则组织架构设计原则组织架构设置原则财政预算编制原则问卷调查设计原则 ，将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用，按照色彩的记忆性原则，一般暖色较冷色的记忆性更强一些。色彩还具有联想与象征的特质，如红色象征血、太阳;蓝色象征大海、天空和水面等。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些，增强人们的购买心理，使得在线营销得到很好的实践效果。另要注意的是网页的颜色应用虽没有限制，但不能毫无节制地运用多种颜色，一般情况下，先根据总体风格的要求定出一至二种主色调，在已经有了完备的CIS(企业形象识别系统)的企业进行网页设计时，更应该按照其中的VI进行色彩运用。在色彩的运用过程中，还应注意的一个问题是:由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。如:儿童喜欢对比强烈、个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在“沙漠”中的人喜欢绿色。在设计中要考虑众多因素。 要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及 留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的 10 效果。点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。 六、结束语: 在系统的需求分析过程中，由于不熟悉，产生了很大的困难，通过与同学们的探讨与沟通，我渐渐地对系统有了一个大体的认识。虽然说在系统需求分析过程中花费了很多时间，但是我认为这是必要的也是必须的。 七、参考文献: [1] 《网页设计技术教材》 童爱红 清华大学出版社 2005年1月 [2] 《网页设计与制作(CS4中文版)》 唐有明 清华大学出版社 2010年4月 蔡伯峰 清华大学出版社 2010年5月 [3] 《网页设计与制作》 [4] 《网页设计技术》 顾晓燕 清华大学出版社 2009年12月 11