浙江传媒学院

网站设计课程实验报告

课程设计名称: 网页设计与编程实训 设计题目: 中小企业个体商业网站 系 部: 电子信息学院 专 业: 信息管理与信息系统 学生姓名: 张磊 学 号: 080806144 指导教师： 张浩斌

一、实验目的

运用已经掌握的“网页设计”与“多媒体”知识完成某个自选网站的设计工作。通过此次设计可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握运用Dreamweaver MX 2004；Fireworks MX 2004； Flash MX 2004；Photoshop 7.0等软件与浏览器工具制作网页的基础上再加以实践，进一步提高、加强自身的综合能力。

二、实训准备与前期设计

1、确定风格、确定主色调、及网页的主体外观、栏目的规划（定位形象）：

结合自己的社会经验，首次网页设计实验选择尝试制作“中小企业产品展示商用宣传网页”的设计，特别选择了一个“鬼”类“万圣节”、“鬼节”的主题的商用网页，虽然没有一些门户网页的多功能性，而且产品展示的网页设计起来比较死板，可是考虑到将来的实用性和市场性，决定适当尝试。 选择“黑色”的主调，采用“首页——框架——导航”的形式来设计。

2、 收集网页制作所需的相关资料和素材（搜集材料）。

通过分析设计中所必须的一些衬托图片和元素，从网络上找到相应的资料，具体的产品展示内容选择了本人家庭式的小企业销售的产品，具体产品照片等资料用相机实物拍摄并且用图片软件处理。

3、 通过图像处理软件对图片进行加工处理、搭钩网站框架（板块、层次结构）。

4、色彩搭配：

黑色基调+灰色衬托

三、实训要求

1、主题鲜明、内容充实；颜色明快、醒目、结构合理；

…… …… 余下全文

华北科技学院计算机系综合性实验

实 验 报 告

课程名称         《网页制作A》                

实验学期    2010  至  2011  学年 第  1  学期

学生所在系部       计算机系                   

年级    大三       专业班级    信管B081班    

学生姓名      尹芳      学号   200807034113   

任课教师           沙嘉祥                     

…… …… 余下全文

河南城建学院

《网页制作》课程设计报告

学       号:

专       业:

姓       名:

题       目:  

指导教师:

设计时间：

计算机科学与工程系

20##年6月

目  录

一 设计目的... 3

二、课程设计题目... 3

三、课程设计要求... 3

四、需求分析... 4

五、技术分析... 5

六、创意分析... 7

七、制作过程及要点... 9

八、参考资料... 12

九、设计总结... 12

一 设计目的

本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程

通过设计达到掌握网页设计、制作的技巧。

了解和熟悉网页设计的基础知识和实现技巧。

根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。

熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。

增强动手实践能力，进一步加强自身综合素质。

学会和团队配合，逐渐培养做一个完整项目的能力。

二、课程设计题目

         玩转西安

…… …… 余下全文

网页设计报告

题 目:    个人网站实训报告     

学 号:       0000000000        

姓 名:      王可元         

一. 实训意义:

网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求,在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的转化,是对理论与实践教学效果的检验,也是对学生综合分析能力与独立工作能力的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用。

二. 实训目的:

1． 通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。

(1)掌握规划网站的内容结构，目录结构,链接结构的方法。

(2)熟练掌握网页制作软件FrontPage 2003和的基本操作和使用技能。

(3)掌握页面的整体控制和头部内容设置的方法。

(4)熟练掌握网页页面布局的各种方法。

(5)熟练掌握在网页中输入,设置标题和正文文字的方法。

(6) 熟练掌握在网页中插入图象,flash动画和背景音乐的方法。

(7) 熟练建立各种形式的超级链接的方法。

(8)掌握表单网页制作方法。

(9) 掌握网页特效制作方法。

(10)掌握网站测试的方法。

2.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash动画和网页特效等。

…… …… 余下全文

课程设计报告书

设 计 题 目： Web网页制作实验报告

年 级 专 业： 08级市场营销

姓 名 学 号：

指 导 老 师：

经济管理系

12月20日

一、设计目的 3

二、设计题目 3

三、结构设计 3

五、设计过程 7

六、实验心得 10

七、实验总结 11

[附录] 网页源代码节选 12

一、设计目的

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。

了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。

熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。

二、设计题目

《C罗球迷之家》

三、结构设计

选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。

然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。

我们选做的主题是个人主页，并且选定题目为“C罗球迷之家”，其目的是做一个简单的网站，介绍C罗的各个方面，提供一定的资讯信息，。进行一番调研之后，该网站整体站功能结构图如下：

…… …… 余下全文

Web网站设计实验报告

目录

一、设计目的 3

二、设计题目 3

三、结构设计 3

五、设计过程 6

六、实验总结 7

[附录] 网页源代码节选 8

一． 设计目的

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利。但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过。所以为了了解网页制作的过程，我们在老师的指导下分前台和后台进行了一系列操作，并有所收获。

我们了解和熟悉了网页设计的基础知识和实现技巧，也熟练掌握了Photoshop cs3、Dreamweaver cs等软件的的操作和应用。

二． 设计题目

《篮球球迷交流网》

主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。

三． 结构设计

选定主题，确定题目之后，网站设计还是一张白纸，我所做的是需要在这张白纸上一点点勾勒出网站的大框架，然后慢慢填充，实现网站的构想。首先我们在网上和图书管里查阅了大量的资料，以确定我们所需要的基本技术。然后，我们对整个网站进行总体规划，接着逐步细化。

我的设计主题是篮球球迷交流网，包括多个方面，框架为：

首先是首页，首页下是新闻头条，分栏有球迷自述、篮球美图、给我留言，从分栏都可以回到首页。

首页主要分为新闻头条、热门话题区、靓图展示。

此为网站的大体板块，下面我们就每一页的页面板块进行详细的分析，有了大体框架，我们只需要在每一页的主要内容上做以划分，下面就内容板块举几个例子：

1. 首页（作为一个网站的第一界面，一定要有内容，我把content分为logo和网站导航div，下面又展示了正文内容）

…… …… 余下全文

WEB系统开发

综合实验报告

                                                                                   

题    目  红尘客栈网上订房页面           

专    业 计算机科学与技术（信息技术及应用）

班    级    计信2班               

…… …… 余下全文