网站设计制作论文范文

2019-07-22 版权声明

网站设计制作论文

网站设计制作论文篇1

1网站设计构想与规划

网站设计的第一步是对整个网站进行规划,将网站划分为前台与后台两个部分:前台主要提供网站的主体功能内容,包括实验教学、实验队伍、管理体制、设备与环境、特色项目、中心介绍、学生创新、教学资源、留言板等内容;后台设计内容包括针对前台各项内容的管理,信息的发布,以及对留言板信息的反馈等内容。整个网站的设计,主要分四个阶段进行:(1)网站页面设计。主要包括前期收集资料,设计效果图并建立基本框架和后期对框架进行美化、动画制作等。(2)建立后台数据库。(3)编写脚本语言,连接网页与后台数据库。(4)网站测试。

2网站主体功能

网站为浏览者提供了一个互动的交流平台,为浏览者提供了了解西安交通大学生命科学实验教学中心的渠道,在这里能够了解到相关的学术及实验室的信息;本校师生也可以通过网站管理员把通告、新闻及教学资料发布到网站上,及时更新网站的信息。因此,本网站按照前台针对具有用户权限的访问者,后台针对各级管理员的功能设计。前台功能:①浏览生命科学实验教学中心概况;②了解专业相关发展资讯;③从校园网获取各类教学资源;④登录发文系统,上传/下载教学课件、作业;⑤查询教学计划,获取沟通方式;⑥浏览学生创新实验项目和相关成果;⑦留言板进行留言。后台功能:①管理员后台添加、删除实验教学、实验队伍、管理体制、设备与环境、特色项目、中心介绍、学生创新、教学资源等相关内容;②从后台发布信息,更新实验室开放公告;③添加/删除下级管理员,维护个人信息、密码管理;④收取作业、实验报告,添加教学课件;⑤添加/修改/列表教学文件等教学资源;⑥管理校内校外友情链接资源;⑦管理定制部分一级/二级导航菜单;⑧留言管理与回复。

3网站建设内容

用户访问站点是为了读取其中的内容,因此,内容是至关重要的,内容是设计存在的基础。它包括网站的前台页面设计制作,网站的后台编程,网站测试和资料上传等工作。网站设计主要是对网站前台页面进行制作,为了更好地表达网站主题,需要对网站的“美”和“功能”同时兼顾。实验教学中心的网站是在原有基础上进行改进提高,使其适应陕西省示范中心的要求。因此,针对现有网站存在的如页面简单,缺少特色,配色不尽人意,内容单一,不利于浏览者形成记忆与多次光顾等问题,设计工作首先在视觉上着手加强网站特色,给人以友好独特的视觉感受,网页页面风格追求简单明快、结构清晰、内容饱满,文化气息强烈,在页面色调上尽量选择高纯度,减少对比色,增加同类邻近色,依此原则对页面图文搭配、颜色配比、导航样式、网站标志、文字排版等内容进行了再设计和改进。对网站具体内容的设计需要做出框架设计,逐渐补充与完善,主要设计工作包括:(1)实验指导。详细列表实验室的各项设备(图文)和所在实验室地点,以及使用手册、实验指导书。(2)创新实验。提供学生申请自主实验平台,鼓励预约实验仪器。(3)人才交流。提供往届毕业生去向及发展信息(就职或研究项目概况),为往届毕业生与在校学生交流提供桥梁,帮助在校学生规划今后人生目标。(4)网络课程。供学生参与网络自我学习的平台,包含课程课件,上课时间及地点,网络化课程内容等。(5)答疑解惑。提供师生答疑解惑的平台和教师联系方式。(6)学术发展。提供生命科学领域最新学术论文,期刊等信息,为学生提供相关学科最新研究成果和发展状况。(7)联系我们。目的在于方便校外人士与中心取得联系,设立实时地图链接。(8)拓展链接。将链接国内外相关专业知名网站。(9)在线帮助。对浏览网站提供文字帮助。(10)企业交流。提供实践教学信息和专业相关企业信息,为学生企业实习以及应聘岗位提供帮助。

4结语

本文主要对生命科学教学中心网站的建设提出了网站定位、基本设计内容、主体功能和建设内容,网站建设与维护是一个复杂繁琐的工作,我们下一步的工作就是将网站建成一个受到广大师生和关心学科发展的专业人士欢迎和广泛使用的专业网站。

作者:周秦武 张博 宋亚楠 石公羽 单位:西安交通大学 生物医学工程系

网站设计制作论文篇2

摘 要:本论文主要阐述在网站设计时如何实现动态导航的过程;本文所述设计是采用数据库原理来管理导航的过程,可以实现二级或多级导航,可实现导航的后台动态管理,从而实现导航的动态添加、修改、移动等功能。

关键词:ASP 节点 导航 数据库

中图分类号:G4 文献标识码:A 文章编号:1673-9795(2013)09(b)-0148-02

当今社会是互联网时代,网站遍布到各个领域,网站设计制作也随之兴盛起来;无论从大公司,还是个人,都可以进行网站设计或制作。对于一般的建站公司,大多采用模板式批量生产,对于个人,一般采取个人设计或制作的形式,不管是哪一种形式,都需要日后的维护和网站的更新,有时需要对原有网站版面进行重新修改,这样经常会涉及到导航的变动。由于一般情况下,网站的导航都采用的固定的方式,从而导致修改不方便(需要修改源代码来实现),所以本文所阐述的就是如何实现动态导航,减少日后由于某种原因而导致修改源代码带来的不必要的工作量。

1 分析过程

动态导航可以应用于各种Web编程语言,如ASP、PHP、JSP等。通过程序与数据库结合,来实现动态导航的管理。其中在数据库中存储导航的各节点及所属上级节点,利用程序在网页中进行节点检索,实现导航树,将各节点创建在网点中。另外,也可以实现导航节点之间的新建、移动、删除等操作,便于节点管理,对于节点的维护,通常放在后台进行,前台只是为普通用户生成导航节点。

流程如下:

(1)设计数据库和节点数据表(字段)。

(2)前台导航节点的显示,包括主节点(主页中)及分支节点(子页面中)。

(3)后台导航节点的管理及维护(节点之间的新建、移动、删除等操作)。

2 设计过程

(1)数据库和节点数据表。

数据库及数据库名的选择可以根据实际情况进行,如,对于大型数据库,可以采用SQL Server或MySQL来存放数据,一般的小型网站,可以选择相对较小的Access数据库进行。本文所描述的数据库采用相对较小的Access进行设计(其它数据库设计相同)。本文描述的节点所涉及的数据表包括:navItem表,用于存放节点及子节点,上下所属关系,可以实现N层所属关系。navContent表,用于存放末节点相关详细内容(节点对应的页面文字)。

navItem节点表中字段包括:navID(节点ID)、navName(节点名称)、Lsort(节点顺序号)、UID(父节点ID)、Leaf(是否是末节点)。

navContent节点内容表字段包括:navID(节点ID)、content(节点对应内容)。

(2)前台导航节点的显示。

主页面中的首节点可以采取通过滤的方式,只需要在检索时检索UID为0(为0代码是顶层节点)的节点,即可得到首节点,并放置在导航条上。

子页面中的节点检索,是通过得到某个首节点ID后,通过递归算法,得到相应子节点的方式得到。例如,如果用户点击了某个首节点ID=5,则可以检索UID为5的所有子节点,利用递归,以此类推,查找出每个子节点的下级子节点,并利用CSS样式及HTML代码以列表的形式显示在对应的子页面中即可。

(3)节点的管理及维护。

后台节点管理最为复杂,需要实现节点新建、移动、删除操作,具体作法如下:

新建:新建节点时,要给出新建节点名称,以及所属的父节点(navID),并选择是建同级节点,还是下级节点,是否是末节点(叶子)。取到相应数据后,判断如果是同级节点,则先获取当前navID的父节点,将获取到的navID作为UID(父节点ID)存放,如果是下级节点,只需要将当前节点的navID作为UID,应用节点名称写入navName,如果是末结点,则将Leaf字段置1,否则说明不是末节点,则置0,写入记录即可。

移动:

获取源节点navID,并获取目标节点navID,选择移动到当前节点之前还是之后,是与目标节点同级节点,还是下级节点。取得数据后,根据所选值进行判断,如果是同级并且是之前,则先要取得目标节点的Lsort值,将当前目标节点及以下的Lsort全部向后移动。插入当前源节点(将当前源节点的Lsort值改为原目标Lsort值),如果是之后插入,只需要将目标节点后的节点向后移动,插入当前节点即可。如果是下级,则获取目标节点的子节点(如果没有子节点,则将当前节点的Lsort设置为1),并将目标节点的navID设置为当前节点的UID(父节点)。

删除:

提示用户是否确定删除节点(连带删除所有所属子节点)。获取到预删除节点的navID后,利用递归算法,先将所属所有下级子节点删除后,再将当前节点删除,同时要将navContent表中相对应的节点内容一并删除。

3 算法代码

移动节点:要求先获取目标节点ID,根据移动位置,来决定源节点的移动方式。代码如下:(其中数据库连接代码部分省略)

s_level=request.Form("s_level")

t_level=request.Form("t_level")

mi=request.Form("mi")

target=request.Form("target")

if s_level"" then

s_sort=1

set rs=conn.execute("select * from nav where nav_id=" & t_level)

if not rs.eof then

s_sort=rs("s_sort")

uplevel=rs("uplevel")

end if

if mi="i" then uplevel=t_level

if target="b" then sql="select * from nav where uplevel="& uplevel & " and s_sort>" & s_sort & " order by s_sort DESC"

if target="f" then sql="select * from nav where uplevel="& uplevel & " and s_sort>=" & s_sort & " order by s_sort DESC"

set rs=conn.execute(sql)

if not rs.eof then

loc=rs("s_sort")

s_sort=loc+1

end if

while not rs.eof

loc=rs("s_sort")

conn.execute("update nav set s_sort=" & s_sort & ",uplevel=" & uplevel & " where nav_id=" & rs("nav_id"))

s_sort=loc

rs.movenext

wend

conn.execute("update nav set s_sort=" & s_sort & ",uplevel=" & uplevel & " where nav_id=" & s_level)

rs.close

set rs=nothing

end if

删除节点:通过递归的方式实现先删除子节点后,再删除当前节点的方式实现。

'递归删除算法

function loopDel(leaf)

set rstemp=conn.execute("select * from nav where uplevel=" & leaf)

while not rstemp.eof

loopDel(rstemp("nav_id"))

rstemp.movenext

wend

conn.execute("delete from nav where nav_id=" & leaf)

end function

4 结语

本设计已经通过实验并应用,效果较好。但在设计过程中也还存在一些不足,尚需进一步改进,希望在以后的应用中得到更好的效果,也希望能够满足不同的场合需求。

参考文献

[1] 佳图文化.ASP动态网站开发案例教程[M].北京:希望电子出版社,2012.

[2] 李睦芳.Dreamweaver CS5 +ASP动态网站开发与典型实例[M].北京:清华大学出版社,2012.

[2] 史桂红.动态网站设计制作与维护[M].北京:水利水电出版社,2011.

网站设计制作论文篇3

摘 要:精品课程网站建设是精品课程建设的一个重要环节。就网站建设中网站风格、网站框架内容、网站制作技术以及网站建设中所需要注意的一些基本事项进行初探。

关键词:精品课程;网站设计;师生互动

一、背景

2010年,上海市教育委员会启动上海市中职学校精品课程建设项目,根据《上海市教育委员会关于开展中等职业学校精品课程建设的通知》沪教委职(2010)要求,我校多媒体设计与制作课程成功申报为市级精品课程。该课程需要使用包括GoldWave、PS、Flash、Dreamweaver、PowerPoint、illustrator、Authorware等覆盖音频、视频、动画、图形、图像等内容的软件,是一门操作性强、整合性强的课程。课程建设基本完成,笔者作为该课程的主要负责人,对课程网站设计与建设以及一些注意事项进行了探究与实践。

二、网站设计

1.网站风格

精品课程的网站风格定位非常重要,整个网站属于教育类型的网站,整体风格设计应该简洁不失高雅。同时,作为面向中职学生的网站,网站风格又应该增加一些活泼、动感的元素。在设计时主要考虑以下几点:

(1)布局

网页特别是主页的布局是非常关键的。根据本网站整体设计风格和大众视觉中心点理论,整体采用上、中、下的布局模式。具体设计如下表所示。

(2)色彩

网站色彩的选用同样至关重要。本网站的色彩根据我校网站风格以及课程特点采用中性色加暖色系列。运用灰白为一级色调,橙色为二级色调。这样的色彩搭配稳重不失活泼、整体统一而又重点突出,又能做到大调和小对比的效果,达到良好的视觉

感受。

(3)效果

本网站面向的对象以中职学生为主,在设计时内容需通俗易懂、加强应用类知识点,弱化理论性知识。同时,为了增加网站的可看性,在网页内容部分增加Flash动画效果,动态展示学生自创作品,增加学生互动交流区域。

2.网站框架

根据上海市中职校精品课程的各项评审指标,为方便课程网站的管理,网站的导航设计成厂字型的结构形式,这种设计简洁明了,横向导航覆盖课程所有建设内容,纵向导航突出重点和特色。具体网站栏目与功能设计如下表所示。

横向导航项目功能具体如下:

(1)课程概况

包括课程简介、历史沿革、课程设计等内容。介绍多媒体设计与制作课程的主要内容和我校开设这门课程的历史沿革以及课程的总体设计思路。

(2)课程团队

主要介绍建设该课程的教师团队,其中包括课程负责人、主

讲教师、教学团队、师资结构、教师的教科研情况、学术论文等方面的内容。

(3)教学内容:详细介绍课程的每项教学模块,其中包括GoldWave、PS、Flash、Dreamweaver、PowerPoint、illustrator、Authorware七大软件的具体教学内容。

(4)教学条件

充分展示我校的教学实训条件,以图文并茂的形式展现我校的校内实训基地、校外实训基地以及网络教学环境。

(5)教学资源

提供丰富的教学资源,以供学生下载和自学。其中包括教学大纲、课程授课计划、电子教案、多媒体课件、试题库、实训指导大纲、实训指导、实训操练、教学录像等内容。

(6)实训项目

实训项目包括课程配套的实训内容。多媒体设计与制作是一门计算机操作类型的课程,通过实训项目的练习和操作,学生可以增强多媒体作品制作的能力。

纵向导航项目功能是根据课程建设的特色内容和主要内容进行设计。如申请时的申请书,该课程所有的教学文件,实施整个课程的教学方法和手段等。这些项目单独罗列便于访问者浏览和自学。

3.网站制作技术

网站的制作分为三个阶段,第一阶段为网页效果图制作。将内容设计成平面网页效果图,可采用任意的平面设计软件。第二阶段为静态网页制作,采用Fireworks和Dreamweaver进行切片和整合,使用目前流行的DIV+CSS模式,此模式的优势在于代码少,提高页面浏览速度;结构清晰;支持各种浏览器;便于网站优化。第三阶段为动态网页制作,整个网站后台是由课程发布平台和课程管理平台组成的一套强大的系统,能针对不同的精品课程进行不同的管理和设置。后台使用的数据库是SQL Server 2008,编程语言是C#,开发工具是Visual Studio 2010。

三、网站建设注意事项

课程网站的开发和制作不只是网站技术的问题,更是包括教育教学、课程专业等多方面因素的系统工程。建设一个课程网站周期长,涉及面广,参与人员多。在建设时需要充分考虑以下几个方面:

1.网站功能

精品课程的网站面向的是自学的学生群体。网站的功能主要是首先为学生提供自主学习的平台。另外,网站的功能还要体现在师生交流方式的改革,本网站中的在线学习提供给学生自主学习。同时网站中设计电子留言板(BBS)、BLOG等功能以便学生相互交流。最后,网站上提供大量可下载的教学资源、典型案例以及佳作,供不同层次学生学习和欣赏。

2.网站开发原则

本网站面向的群体为中职学生,在开发时必须注意以下几个原则:网页界面友好,寓教于乐;教学内容表述通俗易懂,便于自学;方便用户下载和调用;兼容性好,便于维护和更新;突出互动性,便于交流;凸显课程特色,不断完善课程资源。

3.网站运行维护与管理

网站建设不是一个静态事物,而是动态的。在网站初步建成后,需要加强运行维护和管理,保证网站的正常使用。同时,对于网站中的内容也需要及时补充和更新。再则,通过动态监管保证精品课程网站的质量。

对于现代中职学生来说,网络教学已经不再陌生,随着网络软硬件的不断发展,网络教学将对传统教学产生颠覆性影响。通过精品课程网站建设也为更多课程能够实施网络教育探索一条可行之路。中职校精品课程网站的建设不仅是考验一个学校的教育教学能力,更是网络教学中一个必不可少的环节,把精品课程网站做好、做特、做优将是我们不断努力的方向。

参考文献:

[1]杜学海.中职教育精品课程网站建设的几点思考[J].卫生职业教育,2012(16):45-46.

[2]郝红军,荆锦鹏.精品课程网站的功能及其设计制作[J].安阳工学院学报,2012,11(2):110-112.

[3]石少敏.计算机基础精品课程网站建设与实践[J].科技与社会,2009(18):178-179.

(作者单位 上海市经济管理学校)

注:本文为网友上传,不代表本站观点,与本站立场无关。

上一篇:社会体育专业毕业论文范文 下一篇:小学体育教学经验论文范文