当前位置:文档之家› 网站设计项目总结报告

网站设计项目总结报告

网站设计项目总结报告
网站设计项目总结报告

国家软件人才国际培训(西安)基地

<项目名称>

项目总结报告

编写:华祥约

校对:李丽君

指导教师:贺光辉

目录

一、简介 (3)

1.1目的 (3)

1.2定义、首字母缩写词和缩略语 (3)

1.3参考文档 (3)

二、开发成果 (3)

2.1完成程序 (3)

2.2完成文档 (4)

2.3主要功能 (7)

2.4进度汇报 (9)

三、工作量统计 (10)

四、经验和教训 (12)

一、简介

1.1目的

本文档的编写是为了在暑期实习结束之前对整个项目开发情况进行全面总结,在另一个层面上对我们之前所有的工作和小组成员的情况有个概括的认识和了解。总结我们在开发过程中的经验和遇到的一些问题,能得出一些有用的规律以便为今后的工作提供借鉴和帮助,同时总结工作情况本身也是培养工作能力,提高认识水平的过程。

1.2定义、首字母缩写词和缩略语

BSSystem:基于浏览器和服务器端的系统

1.3参考文档

需求分析说明书-------刘俊峰、余黎明 2009-07-16

概要设计说明书-------张超、介文峰2009-07-23

详细设计说明书-------崔帅,张健等,2009-07-26

模块开发卷宗---------李丽君、刘俊峰、崔帅等,2009-08-06

二、开发成果

2.1完成程序

说明最终开发完成的程序,包括:

程序系统中各个程序模块的名字,它们之间的层次关系,以千字节为单位的各个程序模块的代码量;

每个程序文件的名称列表;

所建立的数据库。

2.2完成文档

文档名称文档编写人提交时间文档概述

可行性研究报告华祥约2009-07-15 为了开发功能全面,安全

的网上购物系统,本小组

就网上购物系统的一般

功能做了具体的分析以

及对开发时间和花费做

了系统的结合,得出了确

实可行的计划,此可行性

研究报告将对具体的细

节加以说明。

此报告的读者为工

程师和组员,以便对项目

的功能和开发工作有个

大致的了解。

需求分析说明书刘俊峰、余黎明2009-07-16 本文档是网站项目

建设的指导性文件,明确

定义网站项目的所有功

能,作为网站项目开发过

程以及验收的标准, 指

导该项目的后继工作。

注意,本文档所记录

或描述的是在该项目需

求定义阶段所明确的项

目需求,在后继阶段如果

有新的需求或者对本文

档所定义的功能作出修

改,必须形成新的文字记

录,作为补充文档,合并

到项目案卷中,对本项目

具有同等的约束力。

本文档预期的读者

范围是双方网站项目负

责人、网站建设技术人员

等。

概要设计说明书张超、介文峰2009-07-23 在完成了系统的

可行性研究和需求分析

的基础上,为了明确软件

需求,安排项目规划与进

度,组织软件开发与测

试,项目小组考虑了几种

可能的解决方案,并与程

序员进行了较为深入的

讨论和分析后,提出了这

份概要设计说明书。

1.搭好框架。让项目--

多彩购物系统有一

各框架,让以后工作

依照框架有序进行。

为软件的详细设计

奠定基础。

2.定义好规范,团队开

发有统一标准,方便

团队互相调用代码,

方便互相合作。

3.划分好系统单元,进

行后续开发的分配

编写任务,控制进

度。

4.确定好接口,方便调

用其他资源。利于交

互。

5.对系统中的名词做

好定义,让开发人员

理解项目—多彩购

物系统。

此文档为系统分析员

工作的阶段性总结,并提

供项目经理,设计人员,

和开发人员参考。

详细设计说明书崔帅、张健2009-07-26 以项目概要设计为依据,

对项目中各个模块进行

具体实现方案的涉及,说

明项目各个层次中的每

一个程序(每一个模块或

子程序)的具体信息,此

说明书包括:程序的关系

图。

各程序的详细设计细节,

包括:程序描述,功能性

能输入项输出项算法

流程逻辑接口储存分

配,注释设计限制条件

测试计划尚未解决的问

该说明书目的是明确开

发者的具体思路,并为测

试者提供一定的测试依

据。

系统测试计划梁浩泓、袁毅2009-07-24 此测试计划是为了保证

多彩购物系统的各项功

能可靠的实现,对所开发

软件的各功能模块和事

例系统进行测试。本测试

计划主要用于发现系统

开发过程中出现的各种

不足之处,发现软件设计

中的错误。并在最后列出

评价准则。

本测试计划供测试人员

在测试阶段阅读参考。项目开发计划书华祥约2009-07-23 由于项目设计分析

阶段已经接近完成,即将

进入项目开发阶段,所以

我们有必要写此文档来

规划一下我们之后的开

发阶段的工作和任务,是

小组成员各尽其责,完好的完成我们的项目工作。之前完成了可行性研究报告和需求分析,在此基础上我们对以后的工作进行了人员分配以及明确我们小组未来的一些工作。然后一举每块工作模块进行人员的划分,最终完成我们的项目开发。

数据库设计说明书李丽君、华祥约2009-07-23 数据库设计说明文档旨

在对“多彩购物系统”的

数据库进行设计和分析,

并列出详细的关系表的

逻辑和物理结构,供数据

库管理员和软件开发人

员阅读。

模块开发卷宗刘俊峰、崔帅、华

祥约、李丽君2009-08-07 模块开发卷宗是在模块

开发结束时编写的文档,

对于所描述的模块进行

功能说明、算法描述和流

程说明,并附带源代码,

目的是为了对编写过的

模块进行总结,也为了后

期查阅。

2.3主要功能

普通注册用户:

功能名称功能编

简要说明

注册1-1 用户名、密码,验证码,密码保护信息1-2 服务条款

1-3 用户名验证功能

登陆2-1 用户名、密码,验证码

2-2 相关功能,注册,密码找回等

用户中心3-1 查看个人资料(包括用户积分、用户等级)3-2 修改个人资料

3-3 查看历史订单信息

3-4 查看消息(可以删除)

3-5 新手帮助

3-6 意见及问题反馈(留言板)

3-7 收藏商品

购物功能4-1 浏览与搜索商品

4-2 购物时可添加商品至购物车4-3 关注商品及其相关商品

4-4 下订单

4-5 为订单结算

4-6 退货功能

管理员用户:

功能名称功能编

简要说明

商品信息管

理1-1 查看商品信息(根据分类、价格、库存、销量)1-2 添加,删除商品

1-3 添加商品三级分类

1-4 修改商品信息

1-5 添加推荐商品,热销商品

用户信息管

2-1 用户信息查看

订单管理3-1 查询订单

3-2 查看订单明细

3-3 确认收货、更新订单状态

4-1 发布公告

消息管理

4-2 查看用户的留言并进行回复

5-1 管理员根据抽奖日购物订单进行抽奖抽奖功能

5-2 为中奖用户返代金券并发布中奖名单

2.4进度汇报

文档的编制工作如期进行;

由于缺乏开发经验以及对于功能理解的偏差,代码编写工作推迟进行,不过在项目提交时间之前完成了全部源文件的编写工作;

受代码编写工作的影响,测试组的测试工作也有推迟,不过都在约定时间之间完成了全部工作。

三、工作量统计

参见下表:

人员姓名完成工作耗费时间(小时)

华祥约项目工作的分配和管理,完成了可行性研究

报告以及项目开发计划书的书写,管理员管

理模块的部分和商品搜索、查看模块的代码

编写,完成了相应模块开发卷宗的编写。

24*7

崔帅完成了详细设计书的部分书写,完成了用户

模块的部分功能和购物车,订单模块的编写,

完成了相应模块开发卷宗的编写

24*7

介文峰完成了概要说明书的部分书写,完成了系统

商品的分类和图片的查找,完成了测试用例

和测试分析的一部分编写,完成了测试的一

部分工作

24*7

梁浩泓完成了测试计划书的部分书写,完成了前期

文档的整理,完成了测试用例和测试分析的

一部分编写,完成了一部分测试工作

24*7

李丽君完成了数据库设计说明书的编写,完成了管

理员和用户模块,登录注册模块的一部分功

能的编写,完成了相应模块开发卷宗的编写。

24*7

刘俊峰完成了需求分析说明书的部分编写,完成了

登录注册模块的一部分编写,完成了详细设

计书的最终编写

24*7

赵炎完成了系统首页和用户界面的美工,完成了

LOGO的设计

24*7

张超完成了概要说明书的部分编写,完成了系统24*7

管理员模块的美化

余黎明完成了需求分析说明书的部分编写,完成了

登录注册模块的美化,完成了帮助中心的美

24*7

袁毅完成了测试计划的部分编写,完成了测试用

例和测试分析的部分编写,完成了一部分测试

工作

24*7

张健完成了详细设计书的部分编写,完成了测试

用力和测试分析的一部分编写,完成了测试

的一部分工作。

24*7

肖祖勇完成了详细设计书的部分编写,完成了查找

页面背景图片的工作

24*7

四、经验和教训

列出从本次课程设计工作中所得到的最主要的经验与教训及对今后的项目开发工作的建议。

通过了此次软件项目开发的实训,让我们认识到了整个软件项目开发的流程,让我们所有人的编程能力有了明显的提高,同时我们也认识到了软件项目的开发并不仅仅是编写代码那么简单,在编码之前的很多工作都是很重要的,比如说项目的需求分析和概要说明,特别是详细设计,因为代码就是依据详细设计来进行编写的;当然代码编写后的模块开发卷宗和测试用例和测试分析的编写也是很必要的。整个项目必须根据软件开发的流程一步一步走才能取得最后的成功。当然最重要的是通过此次实训,我们了解到了团队合作的重要性,这只是个小项目,但涉及的内容已经不是一两个人就能解决的,必须要通过团队的讨论和分析,只有这样才是项目开发成功的前提。

网页设计实训报告1000字

网页设计实训报告1000字 篇一 实习目的:熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力,提高我们的计算机文化素质。 网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子,它的每一个窗口都可以看成一扇门,人们可以沿着搜索引擎其他WEB站点的链接,绕过主页而进入WEB的深层。 一.网站的整体规划 1.讨论网站主题:因为自己对普罗旺斯很感兴趣,于是就想到要是一下为心中的仙境设计一个旅游网站。 2.定位网站CI形象:旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面,根据普罗旺斯梦幻般的意境,我采用的是清新隽永的CI形象。使 浏览者有宾至如归的感受。 3.确定栏目和板块: 1]首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。 2]其次就应该考虑导航条的设置了。 3]正文的框架设置(横向因素和纵向因素交错) 在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。 4.网站的整体风格和创意:建立一个浪漫的旅行网站,走映像派路线,目的务必使浏览者留下映像。 二.网页制作的前期策划与准备 1.资料的搜集:由于个人的爱好,我很早以前就收集了许多普罗旺斯的美图,这次就方便多了。接着就搜集了一些有梦幻效果的网页背景,FIASH源代码、小图标和一些GIF 的动画等。

2.熟悉制作工具软件: 主页制作的基本条件有: 硬件: 一台电脑(64MB以上内存,当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;软件: HTML编辑软件:常用的有Frontpage、Hotdog等,本文重点介绍Dreamweaver; 图像处理软件:常用的有Photoshop、flash、Fireworks等; 文件上传软件:常用的有Cuteftp、WSftp等。 三.网页制作 真的是万事开头难啊,遇到了很多问题,比如:插入的图片不符合规格,一下子把其他内容的框架挤开;插入的层太多,大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知,原来自己还有那么多欠缺的知识。于是回归本源,先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。 在对基本知识有了详细的了解之后,做起东西来就得心应手多了,知道引导页能过加映像之后,我决定为我的网页设计一个引导页。 然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式,其 他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换,比如Office97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后. 在一步一步的边学边做的过程中,看着心中的东西一点一点的出来,真的很有成就感。虽然自己的网页技术还差的远,但是回顾一下这周真的学到了很多的东西。 四.网页的调试 之前把作过的东西放到U盘里,发生过图片显示不出来的状况,还好即使找到了解救的方法,把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。 总结:在WWW上,不论你是资产上亿的大公司,还是捉襟见肘的穷学生,只要你建立了 自己的网页,你们的地位就是平等的。经过这周的相关学习,我了解到网页设计与制作是 一门庞大的工程。网站的反馈与评价网站要注意经常维护更新内容、保持内容的新鲜,不 要做好就放到服务器永远不变了,只有不断地补充、更新内容、才能够吸引浏览者.维护更新时可以充分利用Dreamweaver提供的模板和库技术,以提高工作效率.一个真正的网站,

网页制作课程设计报告

网页制作课程设计报告 学院: 专业班级: 姓名: 学号: 成绩: 阅卷教师:

目录 1.设计目的 (1) 2.设计思想 (1) 2.1网站整体结构规划思想 (1) 2.2 主页设计思想 (1) 2.3子页的设计思想 (1) 3网页详细设计分析 (1) 4结论 (1)

1.设计目的 阐述该个人网站的设计意图和创意,简单介绍自己的个人网站。 2.设计思想 阐述网站的整体设计思想,包括: 2.1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想,绘制网站结构草图。 2.2 主页设计思想 要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析 要求选取一张网页,对网页的设计实现过程进行阐述和分析,详细说明制作该网页的步骤,所使用的网页对象以及该网页对象的操作方法。 4结论 对整个设计报告做归纳性总结,并分析设计过程中的困难及如何解决的,最后提出展望。

一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练,以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例,理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法;了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。我本次主要是设计的一“新加坡之旅”为主题的网页,针对新加坡的美丽风景做了介绍。 二、设计思想 利用Dreamweaver8.0制作一个关于“新加坡之旅”的网站,利用表格、行为、层和链接等网页设计技术设计页面。

网页设计及制作实习报告.

网页设计及制作 【实习目的】 熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。 过网页设计理论联系实际操作,巩固所学的知识,提高处理问题的能力。 充分学习 网页设计实践中的操作理论,提高自己网页设计水平,并为能顺利与社会环境 做准备。 【实习时间 【实习地点 未来路锦江国际花园9栋501室 【实习单位】 郑州市托斯卡纳餐饮有限公司 【实习内容和过程】 实习内容: 我在托斯卡纳餐饮公司旗下的56网络蛋糕店一个月的实习,我的工作就 责设计整个网站的页面部分。为其一个月的实习,使我第一次亲身感受到了 识与实际的应用,作为一个网站美工除了要求网页三剑客,ps,这些必会的 软件以 外, 还要对Html 用的很熟,对ASP 或PHP 或jsp 要有初步的了解。 通过这 次实习,进 步巩固和深化所学的理论知识,为以后的工作打好基础。 以下是我做的一些实习过程中的经验总结 (1表达一定的艺术效果 接轨 2012年2月 15日至2012年3月15日 是负 所学知

一个成功的网站应该把网页设计得吸引人,同时又要传达设计思想和情感。网页作为一种媒体,它必须具有一定的艺术感染力,一个平淡无奇、杂乱无章或毫无 美感的网页很难会有浏览者喜欢,更不要说让浏览者去注意它的内容了。(2使页面 结构清晰可读性强 经常可以看到这样的页面,上面堆砌了许多内容,却没有考虑它的空间框架 人看了无法知晓哪些内容才是最具发言权的。没有流畅的视觉流程,这是典型 的没有注意到编排清晰度、可读性的表现。 (3实现不同的功能 在网络这条信息高速公路上,网页最主要的功能就是一种传递信息的手段。 此,它一切内容都是为了这个目的而服务,都是要围绕这个中心进行设计的。然而,要实现这个功能,网页的美工设计和内容都必须有针对性。所谓针对性,就是指对不同类别的网页要求采用不同的美工艺术效果。 (4网页的内容 网页设计人员美化网页,增加网页设计的艺术感,都是为了网页设计的内容服务的。一般来说,网页的几项基本内容:标题、网站标志、主体内容、导航、广告栏等。 (5确定网站的类型 在设计网页之需要做大量的准备工作,需要思考以下几个问题:1、网站的类型: 站点属于新闻、娱乐、商务类的综合站点,还是个人主页; (6确定网站的风格 如果浏览者主要是年轻人,页面就要设计得基调明快,活泼富有朝气;如果针对的群体是政府工作者或科学工作者,那么页面就要设计得严谨、严肃、理性、科学;如果针对的群体是妇女儿童,页面则要设计得温馨、友爱、轻松;如果针对的群体是恋人或从事艺术工作的人,页面就要设计得浪漫并有艺术感 (7确定网页之间的链接关系 在网站的总体规划列出来后,就必须要考虑各个网页之间的关系,是星型、树型、网型还是直线链接。

简单网页制作实验总结报告

《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日

目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)

第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”,包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句,色彩缤纷,十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐,影视,购物等非常热门的东西,本站设计的主题是花,能让人们在闲下来的时候看看花,品品诗歌,所以做有关花的网页是个不错的选择。同时,让人们分清楚春夏秋冬都各有什么典型的花。

第二章网站内容设计 1.1链接1标题:春の花 春天是生命的季节,在这个季节里,万物复苏。所以就找了虞美人,桃花,牡丹,以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题:夏の花 夏天充满了激情与阳光,我找了兰花,荷花,百合花等来代表这个季节,色彩艳丽,十分醒目夺人。 1.3 链接3标题:秋の花 大丽花,菊花,月季和牡丹花都竞相出现在本网页,色彩缤纷,赏心悦目。 1.4 链接4标题:冬の花 蝴蝶兰,水仙,迎春花,梅花是冬季的代表,他们刻画了一副傲立冬天的坚强的姿态。

网页设计与制作报告书分析

网页设计与制作报告书 课程名称:网页设计与制作 专业班级:电子商务2班 学号:201341440213 姓名:孙岩 指导教师:王康哲

目录 一.概要 (3) 二.网站开发 (3) 三.应用工具方案 (5) 四.栏目划分 (6) 五.代码表 (7) 六.截图 (13) 七.结论 (14)

摘要: 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。 一、网页制作开发背景 Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多,如Macromedia公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架,表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了,可根据你的个人喜好来选择一些素材,如图片、喜欢的文章等。 二、网页制作设计技巧 首先,我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,在“指定新站点位置”文本框中输入新站点的位置,单击“只有一个网页的站点”图标,单击“确定”按钮。这就建立好站点了,我们现在来看一下新的站点里有什么,单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件,名字叫做“index.htm”。我们知道,每一个站点都要有一个主页,这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时,DREAMWEAVER 就自动为我们创建了站点的主页了。这个新建的站点主页时空的,我们可以向里面添加内容。 在文件列表里除了主页之外,还有文件夹。新建站点时,DREAMWEAVER 都会在站点所在位置下新建两个文件夹,一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”

网页设计实训报告范文

网页设计实训报告 范文 1 2020年4月19日

实训报告 题目: 实训课程名称:网页设计 系别: 专业 / 班级: 年级: 学号: 姓名: 指导老师: 1 2020年4月19日

4月27日 2 2020年4月19日

目录 1 实训目的........................................................................................... 错误!未定义书签。 2 实训内容........................................................................................... 错误!未定义书签。 2.1准备工作 ................................................................................. 错误!未定义书签。 2.2使用的技术 ............................................................................. 错误!未定义书签。 2.3设计制作要求 ......................................................................... 错误!未定义书签。 3 方案设计与实施步骤 ....................................................................... 错误!未定义书签。 4 实训中出现的问题、分析及解决方法 ............................................ 错误!未定义书签。 5.2日志 ......................................................................................... 错误!未定义书签。 5.3 教程视频 ................................................................................. 错误!未定义书签。 6 实训总结........................................................................................... 错误!未定义书签。 3 2020年4月19日

web网站设计报告书

WEB 网站设计报告书 学年第 1 学期 设计题目: Web网站设计报告年级专业: 姓名学号: 所在学院:

目录 一、设计目的 (2) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (3) 五、设计风格 (7)

一、设计目的 在Internet飞速发展的今天,人们已经无法离开网络,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我们已经学了WEB这门课,就可以通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshoto等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。学会和团队配合,逐渐培养做一个完整项目的能力。 二、设计题目 《篮球球迷交流网》 主要是篮球新闻、视频,还有交流帖子区,交易广告平台等。 三、结构设计 选定主题,确定题目之后,在做整个网站之前对网站进行需求分析。首先,做好需求调研。调研方式主要是上网查阅资料,在图书馆里翻阅相关书籍。 然后,调研结束之后对整个网站进行功能描述,并对网站进行总体规划,接着逐步细化。 我的设计主题是篮球球迷交流网,包括多个方面,框架为: 首先是首页,首页下是新闻、视频、论坛、比赛、交易,从分栏都可以回到首页。 首页主要分为新闻头条、热门话题区、热门比赛预告、靓图展示。

网页分析报告

高 校 艺 术 网 页 设 计 分 析 姓名 班级 学号: 学院:国际教育学院

一、网站设计 1.1、网站设计的意义 网页设计与制作综合实训是教学过程中重要的实践性教学环节。它是根据专业教学计划的要求,在教师指导下对学生进行的网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的转化,是对理论与实践教学效果的检验,也是对学生综合分析能力与独立工作能力的培养过程。 因此,加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素有着重要的作用。 1.2、网站设计的目的 1通过综合实训进一步巩固,深化和加强学生的理论知识与专业技能 (1)、进一步熟悉和掌握网站建设的基本流程和技术规范; (2)、巩固运用Dreamweaver网页制作软件制作静态网页的知识; (3)、巩固综合运用Dreamweaver独立设计一个内容完整、图文并茂、技术运用得当的网站; (4)、具备独立撰写实训报告的基本能力; (5)、在网页设计的实践中培养分析问题、解决问题的能力,培养创新能力和团队意识; (6)、培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力,树立自信心; (7)、为今后从事网站开发、维护和管理奠定基础。 1.3、网站设计的任务 1、站点规划,搜集资料。确定网站主题内容,规划站点结构,从网上搜索相关资料(图片、文字等)。 2、进行主页设计。构思主页布局,进行主页标题图片的设计(要求原创),进行主页其余图片的设计和页面内容的录入,最后进行主页的整体优化设计。 3、动画设计。主页动画设计和其余页面动画设计,充分运用所掌握技术,效果好。

网页设计实训报告总结

三一文库(https://www.doczj.com/doc/ce1694431.html,)/实习报告 网页设计实训报告总结 实习报告网页设计实训报告总结,供大家参考。 毕业后,我来到了社会这个汇集众多江河湖水的大海,感受到了独立生活的好处与艰辛,同时我自己也更深的理解了,家长和学校老师对我们的殷切希望,在社会实习的这段日子,我吃了些苦,受了些罪,可是整个人在肉体上和精神上却升华了很多,也比以前的变得更有自信了。现将我的实习情况汇报如下: 一、实习工作介绍 我所在的这家公司,是一家做网上招商的商业网站,公司接收各种厂家提供的信息,然后由网络的技术人员,将商家的信息做成网页广告,然后挂在我们的网站上,以此达到商业推广的目的,类似我们公司的网站在同行业还有u88、28招商网等。 我和其它几位同事做为网络部的技术人员,主要的工作就是接收美工人员的网站模板,将其通过photoshop切片,然后导入dreamweaver进行排版,(排版主要使用css+div),并进一步的加以制作,完善美化,如加入js代码,或透明flash,因为网页是用css+div进行排版的,所以在最后一步的时候,我们还需要

进行浏览器测试,因为css+div排版方式有一个的缺点就是:浏览器不兼容的问题,典型的如:ie与fireworks,因为各种浏览器使用的协议不同,所以会导致页面在最终浏览的时候有一些小问题,如:页面混乱,图片、文字之间的距离过大或过小,页面不美观等等,做为一个新人,我在有些方面的技术还很不成熟,所以在技术总监张伟的帮助下,解决了很多问题,所在我很感谢他,当每天我们做完网页后,都会在代码页面加入注释代码,在里面写上每个人姓名的汉语拼间和工作日期,这样方便月底做统计工作,公司领导会根据每个人的工作数量进行奖励,每做一个页面会有2块的提成,虽然少点,但是积少成多,也是很可观的。 二、初来公司的时候 (一)初级考试 初来公司的时候,我们经过了初期考试,培训,与最终考试三个阶段,在接到公司让我面试的电话后,我来到了xx公司,因为要干的是网页设计,所以要有一个小测验,技术总监要求我们在网上自找图片和文字,做一个简单的页面,要求是:什么样的页面都可以,考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度,说实话,从毕业后,有一段时间没有写代码了,刚一上机,还有点生疏,但是凭借在学样扎实的学习功底,我很快就恢复了自己的英雄本色,将html代码写的很熟练,做了一个左右分栏的页面,没什么太大难度,技术总监看了以后,说不错,让我三天后参加培训,合格扣就可以正式上班了。

网页设计课程设计报告

网页设计课程设计报告 系别:计算机科学系 班级:09级计师二班 姓名:邓桂香 学号:200914340229 指导教师:李发英 成绩: 日期:2011年5月

网页设计课程设计报告 一、网站设计目的和任务 一学期的网页设计理论和实践课程都结束了,根据老师的要求及指导,我设计了此网站,本网站属于小型个人网站,目的在于简单的介绍一下个人状况,可以使老师和同学们更进一步的了解我现在以及部分过去的情况,加强老师和同学们对我的认识,深化我们大家的情谊,有利于以后在学习、工作生活当中的团结协作。 此外,这不仅是为了肩负学生的责任而去完成老师交给我的任务,更是对过去学习的知识的温习巩固,是一个把理论转化为实践的过程,是一个把自己的设计思想转化为实物的过程,是一个发挥自己创造力和想象力的过程。 再者,这是对自己在一学期内该学习科目以来的成果的检查,这是一个自我审视的过程:检测我该学期的学习成果,衡量一期以来的收获,更为重要的是扬长避短,发现自己的问题与缺点,使自己及时改正,发觉自身的优点和长处并坚持发扬,有利于我以后的学习和发展。 二、网站主题 本网站以个人从小到现在的大概情况介绍为主题,阐述喜好,表现本人的性格特点。

三、网站规划思想 当今社会,靠什么成功?很多成功人士都说过这样一句话:“成功来自百分之八十的人际关系和百分之二十的自身天分和努力。”据此可以发现,扩大人际关系网是十分重要的一项活动,因此就需要一条联系两方的桥梁,这条桥梁是满载信息的大流量的通道,在这信息时代,于是网络成为了这当之无愧的桥梁。我设计这个网站的思路就来源于此。 怎样让更多人了解你?怎么使别人更了解你?怎样扩大自己的接触面?当代是繁忙的一代也是讲究高效率的一代,当今面对这些问题,这时候的内敛不会被认为是好的,最好的解决办法我认为是把自己推销出去,我想通过网络把自己的概况晾晒,方便别人更快捷更省事地得到相关信息,通过这种方式,也可以交到志同道合的朋友,可以一起研究探讨,相互促进,达到共赢。 既然这样,那么网站的风格自然是温和、高雅、柔美的,这样才能达到更高的亲和力效果,同时也应该具有喜悦性、创新性、活泼开朗性,展现个人品格及魅力。最重要的是要呈现一个真诚的自我在大家面前,树立可信性、诚实性,消除虚拟因素,获得大家的真诚对待和好感。 在内容和结构上,具体如下: 整个网站分为九个页面,分别为:主页面、基本信息、个人照片、成长阶段概况(童年、中学、大学)、兴趣爱好(文学、书法、

网站设计分析报告

网站设计分析报告 导读:本文网站设计分析报告,仅供参考,如果觉得很不错,欢迎点评和分享。 网站设计分析报告 一、网站的设计目标:《Hi购网》是用于实现为有需求商家聚集足够消费者,并使消费者得以更低折扣购买商品的平台。 二、网站的主题:《Hi购网》是设计一个网上团体购平台,并进行商品展示和销售管理。 三、网站的CI设计: 1. 《Hi购网》取“Hi”和“High”的同音,所以LOGO设计成一个跃起的简易的人物形象。 2.《Hi购网》是以“团购”为题材的网站,所以网站的整体形象以热情的橙色为主调,以白色为底并用暗红色最为点缀色。 3.整个网站主题采用宋体字。 4. 《Hi购网》的口号是:“上Hi购,放心high!” 四、网站的风格:《Hi购网》的设计风格是给人一种热情红火的感觉。 五、网站的功能需求:前台包含的模块有: 注册,登录,修改会员信息,查看订单,取消订单,确认收货,申请退货;后台包含的模块有:订单管理,会员管理。每个功能模块的具体描述:注册,添加新用户将用户信息添加到数据库;登录,登录到相应会员的主页面;修改会员信息,对会员注册的信息进行修改并

将修改后的结果添加到数据库;查看订单:查看订单信息和处理情况;取消订单,在订单发货前可以对订单进行取消操作;确认收货,会员确认收货后订单情况显示“已完成”;申请退货,会员确认收货30天内可以进行退货申请;订单管理,管理员可以对订单进行删除修改等操作;会员管理,管理员可以对会员进行删除等操作。 六、网站的运行环境和开发环境:运行环境windows,开发环境:VS。 七、网站的其他设计要求需求分析: 1. 《Hi购网》界面要求主要遵循简洁清晰又不失美观并易于用户操作的宗旨。 2.安全要求主要包括:用户可以浏览,选购商品但没有对商品进行修改和删除的权限;管理员登陆后台系统后才能对商品,会员,订单等信息实现管理。 3.用户注册登陆后才能进行商品的购买,管理员要对用户的身份进行验证。 八、网站的目录结构 九、网站的设计进度及时间安排 感谢阅读,希望能帮助您!

网页设计与制作总结

网页设计与制作 实训报告 班级:多媒体152 姓名:张莉钧 学号: 指导老师:薛杨王淑惠 实训时间:6.20——6.24 一、实训目的: 1、进一步熟悉和掌握网站建设的基本流程和技术规范; 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识; 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识; 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站; 5、具备独立撰写实训报告基本能力; 6、在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流的能力,培养创新能力和团队意识; 7、紧紧围绕网页制作的流程:规划、设计、开发、发布、维护来进行网站的开发,制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结,使学生复习、巩固所学过的理论,并予 以适当的深化,进一步训练学生的基本技能(如:搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等),为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅,包括它的菜品、餐厅的环境以及促销活动。另外,网站里还包括餐厅资料和联系方式,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是橙色和白色搭配,用以展示餐厅特色的效果。其实最重要的是要做出自己的风格,给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息,包括图片、文字。同时,查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。 3、网站规划 我的网站共有7个主页面:首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块,以保证网站统一的页面风格。网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是CSS设计一个样式,以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

Dreamweaver之网页制作报告

《多媒体技术及应用》 报告 学生姓名:嘎嘎 学号: 专业班级:自动化103班 网页制作报告(目录) 1.设计目的3 阐述该主题网站的设计意图和创意 3 简单介绍自己的个人网站 3 2.设计思想 在设计中主要用的技术 3 网页基本的框架 3 3.网页详细设计分析4 建立布局 4 网页中的图像 5 5 5 6 插入视频和音乐 6 设置图片循环滚动 7

设置链接 7 做个外网搜索栏 8 常用的显示-时间天气 8 建立子网和友情链接 9 文段的处理 9 4.最终效果图 5、结论总结 1、设计目的 阐述该个人网站的设计意图和创意。 本课程的设计目的是通过实践让我们学会利用Dreamweaver cs6开发制作网站,以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例,理解并初步掌握运用Dreamweaver cs6可视化开发工具进行网页开发的方法;了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs5、Dreamweaver cs6等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。 简单介绍自己的个人网站 我本次主要是设计的以“迈克尔·约瑟夫·杰克逊”为主题的网页,针对他的传奇一生及对世界巨大的贡献与巨大的影响力做了介绍。 2、设计思想 在设计中主要用的技术 利用Dreamweaver CS6制作一个关于“Michael Jackson”的网站,利用表格、行为、层和链接等网页设计技术设计页面。 网页主要的页面 本网站以迈克尔·杰克逊的人生经历为素材,主要讲解了他人生的各个阶段、他取得的巨大成就、他面临的困境、他的处世态度的内容。主网设计的几大亮点:视频和音

(完整版)网页制作实习总结

网页制作实习总结 网页设计与制作的实训是锻炼我们实践能力的重要环节,是对我们实际工作能力的具体训练和考察过程。以下是网页制作实习总结,欢迎阅览! 网页制作实习总结一 网页设计与制作的实训是锻炼我们实践能力的重要环节,是对我们实际工作能力的具体训练和考察过程。随着科学技术发展的日新月异,网页设计制作已经成为当今计算机应用中空前活跃的领域,在生活中可以说得是无处不在。因此作为二十一世纪的大学来说掌握网页设计制作的技术能力是十分重要的。 这次实训,老师要求我们为自己家乡的一个公司做一个网站。我是来自浙江衢州,衢州作为一座文化历史名城,拥有众多的旅游风景点,所以我选择了为我家乡的旅游网亿游网做一个网站。 首先我要做的就是要选择好题目和网站的风格,之后我就分步骤准备在制作网站前所要做好的准备工作。我浏览了衢州旅游网的一些特点,借鉴这些网站的优秀之处,不好的地方在自己的网站上加以改良,从而使自己的网站更加美观。 做好这些准备工作之后我希望能在最短的时间内做

到最好的效果。接下来的步骤就是准备素材,搜集与主题相关的文字、图像、动画、音乐等资料。在准备素材的过程中我用到了dreamweaver、photoshop等工具。再是设计网站的内容结构、目录结构和链接结构,设计首页及其页面的版式结构。然后创建本地网站,建立网站的目录结构。制作首页、二级子页、内容页,创建超级链接。最后就是测试与浏览网页,如果还有什么不理想的地方再改进再预览,如此反复,最后达到最好效果! 在设计的过程中遇到的问题,可以说是困难重重,这毕竟是第一次独自设计网站、制作网站,难免会遇到过各种各样的问题,同时在设计的过程中发现了自己的不足之处,对以前所学过的知识理解得不够深刻,掌握得不够牢固,比如说拖动层的设置,时间轴与层的显示与隐藏的综合应用,在CSS的具体应用还不是和很熟练,没有能完全达到自己预期的效果,还好通过老师的细心指导才能达到最终效果通过这次网页设计与制作实训,一定把以前所学过的知识重新温 回顾这次课程设计,至今我仍感慨颇多。的却。从选题到开始制作,从理论到实践,在实训两周的日子里,可以说得是苦多于甜,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识。通过这次课程设计使

网页设计课程设计报告

课程设计 课程名称:HTML5开发技术课程设计 专业班级:计科1201 学生姓名:伍志强 学号: 201216010506 指导教师:刘宏月 学期:2013-2014学年第一学期

HTML5开发技术专业课程设计任务书 说明:本表由指导教师填写,由教研室主任审核后下达给选题学生,装订在设计(论文)首页

1 需求分析 本课程设计为一个商业网站,大的框架为整个网站分为5个页面,分别为:主页面、公司的业务面,公司产品问题咨询面,公司产品的技术支持面,校园招聘界面。各个页面间都是相互连接的,方便读者更快捷地找到想了解的信息。在每个界面拥有的公司logo ,登陆界面,和一些视频的宣传和校园招聘网页的背景音乐,友情链接,插入的各种静动态图片,搜索栏。每个界面链接的公司的最新各种动态,和基本的各种文字说明,采用的是中英双板模式书写。 网站的目录结构如下: 伍志强------网站根目录 Css ------存放外置CSS文件 Images ------存放图片文件 Music ------存放背景音乐 JS------存放的javascript代码 .project------编译时建立的一个工程 Index系列------存放的网站的各个网页 2 概要设计

3 详细设计 页面的布局和风格 DIV+CSS的基本过程是先布局,对网页进行总体设计,再设计内容,对布局的每一部分进行设计。 DIV+CSS对内容的设计也体现内容和表现相分离的思想。对内容的表现的描述都在CSS中,内容可以应用CSS样式,不需要额外的HTML标签进行内容的修饰。 CSS网页布局的原理,就是按照HTML5代码中对象声明的 body { background:#131b20; font-family:Arial, Helvetica, sans-serif; font-size:100%;

网页工作设计调研总结报告

网页设计调查报告 姓名:章稷坚 班级:艺设2班 学号:100802201 指导老师:葛书河

网页设计——网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子设计的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。 Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。 为了做到主题鲜明突出,要点明确,我们将按照客户的要求,以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣,办出网站的特点。 Web站点主页应具备的基本成分包括:页头:准确无误地标识你的站点和企业标志;Email 地址:用来接收用户垂询;联系信息:如普通邮件地址或电话;版权信息:声明版权所有者等。 网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相 近之处。 版式设计通过文字图形的空间组合,表达出和谐与美。 多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,我们将反复推敲整体布局的合理性,使浏览者有一个流畅的视觉体验。 在网页设计中,总是有倾向的特定技术来观察,或跟踪的网页设计师加强的趋势。这里有专有和开源和免费的技术专用的支持者。然而,近年来,又增加自由和开放源码技术,包括由W3C和WHATWG进行监控和批准,监督和实施增加。 趋势可以发现,不仅在看在时尚领域的使用的技术,如网站和匹配的标志是清晰的喜好确定。著名的艺术字Web 2.0至今的重要作用的帮助。 网页技术更新很快,一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品,都没有所谓的经典,经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西,是远远赶不上综合借鉴者的。网页设计不同于其他艺术,在模仿加创新的网页设计领域当中,即便是完全自己设计的,也是沿用了人们已经认同的大部分用户习惯,而且这种沿袭的痕迹是非常明显的!还有哪个设计者敢腆着脸说,这都是我自己的原创设计?对于业界来说,经典只是个理念和象征! 不可否认,国内网页设计环境还停留在初级的认知阶段,也就是说,绝大多数人不知道网络的真正的可用之处,你去做一个业务的时候,不得不去做大量的说服教育工作。以乙方的身份去说服甲方,以专业角度去教育非专业认识,结果是可想而知的。也正是这种全体社会普遍的低认知水平,导致了大量网络垃圾的产生。 企业客户所在行业往往有其特定的设计需求,特别是对于企业网站建设当中的配色,除了应根据企业的VI标准色,以及客户自身的喜好进行配色分析外,同时不能忽略整个行业对于颜色上的‘惯例’。那么,企业网站在设计和制作当中,到底有哪一些配色规则需要设计师遵循呢? 企业客户在不同的发展阶段,对于网站设计的配色需求并不一样。在企业初创阶段,企业建站的目的是打造品牌网络形象,开拓客户资源,这时候的企业客户更多的是关注自身的个性化,如何才能凸显企业的特质,如何才能在行业当中

网页设计毕业实习报告

网页设计毕业实习报告 篇一网页是世界上最有价值的不动产之一。人们在这个不足平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子,它的每一个窗口都可以看成一扇门,人们可以沿着搜索引擎其他WEB站点的链接,绕过主页而进入WEB的深层。 一.网站的整体规划 1.讨论网站主题:因为自己对普罗旺斯很感兴趣,于是就想到要是一下为心中的仙境设计一个旅游网站。 2.定位网站CI形象:旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面,根据普罗旺斯梦幻般的意境,我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。 3.确定栏目和板块: 1]首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。 2]其次就应该考虑导航条的设置了。 3]正文的框架设置 (横向因素和纵向因素交错) 在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。 4.网站的整体风格和创意:建立一个浪漫的旅行网站,

走映像派路线,目的务必使浏览者留下映像。 二.网页制作的前期策划与准备 1.资料的搜集:由于个人的爱好,我很早以前就收集了许多普罗旺斯的美图,这次就方便多了。接着就搜集了一些有梦幻效果的网页背景,FIASH源代码、小图标和一些GIF 的动画等。 2.熟悉制作工具软件: 主页制作的基本条件有: 硬件: 一台电脑(64MB以上内存,当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;软件: HTML编辑软件:常用的有Frontpage、Hotdog等,本文重点介绍 Dreamweaver; 图像处理软件:常用的有Photoshop、flash、Fireworks 等; 文件上传软件:常用的有Cuteftp、WSftp等。 三.网页制作 真的是万事开头难啊,遇到了很多问题,比如:插入的图片不符合规格,一下子把其他内容的框架挤开;插入的层太多,大一点的就把小一点的给覆盖掉了;插入的 FLASH不

动态网页设计报告

实验报告 项目名称:网页设计 课程名称:动态网页制作 班级:计082 姓名:柴硕 学号:070746 教师:张猛 信息工程学院计算机系

网页设计 一、[网页主题] 以个人空间展示为主题,其中分为主页面、我的朋友、我的家乡风貌、我的爱好兴趣以及个人简历五个页面。 婉子俱乐部 二、[素材准备] 网页设计知识参考图书、报纸、网络教程,图片、音乐、模板来源自互联网上,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。另外,还要使用Dreamweaver PhotoShop、Flash等工具,进行图像的处理、美化,还有一些flash的制作。 三、[布局特点] 我的导航放在右下角,分为My Friends、About Me 、My Idol、My hometown, Bei jing 以及return top,每个页面实现向其他四个页面跳转以及置顶的功能,我的排版没有使用网上的模板,而是自己搭配,有的采用图文搭配的效果,有的采用插入flash以及文字域,也有用表格来划分图片和文字的页面,达到每个页面布局不一,独具匠心,从而达到给人耳目一新的感觉。 四、[主页设计流程及设计效果截图] 一、创建本地站点 首先在本地机上建立一个文件夹,命名为“网页制作”,并且将素材文件放在站点中。 单击菜单栏中的【站点】-【新建站点】-【站点名称】为“柴硕个人网页”,本地文件夹为“网页制作”。 二、制作首页 1.新建HTML文档,并将文件保存在本地站点根文件下,命名为“index。html”。 2.点击,选择背景图像

3.插入flash,如图 4.插入导航

5打开代码在最后加一条语句实现条幅循环 欢迎访问柴硕的空间~~版权所有翻版必究 6插入音乐, 7有兴趣的朋友还可以在最后加入在线QQ聊天等功能的代码,这里就不举例了。 三制作二级页面,并创建主页向其他页面跳转的超级链接。

相关主题
文本预览