《电子类网站设计报告(共10页)》由会员分享，可在线阅读，更多相关《电子类网站设计报告(共10页)（9页珍藏版）》请在金锄头文库上搜索。
1、 钦 州学院网页设计课程设计报告音乐类网站设计报告院 系 物理与材料科学学院 专 业 电子信息工程 学 生 班 级 2007级1班 姓 名 邓云汉 刘斌 学 号0905401107 ？ 指导教师单位 钦州学院 指导教师姓名 曲 艺 指导教师职称 讲师 2012年12月电子类网站设计电子信息工程专业2009级指导教师 曲艺摘要；近年来随着网络信息技术的广泛应用，互联网正逐步改变着人们的生活方式和工作方式。在这一热潮中，网页制作技术得到了很多人的青睐，而在目前流行的“所见即所得”的网页制作软件制作中，Dreamweaver无疑是使用最广泛、功能最优秀的一款，本企业介绍网站将用该软件来制作。掌握网页
2、设计基本概念，学习dreamweaver软件并利用它制作企业介绍类网站，掌握网页超链接技术的应用，了解图像的处理，包括背景图案、图形，学会利用JavaScript脚本制作滚动展示图。关键词：Dreamweaver、超链接、Java脚本、企业介绍设计目的:掌握Dreamweaver制作网页的技术，熟悉制作网页的基本步骤。设计技术指标与要求：（1） 利用相关软件技术设计7个网页页面。（2） 设计的网页音乐可在线试听，在线下载，还可搜索歌手。目录前言11 Dreamweaver使用介绍 22 概述 22.1 网页名称与制作目的 23 设计工具 24 网页设计 3 4.1 整体构思 3 4.2 页面构
3、思 45 网页制作过程遇到的困难 46 网页设计感想 57 关键代码 58 设计体会 6参考文献6前言 在这个E时代，科技的飞速发展已经成为社会发展的标志。计算机网络从为我们所知，到现在才经历的短短几年时间，在这几年中随着计算机网络的广泛应用，特别是Internet的普及和发展，网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、最新单曲的发布，只要你想到的，我们都可以通过网络来获得，现代人已经离不开网络。但是到底是什么为这所有的一切提供平台的呢？我们又是通过什么来获取这些消息的呢网页。现如今，数以万计的网站以网页的方式提供了丰富多彩的信息，内容五花八门。在人类社会进入信息时
4、代的时候，在计算机网络普及的今天，网页也扮演着重要的角色。网页是我们在网络上的“发言人”。我们要将什么样的信息传达给浏览者，都得通过网页，网页在这里起着重要作用。图1 丰富多彩的网络世界1 Dreamweaver使用介绍 超链接是整个网页制作中最活泼、最有吸引力的一种元素。表格在许多工作中有着广泛的应用，例如分割网页和制作层特效。框架网页是一种特殊的HTML网页，使用框架网页可以同时浏览几个不同的Web页面，使用Web页面显示一致的用户界面和灵活的页面内容。这次网页制作的要求包括：在线试听，可以下载歌曲。制作网页的动态效果包括在网页中使用插件，及创建、布置和管理站点等。我制作的网页中包含了超链
5、接、图片、框架网页等网页元素。其中图片、图像采用JPEG、PNG、GIF格式。并且要与数据库（Access）实现动态的交互。通过这次课程设计实践，我们进一步了解了以上几种技术的使用，我们了解到仅仅使用到一种或者两种网页制作技术，是不可能创作一个优秀的Web页面的，一个美观而实用的Web页面往往需要综合利用各种技术。2 概述2.1 网页名称与制作目的我们的网站名称为“快乐音乐网”，主要是通过自已的经计，理解、运用网页制作的基本知识，并使之得以融会贯通，在掌握运用Dreamweaver 制作方面的综合能力。在制作一个关于音乐网站时我们上网收集了许多相关的资料主要是有关网站的布局、颜色搭配、栏目、板
6、块等方面的内容，同时也搜集了一些对我有用的资料。本音乐网主要是是向爱听音乐的人们提供各种各样的歌曲，让人们在紧张的工作之余能够放松身心。通过此次网站设计我们锻炼了自己的动手能力。3 设计工具 做网页主要用的工具便是Dreamweaver、Photoshop、Flash软件。在这些软件中我们对Photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过，所以我们还是会基本的操作，但是在运用Dreamweaver、Flash时问题就不请自来了。有很多不懂如何操作，只有通过多次看书才能够了解，这也体现了我们身上的不足。4 网页设计主页男歌手女歌手MJ专区王力宏周杰伦潘玮柏蔡依林萧亚轩金莎图2
7、网站结构图4.1 整体构思图3 主页效果本网站主题为：快乐音乐网。主页是一个总目录的网页，在制作主页时，我们时刻考虑着网页的基本原则：主题鲜明，通俗易懂，内容统一，都是为了主题服务。浏览者只要登录我们的网站，就可以感觉到音乐的气息。一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。4.2 页面构思图3 音乐气息浓烈下面介绍一下网站中的主页制作: “快乐音乐网”。首先，要做好材料搜集工作，主要是图片、各种按钮以及模板素材和代码的准备和整理连贯，页面之间关系连贯，统成一体；每版内容都自成一体，便于浏览；有的网页有动有静，色彩呼应，搭配协调，富有生气；而且制作过程中不忘：“简洁
8、实用”， 这是非常重要的，在网络这种特殊环境下，一切都在快速的运转，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。其次，要认真的构思自己想要达成的网页效果和各部分内容分布、框架构。接着就是开始正式的网页制作，在网页开发工具Dreamweaver上面进行操作：每个子页都设有上导航栏便于浏览和跳转。主页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。 5 网页制作过程遇到的困难（1）网页的调试。从网上下载的网页全都是
9、一个网页对应一个文件夹，测试时图片有经常显示不出来。这个时候耐心就显得极其的重要了，有时候一两次的检查也查不出原因，你就得通过不断的百度和看书，不断的调试，这样问题才有可能得到解决。 （2）背景图像会覆盖背景颜色，表格中若同时设置了背景色和背景图像，则背景图像将覆盖背景色。一般情况下，在表格中使用背景图像，特别是在单个单元格内使用背景图像，会导致网页文件过大，影响网页下载速度，所以在表格中应尽量少用背景图像。而在表格中使用背景色就不会改变网页文件的大小。6.网页设计感想 网站设计最重要的诀窍，恐怕就是你的网页要感觉良好，主题鲜明 。我们的音乐类网站就是明明白白的让你感受到音乐的气息，页面里的图
10、片都是与音乐有关的，包括按钮、背景图。注意不要使背景的颜色冲淡了文字的视觉效果，让人看起来你的网页来很费劲。一般来说，浅色背景下的深色文字比较符合人们的习惯。大众化的还是比较好接受的。背景最好不要用白色的，因为那样看起来就很刺眼，特别是在晚上熄灯了之后,会让浏览者感到不舒服。我们的音乐网站有男歌手页面，女歌手页面，还有外国的歌手，让人们在浏览时能够轻松找到自己所喜欢的类型。图4 页面截图7 关键代码音乐试听代码（王力宏-柴米油盐酱醋茶为例）：音乐下载代码（王力宏-柴米油盐酱醋茶为例）下载：8 设计体会本次课程设计是我们第一次运用Dreamweaver这个网页设计软件来进行网页制作。在这次的网页
11、、网站制作过程中经历了很多的困难，也得到了周围同学和老师的帮助。在这次实践中，我学会了怎么耐心的克服困难，任何事情都是需要付出才有可能得到收获。在老师和同学的帮助下，我们通过努力完成了我们的网站。在遇到困难时，通过百度，我们查到了我们想要的结果。通过这次音乐网站设计实践，我们感悟最深的是学会永远保持良好的心态，遇到困难时第一头脑要冷静，只有冷静的头脑才可以想出解决问题的方法。通过此次实践，使我懂得了认真仔细的对待每一件事情，学会了谨慎细致，这对我们以后的社会工作都是很有用的。由于能力有限，网站还存在着很多的不足，今后还得继续努力。最后感谢周围同学还有老师的热情帮助。参考文献1 何琛.Dreamweaver8 网页设计M.上海科学普及出版社2 刘庆红.Flash 动画制作M. 上海科学普及出版社，20043 李继光.网页设计全书M. 清华大学出版社，2009
