网站制作课程设计Word格式文档下载.docx
- 文档编号:21723777
- 上传时间:2023-01-31
- 格式:DOCX
- 页数:18
- 大小:269.76KB
网站制作课程设计Word格式文档下载.docx
《网站制作课程设计Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《网站制作课程设计Word格式文档下载.docx(18页珍藏版)》请在冰豆网上搜索。
5.1系统使用说明15
5.2系统性能分析16
参考文献17
课程设计总结19
第1章绪论
1.1前言
现在是网络成熟并高速发展的时代,我们的生活离不开网络。
网络如今成为了我们获取知识和信息的一种便捷工具,现在利用网络来学习工作的人们在不断的增多,网民数量在不断地增加,如何正确利用网络,如何正确了解和学习网络知识,是我们作为一名大学生迫切所需要的。
本学期所选修的“网站开发技术”课程,老师就从最基本的计算机和网络知识开始教起,虽然课程主要是有关网页设计的,但计算机的基础知识却也是很重要的。
这对于我们这些非计算机专业的学生学习计算机很有帮助,作为信计专业的学生,以后用到计算机的用途很多,利用计算机来解决一些数学问题。
老师把本次课程教学过程分为了基本知识讲解和上机具体操作巩固,课程前期一般是介绍基础知识,后半期基本上全是上机。
下面,我就对具体的学习内容做一次汇总。
第2章开发环境简介
2.1windows7环境下IIS7.5的安装与配置
这样一个IIS服务器就配置完成。
IIS是一个功能非常强大的Internet信息服务系统。
IIS的可靠性、安全性、和可扩展性都非常好,并能很好的支持多个web站点,是用户首选的服务器系统。
IIS提供了最简洁的方式来共享信息,建立并部署企业应用程序,以及建立个管理web上的网站,通过IIS用户可以轻松的测试、发布、应用和管理自己的web项和web站点。
以下说说在WIN7环境下的IIS安装与配置。
首先打开控制面板-程序-打开或关闭windows功能-打开Internet信息服务,选择自己所需要的一切功能和服务,选好后点击确定,系统将会自动安装。
安装完成后单击控制面板-系统和安装-管理工具,在里面找到Internet信息服务管理器,打开。
然后右击左边的“网站”-添加网站,在添加网站窗口中填写网站名称,物理路径,端口可随意设置,但是每个网站的端口不得相同,单击确定,一个网站就建立完成,单击网站图标在asp设计主页功能视图的IIS栏目可以看到asp这个图标。
点进去,将调试属性-将错误发送到浏览器的值设为true,然后把行为-启用父路径也设置为true。
退出单击目录浏览-启用。
点击默认文档可以设置网站的主页。
2.2系统实现所需的软件
网站编辑排版DreamweaverCS8、网页图像制作软件PhotoshopCS3网页动画制作软件FlashAccess
第3章网站需求分析
3.1目标分析
设计一个以茶叶介绍为主题的网站!
通过此网页设计掌握网站的制作流程;
掌握网站的规划、设计、构建、测试.通过设计达到掌握网页设计、制作的技巧。
了解和熟悉网页设计的基础知识和实现技巧。
根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。
能力和目标:
具备网站前期规划的能力;
具备使用多种工具实现网站的设计,
构建和测试能力;
具备网站的宣传能力;
具备网站的管理和维护能力。
素质目标:
具备网站整体的审美素质;
具备将需求以及要表现的思想.创意,以最完美的视觉效果,最详尽的呈现方式表现出来。
理论要求:
熟悉网页设计基本理论。
实践要求:
按照网站的制作流程,依照软件基本技术,网站实例制作,设计技巧等三方面,完成网站的规划、设计、构建、测试。
整个过程中注重对网页设计基础知识和技能的训练,学生的分析能力。
学生基本要求:
学会自己分析问题,解决问题。
第4章网站的开发与实现
4.1系统开发概述
4.1.1整体系统模块设计
该公司网站动静结合,分为2个动态页面,7个静态页面,展示了该网站首页、主页、主要产品、厂家直销、联系方式、会员注册登录、饮茶的好处、茶几与茶桌、特别展示等各个分部到网站的最近活动和留言板方面。
网站的结构模块描述如下
4.2数据库设计
4.2.1数据库需求分析
根据系统需求分析和模块设计的要求,对于用户系统数据库,需要以下数据项和数据结构:
用户信息:
用户名,性别,联系方式,用户密码,确认密码。
4.2.2数据库逻辑设计
数据库包含的表:
用户信息表。
下面分别介绍这个表的结构:
4.3系统的实现
4.3.1首页的实现
作用:
美化网站,提高网页的浏览效率,页面以简单风格为主,背景以简洁图片为主。
页面左边边有网站导航条,背景以半透明白色为主。
冲该页面可以看出,该网站主要是功能饮料最优惠最合理建议网站,所以要简洁大方,不要太花哨。
打开主页时可以看到关于功能饮料企业的介绍。
主页面部分代码如下:
<
/head>
bodyonload="
MM_preloadImages('
碧螺春茶.jpg'
'
龙井茶.jpg'
毛尖茶.jpg'
)"
>
divid="
templatemo_header_wrapper"
<
templatemo_header"
site_title"
h1>
ahref="
target="
_parent"
class="
STYLE5"
TeaHouse<
/a>
/h1>
/div>
templatemo_menu"
ul>
li>
index.html"
current"
主页<
/li>
chanpin.html"
产品<
厂家直销.html"
厂家直销<
"
零售<
#"
建议<
/ul>
!
--endoftemplatemo_menu-->
search_box"
formaction="
method="
get"
inputtype="
text"
value="
Enterakeyword"
name="
q"
size="
10"
id="
searchfield"
title="
onfocus="
clearText(this)"
onblur="
/>
/form>
<
divclass="
cleaner"
p>
--endoftemplatemo_header-->
/p>
&
nbsp;
--endoftemplatemo_header_wrapper-->
templatemo_content_wrapper"
templatemo_content"
content_section"
h2class="
STYLE1"
特色产品<
/h2>
product_boxmargin_r10"
h3class="
STYLE2"
洞庭碧螺春<
/h3>
onmouseout="
MM_swapImgRestore()"
onmouseover="
MM_swapImage('
Image1'
'
1)"
imgsrc="
碧螺春.jpg"
Image1"
width="
270"
height="
179"
border="
0"
pclass="
price"
Price:
¥59<
Detail<
|<
炒青、雨前、一级<
STYLE3"
西湖龙井<
Image2'
龙井.jpg"
Image2"
700"
525"
¥69<
|<
spanclass="
STYLE4"
御狮、一级、灌装<
/span>
product_box"
h3>
黄山毛尖<
Image3'
毛尖.jpg"
Image3"
474"
433"
¥220<
毛峰、雨前、一级<
button_01"
myweb2/副页.html"
茶道精神<
<
hr>
/hr>
饮茶的好处.html"
STYLE6"
喝茶的好处<
cleaner_h40"
h2>
特别展示.html"
特别展示<
em_text"
strong>
茶道属于东方文化。
东方文化与西方文化的不同,在于东方文化往往没有一个科学的、准确的定义,而要靠个人凭借自己的悟性去贴近它、理解它。
早在我国唐代就有了“茶道”这个词,例如,《封氏闻见记》中:
“又因鸿渐之论,广润色之,于是茶道大行。
”唐代刘贞亮在饮茶十德中也明确提出:
“以茶可行道,以茶可雅志。
”<
/strong>
embedsrc="
刘若英-原来你也在这里.mp3"
/embed>
--endofcontent-->
templatmeo_sidebar"
sidebar_section"
最新活动<
sidebar_section_content"
ulclass="
categories_list"
../茶叶种类/绿茶.jpg"
绿茶<
../茶叶种类/红茶.jpg"
红茶<
../茶叶种类/花茶.jpg"
花茶<
../茶叶种类/白茶
(2).jpg"
白茶<
../茶叶种类/黄茶.jpg"
黄茶<
../茶叶种类/黑茶.jpg"
黑茶<
../茶叶种类/砖茶.jpg"
砖茶<
liclass="
STYLE8"
Untitled-3.html"
STYLE9"
茶杯<
STYLE10"
(精致)<
chaji.html"
茶桌<
(<
STYLE7"
精选)<
STYLE11"
本店通知<
cleaner_h30"
意见反馈<
label>
欢迎对本店提出建议和意见!
/label>
username"
input_field"
usernmae"
submit"
login"
提交"
alt="
submit_btn"
Login"
--endofsidebar-->
templatemo_content_wrapper_bottom"
--endofcontent_wrapper-->
templatemo_footer"
<
footer_menu"
/"
last_menu"
Copyright©
兰州茶叶责任有限公司<
http:
//jigsaw.w3.org/css-validator/check/referer"
电话:
188-9425609<
4.3.3登录界面
实现用户登录。
页面截图如下:
页面部分代码如下:
formid="
form1"
post"
action="
tablewidth="
200"
90"
cellpadding="
cellspacing="
tr>
tdwidth="
58"
align="
center"
用户名<
/td>
142"
textfield"
/tr>
tdalign="
密码<
td>
textfield2"
登录<
Untitled-2.html"
注册<
/table>
advsex"
/body>
/html>
4.3.4注册界面
DOCTYPEhtmlPUBLIC"
-//W3C//DTDXHTML1.0Transitional//EN"
"
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
htmlxmlns="
//www.w3.org/1999/xhtml"
head>
metahttp-equiv="
Content-Type"
content="
text/html;
charset=utf-8"
title>
无标题文档<
/title>
styletype="
text/css"
--
.STYLE1{font-size:
large}
-->
/style>
body>
290"
1"
bgcolor="
#FFFFCC"
98"
确认密码<
textfield3"
性别<
textfield4"
联系方式<
第5章网站测试
5.1系统使用说明
本系统的使用环境为下:
Web服务器采用的是Microsoft公司的IIS应用服务器,它是一个比较完善的、开放的Web应用服务器。
它严格地遵循普遍流行的开放标准,在大型开发过程中较为适用。
后台数据库采用的MicrosoftOfficeAccess2003,它功能虽然比较小,但在做中小企业的网站上毫不逊色,对以后维护网站得到有好的保证。
运行环境:
WindowsXPIISAccess2000
5.2系统性能分析
本系统在测试和运行过程中。
有以下几方面优点:
1.界面友好,操作方便
所有的子系统均采用统一的构架,对操作用户无特殊要求。
管理员可以通过数据库进行数据的增删改,其操作方便快捷。
2.通用性好,扩展性强
本系统可以适用于各种人群,具有优越的通用性能。
3.验证系统不够严密
由于时间和技术因素,本系统在验证方面存在着一定的问题,有待于进一步的解决。
参考文献
【1】前沿科技曾顺,精通CSS+DIV网页样式与布局北京:
人民邮电出版社,2007.8
【2】王传华段青灵马钦,网页设计与制作技术教程(第2版)北京清华大学出版社2007.10
【3】齐治昌、谭庆平等、《软件工程》[M]高等教育出版社2004.4月
课程设计总结
通过这次网页课程设计激发学习兴趣,调动学习的自觉性,自己动脑、动手,动口,运用网络资源,结合教材及老师的指导,通过自身的实践,创作出积聚个人风格、个性的个人网页。
总体来说,整个学期的学习过程,我学会了很多知识,
在设计网页的这几
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 制作 课程设计