网站设计的方法范文

前言：我们精心挑选了数篇优质网站设计的方法文章，供您阅读参考。期待这些文章能为您带来启发，助您在写作的道路上更上一层楼。

第1篇

关键词:工学结合;教学改革;项目课程

中图分类号:G642文献标识码:A文章编号:1009-3044(2009)36-10248-02

Combination of Engineering-Based "Dynamic Web Design and Development" Curriculum Implementation Methods

LOU Feng

(Tourism College of Zhejiang, Hangzhou 311231, China)

Abstract: "Dynamic Web Design and Development" is a computer science an important professional compulsory vocational education, this paper, the teaching objectives, from the students point of view of practical skills, to explore the combination of engineering mode, how to better the completion of the teaching contents, in order to develop advanced applications to achieve the objective of fostering talent.

Key words: engineering integration; teaching reform; project course

高职院校是教学、服务类的院校,以服务为宗旨,以就业为导向,以能力为本位作为办学方针,实行工学结合、校企合作的教学模式。

然而现实中,高职院校的校内实训基地存在着缺乏职场化的实战环境,难以培养学生的实际岗位能力;校外实训基地又不能被很好的掌控,为教学服务,学生往往成为廉价或者免费的劳动力,从事的岗位工作往往和实际教学相脱节。这些都制约了高等职业教育特色的体现,也成为深化改革的“瓶颈”。

1 课程介绍

《动态网站设计与开发》是计算机专业必修课之一。该课程的教学目标就是培养学生独立设计与开发动态网站的能力。在国内,很多高职院校都开设了类似课程,并且把它作为了计算机专业的主干课程。然而,现在网站方向毕业生的就业情况却是毕业生找不到企业,而企业又找不到合适的人才,出现该问题的直接原因就是学生的网站建设能力不能满足用人单位的要求,所以我们必须认真探讨一下这门课程应如何教学的问题。

2 进行基于“工学结合”教学改革的必要性

经过几年来的实践,证明了《动态网站设计与开发》的“以案例开发为支撑,学生为主体,教师辅导、讲练相结合,小组协作完成”的课程理念与课程的性质和特色是十分契合的。虽然几年来《动态网站设计与开发》课程采用这样的教学模式应用取得一定的成效,但受实践条件限制,影响了学生的参与度和积极性。具体表现有如下几点:

1) 缺少实际的开发项目

因为,长期以来没有与企业有较多的业务往来,也没有较多实践机会接触企业网站,不了解他们的实际需求,因此在教学过程中主要的实践手段是虚拟开发,即虚构一个某某公司网站,以自己的主观意见代替企业的客观需要来完成需求分析,开发相应网站。这样,往往造成开发出来的网站无法满足企业需要的问题,并没有真正的可利用价值。

2) 缺少测试的环境

网站项目开发完成后需要有实际的运作平台来测试才能保证网站的正常运作,并能发现其中的问题和不足,但目前,在项目开发完成后只能进行简单的错误测试,以专业人员的操作去检测网站,往往不能考虑到普通用户的需求,造成测试结果存在较大的偏差。

因此,研究基于工学结合的《动态网站设计与开发》课程教学模式的应用,对于解决目前人才培养中存在的问题具有重要的现实意义,对于促进课程教学质量的提升无疑具有重要的意义。通过基于工学结合的《动态网站设计与开发》课程教学模式的应用研究,我们不仅可以实现了课程资源的优化整合,提高学生自主学习积极性,开展学生互动的效果评价,并实现教学模式在其他课程的推广应用。

3 基于“工学结合”模式的教学实施过程

本方案充分利用学校和校办旅行社的教育环境和资源,把以课堂教学为主的学校教育和直接获取实际经验的校外工作有机结合,贯穿于学生的培养过程之中。

3.1 多元化课程教学团队建设

教师是实现课程改革的关键。首先,课程开发和教学实施主体由“教育专家主导”转变为“社会需求主导”,即由企业、行业技术人员和学院教师组成,在课程开发和教学实践的不同环节中三部分人员发挥各自特长:

1) 企业、行业技术人员

工作任务:提出网页设计职业(岗位)或职业群(岗位群)包含的工作项目,以及完成这些项目需要的步骤。聘请部分企业、行业专家担任兼职教师,完成部分教学任务。

2) 职业教育课程研究人员

工作任务:指导团队对企业、行业技术人员提出的工作任务或项目进行分析,从而完成课程内容体系的构建分析。负责对改革过程的监控和组织改革效果评价。

3) 学院教师

工作任务:在职教课程研究人员引领下以工作分析为基础,按照工作任务模块对课程体系、课程内容进行转换,构建以工作体系为基础的课程内容模块化结构体系。承担主要教学实施工作。

在团队中,专兼职教师互为导师,取长补短。专职教师在兼职教师的帮助下提高工程实践能力;兼职教师在专职教师的指导下提升教学水平,形成了互补型的教学团队建设机制。

3.2 模块化项目教学模式

本课程构建了以“旅行社网站开发过程”为导向的模块化的课程结构。如图2所示。

本课程整个模块以典型的网站项目为核心,将一个真实旅行社网站分解到各个教学单元,强化知识点和技能点的训练,各个教学单元独立起点、前后相关、有序叠加,最后整合成一个完整的项目。在教学中采取多级项目教学,重视项目的完成,并实施情景导入、葫芦藤式的任务驱动、学做合一、小组协作学习等教学方法。

3.3 网络辅助教学模式

在整个教学过程中遵循“开放、自主、灵活、互动”的原则,即以网络环境为支撑,学生为主体,教师助导、讲练相结合,小组协作学习为补充。其基本框架如图3所示。

该教学模式包括学生自主学习、教师导学示范操作,小组专题协作学习和评价四个环节。

3.4 多元教学评价方式

由于采用了全新的教学模式,因此教学评价也应该改变以往“平时成绩+期末考试”成绩的评价方式,根据本课程的特点进行教学评价, 同时考核学生的知识、技能和态度等几个方面:

1) 考核学生项目团队的项目完成效果,主要考核内容是学生的网站设计方案书、建成的网站及运行维护效果,占40%;

2) 各个项目组及成员分别陈述自己在项目团队中的工作及实际效果,占20%;

3) 期末考试,主要是网站开发综合知识,占20%;

4) 平时学习态度,如出勤率、工作责任、团队配合、自评及他评等,占20%。

4 教学改革成效

在教学改革的实践中,为了更好地配合教学过程以及完善了实习内容,编写了完整的实习指导书。通过对教学过程的改革探索,极大地提高了学生的学习积极性,对解决学生的厌学问题很有帮助,学生的学习成绩和动手能力都有很大提高,得到实习单位和用人单位的好评。

参考文献:

[1] 娄淑敏.基于工学结合的高职计算机专业“网页设计”的课程改革探索[J].电脑教育:计算机教育,2009(6).

第2篇

【关键词】网页设计 发展趋势 教学方法

美国市场调研机构ComScore NetWorks提供的报告显示，2007年1月，全球15岁及以上使用互联网的人数达到了7.47亿，同比增长10%。ComScore发现，美国互联网用户达到了1.53亿，依然是全球网民最多的国家，但增长率仅为2%，中国网民数量仅次于美国，为8670万，但增长率却高达20%。通过以上数据，我们不难发现中国的网络市场存在着巨大的潜力，那么如何把握住这个机遇，培养出合格的人才，就成了我们这些高校专业教师需要考虑的问题，我认为作为一名有竞争力的网页设计师，不但要做到有美术修养，还要做到懂编程，这样一来我们的网页设计师就可以既能胜任前台的设计工作又能胜任后台的编程工作了。

一、提高网页设计的工作效率

提高网页设计的工作效率，当然要从更好的协调网页设计各部门之间的工作入手。这就要求平面设计部门的平面设计师熟悉程序设计部门程序员的工作，好比一名好的建筑设计师，不但要知道如何设计出有内涵有文化的建筑，同时还要了解建筑的造价、人机工程学以及建筑力学等方面的知识，否则他的设计作品就没有任何价值。所以我们培养网页设计师的目标是，不但在艺术设计方面优秀，还要在程序设计方面优秀。这也正是我这次出去学习的目的，只有做到这一点才能很好的完成网页设计工作，才能解决前面提出的平面设计师与程序员之间的工作断层问题。也只有这样才能培养出适应时展要求的高素质的网页设计师来。

设计总监，可以说是网页设计工程中必不可少的角色。可什么样的人有可能成为设计总监呢？当然，首先要有很丰富的工作经验，很高的个人能力，其次要精通网页设计的所有环节，也就是说无论是策划部门、平面设计部门还是程序设计部门的工作都能应对自如。如果能做到这一点，再加上良好的统筹能力和团队合作精神就有可以成为设计总监了。我们培养学生，不但要让学生就业，解决基本的生活问题。还要让他们在长久的工作生活中逐渐的成长，越来越强大。使他们无论在小公司还是大公司都能通过自己的工作表现成为行业中的精英人才。

二、培养更有竞争力的综合性人才

1.根据市场的需要培养人才

在谈下面这个问题之前，我想先让大家先来了解一下我找到的一份很有代表性的招聘网页设计师的广告。

网站设计师具体要求：大专以上学历、美术、艺术、广告类毕业；在互联网行业从业经验两年以上；熟练操作各相关设计软件；并且有自身优势和特点；优秀的设计创意能力，能组织团队完成大型网站项目的设计开发工作；逻辑思维清晰，做事认真、细致，表达能力强；有丰富的企业建站经验，从事过组织策划大型网站项目的工作；注重仪表，有很强的学习能力和敬业精神，较好的沟通能力，有良好的团队合作精神及独立的工作能力。

待遇：试个人能力而定，公资标准在4000（另有项目提成）。

根据市场的需要定向培养人才的提法似乎有些过时了，我所指出的是除了让学生掌握招聘广告中的内容，还要让他们掌握更多的程序设计方面的知识，比如Html、Css、Dhtml、JavaScript、Asp、Php等。让学生可以不用程序和策划部门的协同就能独立完成网页的设计。而且完成的效果还要很好，这样的人才一但推向市场，其受欢迎的程度可想而知。

2.快速掌握行业里最新、最尖端的网络技术

网络媒体同时属于IT行业的范畴，既然和IT靠上了亲戚，自然也就继承了IT的某些特征：高薪职业。不受工作地点的限制。新技术出现的快淘汰的也快。

要想在网页设计行业有所成就，当然要不断的学习掌握新技术，可网络上的新技术淘汰的太快，经常是没等我们弄懂就已经过时了。作为专业教师，我会经常调整授课内容，把最新的最实用的技术和思想传授给学生。时刻关注网络上的新动向，出现的新技术，保持旺盛的学习热情，让自己时刻处于行业的前沿。只有这样才能培养出适应当今日趋激烈的市场竞争的人才。

3.做一名有社会责任感的网页设计师

网页设计师不同于其他的职业，因为网页设计师肩负着更强的社会责任和历史使命，要让网络社会朝健康的方向发展，需要网页设计师严格的律己修身，对自己的言行负责。特别是不能在当今充满了诱惑的时代迷失自己，为追求短期利益而触犯法律。“设计强国”需要所有设计师的共同努力，毕竟中国的平面设计在亚洲还落后于日本、韩国，如何发挥中国悠久文化传统的优势，把中国的网页设计做强，成了我们这些网页设计师的新的课题。

参考文献

[1]陈刚.CSS标准网页布局开发指南.2007.

[2]施博客研究室.DREAMWEAVER 8标准教程.2006.

[3]施博客研究室.FLASH 8标准教程.2006.

[4]张孝祥，张红梅.JAVASCRIPT网页开发体验式学习教程.2004.

第3篇

【 关键词 】 网站群；数据共享；资源整合；角色设计；数据库

Three Psychiatric Specialist Hospital Website Group Design and Realization

Wang Bo

（Xi'an City Mental Health Center Shaanxi Xi'an 710061）

【 Abstract 】 objective to： The hospital site for the public to provide one-stop service. Method： Application of the fourth generation website group thought and technology management system， Website development tools Visual studio Net 2005， Windows Server 2008 operating system， Microsoft SQL Server 2003， Oracle 10G database and CA digital certificate technology development. Result： Integration of existing hospital resources， integration， information sharing， service for patients with hospital website group solution， greatly improving the physician-patient interaction information efficiency， promote the development of hospitals. Conclusion： Hospital website group application is the hospital achieved very good social benefit and economic benefit， but also for the future to realize the regional medical information sharing and lay the foundation for.

【 Keywords 】 website group； data sharing； resource integration； character design； database.

1 引言

目前，西安市精神卫生中心医院网站建设模式和服务方式已不能满足公众的需要和卫生事业发展需求，建立三甲精神专科医院网站群是加快院门户网站建设，整合信息服务资源，建立院务公开和服务项目目录，为公众提供一站式服务的必然要求。

网站群建设技术发展已经很成熟，从第一代的自然网站群系统发展到第四代网站群内容管理系统。医院建设的“三甲精神专科医院网站群”着力解决目前建设中存在的信息不能充分共享，不能统一管理，不能统一升级，不能实现全网联合检索的问题。网站群建设过程中我们积极借鉴使用第四代网站群思想和技术。

2 建设思想和目标

网站群的建设是以服务我国卫生改革与发展为出发点，以保护人民健康、满足人民群众需求，向社会公众提供优质服务为建设思想。

网站群建设以实际需求为导向。实现医院网站信息资源和服务资源的有效整合，达到网站群统一部署建设，统一建设标准、内容管理、数据存储、受理公众意见的技术目标，并采用集中管理与分级分类的服务模式，给公众提供网上办公、解答疑问等互动交流服务，最终达到提升和改变工作服务方式，提高工作效率的目的。

3 建设原则

1）统筹规划、分布实施：充分考虑现已有的信息和资源，兼顾长远发展，采用统一规划，分布实施的办法进行及建设。

2）及时准确、方便群众：依法及时分布与医院有关的信息，确保信息权威、准确、全面。

3）美观大方、实用好用：网站群的页面要美观、简洁、大方，体现更好地服务于公众、方便群众的设计思想；按照面向用户对象和生命周期设计网站内容。在栏目的设置、版面布局、内容层次、浏览操作、搜索引擎等方面方便使用者，并有所创新和探索。

4 网站群设计

4.1 建设内容和技术特点

网站群建设将综合运用计算机技术、网络技术、通讯技术、信息安全技术，本着实用可行着眼未来的原则，建立运行维护制度、质量考评标准、服务质量控制体系等内容。达到互动交流、资源共享、一站多用的目的，实现医院网站群服务的现代化、规范化、科学化。着重建设好几个应用系统：网站服务平台、信息管理系统、互动交流系统、后台管理系统、互联网应用系统入口、网站质量控制平台、督查督办系统、邮件管理系统。

安全性：网站设计形成在各层次之间，呈立体状的全面安全管理与控制体系、

先进性：系统网格结构、硬件设备选型、技术架构设计、软件平台选型、开发工具软件选型符合技术发展的先进技术产品和平台，确保系统的先进性。

实用性：在满足功能需求的前提下，要适应医院各个部门、各个科室的工作特点，做到简单、实用、个性。实现统一身份的资源管理、统一认证、个性化界面和内容定制。

可扩展性：系统结构充分考虑现有和将来系统的连接及应用的扩展。

稳定性：系统应在高效性能的基础上保证系统的稳定性，兼顾平衡、协调高效与稳定指标。

美观性：在突出医院工作严谨风格的基础上，实现具有医院文化色彩、独特的专业设计。

可伸缩性：系统采用积木式结构，整体结构要考虑现在和将来的发展，为其留有增减余地。

开放和可移植性：选用开放的应用平台，采用互联网与平台无关的.NET技术开发，以标准的接口与各种数据库相连。

4.2 网站群架构与栏目设计

医院网站群系统整体架构图，如图1所示。网站群基础设计建设主要从网络、硬件、软件三个方面考虑。

网站群建设要从长计议，系统网络的设计以高可靠性、高安全性、高性能、良好的可扩展性和管理性为原则，考虑技术的成熟性、先进性，采用层次化、结构化的设计方法。路由器、局域网交换、安全设备要考虑使用医院信息化统一平台网络安全设备来接入。网站硬件数据库服务器和存储设备采用双冗余方式，网站WBE服务器使用两台互为热备，用VPN保障应用系统的开展。流量控制服务器上一定要部署防篡改系统，这一点非常重要。医院基础网站群架构拓扑图件，如图2所示。

服务器的设计和选型按高可靠性、高安全性、开放性好的原则配置应用服务器、数据服务器，采用目前市场上的主流机型，并通过配套的软件组成双机互为备份，服务器支持CPU的板级升级和节点的平滑扩充。

系统软件选用微软的Windows Server 2008企业版作为操作系统软件，使用Oracle 10G企业版为主要的数据库平台，兼用SQL Server 2003企业版上开发的业务应用。其他应用平台按照高可靠性、高安全性、开放性好的原则来选择配置即可。

4.3 网站群数据库设计

数据库是网站信息存储汇集的地方，是网站建设的关键所在。医院网站群的数据库结构是以实现医院各级业务部门及相关单位的信息系统网络互联互通、信息资源共享，以及与医院综合信息管理平台的互联和数据交换为基础建设的，该数据库采用Oracle+SQL，对网站群大量增加的访问信息、文本文件、图片信息等进行管理。

医院网站群的数据库模块结构包括：总站整体管理模块、子站管理模块、信息管理模块、用户互动交流管理模块、部门机构管理模块、新闻类型关联管理模块、网站质量评价评估管理模块、用户权限管理模块、用户角色管理模块、业务扩展管理模块。数据库设计要充分考虑服务平台统一性、级别权限划分的灵活性的应用系统的融合性，按照统一考虑、分期开发、科学规划的原则进行分模块的设计规划和实施。

为了保证医院网站群互联互通的平滑性，并使得系统群的管理、统计、分析、数据采集、整理、传输等功能的运行稳定安全，结合医院网站群建设实际的需求，应用了多种开发工具。

网络平台软件：Microsoft Windows 2008 Server；Web服务器：Microsoft IIS Server；客户端平台：Microsoft Windows xp/ Microsoft Windows 7；客户端浏览器：IE/360浏览器等目前主流浏览器；Web数据库：Microsoft SQL Server 2003、Oracle 10G；MAIL服务器：Microsoft Exchange Server 2000；网站群开发工具：Visual studio Net 2005；整合网站群数据库开发工具采用Visual InterDev数据库系统。

4.4 网站群安全性设计

网站群系统是接在医院综合信息管理平台上，底层安全由医院综合信息管理平台提供保障。为了防止服务器发生意外或受到意外攻击，而导致重大损失，服务器采用几项管理措施：服务器内部管理账户的分配规范；服务器端口的安全管理；服务器内磁盘空间权限的分配设置规范；服务器不安全组件或服务的管理规范；信息过滤系统的使用；日常日志的分析与管理。

4.5 网站群栏目结构设计

考虑到访问群体分布的地域性、年龄阶层、网速、阅读习惯等问题，如何在网站中建立合理、有效、良好的人机对话界面，特别是人机交互系统的问题。为此，在栏目结构上使用首页和一级页面之间采用星状链接结构，一级与二级页面之间用树状链接结构。首页链接指向一级页面，一级页面链接指向二级页面。立体结构呈发散形状。这样的链接结构浏览时，一级级进入，一级级退出，使网站群条理清晰，访问者浏览信息简单明了，通过应用程序开发实现相关页面之间相互链接。

4.6 网站群页面设计

网站群页面的设计要考虑到版面整体规划设计；医院VI形象的统一；网站群页面色彩的运用等方面。

5 结束语

三甲精神专科医院网站群的设计与实现，它整合了医院现有资源、实现了统一集成、信息共享，服务患者的需求，极大的提高了医患信息互动效率，促进了医院整体的发展。医院网站群的应用使医院取得了非常好的社会效益和经济效益，也为未来实现医疗信息的区域共享打下基础。

参考文献

[1] 王波. 基于 2.0精神专科医院门户网站设计与应用[J].中国数字医学，2011.6（8）：103-104.

[2] 王波，王志涛. 基于C#.NET与的医院门户网站平台系统设计与开发[J].医学信息学杂志，2011.32（12）：30.

[3] 肖嘉.网页设计与网站开发基础教程[M].西安：西安电子科技大学出版社，2005：489-490.

[4] 公安部信息安全等级保护评估中心.信息安全等级保护政策培训教程[M].北京：电子工业出版社.2012.24-36.

[5] 陈刚.CSS标准网页布局开发指南[M].北京：清华大学出版社，2007.315-392.