网页设计制作心得体会（精选11篇）
网页设计与制作综合实训是教学过程中重要的实践性教学环节。它是根据专业教学计划的要求。在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程。因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用。
二、实训目的
1、通过综合实训进一步巩固,深化和加强学生的理论知识于专业技能。
(1)掌握规划网站的内容结构,目录结构,链接结构的方法。
(2)熟练掌握网页制作软件Dreamweaver8和基本操作和使用技能。
(3)掌握页面的整体控制和头部内容设置的方法。
(4)熟练掌握网页页面布局的各种方法。
(5)熟练掌握在网页中输入,设置标题和正文文字的方法。
(6)熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。
(7)熟练建立各种形式的超级链接的方法。
(8)掌握表单网页制作方法。
(9)掌握网页特效制作方法。
(10)掌握网站测试的方法。
2、训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。
3、培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。
4、培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。
三、实训步骤
1、定义站点
2、设定网页属性和文本格式
3、从大到小把结构设计好
4、输入主要内容并进行排版
5、检查并保存
四、实训心得
两周的实训转瞬即逝，在这短暂的时间里，我们在老师的指导和帮助下，对于网页设计与制作有了进一步的了解。
在这两周内，同学们每天都按时完成老师留下的作业，对于自己以前不理解的东西，通过老师的重新讲解、指导和自己的练习，对其有了很好的了解;对于我们看不懂的一些内容，通过与同学协商和听老师的讲解来理解并掌握它。在这两周的实训里，我发现了许多自己以前没有注意到的问题，在flash制作方面，有很多是自己以前没注意过的，通过老师的讲解和同学的帮助，我了解到一些新的东西并对网页设计与制作有了更深的兴趣，如falsh制作与运用、网站的基本制作、超链接的设置等;我们对网页设计与制作方面的知识有了一定的认识，为我们以后对网站的学习和运用有很大的帮助。
“项目教学法”是通过实施一个完整的项目而进行的教学活动, 其目的是在课堂教学中把理论与实践教学有机地结合起来, 充分发掘学生的创造潜能, 提高学生解决实际问题的综合能力。在实施“项目教学法”时, 应重视项目的选择、具体的成果展示、教师的评估总结, 充分利用现代化教学与实验手段, 这是搞好“项目教学法”的关键[1]。
项目教学法一般按照以下五个教学阶段进行:
1.1 明确项目任务:
通常由教师进行必要的教学工作, 然后提出一个或几个项目任务设想, 然后同学生一起讨论, 最终确定项目的目标和任务;
1.2 计划制定:由学生自己制定项目工作计划, 确定工作流程, 并最终得到教师的认可;
1.3 实施计划:
学生确定各自在小组中的分工以及小组成员合作的形式, 然后按照已确立的工作步骤和程序工作;
1.4 检查评估:
学生先对自己的工作结果进行自我评估, 教师再进行检查评分。师生共同讨论、评判项目工作中出现的问题, 学生解决问题的方法以及学习行动的特征。
1.5 归档或应用:
项目工作结果应该归档或应用到企业、学校的生产教学实践中。例如:作为项目的维修工作应记入维修保养记录;作为项目的工具制作、软件开发可应用到生产部门或日常生活和学习中[2]。
项目教学法的关键, 是设计和制定一个项目的工作任务。职业教育培训的每个阶段都可以设计一系列相互联系的项目。但初次学习的操作技能或新知识不一定适合采用项目教学。有时, 参加项目教学学习的学生来自不同专业和工种, 甚至不同的职业领域, 可以实现提升跨领域的专业同事之间合作的能力。
2 项目的实施情况
每个教学项目记录详细的教案, 将完成内容以书面报告的形式书写, 汇编成册以供参考, 同时将项目教学课题从准备实施到教学完成以论文的形式书写发表。从“网页设计”这门课程的项目教学过程中摸索教学模式与教学方法, 应用于其它实践性较强的学科, 以此提高整体教学水平。
本项目从2006年7月开始到2007年2月结束。期间的时间安排如下:
准备阶段 (2006、7~2006、8) :资料收集、素材整理
实施阶段 (2006、9~2006、12) :项目研究、实践教学
总结阶段 (2007、1~2007、2) :测试考评、书写报告
在准备阶段, 我们一共投入了总价值218万的设施和教学仪器;其中包括了校园网络系统、专业实验室、多媒体教师、WEB服务器、计算机外设、网络实验设备和计算机软件等。资料方面收集了大量的素材、并建设了多个网站以备给学生作示例。
实施的对象为本校05春计算机 (中专, 以下简称为05春) 和05秋计算机 (中专, 以下简称为05秋) , 其中05秋为实验班, 05春是对比班。为了能够更好的实施这项项目教学法, 我们做了详细的实施计划;实施计划中分为两个部分:第一部分为示范项目和练习项目;第二部分是实训项目。因为05春和05秋的学生都不曾学习过网页制作, 所以在第一部分中添加了示范项目, 以便提升的学生对网页制作的认识, 随后进行练习项目, 示范项目和练习项目的课题是一样的, 但课时比例是1:2。
从教学的结果来看, 学生的变化很明显, 特别是实验班的学生进步要比对比班的学生要的大的多。学期初实验班对项目教学的定位不是很清楚, 普通反映教学情况不是很理想, 教学初就提出项目的内容使学生很难接受, 较难理解课堂所布置内容, 感觉课程负符较重, 普遍还没有从传统的被迫教学的理念中转变过来;学期中再次进行的问卷调查则反映项目教学充分发掘了学生的能动性, 绝大部分同学能够通过课堂和书本内容独立完成所布置项目, 并且表示:学到了很多课堂之外的知识。到了学期末期05秋的学生已经具备了综合运用知识来解决实际问题的能力, 并能按照项目的具体特点进行有效的分工, 实现体现创新的初衷。学期初的测评对比班成绩比实验班要好, 而且差距较大;学期中的测评对比班成绩比实验班要差, 不过差距不大, 有很多基础的细节部分实验班没能把握, 但实验班设计理念经对比班强;学期末的测评实验班05秋表现出分工明显、按时完成、体现创新的特点来, 而对比班级05春则依旧只能依样画葫芦, 对于细节把握的还不到位, 而且完成一个项目所花费的时间要比计划的多。
3 体会
项目教学法与传统的教学法有很大的区别, 主要表现在其完成了传统教学的三个转变, 使教学由以教师为中心转变为以学生为中心, 由以课本为中心转变为以“项目”为中心, 由以课堂为中心转变为以实际经验为中心[3]。因此, 在实际教学中运用项目教学法进行教学的时候, 应充分认识到:学生是认知的主体, 是知识意义的主动建构者, 教师只是提供了一个平台。在实践过程中我们认识到了以下三点:
3.1 以学生为主体, 促进学生主动积极思考。
在传统教育中, 教师是主角, 教师的工作是在想尽一切办法使知识易于被理解和接受, 学生充当观众的角色, 学生的地位是被动的。一定要使得学生的角色从被动转化为主动学习的地位, 教师就必须要转换角色的扮演, 要让学生养成自己对付难题的习惯, 不要怕学生理解不了课本的内容, 即使遇到一时不能解决的困难, 也要给他们提供试一试的机会。
3.2 教师最主要的工作是提供学习资源和创设协作学习的平台。
教师需要为学生创造多种环境, 使其在不同的情境下来应用所学习的知识, 充分利用用现代教育技术的手段给学生提供多种学习的资源;创造“合作学习”的大环境具有重要意义, 所以教师要积极创设学生小组讨论交流的情境, 让学生在群体中共同批判各种观点和假设, 使学生群体的思维与智慧为每个学生所共享, 为达到达到全体学生共同进步、多点开花而努力。
3.3 项目的选取是学习的关键。
选取项目要和教学的内容相结合, 以现实的对象为标的, 要做到和教学内容相一致, 又能带动学生的学习主动性和兴趣。如果教师和学生共同参与项目的选取, 则教师要注意启发学生去主动发现身边的素材, 选择的难度要适合[4]。
4 困难
在实施的过程中, 我们曾经遇到过很多的困难, 其中最主要的有两点:
第一把握项目的重点和难点。要如期合格的完成项目, 一定要把握好项目的重点和难点, 通过对重点和难点的分析, 并实施有效的具有针对性的方案, 来解决这些问题。通过实施, 我们认识到重点和难点如下:
项目重点:
a.使学生了解实施一个项目的全流程。b.综合运用知识解决实际问题。c.熟练掌握所学的网页设计与制作知识解决实际项目。
项目难点:
a.学生综合运用知识来解决实际问题的能力。b.分工合作完成整个项目。c.网页界面创新能力。
第二是和学生之间认识的差距。在制作项目计划的时候, 没有充分估计到学生能力和学习的水平, 使得我们在工作开始的阶段出现差错。具体的表现如下:
a.学生的学习能力有限。b.学生积极主动性没有调节好。c.学生课后的温习工作没有做起来。
因此, 在以后的教学工作中应当注意及时调整, 不能死守原先的教学计划, 要做出有正对性的修整, 并运用具体问题问题分析的原则, 解决在教学过程中难点。
摘要：项目教学以学生为主体, 教师起指导作用, 充分发挥学生的潜力和能动性, 极大提高了学生学习的兴趣。教师最主要的工作是提供学习资源和创造协作学习的环境。通过设立实验班和对比班, 展开传统教学和项目教学对比实验, 进行有效的测评。
关键词：项目,项目教学法,对比实验
参考文献
[1]励士杰.“项目教学法”在《数字电路基础》课程教学中的应用.[1]励士杰.“项目教学法”在《数字电路基础》课程教学中的应用.
[2]职业技术教育中心研究所.现代职业教育教学参考丛书.[2]职业技术教育中心研究所.现代职业教育教学参考丛书.
[3]李戈文.浅谈“项目教学法”在《IT故障诊断》教学中的应用.[3]李戈文.浅谈“项目教学法”在《IT故障诊断》教学中的应用.
【关键词】网页设计；网页制作；应用分析
当前是信息化社会，数字化时代，因此，计算机课程的教学也在不断改革和发展。学生要想在将来的就业市场占据一席之地，就必须学好理论知识，掌握扎实的基本功。只有学习好相关的技巧和方法，才能制作出良好的网络设计作品。
1.网页设计的基本规范
1.1文档规范。在网页设计中，文档规范是构建网络建设的基本规范要求，严谨的文档规范才能使网页的结构合理规划，才能使文件分类更为合理。这样，编辑在编辑文件时也更为方便、快捷。文档规范主要包括结构规范和命名规范两部分。结构规范是指在网站建设中，其结构要有一定的规范要求。总目录文件夹、子目录文件夹要区分开来，并按照各个类别进行排序。而网页设计中的命名规范主要指各个目录及文件名称的规范标准。一般都是由英文字母、数字以及下划线组成，不能包含汉子、空格及其特殊字符[1]。
1.2设计规范。良好的网页设计，其布局和内容都有合理的规范标准。一张漂亮的网页，不仅要有丰富的内容，漂亮的图片，其页面布局也要工整，合理。这样才能主次分明，突出重点。
网页的内容是网页设计中最基本的内容，因此，其内容的规范要求也要符合一定的标准。无论是文本、图片、脚本还是样式、多媒体和超链接，都要进行合理规范。
2.网页制作的相关要求
网页制作是网页设计的一个重要环节，优秀的网页设计离不开合理的网页制作。只有网页制作技术的不断提高，才能使网页质量不断提升。在网页制作过程中，必须遵循以下基本要求。
2.1网页制作的形式和内容要求
2.1.1网页风格。在当前快节奏社会的大背景下，其网页的设计风格也要符合时代感，基调要健康、明快，体现科学发展观和创新精神。尤其在当前的激烈竞争环境下，网页的风格必须要独特、新颖，与时俱进。网页上的内容也要新鲜、独特，这样用户在浏览网页时不仅可以大饱眼福，还能学到很多东西[2]。
2.1.2网页覆盖面。在校园网络中，其网页的内容要全面反映学校的党建工作、服务、科研、文化生活等各个方面，全面、新颖。在制作网页的过程中，设计者们必须要时时关注校园热点，突出重点主题。
2.1.3网页功能。网页制作时，要突出网页的基本功能，主要以信息功能和服务功能为主。在校园中，学生在浏览网页时，首先就是想了解当前的时事热点以及校园中的重要通知等，因此，信息功能必须居于首位。其次，服务功能也要做到尽善尽美，良好的服务是保证用户浏览量的基本前提，所以也不容忽视。
2.2网页制作的总体要求。网页制作除了要满足网页形式与内容的基本要求之外，还必须要符合一定的规范标准，保质保量。首先，无论是页面、栏目设计还是文字、文稿的相关规范，都要符合相关标准，既要有视觉上的冲击，还要保证文稿文字的严谨逻辑性。其次，页面的内容必须具有时效性。当前的社会发展脚步迅速，其网页的报道内容也需“与时俱进”。网络媒体是当前较为快速、且高效的信息传播媒介，因此，在网页的制作中必须要注重新闻的时效性，尤其对于各大高校来说，师生关注时事热点以及求知、求真的心理更加突出。所以，除了在制作中要注重细节，在维护与管理中也要时时更新各类通知及有效新闻[3]。最后，网页的制作必须具备自身的特色，不能千篇一律，如出一辙。尤其在当前的激烈竞争环境下，网页的制作必须要新颖，独特，这样才能抓住用户的眼球。
3.提高网页设计及其制作的相关途径
要想网页设计新颖、独特，在网页制作的过程中就必须要考虑多种因素，在网页制作中除了要符合基本的规范和要求之外，还要做到尽善尽美，将音、视频等多媒体技术并用，声、图、色、文、动作并茂，形成鲜明的、新颖的网页制作。
3.1不断学习、钻研制作技术。虽然计算机取得了突飞猛进的发展，但是社会仍然在快速的发展前进着，在制作网页的道路中，学者也必须要“与时俱进”，不断学习新的制作技术，并且不断钻研，不断探讨。只有掌握扎实的基本功，才能制作出优秀的设计作品。除此之外，在选取软件时必须要谨慎，尤其对于初学者来说，要选取合理的软件进行设计。
3.2凸显风格。一个独特新颖的网页设计必定能够吸引浏览者的眼球，因此，在网页制作过程中，尽量凸显风格，只有匠心独具的设计，才能让人眼前一亮，印象深刻。而网页的新颖独特也必能让读者有兴趣继续浏览下去。所以，在页面设计时，要合理安排各大版块，且文字、篇幅也要适当选择，切忌文字排版太过紧凑。对于网頁中的图片也要处理妥当，不能过大，也不能太小，并且要安排在适中的位置。
3.3色彩协调。在网页的设计中，色彩的搭配尤为重要。一个优秀的网页设计，离不开色彩的“点缀”和“增辉”。在色彩的搭配上，设计者也要注重选取，搭配协调，不能太过鲜艳而“喧宾夺主”，也不能太过暗淡而“毫无生机”。色彩必须协调搭配，既不能让浏览者眼花缭乱，心烦意乱，也不能太过庄重、严肃，这样也容易触动浏览者的不良情绪[4]。
3.4图文设计。图文设计主要指在网页设计中的图片以及文字的合理排版问题。在涉及文字版块时，无论是字体还是格式都要尽量简化，不能太过繁复，标题要用单独的字号突出而来。而图片的大小、颜色、排版也要安排合理，让图片凸显出美化的氛围而不是“累赘”的效果。
3.5分辨率。分辨率主要是指网页的缩放比例问题，尽量选择标准规范的分辨率要求，这样用户在浏览网页时才能清晰的浏览内容。因此，设计者应根据网页性质，慎重比对，选取合理的分辨率。
3.6文件命名。文件命名要严格遵守相关的规范标准，反之容易造成文件的格式不对，而丢失文件。
结束语：
综上所述，网页设计与制作在电子商务中占据重要的位置，在网络建设中，掌握好相关的方法和技巧是提高制作水平的关键因素。学生应多动脑、多思考，增强责任心和使命感，制作更多、更新颖、更独特的设计作品。
参考文献：
[1]邹杰.网页设计要点在艺术院校计算机教学中的应用分析[J].科技资讯，2014，（15）：22-23.
[2]赵晓静.浅谈网络建设和网页制作的方法[J].电脑知识与技术，2012，（5）：25-56.
[3]李忠明.浅谈网页设计的基本规范和常用技巧[J].电脑知识与技术，2013，（8）：44-45.
回顾第一天的《网页设计与网站建设》课程实操，老师叫我们继续完善以前设计的网站，做出留言板、注册的功能。我很快就完成了，但可能我是一个追求完善的人，所以尽管一个网站做好可以马上交给老师。但我做出一个别人都不赞同的决定，从头开始做一个网站。因为我觉得以前那个真的不是太好，尽管实操的时间过去了一半，尽管别人对我说你交原来这个不就行了吗!何必再做一个呢?但真因为我的执著，追求成功，追求完善的人，才会使我今天交出一个令自己满足的答卷。
在制作个人网站时我们首先：
一、必需进行个人网站前台功能设计
包括个人网站主题的确定，前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。
二、对个人网站后台管理功能设计
包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。
三、网站的发布
通常我们发布一个网站可能以能过域名注册，但我们也可以利用自己主机，装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。
四、个人网站推广
一个网站做好了，就要对个人网站进行推广，这是一个电子商务网站必需做得的一步，因为如果你不对你的网站进行推广，就算你发布了也没有人会知道的。
在设计这个网站时真的体会很多东西，从一开始网页主题的确定，到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。我都一一进行了规划，因为如果你不规划好，想做什么就做什么，是不会做得好的。因我为体会到这一句话：“机会中属于有准备的人”。我详细到一个表格宽度都一一列明。例如：775宽度，分三栏，每一栏占多少。因为我深深懂得“细微处才见真功夫”。
现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。
通过一周的实习，在这门课上我学习到了一些关于制作网页的知识，对flash也有所了解，还学会了一些基础的PS技能
通过一周对这门课的实习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。
在准备材料的时候我们可以用到学习的Flash知识来制作一些小的动画和动态图片，Flash 提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。
然后是对图片的处理，用到了Photoshop等相关的图像软件。也对Photoshop cs4这款软件有了一定的了解，学会了一些基本的ps方法。
接下来是开始正式制作网页。通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。
在网页制作的时候，我觉得首先要列出大纲。列出来后，还必须考虑每个页面之间的链接关系。层次不清的站点会造成浏览困难，影响内容的发挥。
框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。
下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往网页里面填内容。
最后就是对网页的一些细节调整了，保证预览网页的整齐和没有错误。
10市场营销
学习心得
今天上了第一堂选修课，课程内容很简单，讲了一些关于网页的基本内容，Internet是一个覆盖几乎全球的计算机网络， 在上面开通属于自己的微博，就可以发表观点了，有什么开心或是不开心的事都可以在上面的写下来，开心的与他有一起分享，不开心的就可以与他人一起分担，就不会那么伤心了。
最后这两次课，讲了网页制作的一些基本问题，回顾一下之前所学内容，首先网页上文字要合理安排，标题等少量文字可以采用特殊的字体，其它字体尽量选比较普通的字体，适合就好，不要做的比较特别，文字太大占的页面大，太小又不好，所以适中就好，这样就看起来比较大气，那些好的网站就是这样的。再讲了那个图形，网页中通常采用的是JPEG和GIF两种图片格式，通常一般不加背景图片，因为这样要占用大量的储存空间，所以当在打开这个网页时会有点慢，所以考虑网页的大小，尽量不要加背景图片，这样也不会显得花哨。从整体上体看就好一点了。
一、静态网页制作技术
网页主要包括静态网页与动态网页两种,而静态网页制作技术主要指的则是专门对静态网页进行制作的一项技术[1]。一般情况下,其文本格式君为.htm格式。一般认为,静态网页的特点主要为静止,网页中本来存在的内容会一直存在,不会发生变化,这一认识存在一定的片面性,存在一部分静态网页,其中也包含动态的内容。
二、动态网页制作技术
动态网页制作技术即专门针对动态网页进行制作的一项技术,在制作过程中可以利用的计算机语言存在很多种,其中Java Script便属于较为常见的一种,动态网页的制作不会仅仅使用一种语言来完成,不同的语言之间需要互相综合,这样一来,便可以很顺利的实现从静态网页到动态网页的转换。动态网页的制作过程中包含的技术多种多样,其中PHP、ASP以及JSP均为十分重要的制作技术[2]。相对于后两者而言,第一种技术以其应用的便利性为主要优势,成为了当前较受欢迎的一种动态网页制作技术,在这一技术的支持下,动态网页的制作效果得到了明显提高。与PHP相比,ASP与JSP在制作效果以及实现形式方面存在较多的共同点,利用上述两种技术对动态网页进行制作,对于制作效率的提高较为有利。但两者之间同样存在一定的区别,相对于前者而言,后者所适用的范围更加广阔。
三、静态网页与动态网页制作技术比较
作为网页制作的两种主要技术,静态网页制作技术与动态网页制作技术之间即存在区别又存在联系,具体表现在以下方面:
3.1静态网页与动态网页制作技术的联系
从某种程度上看,动态网页制作技术源于静态网页制作技术,前者是对后者的继承与发扬,因此,目前的动态网页制作技术中,仍包含着静态网页制作的一系列理念,这是两者之间存在的主要联系[3]。但相反,静态网页制作过程中所采用的技术均为其本身所具备与应用的技术,并不存在动态网页制作技术的成分。
3.2静态网页与动态网页制作技术的区别
静态网页与动态网页制作技术之间的区别主要体现在以下方面:
首先,两种网页制作技术下,网页内容的保存方式不一致。在网页制作完成并投入使用之后,静态网页的内容会以独立的形式进行保存,但相对来讲,动态网页的内容并不会独立保存。后者网页内容只能在存在用户访问的前提下出现,而前者并非如此。
其次,两种网页在程序的交互性方面存在区别。静态网页制作技术下,网页并不存在交互性,而动态网页恰恰相反。相对于前者而言,后者交互性的实现属于一项极大的进步,不仅能够使网页内容更加丰富、层次更加深入,同时也能够改善用户对于网页的使用体验。
再次,两种技术适用范围不同。一般情况下,静态网页制作技术往往被应用于前台开发的过程,而动态网页则不适合被应用于这一过程。但需要注意的是,为使网站的使用率能够得到提高,在一定的情况下,两种技术之间能够实现相互转换,这属于两种技术整体水平进步的主要体现[4]。
最后,对网站建设过程中,对于上述两种网站的选择一定要根据网站的具体需要来实现,这样才能保证技术应用的合理性。对此,有关人员一定要加以重视,在选择制作技术之前,要对网站建设的目的及其所面临的用户进行考察,以使技术的应用能够达到更加合理的水准,从而为用户带来更好的应用体验。
四、结论
静态网页制作技术与动态网页制作技术均属于网页制作过程中需要应用的主要技术,两种技术即存在区别同时也存在联系。两者之间的联系主要在于后者的实现需要以前者为基础,而两种技术间的区别则表现在方方面面。在网页制作过程中,有关人员需要根据实际情况的不同,对技术进行合理选择,这样才能提高网页制作的合理性。
参考文献
[1]吴静.静态网页制作技术与动态网页制作技术的比较[J].电子技术与软件工程,2014,07:185.
[2]田红玉.静态网页制作技术与动态网页制作技术的比较[J].黑龙江科学,2013,09:116.
[3]姚绍岩.静态网页制作技术与动态网页制作技术的比较分析[J].信息与电脑(理论版),2015,07:71-72.
【关键词】网页设计与制作 ； 课程教学 ； 改革
【中图分类号】TP393.092 【文献标识码】B 【文章编号】2095-3089（2015）15-0266-02
一、课程教学改革背景
我校的《网页设计与制作》课程是信息技术专业的重要专业基础课程，该课程操作性强，知识点多，主要学习设计与制作网站。教学存在一些问题和弊端，如教学方法脱离实践、与市场需求脱节等。《国家中长期教育改革和发展规划纲要（2010-2020年）》明确指出：“职业教育要深化教育教学改革，创新教育教学方法，推进课程改革，加强教材建设，探索多种培养方式“。因此我们进行了改革和实践，以改变现状。
二、课程教学改革基本思路
确定基本导向是“把企业需求作为出发点，以就业为导向，着力培养学生制作网站的技能水平与应用操作能力”，在此基础上酝酿教学改革：第一在教学计划修订、课程设置上进行调整；第二重订教学大纲、授课计划；第三自创“案例—模块—项目”正逆向启发式教学模式。
三、课程教学改革的应用
1.教学目标改革
由原来的学会制作网页改为根据市场需求设计制作出一个完整的静态网站。
2.课程设置改革
1）重新设置课程内容。确定四大内容模块：①Dreamweaver网页制作；②Flash动画设计；③网页图像处理Photoshop；④基础的动态网页制作。第四点是原来不曾有的知识点，根据调研加上去的。
2）调整课程设置目标。以做出完整的网站为最终目标和考核方式。
3）不同专业确定不同教学目标。原来只要是开设了本课程的专业，教学目标都一样，现在针对不同专业制定不同的教学目标。
3.教学内容改革
1）Dreamweaver网页制作中，在原有知识点上增加了“HTML“、网页特效制作、WEB服务器设置、域名和网页空间的申请、网站测试发布宣传和推广、网站的更新管理和维护等重要知识点，并将原来的“表格+层”布局改为“CSS+DIV”布局。
2）Flash中强调变形动画、位移动画、遮罩动画、路径动画、脚本动画等实践性强的知识点操作，还增加了网页制作、相册制作等知识点。
3）图像处理则以Photoshop绘制、设计、处理图片、添加热点、切片工具，制作？鄢.gif网页图像等为基础，重点学习网页布局设计、网站标志设计、网站广告圖片设计、网页色彩搭配等常用知识。
4）动态网页制作使用ASP.NET技术开发平台，要求能实现前台用户注册、登陆和后台管理员对用户的添加、修改、删除、审核等管理功能。
所有知识点囊括了从网页构思、规划、制作和网站建设的全过程，一切为完成最终的网站项目服务。
4.教学方法改革
1）自创“案例——模块——项目“正逆向教学法。这种教学方法以案例为基础，相关案例构成一个模块，几个模块构成一个项目。其中案例是将课程内容与教学内容联系起来，将要讲授的知识点以实例的形式体现；模块是按照教学大纲的思路，将几个相近案例组合在一起，实现岗位技能的应用，有明确的学习目标、学习内容和考核标准；项目是各案例模块综合起来的一个任务，根据制作完整网站项目任务分析，确定不同知识模块。
2）辅以任务导向法、技术艺术法、趣味引入法、学生施教法、作品评价法、互动教学法、讨论教学法等多种教学方法因时制宜综合运用。
“案例——模块——项目“正逆向教学法与其他多种教学方法并用，提高了学生的学习兴趣，增强了课程的知识性、实践性和趣味性。
5.教学手段改革
1）使用我校高质量、高尖端的网络教学平台和教师端教学程序在实训室内联机教学，教师机能随时点名、教学、演示、答疑，控制学生机的开关、收发作业，学生也能随时提问、观看教师演示，自己练习，目前该课程全部在实训室内进行。
2）利用广阔的因特网做为学习空间，学生不但可鉴赏、观摩国内外优秀网站、动画、版面、图片、资料等，还可上传自己制作的个人主页和小型网站，学生学到许多课堂上接触不到的知识。
3）到社区、学校、中小企业、政府机关、互联网等广阔的社会天地去实习、训练，让学生接受生产一线的考验与锻炼，毕业后不需培训即可进入一线岗位。
6.教材改革
1）校本教材
①根据革新的授课内容来制定教材，去掉不合理的增加实用的知识点，并按实际操作调整内容排列顺序。
②教材中每小节知识点以案例的形式体现，数个案例形成一章，一章体现的就是一个模块的内容，数章体现的是一个项目。
③一章一章深入，内容相互衔接，由易到难，由小到大，循序渐进。
④完整的教材应包括文字概述、案例、案例组成的模块、模块组成的项目，网站实例，课件、实训习题等。
2）优先选用省部级以上获奖的高职高专优秀教材。
7.实行考评改革
在考评上我们加大了平时考评的力度，由最初的试卷考评、认证考评，到现在的通过平时作业完成情况、网站项目制作情况、创新、协作精神四个方面来考查学生的综合素质和动手能力，确定学生的考评成绩。
四、改革效果
1.提高了教学质量
通过改革，教学质量得到提高，学完本课程后，每个学生都能制作出一个完整的中小型网站来，毕业后就能赴生产一线岗位工作。像11级李海星的百姓鞋业网站、彭哲的音乐网站、柳志凡的手机网站、像12级的刘运文制作的汽车网站、吴流芳婚纱网站、岳婷的茶叶网站，08级的等都赢得了客户的好评。其中11级陈晓娟参加湖南省高职院校网站设计技能比赛获得第六名的成绩。
2.提高了教学效率
教改后，教学效率有了质的飞跃，原来需要四五个课时才能讲清的内容，现在两三个课时学生就能掌握。
3.提高学生学习积极性与创新思维
经过教改后，学生学习积极性越来越高，学习越来越主动，创新性作品不断涌现。
4.提高学生团结合作精神
在制作一个网站时，往往将其分成几个模块让几组学生共同完成。这样学生参与团队工作，随时会注意整体性和协调性，团队合作能力得到提高。
5.加强了课程建设
通过此次改革，重新定向课程目标、更新课程内容、理清了相关前后续课程，使课程结构变得更加合理，课程内容更加符合市场的需求、技术应用型人才的培养。
五、总结
通过近两年的网页设计与制作课程教学全面改革，调动了学生的学习积极性，培养了他们的科学创新思维，团结协作能力与动手操作能力。
参考文献
[1]李淑珍，李晓宾. 《网页设计与制作》课程在不同阶段的不同教学方法探讨[J].软件导刊，2008，（04）：138-139.
通过这次培训学习，使我进一步地掌握了制作和应用ppt等网络教学的知识和技能，增长了见识，理论水平、操作水平也有所提高。基本上掌握多媒体教学演示文稿的制作方法，这次培训学习心得体会如下：
一、知识点：
这次培训学习主要有以下几个方面内容：
（一）创建演示文稿
（二）插入多媒体资源
（三）多媒体资源搭配
（四）播放和调试文稿
二、内容呈现：
1.创建课件页（1）新建文稿
启动PowerPoint，在“新建演示文稿”对话框中选择“空演示文稿”。（2）选择版式
默认的是“标题幻灯片”。课根据自己的需要进行选择；（3）输入文本
选择“插入”菜单中“文本框”中“文本框”命令后，在编辑区拖动鼠标，绘出文本框，然后输入相应文字或者粘贴上你所需要的文字。
（4）格式化文本
与其它字处理软件（如WORD）相似（5）调整文本位置
通过调整文本框的位置来调整文本的位置。先选中要调整的文本框，使其边框上出现8个控制点，然后根据需要拖动控制点，文本框随之改变大小。当鼠标指针放在文本框边上的任何不是控制点的位置时，鼠标指针附带十字箭头，这时拖动鼠标可调整文本框的位置。
通过调整文本框的位置来调整文本的位置。先选中要调整的文本框，使其边框上出现8个控制点，然后根据需要拖动控制点，文本框随之改变大小。当鼠标指针放在文本框边上的任何不是控制点的位置时，鼠标指针附带十字
箭头，这时拖动鼠标可调整文本框的位置。
2、编排与修改 2.1 插入图片
（1）选择“插入”-“图片”，选取合适的图片，然后单击“插入”按钮。2.2 选取模板
单击“格式”菜单中的“幻灯片设计„”命令，选择合适的模板，也可在幻灯片上单击右键，通过快捷菜单选择“幻灯片„”命令。
2.3 应用背景
如果不想对课件页添加模板，而只是希望有一个背景颜色或者是图片，可以单击“格式”菜单中的“背景”命令，在“背景”对话框中，打开下拉列表框，或单击“其他颜色„”选择合适的颜色，也可以选择“填充效果” 2．4影片、声音
执行“文件——插入——影片和声音”选择文件中的影片或者文件中的声音进行操作，为了防止课件到拷贝其他电脑无法获取文件，可将声音或影片文件与幻灯片文件放在同一文件夹下
三、学以致用：
1、PowerPoint中有多种创建演示文稿的方法，对于一个初学者想要快速制作一个演示文稿可以根据内容提示向导创建演示文稿。“内容提示向导”是创建演示文稿最快捷的一种方式，在“内容提示向导”的引导下，不仅能帮助使用者完成演示文稿相关格式的设置，而且还帮助使用者输入演示文稿的主要内容。
2、在多媒体演示文稿的页面中插入有关的文本、图片等多媒体资源需以下几个步骤：选择要插入的多媒体资源； 调整插入对象的位置和大小；
3、（1）配色方案：配色方案就是由多媒体演示文稿软件预先设计的能够应用于幻灯片中的背景、文本和标题等对象的一套均衡搭配的颜色。通过配色方案，使多媒体演示文稿色彩绚丽，多呈现的内容更加生动，进行配色时需完成以下几个步骤：选择配色方案；应用配色方案；（2）利用版式搭配多媒体资源：版式是PowerPoint2003软件中的一种常规排版的格式，通过幻灯片版式的应用可以对文字、图片等等更加合理简洁完成布局，通常PowerPoint2003中已经内置文字版式、内容版式等版式类型供使用者使用，利用版式可以轻松完成幻灯片制作和运用。运用版式搭配多媒体资源需要以下几个步骤：选择版式；应用版式；（3）、图形组合：图形组合是PowerPoint软件中的一种图形处理功能，可以将多个独立的形状组合成一个图形对象，然后对组合后的图形对象进行移动、修改大小等操作，操作步骤如下：选择图形；组合图形；
4、播放和调用文稿：（1）、自定义播放：由于一个演示文稿中可能有很多张幻灯片，有些时候我们不需要全部播放出来，这时就需要对演示文稿中的幻灯片设置自定义播放。自定义播放演示文稿需以下几步：选择要播放的演示文稿；设置自定义播放；（2）、打包演示文稿：演示文稿制作完成后，往往不是在一台计算机上播放，有时会出现演
示文稿中所插入的视音频等资源不能顺利播放的情况。如张老师把在家做好的演示文稿拿到教室播放，在排除连线、播放软件问题等因素后，演示文稿中插入的资源仍不能播放，请教计算机老师后，计算机老师建议可以通过以下两种方式解决：打包演示文稿；用U盘把PowerPoint中的所有资源拷到教室重新做链接；（3）、PowerPoint放映格式：我们一般都习惯将多媒体演示文稿保存为默认的演示文稿格式，其实还有很多保存格式可供我们选择，这里为大家介绍PowerPoint放映格式。它有操作方便、省略了打开PowerPoint、点击[观看放映]的繁琐步骤；可以避免课件内容被他人意外改动而导致“面目全非”以及可以在没有安装PowerPoint软件的计算机上播放的优点。演示文稿保存需以下几步：点击另存为命令；选择保存类型为PowerPoint放映格式。
四、反思与改进：
我是一名高中物理教师，要适应现代教育教学工作的需要，就应该具备现代教育技术的素质。而要具备现代教育技术的素质，首先必须掌握现代媒体技术并把它很好的应用在课堂教学中，更好地发挥其多功能积极的作用；学习和掌握ppt的基本知识和基本技能并有机地渗透到教育教学中，要想制作一套精美而实用的幻灯片，本身就是一个不断创新的过程，它不仅需要精心准备和制作媒体，还要精心研究教材，研究学生，研究其它多方面互动因素，并预测可能出现的突发结果等。同时，教师还应该具备优化教学过程的系统方法，即教学设计等，教师只有具备了这样的素质才能适应现代教育的需要。而且教师掌握了现代信息技术，还有助于改善教师的能力结构，增强教师对教育教学工作的适应性，以便在工作中更好地发挥其应有的潜能。
泾川二中
郭爱琴
导读：学习多媒体教学演示文稿的制作的，心得体会，我对教学媒体和资源总是充满了兴趣，我更喜欢利用多媒体，来引导学生学习新知识，这次暑期全员培训中我学到制作演示文稿的时候，清新的ppt演示，实用的制作技巧，制作攻略更是让我热血沸腾，我终于认识到了我以前为什么很用心的制作PPT，在本次培训中制作演示文档的部分，如果将知识点精炼再加上图片会提升学生学习的兴趣，在本次学习中，学习多媒体教学演示文稿的制作的心得
作为一名中年教师，我对教学媒体和资源总是充满了兴趣。在上课的时候，我更喜欢利用多媒体，来引导学生学习新知识。但有的时候上课的效果却不尽如人意。这次暑期全员培训中我学到制作演示文稿的时候，清新的ppt演示，实用的制作技巧，让我眼前一亮，制作攻略更是让我热血沸腾，我终于认识到了我以前为什么很用心的制作PPT，但是效果却不好的原因了，那就是没有人会对着密密麻麻的知识点感兴趣的，不由得想到了初中时候的自己，和他们不是一样的吗？
在本次培训中制作演示文档的部分，我对它进行了简单的总结;攻略一：少即是多：每页一个主题；巧用备注栏；字少图大；提炼关键词句。呆板无趣的知识点会让学生们昏昏欲睡，如果将知识点精炼再加上图片会提升学生学习的兴趣，而且也减轻了学生的负 担，让他们在快乐中获取知识。甚至在PPT中我可以恰当使用高桥法，醒目的字眼跃然眼帘，再不用老师来反复强调这是重点啊重点啊！
攻略二：：换位思考：文字不小于24号；及时回顾总结；文字和背景反差鲜明；从学生的角度来思考一堂课的教授方法，没
有那么多过目不忘的学生，怎么讲课才能使学生印象深刻呢？看来我要在这方面多下功夫了。
攻略三：逻辑清晰：顺序播放；逻辑主线简明；格式一致；思想要点图表化。
攻略四：形象表达：适当运用全图型PPT；图表图形化；精心设计封面和目录；用声音烘托气氛。一幅好图胜过一千句话，无关的美景干扰主题；过多的插图分散注意；过于复杂的画面增加认知负荷；插图与背景混杂。
攻略五：动静结合：控制长度；加快速度；明确目的；聚焦内容 制作简单的课件。课件制作中应注意的几个问题 1.要简洁实用
2.注意色彩的合理应用，色彩的应用可以给课件增加感染力，但运用要适度。如：色彩搭配要合理，动、静物颜色要分开，每个画面的颜色不宜过多。3.注意字、图、声的混合，对于一些动画，由于其自身不带声音，设计时，应为动画配上适当的音乐或音响效果，对于一些字、词，除了采用不同的字号、字体和字形外，也可以运用动画、闪烁引起幼儿的注意。通过学习，我对制作课件有了新的认识：制作课件既要讲究精美又要讲究实用。不同的制作软件具有不同的特点，在制作课件时，应根据需要选择合适的制作软件。制作课件是一个艰苦的创作过程，优秀的课件应融教育性、科学性、艺术性、技术性于一体。计算机知识更新是很快的，只有不断地学习，才能掌握最新的知识，把工作做得更好。
【关键词】网页设计；创意分析；制作技巧
人们对美的追求是不断深入的，网页设计同样如此。网页的从无到有，从满足基本的功能需要到追求美的较为高层次的需要，这是一个循序渐进的过程。由于商业竞争和工业化大生产的结果，使得人们不断地改进产品的功能，更为重要的是改进产品的外观，使产品更符合美的需要和使用方便，从而使今天货架上出现了琳琅满目的漂亮的产品。笔者认为网页同样也是如此，在满足了基本的功能的要求之后，为了突出自己的特色，突出自己的优势，必须从审美上更进一步加强，使美感与创意以及实用性相结合，达到网页本应有的商业效应以及自身的艺术价值。
1网页设计概念
目前，网页设计没有一个统一的标准和规范的方法。所以在实际设计时会有许多差异。网站设计，是一个把软件需求转换成用软件网站表示的过程，就是指在因特网上，根据一定的规则，使用Dreamweaver、Photoshop等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。一个网站可能有多个网页组成，为了使这些页面有效的链接起来，就需要设计者给这些页面起具有代表性的名称，这样不仅有利于管理者管理页面，也利于使用网页的人在搜索时检索到。另外要设置多的关键词，方面使用人检索。
2网页设计创意要求
一个网站可能有多个网页组成，为了使这些页面有效的链接起来，就需要设计者给这些页面起具有代表性的名称，这样不仅有利于管理者管理页面，也利于使用网页的人在搜索时检索到。另外要设置多的关键词，方面使用人检索。用户在登录页面时，第一印象很重要，因此保持页面有合理的视觉效果很重要。要保持良好的视觉效果，需要注意以下几点：①合理应用反差效果。反差效果包括图片反差、颜色反差和字体反差等；②合理构造网页结构和排版。在网页设计中要善于用表格来布局网页，体现出其中的重点所在，抓住人们视线的焦点，同时加入适量的彩色图标，增强图像感；③页面的长度要适中，很多用户在查看网页的时候不喜欢使用滚动条，这就需要在网页设计的时候将网页长度控制在一定的范围内；④页面的风格要一致，使得图像、文字、背景、标题、注释等风格一致，这样才能在第一眼就抓住用户的心，给用户眼前一亮的感觉。很多设计者在设计网页时认为用户会和他们一样了解网站，所以在设计网页的时候会忽略导览，给用户带来了一定的困难。网站设计者最好给用户能提供本网页的地图，并且让用户在主页上以关键字或词语查找所需的信息，方便用户。所有页面从头至尾都要使用导航标志，尤其要用“返回到首页”链接。设计者要给每幅图片加注说明，这样在图片缓冲的过程中，用户可以先通过文字说明了解图片的大概信息，节省时间，不然用户在等待的过程中，会生出厌烦的情绪，一旦这种情绪出现，就算你网页再好，在用户心中也还是会打了折扣。人们在阅读页面时，文字作为重要的信息输出方式，其正确与否直接关系着用户对网页的评价。如果网页上出现大量的拼写和语法错误，用户肯定会产生不好的印象。因此，网页设计者在网页设计的同时仔细检查文字拼写，使得网页尽善尽美。保持链接的有效性才能使得用户在使用时能快速的找到页面，如果链接失效，那么网页制作的再好，也是枉费精力。同时要给用户提供信息相应的联系方式，使得用户可以对感兴趣的信息获得更深入的了解，这样用户才能更依赖网页。
3网页设计的制作技巧
在网页设计之初，应该准备大量的资料，这些资料必须是有价值的，不能违反著作权的相关规定。大量的资料对后期合理的排版，架构的调整，内容的丰富有着很重要的作用。
建议每个网页尽量在15k以下，如果可以缩减到12k，甚至10k那就更好，但是不能在5k以下。其实我们都知道，搜索引擎最佳化的目的，实际上是为了使用者，而不是为了搜索引擎本身。只有使得使用者用着顺心，才是最好的网页设计。在网页设计的过程里，合理编排内容显得尤为重要。要让一篇文章表达出想要表达的意义，让用户在查阅时清楚的知道设计者想要表达的内容，关键词尤为重要。而关键词如何放置才能起到这样的效果呢？拿出你的关键字，在下列六个地方各使用一次：标题、标签、网址里面、粗体关键字（就是写出你的关键字，然后把他加粗）、斜体关键字（就是写出你的关键字，然后把他斜体）、页面上半部。链接分为外部链接和内部链接，在外部链接时候，要使用到关键词，可以在关键词上直接设置链接，这样，用户查阅这些资料时，可以顺手直接链接过去，既简单又方便。内部链接要注意链接内容的一致性。不能将不相关或者关系不大的两个页面链接起来，那样显得复杂且让入迷惑，给网页设计带来不好的影响。在网页设计中，保持网页的新鲜感至关重要。最主要的是网页色彩的搭配。我们通常的做法是：主要内容文字用非彩色（黑色），边框，背景，图片用彩色。这样页面整体不单调，看主要内容也不会眼花。而色彩的搭配按照：红>黄>绿>蓝>红，依次过度渐变，就可以得到一个色彩环，两边是暖色和寒色，中间是中性色。通过这些色彩的运用，给用户一个不同的心理感受，从而增强用户对网页的记忆深度。在网页设计完成后，要对网页进行着跟踪，看用户在查阅网页的时候对哪方面的关注更多一点，对那里的信息更感兴趣一点，同时也要关注用户对那里的设计不满意，那些信息根本就用不到。知道了这些信息之后，对网页进行改进，去繁从简，去粗取精，让网页设计更加的优化和深入人心。
参考文献：
[1]李海峰.基于J2EE技术开发高性能BBS论坛[J].科技与企业，2015
【网页设计制作心得体会】推荐阅读：
网页制作设计报告07-04
网页制作与设计12-30
网页设计与制作课程01-09
网页制作课程设计定07-22
网页设计与制作实习日记07-25
网页设计与制作的应用论文10-07
网页美工设计制作岗位职责06-29
网页制作心得体会10-11
网页制作心得免费05-28
动态网页制作心得07-14
