高级网页设计汇总十篇

序论：好文章的创作是一个不断探索和完善的过程，我们为您推荐十篇高级网页设计范例，希望它们能助您一臂之力，提升您的阅读品质，带来更深刻的阅读感受。

篇（1）

中图分类号：G424 文献标识码：A

0 引言

随着网络技术的飞速发展，利用互联网获取信息已成为人们生活学习不可缺少的部分，①同时作为各种教育类机构在网络信息时代的窗口，这些事企业单位急需大量的网页制作人才，网页设计与制作课程乃至相关的学科内部方向，成为高校教育技术专业的核心课程。

传统的教学模式培养的学生，往往不能适应用人单位的要求。网页设计与制作的教学内容与市场需求相脱离，距离社会岗位要求甚远，无法胜任事企业岗位等问题。②

1 课程改革原因分析

笔者认为，造成高校开设网页设计与制作教学与事企业单位用人需求脱节的主要原因有以下几个方面：

（1）网页设计与制作课程开设滞后。教育技术专业全程教学计划中，在第二学期开设图像制作课程；但是到第四学期才开设网页设计与制作课程，而且学时受到压缩，不仅学生学到的知识有限，还不能得到实际的锻炼；而后续专业课程Flash和C#在第五学期才能开设；社会大量需求的如Flex和Ajax以及后台代码编程的或PHP在第六学期才能开设；而在第七学期开始专业方向训练为时已晚，许多学生选择去考研和盲目地开始实习。

（2）相关教材编写没有连续性。当前大多数网页设计与制作方向的教材都是基础知识的讲解，提供的案例也都相对简单且实用性不强。绝大多数的教材都没有交叉性，无法体现出网页设计与制作作为现今主流的B/S模式下系统开发体系在跨平台性、交互性、开放性等方面的优势。使得学生们总认为什么技术都只学个皮毛。

2 深入开展网页设计与制作教学改革的探讨

湖北第二师范学院计算机信息技术系，从2011年开始，比照教育技术专业的多个大的方向，将学生分为多个课程组。提出“基础知识扎实化；特长教育持续化；产学研用③一体化”的方针，进行了教育技术方向的“三化”教学改革。要求学生在学好本专业基础课程的同时，还要掌握一种自己的特长技术，为胜任毕业后工作的需求对学生进行大学阶段的全程培养。通过长时间的学习、讨论、制定，两年来，我们对2009、2010、2011这3个年级的近100名学生进行了分方向培养。网页设计与制作为其教学改革的一个方向，培养学生人数为31人。

2.1 基础知识扎实化

选择了在网页设计与制作课程方向的同学，所要求学习的知识是一个系统级的体系结构，将网页设计与制作的学习过程大致分为3个阶段，如图1所示：

第一阶段学习色彩与构图、平面图像处理等课程。在基础知识学习的过程中就不断地提供实践案例进行分析讲解。

第二阶段学习HTML、DIV+CSS、JavaScript脚本，掌握网页制作的前台基础。掌握Dreamweaver软件的使用，结合网页实例掌握DIV+CSS的各种布局方式。并对学生教授前端Js脚本技术，使其后续可以进行网站的交互式开发。

第三阶段分两个方向，学生在学习完数据库基础后选择学习富客户端编程或网页制作后台编程。富客户端选择用Flash进行教学，后续学习ActionScript的Flex编程；网页制作后台选择用C#进行教学，后续学习的编程。

所有学生在最初学习平面设计课程组的基础知识。当第二阶段开始时，正规课堂教学开设C语言，小组成员可以同时学习第二阶段的课程。此后正规课堂开设了数据库概论的课程，成员可以在巩固第二阶段的课程后开始进行第三阶段分方向学习。整个过程在1～2年内全部覆盖到。

2.2 特长教育持续化

要求从大一就开始选择方向并持续的开展上述知识的学习。提倡“教学为辅自学为主”的教学模式，和学以致用的精神。按上述三个学习阶段通过考核将学生分成多个层次，每个层次分成同级别的多个小组。

课程的学习都是在正规课堂教学以外的时间来完成。教师首先对各个小组提出学习方向和目标，精确到每个星期，并指定教材和参考书目及相关网站。高层次的小组轮流安排学生为低层次的小组进行教学辅导，和布置任务，检查作业。每个星期开会讨论和总结。教师进行大方向的干预。最高层次的小组直接进入老师的项目或老师提供的项目，进行以项目为驱动的教学。④

2.3 产学研用一体化

第一，最高层次的小组成员直接进入老师的项目。可以在项目组中进行后台代码或前端富客户端的开发以及文档的撰写。第二，组织学生积极参加国内外的各种大创比赛，锻炼学生的水平、提升学生的积极性。第三，积极和事企业单位进行合作，将这些单位的项目分给学生制作，老师进行全程监控；或者推荐学生到对方单位加入项目组进行实战的开发。

3 结语

通过两年多时间的实践和探讨。学生在网页设计与制作方向的实践能力取得了稳步的提高，并形成了一套良性循环的教学模式。低级别的学生通过学习进入高级别，高级别的同学通过给低级别的学生教学而更加巩固了知识，学生们的实践制作能力得到了用人单位的肯定，达到了教学改革的效果。

注释

① 胡晓红，王丽芬，张景峰.基于职业能力培养的《网页设计与制作》教学改革的研究[J].电脑知识与技术，2012.8（20）.

篇（2）

关键词：

高职院校;网页设计;项目化课程;开发实践

《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础，也是进一步学习动态网站设计等课程的基础。学完本课程，要求学生能达到掌握网页美工初步技能；熟练掌握HTML+CSS进行页面布局与排版的技能；基本掌握使用网页脚本控制页面操作和提升用户体验的能力。按照高职高专知识传授特点与职业技能需求，同时根据网页设计与制作课程知识的掌握规律，目前我校采用了项目化教学方法，为学生较好地掌握知识及快速适应工作岗位需求打下扎实的基础。

1设计理念与思路

该课程根据职业能力发展的基本规律（新手—生手—熟手—能手—专家），将学习内容设计为网页设计实际工作，通过工作实现学习。采用整体→模块→整体的设计思路，按照简单到复杂、单一到综合、低级到高级的原则进行。

1.1设计理念：学习的内容是工作，通过工作实现学习。这一理念体现了该课程的职业性和实践性，同时学习的主体变为学生，学习内容以培养学生的职业技能为主。为体现这一设计理念，在课程设计前我们调研了数十家合作企业，与企业专家一起，对网页设计各个方面涵盖的岗位进行职业技能与职业素质分析，整合出一个基于工作实践的“网页设计与制作”项目（比工作实践更完备体现课程的各个知识点）。同时分解实际工作中网页设计的工作流程和岗位，确立多个子项目。这种方式学习，充分体现职业典型工作任务，以“工作”促学习，边“工作”边学习，学生学习内容具体化，学习兴趣大大提高。

1.2设计思路：整体→模块→整体课程设计的思路是根据几个不同类型的网站案例整体设计入手，将网页设计所有环节和操作步骤详细介绍给学生，让学生从与“用户”沟通开始参与到整个系统的设计过程中，教师根据任务需要，先给出网页效果图，让学生体验完成后的整体效果，再根据项目进程分解任务，这种设计优点是能让学生将学习过程作为完整的“工作”过程。在此基础上，进一步将各工作任务分成若干子任务，通过90课时教学+30课时整周实训学习，最终将各个子项目整合，完成网站整体设计工作。在子模块学习任务设定中，每个子任务设计是按实际工作中网页设计的技能要求提炼出来的，能满足不同岗位的需求。项目完成时，我们还设计了学员相互评价体系，对设计成果进行评估，让学生在自我学习过程中及时总结并收获进步。

2对专业建设与发展的定位与作用

该课程采用项目化教学方式，可以起到如下作用。（1）学生对该专业的工作岗位有了具体认识，了解了各岗位所需的专业知识，从而帮助学生进行职业规划和知识储备。（2）学生对所学专业的工作内容有了比较具体的认识。该课程使学生对计应专业到底是做什么的、怎么做等问题有了全面认识，增强了学习信心和学习兴趣。

3课程内容的针对性与适用性

（1）该课程是依据“计算机应用专业职业岗位与职业能力分析表”中网页设计师职业岗位设置的。总体设计思路是：着重培养学生网页制作能力，具备HTML、CSS、JavaScript等知识，以网站设计工作任务为中心选择和组织课程内容，让学生在完成网站设计具体项目的过程中完成相应工作任务。课程构成主要突出职业能力要求。（2）课程总学时为90学时教学+30学时整周实训，内容包括Web服务器配置、网页视觉效果设计、用户体验设计、网页兼容性设计等。（3）知识目标和能力目标。知识目标应掌握HTML、CSS、JavaScript、HTML5、CSS3等知识，该课程学习结束，学生应能自行设计各种网页、开发一定规模的网站，熟练掌握网站制作基本方法和技巧，并最终设计出综合性的网站。能力目标主要体现以下方面：①熟练使用网页编辑软件。②熟练使用样式表控制页面外观。③能在网页中设置需要的脚本。④能进行网站的更新与管理。另外根据职业教育要求，加强学生以下素质：①服务意识：为他人提供优质的服务。②文明法制意识：网站内容积极健康向上，不做违法的事。③合作精神：能够与他人合作，具有协调能力和组织管理能力。④较强的自我知识及技术更新能力：能快速跟踪网页制作的新技术及市场应用动态。

4教学内容的组织与安排

该课程主要教学内容包括网站服务器、HTML、CSS、网页界面整体设计(含JavaScript应用)、网页兼容性等5个教学模块，其中HTML和CSS为学习和实践的重点，通过几个案例的制作过程展开知识讲授。具体教学内容及课时安排见表1，“网页外观制作技术”项目的教学设计见表2（其他教学项目的教学设计因篇幅所限此处省略）。

5教学模式的设计与创新

在该课程的教学中，教学地点由教室迁移到一体化实训室，教学方式由教师讲为主转变为学生做为主。实施中包含如下步骤。（1）指定清晰的工作任务，教师展示页面效果。（2）学生制订工作计划，理顺工作思路。（3）教师进行工作过程辅导，讲解涉及的理论知识。（4）学生根据需要在课程网站上获得丰富的教学资源。（5）学生完成工作任务，体验工作效果。（6）师生及企业专家共同评价工作成果。

6实践教学条件的建设与使用

课程在网站设计一体化教室完成，其间配合到企业现场教学实习环节,实施时由每位学生独立完成网页制作任务，课程各种教学资源能够在学习过程中在线使用。

篇（3）

1 前言

黄冈职业技术学院作为国家级骨干高职院校，在“国家示范性高等职业院校建设计划”骨干高职院校建设项目中2013年验收结论为优秀。笔者作为该项目其中一个子项目探索系统培养的负责人，通过深入的调研，完成了专业教学标准，专业设置条件在专业教学标准中占有重要的地位。

2 专业设置条件

2.1 师资条件

中职阶段：

⑴专任教师要求

①技术领域：计算机应用或相近专业领域；②学历：本科及以上；③企业工作经历：有行业、企业一线工作经历一年以上；④教师资格：具备中职教师资格；⑤教学能力：能胜任1～2门专业主干课的教学；⑥职业资格：具备网络行业中高级资格证书；⑦实践能力：能主导运用专业主干课指导专业产品的生产或者研发。

⑵兼职教师要求

①热爱教育事业，有较高的思想政治素质，具有良好的职业道德和协作意识，能服从学校管理。有一定的语言表达能力和知识传授能力；②具有相关的专业知识和实践能力。有三年以上的工作经历，熟悉行业企业工作流程，具有丰富的实践经验；③担任实践技能课的兼职教师，应为精通该行业企业技术技能的业务骨干、能工巧匠。应具备专业技术职务证书或技术等级证书，特殊实践岗位还应具有《职业资格证书》；④具备全日制专科以上学历或中级以上专业技术职务。

高职阶段：

⑴专任教师要求

①技术领域：计算机网络；②学历：本科及以上；③企业工作经历：有行业、企业一线工作经历一年以上；④教师资格：具备高校教师资格；⑤教学能力：通过学院教师教学能力水平测试，能胜任1～2门专业核心课程的教学和科研；⑥职业资格：具备网络行业中高级资格证书；⑦实践能力：能独立或者主导运用专业主干课完成专业产品的研发。

⑵兼职教师要求

①热爱教育事业，有较高的思想政治素质，具有良好的职业道德和协作意识，能服从学校管理。有一定的语言表达能力和知识传授能力；②具有相关的专业知识和实践能力。有三年以上的工作经历，熟悉行业企业工作流程，具有丰富的实践经验；③担任实践技能课的兼职教师，应为精通该行业企业技术技能的业务骨干、能工巧匠。应具备专业技术职务证书或技术等级证书，特殊实践岗位还应具有《职业资格证书》；④具备全日制专科以上学历或中级以上专业技术职务。

⑶专业教学团队要求

①本专业教学团队要求年龄、职称、学历、专业、梯队结构合理，有高水平的专业带头人和良好的“双师”结构；②本专业专任专业教师“双师”素质（具备相关专业职业资格证书或企业经历）的比例要达到80%以上；③专业教学团队要求能与行业企业合作或结盟，产生良好互动；④专业教师应接受过职业教育教学方法论的培训，具有开发职业课程的能力。

2.2 实训实验条件

⑴网络工程实训实验室

功能：交换机基本配置、交换机端口聚合、交换机安全、交换机端口镜像、虚拟局域网VLAN、静态路由、RIP路由协议、路由重分布、策略路由、综合实训等。

⑵综合布线实训实验室

功能：PVC管、信息盒安装实验、线缆敷设安装过程、系统理线实验、信息模块安装、语音主干配线架安装、综合实训等。

⑶网页设计实训实验室

功能：企业网站规划与设计、div+css综合应用等。

3 意义

专业设置条件是教学基本配置，是人才培养质量的根本保证。黄冈职业技术学院在教学条件设置上是有严格规章制度的，这对开设有计算机网络技术专业的中职和高职院校具有借鉴作用。

[参考文献]

[1]湖北省职业教育学会教学委员会.中高职衔接专业教学标准开发指导手册.2013年4月.

篇（4）

二、思考与探索

（一）优化教材体系

“工欲善其事，必先利其器。”完善本课程的教与学关键之一便是优化教材，合适的教材在教学环节中起着举足轻重的作用。高职高专《网页设计与制作》课程以往选用的教材，对于初学者尤其是学习能力稍差的高职学生而言难度较大，以至于教学中经常出现学生学习兴趣降低、教师教学课时明显不够等问题。网页设计与制作课程教材，内容应以教授基础、基础与案例相结合、案例分析等层层递进的原则进行选择，组织与编排方式以折衷式组织及螺旋式排列组合为优。在选择到合适的教材基础上，教师要立足于教材，筛选教学内容，以使教学过程中教材利用最大化。

（二）改革教学方法与手段

1.明确学习目标

分阶段教学根据高职高专学生特点，明确学习目标，进行分阶段教学。前期以讲授课程基础为主，旨在让学生熟练掌握本课程基础操作，以便中后期案例教学能够及顺利递进难度；中后期教学需要理论联系实际，结合启发式、直观式、交互式教学方法，鼓励学生独立思考，勤于动手，激发他们的学习积极性和主动性。

2.加强实践

注重技能培养任务驱动，小组协作。开展以制作某一特定网站或者多类型网站为目标的项目教学，使得学生不仅能够掌握《网页设计与制作》课程的基本知识和基本技能，提高学习兴趣，而且在小组学习的过程中，学会与他人合作，共同完成任务。同时，在专业课程教学中渗透多类型网站内容相关教育内容，使学生在不知不觉中学到更多学科知识。此外，还可定期举办技能大赛和知识竞赛，以巩固学生的学习效果。以职业需求为导向，加强实习实训平台建设，强化实践教学，教学与实训实现一地化，重视校企合作。高职教育人才培养模式是根据职业岗位需要来进行，立足于企业人才需求实际，在课程中开展基于工作任务的项目教学。我们应利用校企合作共同构建和实施基于工作任务的项目课程体系，使学生真正做到理论联系实践，在获取知识的同时充分掌握专业岗位技能，以充分体现出高职人才培养的职业性和实践性。

（三）加强“双师型”教师

培养优秀的师资是高职院校办学的根本保证。提高高职教师“双师”素质是高职教育发展的需要，也是教师个人发展的需要。高职院校应鼓励现有专职教师在其专业领域不断学习，及时更新自己现有的知识结构，进行自我提升，并有针对性地将部分教师安排在合作企业顶岗工作，增强其实践经验，提高其动手能力，使他们对行业需求变化了如指掌，以便清晰地掌握学生的培养方向。

篇（5）

摘 要:扩招以来，高校毕业生就业形势日益严峻，今年的整体就业形势更是不容乐观。造成高校毕业生就业困难的原因是多方面的，解决方案当然也是多方面的。文章介绍了基于Internet的高校就业指导网站的建设原则、主要功能模块设计，初步探讨了就业指导网站设计与开发应注意的问题，以期对此类网站的建设有所借鉴。

关键词:毕业生；就业指导；网站设计

一、就业网站设计与开发应遵循的原则

高校就业指导网站的建设有着明确的目的性，即为毕业生就业提供指导与服务，因此高校就业指导网站的建设应遵循以下原则：

（一）功能性

要充分发挥计算机网络的种种优势，充分体现出就业网站的功能性。通过网站介绍就业形势，宣传就业政策和法规，就业信息，建立电子简历，进行就业指导和心理辅导等，为毕业生就业提供切实有效的服务。

（二）交互性

交互性是就业指导网站设计的重点。为此，网站应当充分利用技术手段，实现网站与毕业生和用人单位的有效交流。例如，利用先进的数据库技术，实现对网站资料、毕业生信息和用人单位信息进行有效管理，使毕业生可以方便地求职信息，进行各种求职活动，并能根据自己的实际情况从网站获得各种针对性的帮助。而用人单位也可以便捷地需求信息，进行各种招聘活动，并能得到各种信息反馈。

（三）便捷性

就业指导网站的设计和开发，应贯彻“以人为本”的思想。要充分考虑到毕业生、用人单位和管理者三方的知识背景和技术水平，充分体现出网站的简洁性和方便性，使略懂网络知识的人就可以轻松地使用和维护网站。

（四）共享性

共享性是指整合各高校就业指导网站资源，实现就业信息资源共享。就业指导网站是为广大高校毕业生和各类用人单位提供求职和招聘的信息化平台。高校应该在加快各自就业网站建设的同时，尽快实现与其他高校、人才市场、劳务市场、高校毕业生就业网的信息互联，最大限度地为毕业生提供准确、规范、可靠的就业信息服务。

（五）多媒体化

随着网络带宽的增大、网络新技术的不断涌现，图形、图像、声音、视频等多媒体信息可以方便快捷地在网络上实现传输与应用，求职信息、招聘信息等不再仅仅局限于文字，还可以以多媒体的形式更加生动地表现出来。就业指导网站应当充分发挥这一优势，如毕业生为自己做一份视频的自我介绍来展示自己的风采，招聘单位做一份电视短片来展示自己的实力等等。

二、就业指导网站的功能模块设计

功能完善的就业指导网站不但要能提供充足的就业信息，还应该能有效地管理网站上的各种信息，提供毕业生相互交流的空间，并向毕业生提供有针对性的指导。具体地，在内容上可设置四个模块：信息模块、指导模块、管理模块和交流模块。如图1所示：

（一）信息模块

通过相关问卷调查可以发现毕业生对就业相关信息的渴求，因而信息模块应当成为就业指导网站的中心内容之一。这一模块主要用于各种信息的，使毕业生不必奔走于各招聘现场就能及时了解各种就业信息。因此，可以在这一模块下设置以下栏目：

政策解读这一栏目主要用于介绍最新的国家、省市有关就业方面的政策；国家、省市在人事制度方面的变化，让学生了解国家和地方就业的法律、法规和方针，合理地规划自己的职业生涯。

最新动态用于介绍有关毕业生就业的新闻，就业工作的动向等等，如招聘会的召开，省市、学校在推动就业方面的新举措，以及公务员选调生考试的情况等。

招聘信息这是就业指导网站核心栏目之一，主要用于用人单位的招聘信息，让毕业生注册用户能及时了解到企业的用人需求信息，突破时间、空间的限制。

求职信息这也是就业指导网站的核心栏目之一，主要用于毕业生个人求职信息。凡是毕业生注册用户都可以以电子简历的形式自己的求职意向，以便招聘单位可以在线浏览毕业生信息，选择自己需要的人才。

专业介绍主要是学校各专业的简介，毕业生情况以及院系毕业生工作开展情况、就业联系人、联系方式等，使用人单位可以方便快速地了解各个专业毕业生的基本情况。

人才推荐对于成绩好、能力强、有诚信的优秀毕业生，学校、院系可以在这一栏目中予以推荐，以提高其被关注度以及顺利就业的几率。这样，不但可以帮助毕业生就业，还可以树立院系、专业的良好形象。

（二）指导模块

当前的就业信息异常庞杂，职业中介机构良莠不齐，因此有必要经常对就业的各种信息进行筛选、评价。毕业生还应能对自己的身体素质、智力、性格、职业兴趣、职业能力倾向等方面进行自我测定，以便确定哪些职业更适合于自己的个性，更能实现自己的个人价值与社会价值。

求职指南这一栏目主要针对毕业生在求职过程中应注意的事项以及遇到的问题提供指导，如对招聘信息的甄别，面试的基本技巧和注意事项等等。

心理辅导要进行毕业生心态调查，以及毕业生就业心理的辅导。通过毕业生就业心态调查，了解到毕业生最新的思想动态；同时通过论坛、留言板、实时聊天工具或者集中讲座等形式，对毕业生进行就业心理辅导，引导毕业生树立正确的就业观，正确面对就业过程中遇到的各种问题。

自我测试在我们的问卷调查中，有相当比例的毕业生表示，对自己想要从事的职业不太了解，还有一些人对自己的知识、技能、能力等也不能清楚地认识。为此，在这一栏目中，可以设置一些自我测试的内容，以帮助毕业生正确认识自己的知识技能、职业兴趣、能力倾向等，帮助他们找到适合自己的职业，以更好地发挥个人的特长，服务于社会，实现自己的个人价值和社会价值。

职业规划根据“自我测试”的结果，帮助毕业生进行合理的职业发展规划，以便毕业生既能充分发挥自己的技能特长，又能为社会做出应有贡献，实现个人价值与社会价值的统一。

专家点拨针对毕业生在求职、面试中遇见的普遍的、典型的问题，可以在这一栏目中，聘请就业指导专家给予针对性的指导；此外，在线专家还可以根据个人的个别问题，给予个别化的指导。

案例分析在这一栏目中，可以把以往毕业生成功就业的案例作为正面教材，让毕业生吸收其成功的经验；还可以把以往毕业生不能成功就业的案例作为反面教材，吸取其失败的教训，这样一反一正，可以使毕业生总结成功经验与失败的教训，以指导自己的求职。

（三）管理模块

管理模块对网站上各种信息进行有效管理，在就业指导网站中的地位极其重要，是网站有效发挥功能的保证。管理模块的功能主要包括：用人单位信息管理，毕业生信息管理，求职信息管理，招聘信息管理，信息审核与监控，系统管理与设置等。

就业指导网站的用户一般分为4类：

毕业生毕业生主要是指本校的应届毕业学生，他们是网站的主要使用者。

用人单位主要是指已通过学校有关部门认证、审核的企事业单位等，他们可以查阅学校、专业相关资料以及学生资料；进行招聘活动。

学校审核人员毕业生信息审核人员，主要由班主任、学生辅导员、学生办公室人员等组成，负责对毕业生信息进行审核；招聘信息审核与就业过程控制人员，主要由学校学生就业部门人员组成，对招聘信息进行审核，对就业招聘过程进行监控，以及对就业状况进行统计。

网站管理员网站管理员是整个就业指导网站的管理者，一般由学校授权的、有一定网络知识的人来担任。系统管理员拥有最大的权限，他几乎可以对网站上任何信息进行任何操作。

为保证信息有效性，学校就业管理相关部门要对就业过程进行以下控制：

(1)对毕业生的信息进行审核。学校可以根据学号，对毕业生提交的各种信息进行审核，真实有效的则准予通过，失实的则责令修改。只有通过审核的毕业生才可以进行求职活动，这样可以充分保障用人单位的合法权益，并维护学校的良好信誉。

(2)审核用人单位信息和招聘信息。系统赋予审核人员对信息的浏览及删除权。审核人员浏览各用人单位的信息并随时接受各方的举报，如果发现有虚假信息，可以责令用人单位修改，或者直接删除。

（四）交流模块

充分的交流与沟通有利于取人之长，补己之短。交流模块的作用就是提供一个交流的空间。为此在这一模块可以设置以下栏目：网上论坛、校友留言、在线专家、毕业生追踪等。

网上论坛BBS是网络时代一种重要的信息平台，它提供了交流、讨论、互动的良好环境，可以利用这一点，让毕业生相互交流，取长补短，以共同提高。

校友留言 提供毕业生和学校互动交流的场所。毕业生可以根据自己的体验与实践，对学校就业指导工作提出意见和建议，以便学校改进。

在线专家 这一栏目可以和“专家点拨”结合起来，主要作用在于向毕业生的在线提问提供实时解答。“专家”的形式可以是多样的，既可以是真实的、守候在网上的专家，又可以是智能答疑系统，还可以是毕业生常见问题的汇总。从实践来看，第一种方式不太现实，后两种方式较为可行。但可以请专家在某个时间段集中回答毕业生的提问。

毕业生追踪这一栏目可以和“案例分析”结合起来，提供真实的毕业生就业案例，以提供借鉴。

除了上述四大模块，一个完善的就业指导网站还应该包括两个很重要的内容：搜索工具和帮助系统。利用搜索工具，毕业生可以快速地找到适合自己的招聘信息，提高了效率。而帮助系统对于第一次访问网站或对网络技术不太熟悉的人，则是至关重要的。通过帮助系统可以给他们提供就业网站的详细使用指南以及网站地图，以便他们能快速、便捷地找到自己需要的信息。

三、就业网站开发与设计中应注意的问题

（一）数据安全问题

网络的开放性与共享性使得数据安全问题显得尤为重要。对就业网站而言，主要是要保护网站的各种信息，防止非法用户的恶意破坏，防止用户误操作造成的数据丢失，防范黑客的攻击等。所以作为网站的管理员要经常对数据库进行检查和进行数据的备份，只有这样，才能保证网站的正常运作。

（二）隐私保护问题

隐私保护主要是保护毕业生和用人单位的注册信息。网络管理员无权私自把毕业生和用人单位注册的信息随意公布，更不能用于各种非法目的，而只能供合法的注册用户浏览。

高校就业指导网站的建设对于毕业生顺利就业起到十分重要的作用。高校要充分发挥自身的技术优势，不断探索完善的信息化服务方式，保证就业信息渠道的畅通，切实服务于毕业生就业，使高校毕业生就业工作实现新的发展。

篇（6）

一.网站的整体规划

1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。

2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。

3.确定栏目和板块：

1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。

2]其次就应该考虑导航条的设置了。

3]正文的框架设置(横向因素和纵向因素交错)

在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。

4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。

二.网页制作的前期策划与准备

1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF的动画等。

2.熟悉制作工具软件：

主页制作的基本条件有：

硬件：

一台电脑(64MB以上内存，当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;

软件：

HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍Dreamweaver;

图像处理软件：常用的有Photoshop、flash、Fireworks等;

文件上传软件：常用的有Cuteftp、WSftp等。

三.网页制作

真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开;插入的层太多，大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。

在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。

然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如Office97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.

在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。

四.网页的调试

篇（7）

一、课程性质、作用和地位

1.课程的性质

《动态网页设计基础》是高等职业院校计算机网络专业的一门专业核心课程，是具有系统的网络设计、数据库技术、软件编程技术和网站构建方法与技术，实践性很强且面向实际应用的重要专业课。其主要任务是使学生掌握ASP动态网页设计的基础知识和基本技能，培养学生利用ASP技术开发动态网站的能力，提高学生职业技能和素质，为适应职业岗位和继续学习打下一定的基础。

2.课程的作用

本课程是继《网页设计基础》之后开设的一门专业技术课，其教学目标是使学生能运用所学的ASP只是，根据实际问题进行ASP动态网站的创建与维护、ASP动态网页的编写、通过ASP动态网页访问数据库，使学生具有ASP动态网站开发的初步能力。

3.课程在专业中的地位

《动态网页设计基础》是高等职业院校计算机网络专业的一门专业核心课程，开设课程的目标是培养学生的动态网站制作能力及MIS系统制作能力，这一能力是用人企业对计算机网络专业网站建设方向高职学生提出的核心能力，它综合了图片处理、页面设计、代码编写、数据库等知识，是网站建设方向高职学生就业的根本保障。

二、课程设计的理念和思路

1.课程设计理念

《动态网页设计基础》课程的实施基于工作过程导向，工学结合特征鲜明。教学过程以就业为导向、以能力培养为主线，强调“学中做与做中学”的有机统一，实现了理论实践一体化教学目标。

整个课程建设，以个人学习的特点，按照工作过程，施以由简到繁、由易到难、循序渐进的5个学习情景来展开，教学过程即是项目实施的过程。

2.课程建设思路

建设思路：专业领域的技术要求专业职业岗位的任职要求 课程体系和教学内容课程标准。

建设原则：突出能力目标、项目任务载体、以学生为主体。

建设宗旨：进行基于职业岗位工作内容和工作工作过程导向的《动态网页设计基础》课程建设。

建设过程：工作岗位需求分析出专业技术人员的工作任务归纳总结出典型工作任务转变为行动领域基于工作过程的学习领域设计学习情境。

三、课程设计

1.课程目标设计

（1）能力目标

①总体能力目标

具有动态网站总体设计与构建的能力；

能够自主开发留言板、BBS、聊天室等简单Web程序的能力；

② 单项能力目标

能够搭建ASP运行环境、访问ASP页面；

能运用html编写简单页面；

能够实现客户端的身份验证；

能使用Request对象获取客户端的数据；

能使用Response对象向客户端输出信息；

能够使用Session对象记载特定用户的信息信息；

能够使用Application对象记载所有用户的信息；

能够使用Server对象创建COM对象和Scripting组件；

能够创建数据库，会添加表和查询，会用基本的SQL语句；

能够连接数据库；

能够实现ASP存取数据库；

能够排序显示数据；:

能够添加不完整记录能够分页显示数据；

能够制作交替变换的广告Web页面；

能够批量制作超链接；

能够开发计数器。

（2）知识目标

掌握IIS的配置及运用的方法；

掌握HTML语言的基本知识；

掌握VBScript的基本语法及基本知识；

掌握ASP的5个内置对象的属性和方法；

掌握ASP存取数据库技术；

掌握ASP组件的用法。

（3）情感目标

通过教师对具体实用的小项目演示讲解，学生动手完成项目任务，激发学生成就感，培养学生自信心和学习兴趣、独立思考、自主探究学习习惯；

通过小组协作，培养学生的协作能力；

通过项目演示培养学生的表达能力、沟通能力。

2.课程内容设计

（1） 知识模块划分

对现有知识点进行了解析与重构，划分出彼此之间联系紧密的4大知识模块。Asp基础知识；Asp内置对象；Asp存取数据库;Asp组件。

（2） 能力训练项目设计

采用真实工作案例――基于ASP技术的留言版，将本课程能力点和知识点包含在项目中，并将该项目分解成若干个子项目渗透在教学中，采用任务驱动方式讲解ASP知识和训练项目。

留言板是网站中常见的功能模块，对界面要求简洁美观,功能要求简单实用：对普通客户，能浏览和添加留言。对管理员，还要增加删除和回复留言功能，同时在页面中添加了计数器和动态广告显示功能。分为如下10个子项目：①搭建ASP运行环境、访问ASP页面；②留言板界面设计；③留言内容过滤；④数据库设计；⑤添加留言；⑥显示留言；⑦回复留言；⑧删除留言；⑨制作网站计数器；⑩制作交替变换广告Web页面。

期末项目作品选择的是网站中常见的功能模块在线通讯录，其开发技术与流程和留言板基本一致，界面要求简洁美观,功能有如下要求：有注册登陆模块；有添加新记录的表单页面；可以实现动态更新、删除功能；按时间降序显示。

（3）教学内容设计

教学内容分为四大只是模块：

一是Asp基础知识。对应的能力目标有：①能够搭建ASP运行环境、访问ASP页面。②能运用html编写页面。③能够实现客户端的身份验证；对应的知识点有：①动态网页概念、工作原理、添加IIS组件，设置主目录，添加虚拟目录；掌握访问动态网页的3种方法。②掌握HTML标记及对应的属性、语法。③掌握VBScript基础知识。

二是Asp内置对象。对应的能力目标有：①能使用Request对象获取客户端的数据。②能使用Response对象向客户端输出信息。③能够使用Session对象记载特定用户的信息。④能够使用Application对象记载所有用户的信息。⑤能够使用Server对象创建COM对象和Scripting组件。对应的知识点有：①掌握Request对象的方法和属性。②掌握Response对象的方法和属性。③掌握session对象的方法和属性。④掌握Application对象的方法和属性。文件Global.asa的功能与用法。⑤掌握Server对象的方法和属性。

三是Asp存取数据。对应的能力目标有：①能够创建数据库，会添加表和查询,掌握最基本的SQL语句。②能够连接数据库。③能够实现ASP存取数据库。④能够排序显示数据。⑤能够添加不完整记录。⑥能够分页显示数据。对应的知识点有：①Access数据库的基本操作，掌握Select、Insert、Delete和Update语句。②掌握利用connection对象和基于OLE DB方式连接数据库的方法。③利用SQL语句对记录进行查询，添加，删除和更新。④Connection对象的属性和方法。⑤Recordset对象的属性和方法。

四是Asp组件。对应的能力目标有：①制作交替变换的广告Web页面。②批量制作超链接。③开发计数器组。对应的知识点有：①掌握广告轮显组件MSWC.Adrotator的用法。②掌握文件超链接组件MSWC.Nextlin的用法。③掌握计数器组件MSWC.Pagecount的用法。

3.教学方法设计

（1）项目导向法

本课程的教学内容是以能力项目的开发流程为依据展开的。

（2）利用计算机技术中的动画视频等先进技术进行教学

利用动画手段，将网络程序复杂的运行过程以动画的形式生动地展现出来，逐步向学生进行介绍，对学生理解和掌握网络程序设计ASP的基本概念和网络程序运行过程具有非常显著的效果。

（3）分组教学

因为本课程内容比较抽象，综合性、实践性都比较强，因此学习难度较大，采用分组教学同学之间互相探讨，相互帮助协作完成项目任务，可以激发学生学习的自信心和学习兴趣。

（4）启发式教学

采用“布置任务分组完成提出问题老师指导解决问题”教学流程。

4.考核方法设计

学期总评成绩采用百分制，着重考核学生的运用知识解决实际问题的能力。

学期总评成绩由四部分构成：（1)学习态度、考勤占10分；(2)理论作业占20分；(3)平时训练子项目30分；(4)期末项目作品占40分。

四、结束语

总之，以就业为导向、以能力培养为主线的教学过程，根据个人学习的特点，按照工作过程，施以由简到繁、由易到难、循序渐进学习情景来展开，教学过程即是项目实施的过程，强调“学中做与做中学”的有机统一，实现了理论实践一体化的教学目标。

参考文献：

[1] 尚俊杰. 网络程序设计――ASP（第3版）[M]. 北京：清华大学出版社，2009

篇（8）

如何针对高校艺术设计专业的学生上好网页设计课程，利用艺术设计专业这个平台，将网站创意、版面构思、动静态设计元素、网页色彩、网络互动技术等知识点系统地糅合在一起，将是此课程教学的重点和难点。针对艺术设计专业的学生，在讲授此课程的同时，如何更好地将其与自身专业优势结合，如何最大化地激发学生的求知欲与学习主动性，这与我们的教学模式和教学重心关系密切。

一、网页设计课程教学现状分析

如前所述，网页设计是一门综合性很强的设计课程，它不仅要求设计者具备较强的平面设计能力和审美能力，还需要一定的技术能力。国内的理工科院校的网页设计课程无一例外地是以技术教学为主，而对平面设计和审美能力的培养鲜有提及，这对于理工科专业来讲当然无可厚非。但是目前国内大部分高校艺术设计专业的网页设计课程教学都在套用理工科相关专业的课程内容和模式，在注重技术性的同时，忽略了对自身尤为有价值和优势的艺术性。而艺术设计专业的学生在学习网页设计技术的时候常常感到力不从心，致使其对网页设计课程的学习仅仅停留在技术的表面。同时在高校艺术设计专业的网页设计教学当中，还普遍存在忽视用户体验、对Web可用性缺乏了解、对技术缺乏敏感度、欠缺良好的设计观念、忽视合作的问题。究其根源，网页设计是一门实践性很强的课程，没有多年的从业经验很难对其有深入独到的理解，作为教师的授课主体本身对网页设计行业欠缺长期的、专业的深度跟踪和了解，导致学生设计理念薄弱，作品缺乏创意，刻意模仿其他网站。

二、艺术设计专业网页设计课程的教学模式

篇（9）

【中图分类号】G423.07 【文献标识码】A 【文章编号】1674－4810（2014）17－0064－02

随着网络技术的进步，计算机和电子通讯设备技术的推陈出新、电子商务涵盖范围的不断扩大，网页设计师在短短十年间一下飙升为技术型潜力巨大的新兴职业。电子商务的快速发展更是促使人们看到网页设计的广大的就业市场和光明的发展前景。各大高职院校纷纷开设网页设计相关课程：网页美术设计、网页设计与制作、网页界面设计与制作、网页制作软件等。

网页设计是通过更合理的色彩搭配、字体使用、图片处理、样式设置进行页面设计美化，设计师使用专业软件给浏览者呈现出图、文、声音及动画多位一体的全方位感官效果，在功能和技术限定的情况下，尽可能制作出给予用户完美的视觉体验的网站。可以看出，网页设计是一门从艺术到技术的专业课程，市场对于网页设计师的要求也从单纯的平面设计到简单网页效果的制作发生了变化。针对这一改变，高职的网页设计课程也应做出相应的改革。

目前，大多数高职院校为艺术设计专业学生在大学中开设一次网页设计课程，课时多为48～72课时，在一个学期内完成。课程名称为网页美术设计、网页设计与制作、网页制作软件等。在课程学习过程中，任课教师也是以单纯的教授网页设计软件Dreamweaver和图片处理软件PhotoShop为主，软件学完，课程结束。然而观看学生所制作的网站，从颜色搭配和样式的设计都与现今优秀网页“美术”不搭边。简单来说，单纯学习了网页的制作，而忽略了美术法则的运用，制作网页，而非设计网页。或是学生在没有任何网页制作软件的基础上学习网页美术法则理论，到了实践上各种效果却无法实现，最终仅能实用平面设计软件制作静态网页布局效果图。

一 高职艺术设计专业网页设计课程存在问题的原因

存在这种现象，主要有以下原因：

1．课程设置：大学中仅开设一次网页设计课程

网页设计是一门相对于平面设计起点较高的专业，一个网页设计软件Dreamweaver还需配合使用平面软件PhotoShop，Web动画效果软件Flash等。软件难度较大，学习时间太短。一个Dreamweaver软件的学习就占用了课程的大部分学时。一次网页设计课程结束后，没有相关的美术设计课程让学生实践，就像是只学会了使用画笔，还没来得及

了解怎样算是一幅好画。

2．课堂设计：课堂内容涉及面较为单一

见过这样的一些课程标准，整个网页设计课程只讲到关于美术设计部分――色彩、布局、元素、风格，没有半点关于工具的介绍――软件Dreamweaver、Fireworks、Flash。最终学生在还没有网页概念的情况下，用PhotoShop制作一张网页图片作为作业结束课程，学生还停留在纸质媒体的平面设计稿上，无法真正体验到网页在互联网和电子设备上所呈现的特质。

3．教材设计：一门课程仅配备一本教材

有了工具书，没有技法书；或是只教了技法，却连工具都没碰过。对于平面设计专业学生而言，平面上的美术基础要应用到网页美化中，心有余而力不足。但目前市场上有关网页设计、制作方面的教材图书种类繁多，基本都是单纯的讲解软件、工具、命令等技术知识，类型单一，而关于网页色彩风格、布局、元素、效果图等网页美术的工具书又缺少制作方式，对于刚入门的学生来说比较难实现。仅仅一次课程一本教材很难把网页设计学好。

4．市场现状：需求大门槛低水平参差不齐

在这个电子商务发展高峰期，越来越傻瓜式的软件操作使得更多的非专业人员加入到这个行列。大多数设计者通过自学懂得如何制作网页，却不一定懂得如何设计美观使用起来舒适的网页。其较低的准入门槛导致网页设计行业的现状并不太好，人们要求设计者什么都懂，要比平面设计师多懂点代码，比程序员多懂点设计，还能做点动画。针对这个设计行业大环境，高职学子更应具有更高的网页制作和审美感知水平，才能提高自身的竞争力。

二 高职艺术设计专业网页设计课程的改革

笔者认为，要培养具有社会竞争力的专业网页设计人才，高职就应针对当今行业市场对网页设计的需求、用人单位对网页设计师的要求、客户在网站使用上的习惯，对课程做出相应的改革。

1．在课程设置上可开设大于一次的网页设计课程

最少两次的网页设计课程，可使学生在打下网页制作软件的基础后，再次开设一门专门以网页美术为主的课程。

网页设计作为新兴行业，每年跟随着电子产品的更新和软件功能的强化，效果与美术规则不断地出现新的流行趋势。如2014年网页就以扁平化图片和酷炫动态作为最新设计潮流元素，并且颜色搭配和布局方式也与以往不同。这些我们都可从国外一些优秀网站和国内的大型电商网站中找到。但在软件的学习上，老师和学生往往只把重点放在软件各个功能的运用上，很难把注意力同时分散到网页的美化规则中。但如果学生在已经有了软件基础后，再次开设网页美术设计课程，犹如让一群有素描基础的学生进行设计素描一样，更能体会当中需注意美术法则的含义。由于有了软件基础，各种美化效果就更能实现。那么课程的最终作品就不仅仅是停留在普通效果的网页制作或平面效果图制作了，更加复杂和新颖的页面效果、更加舒适的色彩搭配和页面布局，不仅提高了学生们的审美情趣，也让他们在课堂中的成就感油然而生。

2．在课堂安排上可采用优秀网站作为软件学习案例

若学生课程安排太满，确实无法在大学中进行两次或以上网页设计课程的学习，那么，老师就应在课堂实践中多以呈现较新潮流趋势的网页作为软件学习案例。

国外设计一直是流行趋势的坐标，我们可以通过对比国外近年网站找到最近国内网页设计的方向，一些优秀的网页专业网站也有大量的相关文章给予我们参考。老师在进行备课时就要比以往多下几重功夫了，在软件教学上，软件学习教材中是有大量的案例，但更新速度毕竟与网络是无法相提并论的。通过优秀网站作为软件与教材中案例对比分析，找出各自在色彩、布局、元素、风格上的特点，来让学生了解网页美术法则。在学生学习软件中对优秀案例的临摹实践中，体验一种耳濡目染的效果让学生了解何为优秀网页的同时，掌握如何设计优秀网页。

3．在教材选择上可采取多本教材多种形式教学

如果仅限定于根据所购教材作为课堂所有内容，学生所学知识比较单一，教师可选择网络、图书馆图书作为参考教材。

现今市面上大部分关于网页设计教材分为网页制作软件和网页美术两种。教材的内容设计没错，针对网页制作就应以软件的学习为主，针对网页美术就应以美术法则为主。综上所述，市场及行业对于网页设计的要求都不仅仅是单一的制作或单一的美化，高校的网页设计课堂也不应仅仅教授软件或美术法则。既然已有教材无法一次满足课程的需要，那么教师可以在课堂中使用网络或偶尔把课堂转移到校图书馆进行课程学习。网络上有大量的网页设计文章、素材、模板、教程，学生在使用网络对网站进行浏览的同时，也更深刻地体会网页操作过程中的各种元素对用户带来的不同感受。只有通过对网络的接触和对网页的使用，才可真正设计出适合广大用户的优秀网页。在图书馆里，我们可以找到与教材内容相辅相成的大量图书，学生可以在此深入地了解网页设计涉及到的不同范畴，把以往狭隘的通过单本教材看成是课程甚至整个网页设计行业的所有内容，扩展到从艺术到技术的一个更宽的面。

篇（10）

我工作的这家公司，从事网站开发工作的，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练，但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别的网站开发时，我们还是需要进行一些手写代码工作的。

二、开发技术

做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的东西肯定会有一部分和社会是脱节的，但好在我的领导对于我没有太多的要求，他只是要求我尽快的适应公司的工作和生活，在短时间内熟练的掌握相关技术，干好本职工作。

在大学里对一个学生来说什么是最重要的，那就是学习能力。要知道，这个世界上，知识在发展，人类在进步，每天都在进行日新月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适应了公司的工作和生活节奏，每天早九点上班，晚17:30下班，中午休息一个半小时，每周还有两天假期。我利用业余时间，抓紧学习，将工作中所需要的技术进行了强化学习，其实这些东西在学校的时候就接触过，只是不精通。那个时候学的东西多，难免有个主次之分，这次工作了，才知道哪个应该多学点，但好在我都有学过，所以有个好的基础在这里，也就不怕了，比如说：flash，公司要求技术人员会做flash，flash这东西以前我在宿舍的时候经常玩的，可是后来在分析就业情况时，分析错了方向，以为这东西没有什么用处，结果就给荒废了。但好在还有印象，并且当初记了很多的笔记，所以说记笔记是很重要的事情。而其它像javascript、xml、数据库这些东西我都学过，只是实践能力稍差一点，但好在从前在学习方面用的功不是白费的。通过这种实战环境，和半个月的刻苦学习，我终于可以感上小组的工作进度了，已经可以很好的完成领导教给我的任务了。