网站设计与网页制作

src=“../image/top.jpg”

width=“980px;” height=“130px;” />

网站设计与网页制作 篇6

关键词：网页设计与制作教学体系体系结构

1 课程现状分析

网页是承载互联网信息的平台，已经成为实现信息交流和沟通最直接的载体。也是互联网的重要成员之一。这对全国高等院校的网页设计课程教学带来前所未有的契机，同时也提出新的挑战。特别是民办院校，在教学中，如何有效地让学生掌握网页设计的理论知识和网页设计的具体运作方式、相关技能；如何提高学生的动手操作能力，确立面向应用，重视实践，培养学生的综合技能和素质，达到人才培养计划的要求。

11课程教学现状分析

111实践环节和理论环节脱节

目前，学校的网页设计课程都是理论和实践同步进行，最常见的授课过程是，老师先讲解，师范操作，然后提出练习任务，让学生再练习、验证。本课程实践性、操作性、应用性较强，这种授课过程的弊端是，由于每周只上课一次，每次课程的时间间隔（一般5至7天），加上学生不善于做笔记，等到下一次上课的时候，已经忘记了上一节课的内容，导致学生的基本功不扎实，操作困难，学习积极性不高。

112不同学生不能分层教育

学生计算机基础参差不齐，主要原因是生源不同，有的来自城市，有的来自农村，造成学生对计算机操作的接受能力差异很大，这给学生学习计算机类课程造成了一定的困难。在开展教学活动时要考虑到学生的差异性，做到“因材施教”。

113教材的局限影响课堂

《网页设计与制作》的大多数教材，侧重于Dreamweaver 软件或相关软件的使用方法，使得教学内容零散、陈旧，没有很好的融合。结果使得学生只是学会运用网页设计与制作的相关工具，而不是从网页设计者的角度出发去规划和建设网站。即使是完成的综合作品也达不到应有的功能效果和视觉效果。这种在课程内容上“重知识、轻应用”和“重技术、轻设计”的现象，容易导致学生眼高手低，做不出东西，不利于学生从全局的角度进行网站的开发和设计。

12明确课程特征，把握教学目标

在网络技术迅速发展的今天， 网页制作已成为当今社会上一种比较热门的技术。“网页设計与制作”是我院公共必修课， 作为一门新型学科， 与传统的其他学科相比具有鲜明的自身特点：（1） 具有很强的操作性和综合实践性， 特别强调学生的操作能力和学以致用的综合实践能力。（2） 极富创造性。学生通过对网页信息技术、网页信息科学基本理论和方法的学习， 在掌握基本技能的同时， 不仅拓展了思维， 而且培养了独特的创造力。（3） 集现实性、实效性于一体， 具有明显的时代发展特点。这门课程的教学目标不是教会学生如何掌握单纯的某些知识和某种技能， 而是通过学习计算机、网络等一系列基本技能，培养学生的网页制作能力、网上信息获取和加工能力、自主学习能力和团队协作能力， 课程结束时学生能自行开发一个静态网站。

基于以上特点，“网页设计与制作”这门课程设计出了一套从学生实际出发， 以“教师为主导， 学生为主体”的符合这门学科特点的教学与管理模式， 让学生在教师的指导下， 对所学的课题进行探索、分析、研究， 在实践操作中培养学生实践动手能力。课堂教学采用案例教学法， 实践教学采用任务驱动法。所采用的教学模式在授课过程中， 根据教学内容安排及要求， 由教师创设环境， 师生发现问题， 以问题的出现、探究和解决来激发学生的求知欲、创造欲和主体意识， 从而培养学生的创造能力。

2课程教学体系开发思路

在《网页设计与制作》课程的教学中，确立以学生为主体、教师为主导的意识，通过调整课程开设内容、加入科学的教学方法、采用合理的实践环节，面向应用，重视实践，培养学生网页设计与制作的综合技能和素质，培养学生学习的主动性、创新思维和合作精神，从而提高个人的综合竞争力和适应力。

3《网页设计与制作》课程教学体系的设计

31课程内容结构

《网页设计与制作》是高等学院计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的课程。本课程主要介绍如何编辑与制作网页，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。

因此，在本门课程进行体系构建时，应以适应高等院校人才培养为目标，以应用型人才为主线，构建起课程的知识、能力、素质结构，重点突出实践技能。

311课程知识结构的构建

从网络的实际应用出发，介绍网站的作用，以实际应用作为教学的切入点和核心，将基本理论和概念融入各个实例，并不断辅以相关新知识，以适应网络不断发展的新需要。

312课程能力结构的构建

课程能力结构强调实际制作网站的能力，要通过网站实际设计将各知识点吸收巩固，以上升为应用能力。因此，通过网站的实验、实习、实训，达到能够熟练进行网站设计的能力水平。

313课程素质结构的构建

网站的综合设计是一项复杂工程，需要有不屈不挠的精神，勇于前进，不轻言放弃，可培养学生刻苦钻研、勇于开拓的创新精神。网站设计的多人合作，也能够加深学生团结协作、互帮互助的集体观念。同时，也能够培养其科学严谨、实事求是的工作态度，全方位地提高学生综合素质。

32教学内容的组织和安排

在教学内容安排上要注重理论结合实际，才能更好的把知识的传播、能力的培养和素质教育融为一体；才能更好的做到知识与实践的结合；才能真正做到教书育人。

nlc202309020737

321理论与实践相结合

强调知识点与技能相结合，突出实际网站实际制作，把实用技术作为重点。理论知识以够用为原则，加大实践教学。要求课程内容的基础性和先进性关系处理得当、本课程与相关课程内容关系处理得当。在整个的课程安排上，每一系列完整的知识点后都设有专项的实践题目，最后整个课程还设有综合应用的实践题目，最后还要安排一周的课程设计。

322理论与实际相结合 贴近网页设计师的要求，安排学生承建现实中企业或公司的网页网站，进行顶岗实践训练，提高解决实际问题的能力，更好地让学生对所学内容较好地融会贯通，将各个部分有机地进行联系。

33实践教学内容和方法

根据课程要求安排实践教学内容，实践内容要涉及面广，实践数量要充足。此外还要安排各种实践活动，针对不同层次的学生，如开展第二课堂、进行强化实训、组织校园网设计和企业网站设计等；在实践教学环节中注重培养学生发现问题、分析问题和解决问题的能力。

4构建《网页设计与制作》课程教学体系

本课题的真正意义是要实现理论和实践之间的交融，实现理论知识与实践内容的整合，实现学生的思维、行动与态度的多元整合，要求学生的全面发展；并且要以学生“自我实践”为核心，构建“理论和实践合一性”的学习环境，激发学生，让学生在操作中感受与体验学习的乐趣。搭建本课程教学体系应做到以“培养具有一定理论水平和设计能力的综合性应用型人才”为目标，遵循理论教学服务于实践教学的原则。

41实现多层次的教学方式

教学方式的研究和改进一直是本课程教学改革的一个重点内容。为了更好地体现出教学特色和实现教学目标，我们将使用多层次的教学方式，如：案例分析、情景模拟和角色扮演等新颖的教学方法，在教学方式上将形成“教师授课与实践指导、开放型自我实践、引导性与探索性实践结合”实现三个主要层次的教学方式。

42开展多元化的教学活动

基于多种教学方式，我们开展多样化的教学活动，主要体现在“知识传授与自我学习相结合、教学实践与科学研究相结合、课堂训练与课外实践活动相结合”的多元化的教学活动。

教学活动不仅要在不同的教学阶段开展，而且要结合教学层次来开展，设置不同难度和水平的课题和任务，并运用“讲、练、思、论、研、做”相结合的教学方式完成设定的教学活动，逐步地帮助学生提高网页设计与制造课程的操作技能、研究和创新能力。

43实施多重性的能力培养

高等院校培养目标是培养出一批符合市场需求的高级应用型人才。这就要求我们的学生应具备从课程的基础知识、基本技能，综合能力操作到课外的合作、沟通、心理的职业素质，这样才能得到企业认可。为了实现和市场需求接轨这一目的，我们不仅加强理论知识的理解和基础知识、基本技能的巩固外，而且着重强化训练学生的动手操作能力，培养学生实践能力和创新意识，开展网页设计技能大赛、网页制作技能大赛等活動培养学生的理论和实践综合能力操作。另外，为了加强学生的职业素质培养，让学生组队合作和交流，给学生开设商务礼仪和心理咨询指导，邀请专家和企业家作为指导教师，举行讲座，设立心理咨询帮助学生树立良好的心理素质。

5小结

通过建立这一课程教学体系，成功地将最新的理论知识、科学的教学方法和实践教学活动等融入到我们的教学中，并取得了较好的教学效果，对实现高等院校教育注重培养应用型人才的目标起到了较好的促进作用。

参考文献：

[1] 网页设计与制作课程考核办法初探[J]中国科教创新导刊，2011，（01）：170

[2] 网页设计与制作课程教学改革初探[J]正德学院学报，2010，8（2）：29

个人网页设计与制作 篇7

(1)正确定位,确定内容。(1)要小而精。定位要小,内容要精。(2)选择自己擅长、喜爱的内容。

(2)塑造形象,统一风格。

(3)简洁明朗,主次分明。

(4)控制图像文件大小,调节多媒体嵌入量,减少网页下载时间。

网页图像最好使用GIF文件和JPG动画,这两种文件的压缩程度较高,且大小最好控制在25KB至15KB之间;JPG动画的使用不要太多,以免使主页看上去太乱。设制图片的替代文本或低分辨率图片,可以使浏览者较快地看到图片和轮廓或其它相关信息。网页中的背景音乐文件最好使用MDI格式,体积较小,便于传输,同时,注意给网页中的多媒体文件注明相关的文字性说明。

2 制作个人网页的基本步骤

2.1 收集素材

(1)文字资料。主要是自己编写的,或者从报刊、杂志、网络等媒体上获取有关的资料,加以整理编辑。

(2)图片资料。一般可以根据主页的主题选择合适的素材库光盘,或是直接从网络下载。如果有一定的绘图功底和技巧,建议尽量使用Photoshop或Paintshop[1]等绘图软件,制作页面的图标Logo及广告Banner,以充分体现主页的个人特色。

(3)其它资料。为增加个人主页的表现力,可以在页面内适度加上音乐文件、视频文件、动画文件以点缀页面。

2.2 设计结构

个人主页的制作是个复杂的系统工程。在开始页面制作之前,先搭好主页的框架,规划整体结构,草拟网站的“施工图”。如果只是一时兴起,想到什么就作什么,盲目操作,往往会使网站制作虎头蛇尾、条理混乱,最终因维护困难而夭折。

进行页面的规划,就是对每个页面的布局及所包含的内容进行完整详尽的设计。包括是否采用框架,每个页面中图片、文字及其他文件的分布以及外观显示的设定(如颜色、字体)等等,进而根据规划大致估算一下需要多少相关的素材,并予以分门别类落实。经过规划,便于个人网页的管理维护,能让制作者有条不紊地表达所有的信息,使得网站的格式统一、层次清晰。一般多采用树状结构先列出每个页面的大纲内容及规划页面之间的层次结构和链接关系,并适当考虑将来扩充的可能性。

2.3 创建站点

制作网页之前,新定义一个站点。利用站点,可以方便、快捷地对文件进行管理,尽可能地减少出错,如路径错误、链接错误等。同时设置了本地文件夹和远程信息后,可以将文件上传到服务器,实现文件的上传与下载。

2.4 编写网页

页面的制作过程包括制作顶部导航、制作主体内容、制作底部版权信息以及编辑CSS样式等。

顶部栏目主要有Logo、Banner和导航条。底部版权信息主要是网站的联系方式。

页面主体部分是页面的核心内容,大多数情况下要使用嵌套表格的技术来实现。在制作时,通常需要进行插入表格、插入背景图像、输入文字、插入多媒体文件、设置背景颜色等主要步骤。最后利用CSS来美化完成的网页。

2.5 上传文件

个人网页制作完成后,就需要给个人网页在网上安个家[2]。提供免费个人网页站点的网站很多,可以选择中意的网站提出申请。一般流程如下:点击进入的网站申请窗口,填写信息表格,其主要内容包括主页标识、主页描述、主页地址(URL)、关键词,以及个人地址、姓名、E-mail地址、电话号码、详细的邮政地址等个人信息;提交申请;将在几天内收到网站发来的E-mail。若申请成功,会得到一个网站的口令。利用网站支持的传送协议将主页上传到网站。上传成功之后,就可以实现在网络上浏览个人主页了。

2.6 更新维护

网络讲求新和快,制作个人网页时,同样也要注意。做好日常维护工作,及时更新完善,紧跟时代步伐,保持内容新颖,吸引浏览者的注意和点击。

可设置一个专门的“what′s new”页面,及时醒目地告诉来访者主页最新的内容。这样能方便浏览,让浏览者一目了然,迅速寻找所需要的内容,不致于层层深入,一无所获。

3 制作个人网页的注意事项

3.1 避免抄袭

制作和设计网页的过程中,应避免抄袭。作为新手,个人网页刚刚起步,可以适当借鉴和利用,切忌全盘不动地照搬照抄他人的成果,应坚持原创,加入自己的创意和想法。如写日志博客,翻译最新英文杂志,上传独家照片和视频,链接实习成果等。展示个性、风格,让大家认识、了解自己,才是制作个人网页的精神所在。

3.2 经常备份

要养成经常备份的习惯。制作网页是一个复杂而持久的过程。由于网页的容量有时较大,制作时很占内存,尤其是同时起动其它电脑程序,很容易导致计算机假死,因此需要经常性地备份。

3.3 注意路径问题

相对路径是大多数站点的本地链接的最适合路径。尤其新手在做个人网页的链接时,应避免使用绝对路径。网页上传后,站点移动到其它服务器,所有本地绝对路径链接都将断开,从而浏览者无法看到使用绝对路径(指对本地硬盘的绝对路径)的链接内容。

3.4 使用模板,提高网页制作效率

开始制作时,不要多张页面一起制作;建议使用模板,提高制作效率。个人网页通常会有多个风格基本相似的页面,如果每张页面都重新设计和制作网页结构、导航条及各类图标,工程量将十分庞大。借助模板的功能,通过设计和制作一张基本网页,可以快速创建大量风格一致的网页,从模板创建的文档与模板保持连接状态,可修改模板并更新所有利用模板创建的网页,达到天天改变站点风格的效果。

3.5 妙搭色彩

由于网页作为用户的浏览对象,第一印象至关重要,因此色彩的搭配应讲究一定的技巧。一般而论,网页应尽量采用一个色系,主色调控制在三种颜色以内,背景和文字的对比一定要强烈,以突出文字内容为主。常见的组合有:黑白、蓝白、黑灰白、蓝黑、紫黄等。其中,白色多用于较正式的官方网站,黑色常用于打造个人网站和一些非常前卫的网站。

在用色的时候,要力求简洁,将色彩与各要素统一起来,注意色明度、对比度、结构分配比例等,在差异中求协调,紧扣网站的内涵,保证网站的一体性。一幅图的下部采用重色,会让人觉得稳重;同时注意突出色彩的独特性,尽量采用与众不同的色系,让人产生遐想。

参考文献

[1]丁晓.制作个人网页的常用工具.合肥:电脑知识与技术,1999(9):36-40.

[2]孙良军.Dreamware MX2004入门与实演练.北京:中国青年出版社,2005-09.

[3]祝力.创建图书馆员个人网页的意义及方法.上海:图书馆杂志,2001,20(2):10-12.

浅析网站建设与网页制作方法 篇8

网站如今已经是现代化社会人们生活和工作的重要组成部分人们可以通过上网来查询搜索各种自己需要的信息资料,可以在网上看到及时的时事新闻报道,可以通过网络进行视频聊天和实现商务贸易以及在网上购物等等。总之,网络已经更深一步的融入到人们的生活当中。网站就是信息发布的基地,是人们获取信息或者进行通讯和完成各种贸易往来的平台,是各机关部门、企业单位以及个人在网络空间上的形象所在,所以一个网站的质量很关键。因此,建设一个可以吸引网站访问者眼球,同时又能快捷的获取信息的网站是至关重要的。

1 建设网站的前期准备工作

1.1 对网站进行定位

网站设计者在网站建设之前要做好充分的准备工作,首先,网站设计者在建设网站之前对网站的建设目标、网站的主题和网站的面向群体有一个明确的定位,这样可以确保网站建立起来后具有一定实用性和可观性。网站设计者再以网站的建立目标为依据,了解网站访问者的基本情况,分析网站访问者的心理需求,对网站的结构进行构思,进一步对网站的特色、网站的大致风格进行规划。要注意突出网站主题,明确网站重点所在,通过简单扼要的文字和鲜明的画面把网站的主题呈现出来。然后再收集制作网站的文字和图片材料,通过各种方法手段展现出网站的个性和特色。

1.2 网站风格的统一定位

一个网站的风格是一个网站质量的重要体现。网站设计者在建设网站时一定要对网站的风格有一个明确的定位和统一。对网站风格的统一可以从网站页面的布局和网站页面的排版做起,主要体现在网站页面整齐的页边距,网站页面图片之间、页面文本之间相同的距离;页面上一些重要的标题、图片以及符号旁边要留有同样的空白;还有就是站点标志的统一放置,以及图标导航的一致使用,这些都要使用同样的设置方法,以便最后在页面上整齐的呈现。

1.3 网站页面色彩和版式的设计

网站设计者在设计网站的版式时,要以简洁、明确为原则,不要在网站的页面上添加太多与页面内容没有太大关系的内容,以免使整个页面显得繁杂累赘,要确保网站访问者在浏览页面时第一时间看清楚网站的主题内容是什么。另外,通过对一些关键词和图片的使用可以加深网站访问者的印象。

设计者在设计网站主题色彩时要注意,一个网站的色彩切忌杂乱,一般一个网站有一个到两个主题色就足够了,如果太多色彩容易让访问者浏览起来显得很费劲,但网站主题色彩也不多看起来太过于单调,这需要网站设计者结合网站的面向群体好好把握。比如红色和橙色一般多用于儿童类的网站,这样可以烘托出孩子们温馨活泼的气氛。网站的主题色彩确定以后,还要进一步确定网站的其他配色,这些都有一定的依据,一些教育类网站一般都以蓝色为主色调,红色和黑色为辅色,这样可以呈现出来一种稳重和严肃的效果。当然,在网站色调设计方面,设计者可以多了解一些色调方面的知识,掌握什么严肃会给人带来什么样的感觉,例如,一些暖色使人激动,冷色调使人平静,暗色调给人带来压力等等,这样更有利于对网站主题色彩的正确定位。

2 网页的制作方法简析

2.1 制作网页过程中表格的使用

设计者在制作网页过程中,可以结合各种网页制作经验,使用各种常用的技巧和工具对页面制作进行优化,以提高网页的制作效率。表格是网页制作中一项很常见也很重要的制作工作,表格在网页制作中的定位功能非常强大,表格的主要作用就是在不用考虑其他问题造成的各种影响的情况下,对页面的图像和文本进行任意方式的调整。通过表格的定位功能把图像和文本的排列进行系统的调整,以加强网站页面内容的连贯性和页面紧凑型,同时也使网站的网页布局更加完美,页面排版和编辑显得更有逻辑性。

虽然说表格在网页制作中使用起来很方便,作用很大,但是如果在网页的制作过程中对表格进行比较频繁的使用也是不行的,因为过多的使用表格会严重影响页面的运行速度。由于网页对表格过多循环嵌套的使用给网页造成了很大的负担,网络浏览器在下载完页面的表格之后才能把表格里的内容显得出来,这样的话,浏览器就会很长时间的处于下载解析的状态,容易让浏览者产生厌烦的情绪,对提升网站点击率带来严重的影响。

2.2 HTML 语言的使用

一些简单网页的制作通过简单的网页制作工具就可以实现,但如果想要制作相对比较复杂的、功能较完善的动态网站,就需要掌握HTML在网页中的具体应用。例如网页中常见的跑马灯效果就是通过HTML语言来实现的,通过HTML语言对文本的颜色、文本的字体大小、以及文本的运动方式好运动规律进行调整,就这样一条动感公告就可以呈现在你的面前。

2.3 网页中 Flash 文件的使用

视频或者动画文件的使用可以丰富网站内容,增加网站的动态感。如果需要在网页中使用Flash动画文件,可以通过Dream weaver来实现对视频或者动画文件的插入。如果需要文件是透明状态的话,选中已经插入的Flash动画文件,对其相关参数属性进行调整就可以了。

2.4 网页制作中需要注意的问题

在网页的制作过程中,一些在编辑状态的图片一般可以正常打开,并显示出来,但很多时候这些图片在对网页进行预览的时候以及网页发布后都显示不出来,这是网页制作过程中最常见的一个问题之一,导致这种情况的原因可能是图片的原始存储路径不正确,也可能是文件名被设计者不小心修改引起的。要解决这样的问题,需要把图片存放如相应正确的文件夹里,再对图片的保存路径进行修改,这样就可以显示出来了。如果进行了以上操作还是无法恢复,那就是因为文件名中存在中文名,这就需要把文件名一致修改为符号要求的文件名,正确文件名的正确命名需要由英文、数字以及下划线组成。

3 结语

网站设计与网页制作 篇9

我国高等院校的精品课建设工作有十年的历史, 精品课程网站从最初的完全静态网页, 发展成为具有一定数据库和后台更新能力的动态网站, 应该说精品课网站的制作技术已经相对成熟。但是, 随着国家教育部主导的精品课程转型为精品资源共享课大幕的正式拉开, 精品课的转型与升级工作也势在必行。

1《网站设计与制作》精品资源共享课程网站界面设计的原则

界面设计是网站建设的一项重要内容, 网站的界面不仅影响到课程本身外观, 也会直接影响到学生学习兴趣。应该坚持以下原则:1) 网站规划书的撰写;2) 能提供清晰的目录和说明;3) 网站整体风格统一, 局部变化, 和谐完整;4) 网站导航灵活, 方便易用。

2 网站的规划

一个网站制作成功与否与建站前的网站规划有着极其重要的关系。只有详细合理的规划, 才能做好网站建设, 使网站能够正常运作。

例如, 我建立的网页设计与制作精品课共享资源网站分为:学科新技术、教学设计、自主学习、项目案例、讨论交流、在线测试、课程考核、学生博客和答疑中心等基本栏目。如果太多叙述性的内容往往会增加学生的心理疲劳和厌倦。

2.1 网站主色调及风格

一个好的网站最重要的一点就是界面的简单、朴素。网站的形式是为内容服务, 色彩也是为内容传达创造更正确和更舒适的环境, 只有使用了正确感觉的色彩才能设计出成功的站点, 让人感觉亲切和自然, 也不容易造成视觉疲劳。

2.2 网站结构

网站结构一方面是指网站的内容结构, 如栏目设置;另一方面是指链接结构、纵深方式等。网站独特的超链接, 使网站结构决定了浏览者的浏览方式。我在传统方式的基础之上加入了新变化, 既产生了丰富的对比变化, 又起到了连接的作用。

2.3 网页整合设计

精品课程要求的内容很多, 如果要把如此众多的内容统一起来放在网上浏览, 就需要很高的网页综合规划、设计能力, 要想真正设计出一个好网页, 这就对计算机设计人员的素质要求很高。须尽快掌握多方面的软件, 如PHOTOSHOP、3D、FLASH等, 制作的各种动态效果图画必须与教材内容紧密结合, 这样才能积极调动学生的学习兴趣, 从而加深知识记忆。

3 网站上基本资源的技术要求

网站中的基本教学资源单元指能反映教学设计、内容设计、教学手段、教材教参、教学改革、教学成果、等反映教学活动必需的资源。

该单元由课程主讲老师制定教学单元的课时, 主讲老师可以自己填写这个单元结构中的选项, 课程负责人有权限编辑每一个教学单元的内容。教学单元下的知识点有两种添加方法, 一种是从课程的知识点库中勾选, 另一种是直接输入, 直接输入的知识点将同时添加到课程的知识点库中。“教案设计”、“教材教参”和“内容选取”需要主讲老师利用相应的编辑工具编辑添加, 而“课程沿革”和“教材教参”是使用上传文件的形式上传。

高职《网页设计与制作》说课 篇10

1、课程的定位与目标

《网页设计与制作》是计算机专业的专业骨干课程, 作为一门培养学生网站开发的课程, 对学生网页设计与制作能力的培养和职业素养起主要支撑作用, 对职业岗位能力培养方面的作用不可或缺。

本课程在整个课程体系中处于承上启下的核心地位, 在第三学期开设, 该课程可为后续课程提供静态网页设计与制作的理论基础和操作技能。以计算机应用基础、图形图像处理、FLASH动画制作为前导课程, 并为后续课程动态网页设计课程打下良好基础。本课程的学习有助于学生深入学习计算机类相关专业其他知识和提高职业技能, 完善学生的专业知识结构, 提升学生从事实际工作的综合素质。

知识目标:

·掌握网页编程基础html相关知识;

·熟练掌握网页中元素属性设置方法;

·熟练掌握网页页面布局的各种方法;

·掌握表单网页制作方法;

·掌握网页特效的制作方法;

·掌握网站测试的方法。

能力目标:

·培养学生收集、处理信息, 准备、加工素材的能力;

·培养学生制作网页、设计网站的综合能力;

·在网页中编制需要的脚本, 进行网站的上传下载、更新管理;

·培养学生运用所学的理论知识和技能解决网站实际问题的能力。

素质目标:

·具有勤奋学习的态度, 严谨求实、创新的工作作风;

·具有良好的心理素质和职业道德素质;

·具有高度责任心和良好的团队合作精神;

·较强的自我知识及技术更新能力。

2、课程设计理念与思路

课程设计理念:

本课程根据高职教育的特征, 以计算机职业能力培养为重点, 以行业为依托, 将"面向过程"、"项目导向"、"工学结合"、"任务驱动"作为课程开发与设计的基本理念。

课程设计思路:

课程设计将面向工作过程的项目教学、任务驱动教学、案例教学的教学思想融为一体, 将网页制作视为一个整体项目过程, 打破传统网页教学的条块界限, 网页实际项目制作过程作为课程的教学主线。充分体现学生主体地位和教师的主导作用, 培养学生的自主学习、协作学习能力, 培养学生运用所学知识解决实际问题的能力;以培养职业能力为核心, 以案例项目教学为主要手段, 积极探索教学方法与成绩评价方法的创新, 保证课程目标的实现。

3、学生基础与智能特点分析

学生主要来源于本省, 计算机基础相对薄弱。在教学中发现学生的学习热情很高, 善于思考和发现、分析问题, 作为教师, 要注意保护学生的学习积极性, 运用任务驱动、案例分析等教学方法和手段调动学生的学习兴趣, 同时要培养学生养成良好的学习习惯。

4、教学内容选取与教学组织安排

教学内容:

本课程根据网页设计与制作的岗位实际需求的知识、能力、素质要求选取教学内容, 课程教学内容分为四大部分:

第一部分网页制作的基础知识:这一部分内容将针对培养学生分析设计网页整体设计能力, 以使用学生对网页制作的常用工具、开发流程、常用版式等内容有个总体把握。

第二部分HTML语言:这一部分内容讲授网页制作的基本语言HTML, 主要是针对培养学生对网页代码的分析理解能力, 掌握HTML可以更方便更灵活地控制网页。

第三部分Dreamweaver:这一部分是全部课程的核心, 在图形图像处理、Flash动画制作等前序课程基础上讲授网页制作工具Dreamweaver, 使学生具备布局设计、网页编辑、媒体应用、特效制作、发布与管理网站的基本能力。

第四部分网页制作综合实例:这一部分通过一个实际网站的设计与制作使学生具备网页制作与管理的实际能力。

在实际教学中, 遵循学生网页制作能力培养的规律, 以网页的实际制作过程为教学内容依据, 将教材的内容进行整合, 对教学顺序进行重新安排, 合理设计课程目标任务, 让学生在做中学, 具体如下:

5、教学模式、方法、手段

教学模式:本课程采用理论与实践紧密结合进行教学, 将面向过程、项目导向、工学结合的理念贯穿于整个教学过程之中。

教学方法:为提高学生学习积极性, 我们采用多种教学方法以提高教学效果。

教学手段:

(1) 利用现代化教学手段, 在网络教室应用电子教室进行教学。

(2) 在投影教室中, 利用课件或演示实例, 优化教学过程, 提高教学效率。

6、教学考核评价

根据网页制作岗位职业能力及职业资格标准要求, 制定了本课程的教学评价方案。采取过程考核和期终考核并重的模式, 考核分“团队考核”和“个人考核”, 强调软能力的考核。总成绩构成:课程考核总成绩=平时成绩20%+平时教学项目50%+期末综合作品30%, 突出体现了过程化考核, 培养学生实践动手能力和团队合作能力。

7、教学资源

(1) 师资

校内专业教师和企业专家能手。专任教师具有相应专业本科以上学历, 具有相应的职业资格证书, 同时具有一定的企业工作经历。

(2) 实训室

建有独立的局域网, 配备多媒体教学系统:广播教学、学生演示、文件传送等。

(3) 教材与教参

教材:《网页设计与制作案例教程》, 陈承欢等编著, 人民邮电出版社出版, 2010年。

教参:《网页设计与制作》, 周连兵主编, 中国石油大学出版社出版, 2010年

(4) 网络资源:高职院校的网页精品课网站, 网页素材、视频网站等。

结束语:

说课的功夫在于说课之外。说好课, 必须有一个好的教学设计, 必须对课改、教改有全新的把握, 扎实开展教学研究。说课时, 让同行、专家感觉学习该课程有意义、有兴趣、有成果, 达到愿学、爱学的目标, 这样的说课才能让同行、专家接受, 产生共鸣。

摘要：说课是高职院校人才培养工作评估中一项重要内容, 是考察学校人才培养工作状态与质量的重要途径。本文介绍了《网页设计与制作》课程说课的主要内容。

关键词：高职教育,说课,人才评估

参考文献

[1]陈琼.运用“五问法”写好高职专业课说课稿.职业教育研究, 2010.8.

[2]柳遂文.对高职院校“说课”的几点认识.黄冈职业技术学院学报, 2011.4.

网站设计与网页制作 篇11

关键词：就业导向；中职；网页设计；制作教学法设计；企业

一、理论与实践相结合

长期以来，中国的教育一直处于理论与实践脱轨的状态，中国学生的理论知识掌握相对其他国家的学生要扎实许多，但是动手实践能力却弱于其他国家的学生。中国学生的创新能力在应试教育模式下也得不到施展发挥。而中国的中职教育正是在转变传统的应试教育，更注重学生的实践能力的开发。在计算机教学中，教师应该首先提高自己的专业素质，在讲授理论课程时，多与现实需要相联系，不要枯燥地把理论“填鸭式”地灌输给学生，在学习理论时要多注意学生课堂表现，尽量避免学生产生困倦感，甚至是厌倦感，要运用先进的教学方法，探索全新的教学模式，提高学生的学习兴趣。学生应该从无目的地使用计算机，到有目的地运用计算机，再到独具匠心地创造计算机软件，这才是计算机教学要达到的目标和目的。计算机人才是国家未来建设必需的人才，而中职教育正是能够为国家快速、大量供应计算机人才的基底。在中职教育中，一方面学校要加强学生的理论学习，但是绝对不能是“先学后懂”式的理论教育；另一方面，学校要为学生提供更多实践的时间和机会，使学生边学边懂，学完就懂，成为理论与实践相结合型的现代计算机人才。

二、以就业为导向紧跟企业需求

中国经济正处于稳增长、调结构的关键转型期，对专业人才的需求量依然比较多，中职学生的就业前景依然是光明的。现代企业在招聘过程中常常遇到毕业生理论与实际脱轨的状况。毕业生的学历很高，但是动手能力却相对欠缺。高学历的毕业生在企业中也只是一个实习生，这样的现实使企业人力资源部门也十分困扰。企业不是不需要高学历的人才，但是在学历与实践之间，实践能力强的学生更受企业的欢迎。中职学生应该一边将专业理论知识的基础建牢固，一边在学习期间多寻找兼职的机会，在实践中积累经验，向有经验的前辈学习更多书本以外的知识，其中也包括人际交往能力、组织能力、领导能力等等。在企业工作中，学生不仅要有坚实的技术支持，良好的人际关系也会促进工作的顺利完成。鉴于当下的就业竞争压力，中职院校必须以就业为导向，为学生规划长远的就业目标，跟上时代的脚步，不能再墨守成规。例如，使用“Dreamweaver软件”制作网页，在“规划站点结构”的学习中，在创建Web站点页面之前，要对站点的结构进行设计和规划，决定要创建多少页，每页上要显示什么。我们可以通过把文件分门别类地放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。此外，学校应该加强与企业之间的交流，根据企业的实际需求制定切实可行的计算机网页设计课程。学校和教师绝对不能闭门造车，关起门来教学既是对学校发展的限制，也是对学生发展的不负责任。学校与企业之间建立长效、高效的交流机制，将使企业和学校获得双赢的效果。

三、以就业为导向加强实践能力

中职教育是现代教育体系中一个重要的补充，优质的中职教育将解决一批年轻人的就业困难，也为国家和企业提供亟需的技术型人才提供了保证。但是传统的中职教育往往与实践有一定的距离。针对中职院校的教学弱点，学校应该建立起以就业为导向的中职教学方式、方法。例如，“Dreamweaver软件”中“文件与文件夹的管理”的学习中，对建立的文件和文件夹，可以进行移动、复制、粘贴、重命名和删除等基本的操作管理，使学生在运用这些知识的时候能够更准确、熟练。在相对短的时间里，既能让学生有比较扎实的理论支撑，并且有相对熟练的实践能力，在进入工作岗位时，能迅速投入到工作中，又能能把工作做好。在就业问题上，学生依然是参与的主体，学生本身应该对就业有一个正确的认识，不要好高骛远，急于求成。在工作中应该从基础开始，循序渐进，才能取得成功。

在网页设计教学过程中向学生介绍新的网页理论知识如PHP、ASP动态设计技术，重点通过各种网站种类来学习设计思路比如学习个性展示类网站、影视音乐类网站、企业产品类网站。

随着社会需求的变化，对学校和学生的要求也在发生变化。作为社会教育的一种补充，中职教育在社会发展中的作用也越来越明显，但是在复杂形势下中职教育也存在各种各样的问题。学校教育与社会需求脱轨便是最突出的问题。中职教育不应该是以不变应万变的陈规式教学模式，而是应该以就业为导向，以企业对人才的需求作为教育的指示，积极与企业沟通合作，把握住市场对人才需求的脉络，让中职教育真正成为社会人才补充的中坚力量。

参考文献：

[1]王哲.项目教学法在技工院校《网页设计与制作》课程中的探索与实践[J].南昌大学，2012（6）.

[2]卢德清.以就业为导向的中职网页设计与制作教学法设计[J].时代教育：教育教学，2011（4）.

[3]张亚德，任焕茹.保定职业技术学院成为省示范性就业指导中心[N].保定日报，2011.

（作者单位 广东省恩平市中等职业技术学校）

网站设计与网页制作 篇12

《网页设计与制作》课程,按照传统知识体系讲授教材,知识点分散,学生综合应用知识能力差,没有学习目标和学习兴趣。通过大量的毕业生调查和企业调研,我们对课程的教学模式进行了大胆的改革,探索出了一条适合培养现代企业需要的高素质技能型人才的教学模式。使用项目教学法课程开发与教学设计,按照真实项目开发的全过程给学生讲授知识,学生既能学习到相关知识又能学到职业岗位所需技能和职业素养。

1 课程分析与课程培养目标

《网页设计与制作》课程是学生毕业后从事网页设计师、网站工程师、网站编辑员等工作的重要基础,也是培养学生细心、耐心、创新能力的一门课程,对学生的实际操作能力有较高的要求。

学习该课程要完成以下教学目标:(1)学习能力目标。收集、处理信息,规划网站的能力;设计制作静态网页的能力;开发动态网页的基本能力;表格布局网页的能力;设计开发网站的综合能力。(2)知识应用能力。创新能力目标;获取知识能力;自我发展能力;创新能力;自主学习能力;感悟能力。(3)职业能力目标。表达能力;乐观精神;敬业精神;团队协作精神;沟通能力;责任感;效率观念。

2 课程设计的理念与思路

2.1 课程设计理念

课程设计理念是,打破传统的按照知识体系教授课程的方式,以学生将要从事的“网页设计师”、“网站工程师”、“网站编辑员”等岗位所需的职业能力为目标,与行业企业合作,进行基于工作过程的课程开发与设计,既保证职业岗位所需技能、相关知识、职业素质的需要,又保持原有面向应用的网站开发技术知识体系的相对完整性,培养学生的职业能力,养成学生的职业习惯,同时也为学生的可持续发展奠定基础。

2.2 课程设计思路

课程按照网站项目开发的全过程和网站开发流程,首先是知识储备阶段,介绍了网站项目开发的相关知识;其次是网站规划和设计阶段,通过网站的分析、规划和设计培养学生项目分析和设计的能力;最后是网站的创建和推广,主要学习网站开发技术以及后期的推广应用技术。通过前期、中期和后期三个阶段的学习和开发,让学生体验一个完整的网站开发全过程。

2.3 通用网站开发流程

(1)选择目前比较流行的七个网站类型为开发项目,根据项目提取工作任务。(2)根据工作任务设计对应的学习任务。(3)根据学习任务设计学习过程,选择教学方法。

3 教学内容的组织与安排

3.1 知识贮备阶段

(1)相关知识:网站建设基本流程;站点的创建;服务器环境设计;域名和空间的申请;Dreamweav简介;Dreamweaver工作界面;创建静态网页;HTML基本语法;ASP基本语句;ASP内建对象;连接数据库;创建记录集;动态内容的绑定。(2)学习任务:学习任务1:网页设计基础与网站建设基本流程;学习任务2:Dreamweaver使用基础;学习任务3:动态网页开发基础。

3.2 项目一:个人网站的建设(1)相关知识:确定网站主题;确

定网站的目录结构;确定网站的整体风格;确定主要栏目和布局;制作库文件;制作模板;设置模板可编辑区;模板网页的创建;特效网页的制作;行为的使用。(2)学习任务:学习任务1:个人网站设计规划;学习任务2:制作网页模板;学习任务3:制作“我的简历”页面。

3.3 项目二:企业宣传类网站的建设

(1)相关知识:企业网站设计要点;网站主要功能页面;创建产品表;创建商品类别表;创建管理员表;数据库连接;设置文档属性;表格的应用;图像操作;制作管理员登录页面;制作添加商品分类页面;制作添加商品页面;制作修改页面;制作删除页面。(2)学习任务:学习任务1:企业宣传网站设计规划;学习任务2:创建数据库表;学习任务3:制作静态页面;学习任务4:制作商品展示后台管理系统。

3.4 项目三:教育类网站的建设

(1)相关知识:网站主要栏目和架构;网站主要功能页面;创建本地站点;创建数据库;建立数据库表关系及查询;添加新闻分类;添加新闻内容;新闻信息的录入;显示新闻的列表信息页面;发表时间、浏览量、新闻评论数的实现;新闻的详细信息页面;对新闻发表评论页面。(2)学习任务:学习任务1:教育类网站设计规划;学习任务2:制作静态页面;学习任务3:新闻发布系统的准备及新闻信息录入;学习任务4:制作新闻系统的首页、内容页及评论页。

3.5 项目四:娱乐交友类网站的建设

(1)项目知识:娱乐交友类网站知识;会员注册管理系统知识;网站色彩设计知识;数据库知识;注册部分、登录部分及管理部分;创建本地站点相关知识;搭建服务器平台相关知识;数据库相关基本概念;创建数据库及相关数据表;表单的应用;内置行为中的检查表单功能;创建服务器行为;绑定的应用;后台数据库的管理及相关操作;创建服务器行为;动态表格的应用。(2)学习任务:学习任务1:娱乐网站主要功能分析及对会员注册管理系统的认识;学习任务2:建立站点及数据库;学习任务3:会员注册相关页面的制作;学习任务4:会员登录相关页面的制作;学习任务5:会员管理相关页面的制作。

以上1个知识储备阶段,4种类型的网站建设项目,19个对应的学习任务,1个对应的项目开发流程训练,之间的基本技能、基础知识、开发技能、职业素质不断强化,最终使学生能够独立完成一个完整的网站项目开发,并且较熟练的开发其他类型的网站,为学生能力的可持续发展奠定了基础。课程教学以项目为导向,用任务驱动教学的各个环节。边做边学,带动相关知识点;培养学生网页设计和网站开发的技能。

4 结束语

基于工作过程系统化的专业课程开发以企业调研为基础,课程的结构、内容、组织方法、考核评价基于企业工作流程而重构,通过学习情境的规划和设计,展现不同情境下企业完整工作过程,有利于学校教育与企业需求的衔接,有利于学生实践能力、创新能力和岗位迁移能力的培养,更符合高职教育的人才培养目标。

摘要：学生在教师的指导下亲自处理一个项目的全过程,在这一过程中学习掌握教学计划内的教学内容。“项目教学法”是一种典型的以学生为中心的教学方法,能够真正实现理论与实践相结合,提高学生动手能力和知识的综合应用能力。

关键词：项目教学方法,网页设计与制作,课程开发,教学设计

参考文献

[1]姜大源.当代德国职业教育主流教学思想研究[M].清华大学出版社,2007.