《网页设计与制作》课程设计.docx

《网页设计与制作》课程设计.docx

《《网页设计与制作》课程设计.docx》由会员分享，可在线阅读，更多相关《《网页设计与制作》课程设计.docx（10页珍藏版）》请在冰豆网上搜索。

《网页设计与制作》课程设计

沈阳工业大学

《网页设计与制作》课程设计

题目：

电话簿管理系统

学院：

工程学院

专业/班级：

电子商务1101

姓名：

陈超

同组人姓名：

燕海霞王莉黄程程唐易灵

指导教师：

关学铭

报告时间：

2014年6月20日

成绩与教师评语

成

绩

教

师

评

语

一网页设计的总体概述1

1.1网页设计1

1.2网页设计的目的1

1.3网页设计的任务2

1.4网页设计的要求内容2

1.4.1HTML标记语言2

1.4.2Dreamweaver83

1.4.3平面图像处理软件3

1.5本文所制作网页主题内容介绍4

1.5.1网页题目4

1.5.1网页主题内容4

二网页素材制作4

2.14

2.25

三Dreamweaver8网页制作5

3.1创建本地站点5

3.2主页制作过程5

3.3二级页面制作6

3.4页面之间的超链接6

四程序设计与实现6

4.1功能设计6

4.2数据库设计6

五程序测试7

六总结7

致谢7

参考文献7

一网页设计的总体概述

1.1网页设计

网页设计是网站是企业向用户和网民提供信息（包括产品和服务）的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。

企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。

网页设计的建站包含：

企业网站、集团网站、门户网站、社区论坛、电子商务网站、网站优化技术等，如中华网库，在行业中各自有各自的作用。

网页设计是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

不同领域的网页设计，网页图形设计，界面设计，创作，其中包括标准化的代码和专有软件，用户体验设计和搜索引擎优化。

许多人常常会以工作小组负责不同方面的设计过程中，虽然有些设计师将他们所有的网页设计是设计过程的前端（客户端）的设计用于描述一个网站，包括写标记，但是这是一个灰色地带，因为这还覆盖了网络的发展。

网页设计师预计将有意识的可用性，如果他们的作用，需要创建标记，那么它们也有望成为最新的网页易读性指引。

1.2网页设计的目的

本课程的设计目的是通过实践使同学们经历Dreamweaver8开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。

结合具体的开发案例，理解并初步掌握运用Dreamweaver8可视化开发工具进行网页开发的方法;了解网页设计制作过程。

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

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

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

熟练掌握Photoshop8、Dreamweaver8等软件的的操作和应用。

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

我本次主要是设计的是以“电话簿管理系统”为主题的网页。

1.3网页设计的任务

任务一、网站欣赏：

DreamweaverCS3提供了站点创建与管理工具，通过站点管理器可以更好地利用站点对文件进行管理，实现本地路径设置、地址信息管理、远程服务器信息管理、测试服务器环境配置、模板和库管理等功能。

任务二、网页布局：

网页布局的好坏是决定网页美观与否的一个重要因素，主要从两方面去理解，一种是结构布局，另一种是艺术布局。

通过合理的布局，可以将页面中的文字、图像等内容完美、直观地展现给访问者，同时合理安排网页空间，优化网页的页面效果和下载速度。

因此，在对网页进行布局的过程中，应遵循视觉的对称平衡、对比、凝视和空白等原则。

常见的网页布局形式包括:

π型布局、“三”型布局、框架布局和POP布局。

任务三、色彩基础：

网页设计是一种特殊的视觉设计，它对色彩的依赖性很高。

由于色彩能够在不知不觉间影响人的心理，左右人的情绪，所以色彩设计也是网站风格设计的决定性因素之一。

任务四、软件的安装：

启动计算机，将DreamweaverCS3光盘放入CD-ROM驱动器中，找到DreamweaverCS3安装文件setup.exe，双击即可启动安装程序。

按操作向导提示操作即可完成全部安装过程。

1.4网页设计的要求内容

本程序的设计是为用户提供一个电话薄管理平台，给用户提供一个管理联系人的联系方式的小系统。

本电话薄管理系统利用计算机对通讯录进行统一管理，包括了添加、修改、查询记录等功能。

程序中涉及结构体、数组、文件等方面的知识，从而实现通讯录管理工作的系统化、规范化和自动化，给用户的工作和生活提供便利。

系统模块设计:

整个电话薄管理系统包括如下几个功能模块。

（1）输入记录模块:

输入记录模块主要完成将数据存入数组中的工作。

在此电话薄管理系统中，记录可以从以文本形式存储的数据文件中读入，也可以从键盘逐个输入记录。

（2）查询记录模块:

查询记录模块主要完成在数组中查找满足相关条件的记录。

在电话薄管理系统中，用户可以按照联系人姓名或联系人电话号码在数组中进行查找。

（3）更新记录模块:

更新记录模块主要完成对记录的维护。

在电话薄管理系统中，它能实现对记录的修改、删除、插入和排序操作。

（4）输出记录模块:

输出记录模块主要完成两个任务

1.4.1HTML标记语言

基本内容：

1.构建HTML网页

2.文本及版面风格控制

3.图像、超链接和表格

4.HTML的表单

5.HTML的其他常用标记

6.层叠样式表CSS。

要求：

1）了解HTML语言与高级语言（如VB、C等）的区别；识记网页常用标记及属性，如标题、字体、段落、图像、超链接、表格等；

2）熟练掌握HTML表单中各界面对象的标记符号和属性，如表单、文本域、列表域、复选框与单选钮、命令按钮等；

3）熟练掌握在Dreamweaver中使用层叠样式表CSS；了解层叠样式表与标记属性的区别。

1.4.2Dreamweaver8

基本内容

1．Dreamweaver8基础知识

2．设计站点

3．文字处理与图像

4．超链接

5．表格与图层的使用

6．框架

7．层叠样式表CSS

8．表单与行为

要求：

了解Dreamweaver8基础知识、掌握设计站点、文字与图像处理、超链接、表格与图层的使用、框架、层叠样式表CSS、表单与行为。

1.4.3平面图像处理软件

基本内容：

1．灵活运用Fireworks8作网站的图像处理

2．灵活运用Flash8作网站的动画处理

要求：

了解网页文字素材、图形图像素材、声音素材、动画素材的基础和Fireworks、Flash的使用方法。

1.5本文所制作网页主题内容介绍

1.5.1网页题目

电话簿管理系统

1.5.2网页主题内容

本文网页是沈阳工业大学工程学院11级电子商务专业小苹果组合的电话簿，其中包括对小苹果成员电话信息进行添加、删除和修改，以及及时更新成员的电话号码和所在单位部门，方便其他同学及时取得小苹果成员的最新联系方式和相关动态。

二网页素材制作

2.1Fireworks制作图片

2.2Photoshop制作首页图片

三程序设计与实现

3.1功能设计

（1）制作该网页页面主要实现电话簿的管理，其主要功能分别为：

添加电话；电话管理；电话修改

添加电话