网页设计说明

《我爱篮球》网站设计说明书

1、设计理念

本网站定位本身是用于展示个人爱好——篮球的一个平台页面系统。在展示之余也有结交拥有共同爱好的网友的功效。页面主要以蓝色调风格为主,站点分为有首页、篮球动态、NBA明星简介、用户注册、用户登录、留言交流、后台管理等模块。

本站页面主要展示的是NBA篮球资讯、明星等内容，整体页面使用到了CSS 层样式技术、Flash动画效果制作、以及 JavaScript的脚步技术应用。

值得一提的是首页明星照片展示采用了基于CSS+JS特殊的图片向左滚动的浏览效果。

2、设计流程

通过在网络参考相应模板，设计出接近于NBA网站的效果，并根据相应要求到网上寻找相应的图片素材以及应用到PS图片设计结束。

最后应用HTML网页设计，以及ASP + Access动态网页设计使用CSS进行页面样式的设计。

并且,附带应用一些JavaScript特效技术。

总体设计流程为：确定主题及颜色—→用Dreamweaver设计html静态网页效果—→建立数据库—→将静态网页改为asp动态网页—→测试、发布网站。

3、使用的工具与技术

网页制作工具:Dreamweaver 8

多媒体设计制作工具:Flash 8 、Photoshop cs3

应用到的设计技术：HTML、CSS、JavaScript

4、网站设计说明

网站名称:我爱篮球——篮球网站

整体形象设计包括标准字、标题、标准色彩等。

首页作为网站的形象页、网站的欢迎页面，引入的元素大致有网站名称、标题、形象图片、文字、栏目导航等要素,是彰显网站整体风格的重要页面,

并结合Flash动画来展示。

网站形象页的设计突出了所要展示的主题，通过文字、形象、图片的巧妙烘托，令页面富有层次感，达到赏心悦目的效果。

网页富有动感，通过JS实现突破轮播效果，文字采用marquee滚动展示新闻动态。

页面大小采用了960px*200px。

网站调试采用“边制作边调试”的方式。保证了页面在各个浏览器间的相互兼容性。

在风格等各方面追求保存一致。

5、页面结构布局

首页布局框架构思示意图

最终设计效果：

图为网站首页效果图

6、数据库及程序设计

Access数据库结构：

图2 数据库表Admin：管理员数据库表

Book：留言交流数据库表

Gonggao：新闻公告数据库表

Mingxing：明星数据库表

User：注册用户数据库表

数据库连接代码：conn.asp代码

<%

Dim Conn,ConnStr

On error resume next

Set Conn=Server.CreateObject("Adodb.Connection") ConnStr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source="&Server.MapPath("../database/Database1.mdb") Conn.open ConnStr

%>

7、网站运行

在IIS里面配置asp网站

a.安装IIS

若操作系统中还未安装IIS服务器，可打开“控制面板”，然后单击启动“添加/删除程序”，在弹出的对话框中选择“添加/删除Windows组件”，在Windows组件向导对话框中选中“Internet信息服务（IIS）”，然后单击“下一步”，按向导指示，完成对IIS的安装。

b.启动Internet信息服务（IIS）

Internet信息服务简称为IIS，单击Windows开始菜单---所有程序---管理工具---Internet信息服务（IIS）管理器，即可启动“Internet信息服务”管理工具。

如图所示：

图为Internet信息服务（IIS）管理器

c.配置IIS

IIS安装后，系统自动创建了一个默认的Web站点，该站点的主目录默认为C:\\Inetpub\\www.root。

用鼠标右键单击“默认Web站点”，在弹出的快捷菜单中选择“属性”，此时就可以打开站点属性设置对话框，在该对话框中，可完成对站点的全部配置。

如图所示：

图为默认Web站点属性

d．主目录与启用父路径

单击“主目录”标签，切换到主目录设置页面，该页面可实现对主目录的更改或设置。注意检查启用父路径选项是否勾选，如未勾选将对以后的程序运行有部分影响。如图所示：

C．设置主页文档

单击“文档”标签，可切换到对主页文档的设置页面，主页文档是在浏览器中键入网站域名，而未制定所要访问的网页文件时，系统默认访问的页面文件。常见的主页文件名有index.htm、index.html、index.asp、index.php、index.jap、default.htm、default.html、default.asp等

IIS默认的主页文档只有default.htm和default.asp，根据需要，利用“添加”和“删除”按钮，可为站点设置所能解析的主页文档，这里我们设置默认文档为index.asp。

管理员：admin

注：网站后台管理登陆

密码：123456

网页设计说明书

一、制作网站的市场调查 了解凯里、天柱、锦屏、黎平、从江、榕江、镇遥、施秉等地，洞悉了黔东南的生态环境和民风民情，思考出一个新问题：黔东南旅游市场的新动力在哪里？我的解读是：一是“原生态”，二是海内外游客。 黔东南苗族侗族自治州占地面积三万平方公里，生活着苗族、侗族及布依、土家、仡佬、壮、水、瑶等三十三个少数民族，是中国三十个自治州中总人口最多、少数民族人口比例最高的自治州，该州森林覆盖率达百分之六十二，享有“杉乡林海”的美誉。 黔东南州原生的民族文化旅游资源、原始的自然生态旅游资源和遥古的历史文化旅游资源优势集中表现为“五性”：一是丰富多样性。生物品种丰富，自然景观雄奇壮丽；民族文化争艳历史遗迹远古珍惜，人文景观异彩纷呈，堪称中国乃至世界的“旅游资源宝库”。二是不可替代性。这里有独具魅力的“苗年”、“茅人节”，侗族“鼓楼节”、“萨玛节”等民族民间节日和地坪风雨桥、增冲鼓楼、吊脚楼，这些旅游资源不仅品位高，而且垄断性强，堪称人间瑰宝。三是原始神秘性。如“世界上最后一个枪手部落”从江岜沙苗寨、“天人合一的天堂”黎平堂安侗族生态博物馆、“疲惫心灵的最后家园”从江银坛侗寨、苗族古建筑博物馆郎德苗寨等旅游资源堪称世界绝品。 原生态黔东南自治州被联合国教科文组织推荐为世界十大“返璞归真、来回回自然”的旅游目的地的首选地之一，是世界乡土文化保护基金会授予的全球“十八个生态文化保护圈”之一，是“世界苗侗原生态文化遗产保留核心地”，被专家学者誉为“人类疲惫心灵的最后家园”。 黔东南苗族侗族自治州，位于云贵高原东南边缘，东邻湖南，南接广西，和本省黔南、铜仁毗邻，境内山川秀丽，气候宜人，资源丰富，民族风情浓郁。该州辖十六个县市九十个镇，总人口四百四十一点七二万人，首府凯里市。原始生态保存完好，境内有三条主要河流，即清水江、舞阳河和都柳江，平行贯穿中、北、南部。 通过综合分析黔东南的旅游业发展空间很大，因而做这个网站是很有价值的。 二、网站设计规划 1.色彩搭配 我做的网站字体为12，字体颜色为白色，背景颜色为淡蓝色。这样的搭配使网站让人感到清凉、舒服。 2.网站首页布局 网页设计说明书

网站设计说明书(模板)

宁波大红鹰学院 信息工程学院 网 站 设 计 说 明 书 网页名称： XX公司主页设计（XX书店设计）专业名称：信息管理与信息系统 班级名称： 姓名： 学号： 完成时间： 2011-1-15

网站设计说明书 一、网站规划设计说明 (网页规划设计说明，包括LOGO设计、结构设计、技术方案、内容规划等。不少于500字) 1、结构设计 小型企业网站一般规模都不是很大，一般设有3-5个栏目，有的栏目里甚至只包含一个页面，有很多中小企业的网站都属于这种类型，这类网站一般只是为了展示一下公司形象，说明一下公司的业务范围……(简要说明一下设计),页面结构相对来说比较简单，一般采用上中下结构。 2、内容规划 这类网站前台页面的开发，首页一般是一个静态的欢迎页面或者是一个flash制作的导航页面，内容页一般包含以下几个部分： ?页面头部：包含标志及企业名称等； ?栏目导航：单击可以进入其它各内容页面； ?具体内容：本页的具体内容（包括说明文本及公司形象图片） ?版权声明：一般在页脚部分。 3、LOGO设计 (说明：LOGO如何设计,体现了些什么用意或是用到了什么技术等) 4、技术方案 (说明：用到了哪些技术及软件) 二、网站色彩说明 (说明:包括网页主色调、链接色、导航色等，要求通过表格列出页面中需要的颜色表) 1、网站主色调 该网站的主色彩是绿色和白色，配以黄绿色和少量的橙色，文字为黑，如下图所示： 图1 配色采集 绿色是一种非常具有亲和力的颜色，它代表的是自然、生命、活力与健康，是使用比较广泛的颜色之一。黄绿色和橙色的使用，则使整个网站显示朝气蓬勃。 2、网页链接色 表1 普通文字链接配色表

网页设计说明书我的家乡--永昌

我的家乡—永昌展示网站 说明文档 题目：我的家乡—永昌 专业班级：11级计算机科学与技术2班 姓名：孙中军 学号：10240215 指导教师：朱爱红 成绩：

目录 第一章网页概述 (1) 1.1 网页简介 (1) 1.2网页组成 (1) 1.3网页设计思想 (2) 第二章网页设计思路 (3) 2.1 网页设计背景 (3) 2.2 制作工具选择 (3) 2.3 素材收集 (4) 2.4 网页设计内容构想 (4) 第三章网页内容简介 (7) 3.1 网页功能简介 (7) 3.2 网页主要功能描述 (7) 3.3网页的浏览 (7) 第四章网页设计 (9) 4.1 网页结构总图 (9) 4.2 各网页模块的组成 (10) 4.3 网页制作环境 (11) 4.4 网页设计思路 (12) 第五章网页制作 (13) 5.1 素材的加工制作 (13) 5.2网站的建立 (13) 5.3 网页设计 (14) 5.3.1主页设计 (14) 5.3.2“环境” (15) 5.3.3“历史” (16) 5.3.4“文化” (17) 第六章设计体会 (18) 致谢 (19)

摘要 【摘要】本网页主要用HTML语言编写，利用Macromedia Dreamweaver8.0作为开发工具，介绍了永昌县的历史、文化、民族、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，以网站浏览的方 式综合展示了永昌县的整体面貌，着重介绍了永昌的特色文化。 【关键词】网页设计说明书我的家乡永昌设计思路Dreamweaver8.0 Javascript语言

第一章网页概述 1.1 网页简介 网页，是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，网站就是由网页组成的。网页说具体了是一个html文件，浏览器是是用来解读这份文件的。 本次网页设计，主要用HTML语言编写，利用Dreamweaver8.0作为开发工具，中间插入了一些Javascript语言用以编制一些特效，如左右移动图片广告、显示当前时间等，主要介绍了永昌的历史、文化、环境、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了将永昌的整体面貌展现给大家，着重介绍了永昌几大城市和特色文化。 1.2网页组成 1、主页 （1）永昌风景 （2）四大机构 （3）永昌特色 2、环境 介绍了永昌的自然生态环境。 3、历史 介绍了永昌的历史（清明时期）。 4、经济 5、气候 8、地理 介绍了永昌的地理概况。 9、经济 介绍了永昌2010年经济统计数据。

网站概要设计说明书(模板)

网站概要设计说明书(模板) 1引言 (2) 1.1编写目的 (2) 1.2背景 (2) 1.3定义 (2) 1.4参考资料 (3) 2总体设计 (3) 2.1需求规定 (3) 2.2运行环境 (4) 2.3基本设计概念和处理流程 (4) 2.4结构 (7) 2.5功能器求和程序的关系 (8) 2.6人工处理过程 (9) 2.7尚未问决的问题 (9) 3接口设计 (9) 3.1学生接口 (9) 3.2外部接口 (9) 3.3内部接口 (10) 4运行设计 (10) 4.1运行模块组合 (10) 4.2运行控制 (10) 4.3运行时间 (10) 5系统数据结构设计 (10) 5.1逻辑结构设计要点 (10) 5.2物理结构设计要点 (12) 5.3数据结构和程序的关系 (12) 6系统出错处理设计 (12) 6.1出错信息 (12) 6.2补救措施 (12) 6.3系统维护设计 (12)

1引言 本说明书为“XXXX网站系统”的概要设计说明书，概要阐述了对学生所提出需求的设计方案，对系统中的各项功能需求、技术需求、实现环境及所使用的实现技术进行了明确定义。同时，对软件应具有的功能和性能及其他有效性需求也进行了定义。此外，本说明书还明确了系统的数据结构和软件结构，还将给出内部软件和外部系统部件之间的接口定义，各个软件模块的功能说明，数据结构的细节以及具体的装配要求。 1.1编写目的 ●编写本说明书的目的是： 1.为编码人员提供依据； 2.为修改、维护提供条件； 3.项目负责人将按计划书的要求布置和控制开发工作全过程； 4.项目质量保证组将按此计划书做阶段性和总结性的质量验证和确认。 ●本说明书的预期读者包括： 1.项目开发人员，特别是编码人员； 2.软件维护人员； 3.技术管理人员； 4.执行软件质量保证计划的专门人员； 5.参和本项目开发进程各阶段验证、确认以及负责为最后项目验收、鉴定提供相应报 告的有关人员； 6.合作各方有关部门的负责人； 7.项目组负责人和全体参加人员。 1.2背景 a.项目名称：XXXX网站系统项目 b.系统名称：XXXX网站系统 c.项目提出者：XXXX d.系统学生：XXXX、XXXX、XXXX 1.3定义 总体设计：对有关系统全局问题的设计，也就是设计系统总的处理方案，又称系统概要设计。它包括：计算机配置设计、系统模块结构设计、数据库和文件设计、代码设计以及系统可靠性和内部控制设计等内容。 运行设计：是针对建筑或环境的特定要求，以活动发生地点的建筑或场地设计及现状

网页设计课程设计说明书

网页设计课程设计 说明书 学生姓名 专业 班级 学号 成绩

摘要 这是摘要，不少于400字，摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字 关键词：网页设计，Dreamweaver

目录 1、系统需求分析（这是一级标题） (1) 1.1系统概述（这是二级标题） (1) 1.1.1 这是三级标题 (1) 1.1.2 这是三级标题（二） (1) 1.2系统运行环境 (1) 1.3功能需求描述 (1) 2、系统总体设计 (2) 2.1开发与设计的总体思想 (2) 2.2系统功能结构图 (3) 3、系统详细设计 (5) 3.1主页（页面一） (5) 3.1.1对页面的描述说明。例如用到什么技术如何制作 (5) 3.1.2部分功能模块及代 (5) 3.1.3页面的 html 标签 (5) 3.2页面二 (6) 3.2.1对页面的描述说明。例如用到什么技术如何制作 (6) 3.2.2部分功能模块及代 (6) 3.2.3页面的 html 标签 (6) 3.3页面三 (6) 3.4页面四 (6) 总结 (8)

《网页设计》大作业设计说明书

《网页设计与制作工程实训》 大作业 选题名称：__伊人网的制作与体会________________ 设计人：___李薇_______________ 班级：__软件工程081班______________ 学号：__8000108025________________ 南昌大学软件学院 2010.元

设计说明书: 一．选题的分析 1.我是怎么想到做女性网站的？ 作业刚布置下来的时候，我心里千回百转过很多念头，做什么网站能将我们学过的知识全部都用上呢？貌似除了作为模板教学的购物网站就没有其他更好的选择了，可是继续做教学时学的淘宝或拍拍太无新意，不和我意。想来想去，还是没有中意的方案。可能是白天想这个想太多了，我晚上竟然梦到了我要做的，就是易物网站。不知老师是否记得一个曲别针换一个大房子的事，这就是我要做的易物网。终于得到了一个让我满意的方案，很开心。可睡醒了仔细一想觉得还是不行，可行性不大，于是我放弃了这个方案。当时已经是实训最后一天了，在结束实训的时候，我突然灵光一闪，决定做一个女性网站。 首先，一个女性网站针对了我的特点，是我想做的，也是我感兴趣做的。 其次，一个女性网站可以包括购物频道和bbs频道，可以充分将我学到的知识运用上去而又不免于流俗。 2.我要表达什么内容，如何展开设计？ 打定主意便开始设计。这个女性网站是针对都市女性的网站，旨在在她们休闲的时候有个能让她们放松自我，同时得到很多对自己有用的信息。为了达到放松的目的，网站的主色调采用暖色系，主打粉色系，看上去温暖活泼时尚舒适，让人有一探究竟的欲望。而为了同时达到对女性自身有益的目的，我在选择网站内容版块上下了很大的功夫。女性最关注的是什么呢？是她们的感情与魅力。Bbs能让她们能有个诉说感情发泄心情的地方，同时能在那浏览别人的故事，互相鼓励和帮助，还能交流日常生活（美容服饰等）的小信息。购物频道能让满足女性爱买东西的天性。我的购物频道定位在价廉物美，为女性们提供质量好能让他们放心的好宝贝。 二．如何运用网络的优点进行更好的表达 网站的版面风格温暖舒适，颜色主打暖色调，又以粉色系为主，简洁明了，大方舒适，以达到让平时忙碌工作和家庭的女性放松的功能，让她们对网站产生归属感，一个累了能让她们放松的地方。放松有时候也需要朋友，网站的论坛就提供个这样一个让女性们互相了解认识的场所。她们在bbs里了解互相的故事，

网页设计说明书范例

宁夏风采展示网站 说明文档 题目：走进宁夏 专业班级： 09级计算机科学与技术1班 姓名：姓名 学号：学号 指导教师：指导教师 成绩：

目录 第一章网页概述 (1) 网页简介 (1) 网页组成 (1) 网页设计思想 (2) 第二章网页设计思路 (3) 网页设计背景 (3) 制作工具选择 (3) 素材收集 (4) 网页设计内容构想 (5) 第三章网页内容简介 (7) 网页功能简介 (7) 网页主要功能描述 (7) 网页的浏览 (8) 第四章网页设计 (9) 网页结构总图 (9) 各网页模块的组成 (10) 网页制作环境 (12) 网页设计思路 (12) 第五章网页制作 (14) 素材的加工制作 (14) 网站的建立 (15) 网页设计 (15) 主页设计 (15)

环境” (18) 历史” (20) 文化” (21) “城市” (24) 其它页面设计 (26) 第六章设计体会 (28) 致谢 (29)

摘要 【摘要】本网页主要用HTML语言编写，利用Macromedia 作为开发工具，介绍了宁夏回族自治区的历史、文化、人口、民族、城市、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了宁夏回族自治区的整体面貌，着重介绍了宁夏几大城市和特色文化。 【关键词】网页设计说明书走进宁夏设计思路 Javascript 语言

第一章网页概述 网页简介 网页，是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，网站就是由网页组成的。网页说具体了是一个html文件，浏览器是是用来解读这份文件的。 本次网页设计，主要用HTML语言编写，利用作为开发工具，中间插入了一些Javascript语言用以编制一些特效，如左右移动图片广告、显示当前时间等，主要介绍了宁夏回族自治区的历史、文化、人口、环境、民族、城市、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了将宁夏回族自治区的整体面貌展现给大家，着重介绍了宁夏回族自治区几大城市和特色文化。 网页组成 1、主页 （1）宁夏介绍 （2）五大城市 （3）宁夏特色 2、环境 介绍了宁夏回族自治区的自然生态环境。 3、历史 介绍了宁夏的历史（旧石器时期——新中国成立——自治区成立）。 4、文化 （1）九大文化 （2）宁夏花儿 （3）宁夏文学

网页设计作品设计说明

湖南软件职业学院《网页设计》期末作品设计说明书 课程名称：网页设计期末作品设计说明书 设计题目：某律师团队专业法律服务网 专业班级： 学生姓名： 指导教师： 起止日期：

某律师团队专业法律服务网网站制作说明 一、网站开发目的和功能简介 随着网络技术的发展与互联网的普及，网站建设与网页制作越来越来成为各行各业以及个人宣传自己的有利工具。门户网站越来越称为律师行业进行…………（略） 二、网站的总体设计 2.1网站名称：某律师团队专业法律服务网 2.2网站栏目划分： 根据本网站的目的和功能规划网站内容，包括如下信息： （1）关于我们：介绍相关律师信息，事务所信息，收费标准…………（略） （2）法律服务：…………（略） （3）法律文书：…………（略） （4）律师手记：…………（略） （5）经典案例：…………（略） （6）在线服务：…………（略） 具休如下图示：

2.3网站导航应用于所有页面提高网站的操作友好性。 2.4网站的风格与色彩选择：页面以浅绿色为背景，黑白灰三色为主体。浅绿色体现了本律师事务所的活力，字体用黑、白、灰色给人一种清析、稳重的感觉。所有页面色调统一，布局相似。 2.5网站目录结构设计合理：不同素材采用不同学文件夹分开存放。如声音放在sound 文件夹、图片放在images文件夹，照片放在photos、FLASH动画放在flash文件夹、样式表文件放在CSS文件夹中、作业成果图放在works等。 三、网站的总体设计 3.1 LOGO设计 Logo应体现律师行业庄重、严谨的形象。本LOGO以暗绿色为背景，金黄色为前景，…………（略） 3.2首页的制作过程 版面分栏结构，即页头、导航栏、FLASH展示、相关内容、版权（如下图）

网站设计需求说明书样本

关于网站的需求说明书 一、首页模块: 要求: 1、网页形式以各类产品图片以及更替flash为主。参考集物特和ideashow两个网站形式。 2、网站左侧为产品挑选导航模块。( 例如: 按身份送礼、按事件送礼、按分类送礼等) 3、首页基本模块包含元素内容。 头部flash、电话、会员登录( 登陆后欢迎) 、公告栏、购物车、导航栏( 首页、传统工艺礼品、品牌礼品、大客户咨询定制、礼盒套装、加盟我们、关于我们) 、特价区、礼品导购栏( 分类栏) 、传统手工艺展示区、新品专递区、礼盒套装区、热销产品、积分兑换区、广告活动flash区、品牌展示区、搜索区、客服区、用户帮助( 配送说明、用户留言、缺货登记等) 、合作伙伴, 网站备案等信息区。 二、基本功能模块 1、网站后台的基本功能模块 基本: 快速导航、最新订单、最新会员等 1) 、商品管理( 丰富、功能强大的商品管理展示功能) (参考) 商品分类、添加分类、支持无限级类别

商品列表管理、修改、复制、移动、批量修改等 批量修改最新、推荐、特价商品 单个商品多图、多样式展示功能 相关商品、相关配件展示功能 产品详细资料页的显示产品大图、详细文字介绍、规格型号价格等多种属性。侧视图/外包装图( 可选) , 产品的评论, 产品投票评分。总浏览次数统计, 相关产品链接, 本类别产品的销售排行榜。 2) 、前台各类广告图片替换功能。( LOGO管理、多图替 换管理) 3)、客服管理( 能够对客服进行管理、对话能够后台记录) 4) 、数据字典( 能够对各类经常变动的信息进行人为修 改) 5) 、购物车管理和结算 6) 、抽奖活动管理 7) 、公告管理( 包括公告的发布、修改等) 8) 、会员管理 9) 、用户管理管理( 超级管理员、按照部门分配不同权 限) ( 此块专门细说) 10) 后台商品搜索管理功能 11) 会员管理( 密码账户、信息管理)

Dreamweaver网站制作毕业设计说明书

Dreamweaver学习网站制作 设计说明书 系部：信息工程系 学生姓名：石婷婷 专业班级：网络08D1 学号： 083422106 指导教师：密海英 2010年10月25日

目录 内容摘要 (1) 一、引言 (1) 1、Dreamweaver发展前景与现状 (1) 2、Dreamweaver专题学习网站的内容和意义 (2) 二、开发工具的介绍 (2) 三、网站的具体规划 (3) 1、网站的功能结构 (3) 2、网站的主题思想 (3) 3、网站LOGO设计 (3) 4、网站布局设计 (4) 5、网站的内容 (4) 四、页面设计过程 (4) 1、一级导航页面设计 (4) 2、二级导航页面设计 (6) 3、三级导航页面设计 (8) 五、总结 (9) 致谢 (10) 参考文献 (11)

Dreamweaver学习网站的设计与开发 内容摘要 本课题通过对Dreamweaver学习网站的制作，为使用者提供一个自主学习、测试的Dreamweaver的平台。网站采用了清新自然的绿色为主色调，颜色明快柔和，界面美观简洁。清新的绿色让学习者产生视觉上的放松。本网站文本简明、通俗易懂，整体结构清晰、统一，便于学习。网站资源丰富、层次清楚、内容严谨。页面多处插入了flash，使得页面更加生动、活泼，富有感染力。网站导航清晰，布局简单却不单调，让学习者能够一目了然，方便快捷。 本网站采用了实例教学的手法，使得学习者能够更加直观地去学习。此外，还增加了在线测试的功能，打破了以往只能够“教”而不能够“测”的网站，这样才能使学习者更加直接地了解自己的学习情况，从而提高自己的学习能力 一、引言 （一）Dreamweaver的发展前景与现状 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见

网页设计说明

网页设计说明

《我爱篮球》网站设计说明书 1、设计理念 本网站定位本身是用于展示个人爱好——篮球的一个平台页面系统。在展示之余也有结交拥有共同爱好的网友的功效。页面主要以蓝色调风格为主,站点分为有首页、篮球动态、NBA明星简介、用户注册、用户登录、留言交流、后台管理等模块。 本站页面主要展示的是NBA篮球资讯、明星等内容，整体页面使用到了CSS 层样式技术、Flash动画效果制作、以及 JavaScript的脚步技术应用。 值得一提的是首页明星照片展示采用了基于CSS+JS特殊的图片向左滚动的浏览效果。 2、设计流程 通过在网络参考相应模板，设计出接近于NBA网站的效果，并根据相应要求到网上寻找相应的图片素材以及应用到PS图片设计结束。 最后应用HTML网页设计，以及ASP + Access动态网页设计使用CSS进行页面样式的设计。 并且,附带应用一些JavaScript特效技术。 总体设计流程为：确定主题及颜色—→用Dreamweaver设计html静态网页效果—→建立数据库—→将静态网页改为asp动态网页—→测试、发布网站。 3、使用的工具与技术 网页制作工具:Dreamweaver 8 多媒体设计制作工具:Flash 8 、Photoshop cs3 应用到的设计技术：HTML、CSS、JavaScript 4、网站设计说明 网站名称:我爱篮球——篮球网站 整体形象设计包括标准字、标题、标准色彩等。 首页作为网站的形象页、网站的欢迎页面，引入的元素大致有网站名称、标题、形象图片、文字、栏目导航等要素,是彰显网站整体风格的重要页面,

并结合Flash动画来展示。 网站形象页的设计突出了所要展示的主题，通过文字、形象、图片的巧妙烘托，令页面富有层次感，达到赏心悦目的效果。 网页富有动感，通过JS实现突破轮播效果，文字采用marquee滚动展示新闻动态。 页面大小采用了960px*200px。 网站调试采用“边制作边调试”的方式。保证了页面在各个浏览器间的相互兼容性。 在风格等各方面追求保存一致。 5、页面结构布局 首页布局框架构思示意图

网页设计说明书

盛年不重来，一日难再晨。及时宜自勉，岁月不待人。 设计说明书 需求分析 目标定位 a、制作这个网站的目的是为了方便我们学院的新生与老生能快速浏览的我们学校的基本 情况，了解我们学校所有好玩，有趣的事情。 b、本网站的主要职能是实时为新生提供部分新的资讯。 c、本网站所面向的用户是所有进入我校的同学以及想要了解我们学校的用户。 用户分析 a、使用本网站的用户主要是想要了解我们学校的所有信息，并且能够为他们提供所需的生 活所需的信息。 b、他们最想本网站为他们提供校内外的所有资讯，包括饮食，住宿，景点旅游等。 c、本网站制作内容架构清晰，避免过多的文字介绍造成用户过多阅读的麻烦。 d、用户可以每天浏览我们为其提供的实时热点以及校内外最新的资讯，比如：校园通知、 饭堂价格等。 市场前景 a、本网站的市场需求在于为本校师生以及想要了解我校的用户提供最便捷，最新的信息。 b、基于前面的分析，决定了本网站的设计风格要简明、清晰；主题围绕着学生所需而开展。

内容策划 a、本往网站主要经营的内容是：校园文化、校园资讯、美食住宿、周边景点等主题。 b、基于以上主题，其中重点制作的是校园文化和美食住宿；而辅助的是校园资讯等主题。对于网页如此划分的目的是，使用本网站的用户都是想要了解我们学校于他们息息相关的事情，无论是新生、老生还是其他用户，都想知道我们学校有哪些特色的文化和美食。文化可以增进他们知道我们学校的最近的文化活动生活。而美食，则能吸引更多的学生来了解我们学校的吃货，这对于新进校园的新生有着极强引导作用。 界面设计 a、对于每个版块的设计都有着其不同的元素，首页，主要突出网页围绕的主题设计导航， 并且使用简单明了的文字对学院做出说明；而二级页面，则分为六个版块，每个版块都有着不同的设计元素来突出其主题；对于三级页面，由于其划分表达内容上得较为详细，所以社体元素较为单调以图文介绍为主。 b、全版设计所使用的元素极为简单，主要以框架、线条、设计，在此基础之上配合色彩、 阴影、重叠、浮动、定位等的元素来协调画面风格。 c、对于次级页面的导航栏设计，是浮动置于页面的底部，这样设计的效果是让用户浏览简 洁方便，而且导航栏不会占据页面的内容。

摄影网站设计说明书

摄影网站设计说明书

WEB编程基础网站开发 设计说明书 设计题目：摄影网站 姓名：李家东 学号： 20101080114 班级： 10微高 指导教师：毕老师 完成日期： 2011-12-12

目录 前言 .................................................................................................. - 2 - 一、网站的规划 .............................................................................. - 2 - 1.1 网站的整体规划............................................................. - 2 - 1.1.1 网站定位.......................................................... - 2 - 1.1.2 网站版块的设置.............................................. - 3 - 1.1.3 网站设计的相关技术...................................... - 3 - 1.2 网站的功能设计........................................................... - 3 - 1.2.1 首页功能.......................................................... - 3 - 1.2.2 副页功能.......................................................... - 4 - 二、网站的设计与制作.................................................................. - 4 - 2.1 首页布局设计的特点................................................... - 4 - 2.1.1 logo设计.......................................................... - 5 - 2.1.2 Banner的设计 ................................................ - 5 - 2.1.3 导航的设计.................................................... - 6 - 2.1.4 栏目设计........................................................ - 7 - 2.1.5风格与色彩单配................................................. - 8 - 2.2副页布局设计特点.......................................................... - 8 - 三、创新亮点 ................................................................................ - 10 -

网页设计说明书

设计说明书 需求分析 目标定位 a、制作这个网站的目的是为了方便我们学院的新生与老生能快速浏览的我们学校的基本 情况，了解我们学校所有好玩，有趣的事情。 b、本网站的主要职能是实时为新生提供部分新的资讯。 c、本网站所面向的用户是所有进入我校的同学以及想要了解我们学校的用户。 用户分析 a、使用本网站的用户主要是想要了解我们学校的所有信息，并且能够为他们提供所需的生 活所需的信息。 b、他们最想本网站为他们提供校内外的所有资讯，包括饮食，住宿，景点旅游等。 c、本网站制作内容架构清晰，避免过多的文字介绍造成用户过多阅读的麻烦。 d、用户可以每天浏览我们为其提供的实时热点以及校内外最新的资讯，比如：校园通知、 饭堂价格等。 市场前景 a、本网站的市场需求在于为本校师生以及想要了解我校的用户提供最便捷，最新的信息。 b、基于前面的分析，决定了本网站的设计风格要简明、清晰；主题围绕着学生所需而开展。网站规划 内容策划 a、本往网站主要经营的内容是：校园文化、校园资讯、美食住宿、周边景点等主题。 b、基于以上主题，其中重点制作的是校园文化和美食住宿；而辅助的是校园资讯等主题。对于网页如此划分的目的是，使用本网站的用户都是想要了解我们学校于他们息息相关的事

情，无论是新生、老生还是其他用户，都想知道我们学校有哪些特色的文化和美食。文化可以增进他们知道我们学校的最近的文化活动生活。而美食，则能吸引更多的学生来了解我们学校的吃货，这对于新进校园的新生有着极强引导作用。 界面设计 a、对于每个版块的设计都有着其不同的元素，首页，主要突出网页围绕的主题设计导航， 并且使用简单明了的文字对学院做出说明；而二级页面，则分为六个版块，每个版块都有着不同的设计元素来突出其主题；对于三级页面，由于其划分表达内容上得较为详细，所以社体元素较为单调以图文介绍为主。 b、全版设计所使用的元素极为简单，主要以框架、线条、设计，在此基础之上配合色彩、 阴影、重叠、浮动、定位等的元素来协调画面风格。 c、对于次级页面的导航栏设计，是浮动置于页面的底部，这样设计的效果是让用户浏览简 洁方便，而且导航栏不会占据页面的内容。

网页设计说明书

——网站设计说明书 网站名称： 姓名： 班级： 学号： 上交时间： 任课老师： 一．制作该网站的理由以及设计思路： 我想高中时候的生活，大家都是很怀念的吧！我也不例外，我以班级为主题制作了这个网站，是想借这个网站来表达我的情感。现在想想：那个时候虽然学习紧张，但是我们都过得很快乐，很充实。我很怀念高中时候的生活，也很想念高中的同学，我真想时间就停留在那段时光，但是这是不可能的，所以，我就制作了这个网站，我希望当我或者我的同学看到的这个网站的时候，也能像我一样

很开心，很快乐。设计思路：其实想到以班级为主题以后，我就觉得应该有很多要写的，但是后来才发现好像也没有很多素材。我想把这个网站分为五个部分，分别是：首页，班级宗旨，关于学生，老师信息，关于学校。而我最想重点制作的部分，当然是关于学生这一部分了，所以我就把精力放在了这一部分。 二．制作流程： 1.首先要把制作这个网站所要用到的素材找出来，整理，放在相应的文件夹。 2.我先把网站的首页部分制作出来，然后就是把首页再复制一遍，把要删了的删了，再重新写入新的内容，这个就可以当作是链接的子不分内容，像“关于学生”这一部分，就是这样。 3.把其余三个部分的网页也制作出来 4.因为在“关于学生”这一部分有子链接，所以我就先制作“个人信息”，后来再在这个“个人信息”这一子部分链接了部分同学的个人信息。 5.最后把各部分的链接相应的写入。当然这个也是要有顺序的，我先把“个人信息”这一部分搞好，然后就是“关于学生”，最后就是四个部分的。反正就是由小到大。 三．代码 在制作的时候，我花的时间最多的是在做“关于学生”这一部分，所以我就想把这一部分的代码写下来，而这一部分的主要内容是“个人信息”，因为个人的信息全都是我自己写的，虽然在搞这个的时候我花了很多时间，但我还是很快乐，因为我一边写的时候，我就感觉回到了高中时候的生活。关于代码，我好像没有用JavasScript,因为我都是在Dreamweaver Cs3里面做的。下面就是代码： ----------关于学校---------