Web网站设计实验报告

《Web网站设计实验报告》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、..Web设计实验报告学生：学号：班级：系别：学院：..word.zl...目录一、设计目的3二、设计题目3三、构造设计3四、技术分析5五、设计过程6六、实验总结7..word.zl...[附录]网页源代码节选8一．设计目的在Internet飞速开展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此建立在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建立中的重要组成局部，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利。但是,我们成天浏览的网页到底是如何

2、制作的呢?我想这一点很多同学都没有去深究过。所以为了了解网页制作的过程，我们在教师的指导下分前台和后台进展了一系列操作，并有所收获。我们了解和熟悉了网页设计的根底知识和实现技巧，也熟练掌握了Photoshopcs3、Dreamweavercs等软件的的操作和应用。二．设计题目?篮球球迷交流网?主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。三．构造设计选定主题，确定题目之后，设计还是一白纸，我所做的是需要在这白纸上一点点勾勒出的大框架，然后慢慢填充，实现的设想。首先我们在网上和图书管里查阅了大量的资料，以确定我们所需要的根本技术。然后，我们对整个进展总体

3、规划，接着逐步细化。我的设计主题是篮球球迷交流网，包括多个方面，框架为：..word.zl...首先是首页，首页下是新闻头条，分栏有球迷自述、篮球美图、给我留言，从分栏都可以回到首页。首页主要分为新闻头条、热门话题区、靓图展示。此为的大体板块，下面我们就每一页的页面板块进展详细的分析，有了大体框架，我们只需要在每一页的主要容上做以划分，下面就容板块举几个例子：1.首页〔作为一个的第一界面，一定要有容，我把content分为logo和导航div，下面又展示了正文容〕2.篮球美图..word.zl...一．技术分析WEB技术主要分为客户端和效劳器技术。Web客户端

4、设计技术主要包括：html语言、JavaApplets、脚本程序、CSS、DHTML、插件技术以及VRML技术。Web效劳器端的开发技术也是由静态向动态逐渐开展、完善起来的。Web效劳器技术主要包括效劳器、CGI、PHP、ASP、ASP.NET、Servlet和JSP技术。..word.zl...(一)建立布局这里我们用到了HTML以及CSS等实用技术。HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级〞点。由此可见，网页的本质就是HTML，通过结合使用其他的Web技术，可以创造出功能强大的网页。因而，HTML是Web编程的根底。而CSS是用来进展

5、网页风格设计的。比方，如果想让字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HMTL中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩大准确指定网页元素位置，外观以及创立特殊效果的能力。〔二〕网页中的图像〔1〕怎样编辑网页中的图像在Dreamweavercs3中，可以使用“图片〞工具栏中的各种工具对网页中的图像进展编辑，编辑功能主要有：图像旋转和翻转、剪裁、图像淡化、凹凸效果等等。另外，为了使图片更符合要求，我们还在photoshopcs3中队所用的图片进展了处理，使得

6、图片看起来更加精细美观，符合我们的主题要求。..word.zl...〔2〕使用背景图像使用背景图像与使用背风光不同，使用背风光只将网页的背景用某种颜色填充，而使用背景图像那么是将网页的背景用图像平铺。这样做可以使制作的网页更美观好看。〔三〕参加超选中图片或者文字，在下面的属性中输入所要连接到的地址，同时，下方的目标属性被激活，输入blank设置成在新窗口中翻开网页。我们设置了本站点的网页页面，同时也连接了外网〔到虎扑和百度〕，使得大家访问页面时能够查询更多详细的信息，方便用户查询。一．设计过程制作网页,首先是确定主题,经过再三考虑,我选择了这个关于篮球球迷交流

7、网的,因为平时比拟喜欢打篮球，对这方面了解比拟多，而且主题比拟新颖，设计主题比拟现代化，发挥空间也比拟大，于是主题确立。..word.zl...再后是收集资料与素材，了解关于篮球方面的一些图片和新闻，加以自己的收藏，再参考一些好的的布局，特色，颜色搭配，背景图等。最后开场制作网页，使用dreamweaver。页面用div布局，用白色充当背风光，但是丝毫不显单调。主体局部是用一个公共的css样式。而在其他页面那么通过DIV标签来实现容的填充：主体页面制作非常简单，采用了整齐的布局，注重网页的实用性，在其中插入表格，分栏还插入了超级直接到互联网。六．实验总结与体会

8、在实验过程中，遇到了许多困难。比方说，