简单的网页设计效果图 第1篇
［关键词］O2O教学模式;网页设计与制作;教学改革
一、O2O教学模式的概念及特点
二、采用
O2O教学模式的必要性和可行性
(一)必要性
(二)可行性
通过调查分析，免费无线WIFI已覆盖全院，人人都拥有至少一台移动终端设备，学院机房课外时间都为学生开放。我院已购买了支持手机端学习的超星慕课平台，这些软硬件设备都为开展O2O教学提供了良好的基础。此外，通过调查发现教师很愿意尝试利用这种与互联网关系密切的具有创新的现代信息技术教授方式，学生也很愿意接受这种具有自由灵活性的学习方式。
三、《网页设计与制作》课程应用
O2O教学模式的背景《网页设计与制作》课程的特点是理论难度较大、实践性强。课程的知识点较多且比较抽象，课堂上大多数知识点学生能听懂，但不能将各个知识点融会贯通，遇到实际的WEB页面设计工程时便是无从下手。在传统的教学模式课堂上，教师通过举例展现实际效果将知识点解释清楚，并对各个知识点的关系进行梳理。但由于课时的原因，学生听完之后就没有更多的时间进行下一步讨论，在没有听懂的情况下也没有时间向老师请教，就更不用说对本堂课的知识进行扩充延伸。为了改变传统教学模式教学效果和效率低下问题，2016年5月，我院引进了超星慕课平台，将《网页设计与制作》课程作为试点进行教学改革，探索出一套适合我院的O2O教学模式，然后在全院范围内推广至其他课程。
四、基于O2O教学模式在《网页设计与制作》课程改革与实践
(一)线上网络平台资源的建设
简单的网页设计效果图 第2篇
传统中文文档默认行间距一般为倍
在现阶段的网页设计中
汉字一般使用倍的行间距。
不同数值的中文行间距
英文段落一般选择倍行间距
简单的网页设计效果图 第3篇
1课程建设的思路分析
（1）课程教学目标及时更新，课程内容依据岗位要求。结合高职院校的办学特点，以就业为导向，以服务为宗旨，课程内容的建设必须是与社会需求挂钩的，因而，首先弄清楚当前社会所提供的
网页相关岗位的要求，制定有针对性的课程目标和内容，加强学生的动手实践能力和岗位竞争力。
（2）明确教学对象特点，制定有针对性的教学方法。明确课程开设的专业和对象，针对教学对象的特点和教学内容，采用合适的教学方法。
（3）实践与理论同步进行，以培养动手能力为目的。培养目标立足于实践动手能力为主，理论够用为原则，重在一个动字，只要学生能动手，就是好的开始，边学边做边理解，这样更适合高职院校学生的学习习惯和方式。
（4）针对社会需求，调整课程内容。课程内容不能一成不变，需要根据社会需求及时调整，保持专业的就业竞争力，提高就业成功率。
（5）加强课程群内课程互联紧密化建设，强化交点。加强《网页设计与制作》课程群中各课程间的紧密和联系性建设是十分必要的，课程群里课程的开设不应该是孤立的，而应该是相互作用，相互影响的，了解和掌握课程群中各课程之间的关系和地位是课程改革的前提。
2课程改革的具体实施
2．1制定符合当前岗位要求的课程教学目标
制定教学目标，应该事先了解近期本领域内岗位设置的要求，例如可以通过对毕业生进行跟踪调查、公司走访、网上查询等途径了解岗位需求，动态的调整教学内容和目标。
2．2根据社会需求，调整课程内容，同时加强课程间的紧密性
目前许多高职院校的图形类专业开设的《网页设计与制作》课程主要是以静态网页为主，这也确实是图形专业的特点，但是社会需求对课程的要求越来越高，对课程内容可以做以下调整：
1）加强平面课程与《网页设计与制作》课程的联系，将fireworks与photoshop合并在一起，开设专题，讲解平面网页的相关知识，提高学生平面设计的功底，强化学生把平面知识充分的应用到网页设计的实战中来。
2），教学内容上应该革新，在保持原有的课程内容的基础上增加交互性设计的内容，例如javascript、数据库、简单的服务器技术如php等，扩大课程的知识覆盖面，提高岗位竞争力和扩大就业面。
3），尽量弱化Flash在网页中的作用，减少网页插件的使用，改用javascript等技术代替。
2．3教学方法的改进
增加了交互性设计的内容，课程难度自然也就提高了，如何让学生能顺利掌握这些知识点是一个很关键的环节，例如可以采用项目教学、任务驱动、教学做一体化等教学方式。
2．4考核方式的建设
例如，期末考试可以让学生在规定的时间内完成多种工具的使用，例如用ps或者fw设计图片，再利用dreamweaver对设计的图片进行布局，同时增加javascript的应用，将各个知识点整合到一个完整的项目中来，将考察的重点放在过程，放在了对知识的综合运用。
3总结
简单的网页设计效果图 第4篇
【关键词】网页设计与制作 教学理念 教学策略 考核方法
随着信息技术的迅速发展，网络在人们的生活中扮演着越来越重要的角色，使人们的生活方式发生了翻天覆地的变化，上网已成为一种潮流。因此，网络成为信息革命的主导力量，它能承载巨大的信息量，是世界最大的资源宝库，由于网络可以实现资源共享，人们越来越习惯在互联网上搜索信息。而Dreamweaver网页设计与制作是现代计算机网络技术中最受欢迎的技术之一，自然而然《Dreamweaver网页设计与制作》课程也倍受学生的青睐。该课程具有自身的特点，它对学生的操作能力和实践能力要求比较高，主要是要求学生能够熟练掌握Dreamweaver制作简单的静态网页。通过使用Dreamweaver软件掌握基础网页设计与制作的基本方法，综合所学知识能够建立基本的静态网站，成为社会所需人才。因此，本文根据社会的需求，就如何使学生更好地掌握Dreamweaver网页设计与制作进行探析。
1.改变教学理念，激发学生的学习积极性
根据社会发展的要求对本课程的教学内容进行了一定地调整。课程教学内容的调整必定涉及到教学理念的改变。由于调整后的课程教学内容主要由当今实用的、流行的新技术几个部分组成，如Html和fireworks的使用，而这几个部分的内容具有较强的实用性、操作性。因此，教师讲授时应该抓住Dreamweaver这条主线，将课程内容融会贯通，整理思路，便于学生接受和掌握。
在讲授理论知识的时候学生会觉得Html语言很乏味，这种操作性强的内容如果不进行及时的实践操作，掌握起来很困难，一旦能让学生看到自己亲手操作后的效果就会有一种成就感，这样就能激发学生的积极性，强化所学内容，增强自己的动手操作能力。
众所皆知，兴趣是最好的老师。如果学生有浓厚的学习兴趣就会积极主动地学习，集中注意力，注重每一步操作的细节。因此，在教学的过程中，教师要激发学生的积极性，培养学习兴趣。如第一章介绍网页制作的基本内容和相关操作步骤时，教师就要结合具体的实例进行具体讲解，介绍有代表性网站的整体布局、网站风格等网站的相关内容。由此学生就能触类旁通，根据自己的想法制作和设计出意想中的网站风格，从而产生制作个人网站的欲望。这份欲望给了学生巨大的动力，也是学生学好网页制作的前提条件。
2.改进教学方法，提高学生的动手能力
《网页设计与制作》课程要求学生具有较强的动手实践能力[2]。不仅要求学生能够熟练使用Dreamweaver进行基本的网页制作，还要求学生能够根据所学知识解决具体问题，能够灵活运用到实际操作中。
《网页设计与制作》课程的教学要循序渐进，首先学习网页设计与制作的基础知识，然后要学习如何美化网页、使用各种工具进行操作，最后综合所学知识制作一个简单的网站，使所学知识能够融会贯通，灵活运用，这样就可以有效提高学生的整体性思维能力，增强学生的动手能力。
3.改革考核方法
考核是任何课程进行测试的一种方法，Dreamweaver网页设计与制作课程也不例外。改革考核方法一方面可以帮助教师改进教学方法，激发学生学习的积极性[3]。以前一些操作性和实践性较强的课程也习惯用笔试的方法进行考核，考核的内容都是一些理论知识，根本不能反映学生对所学课程的具体情况，这与该课程的要求相悖[4]。因此，在“网页设计与制作”课程中，要采用多种考核方式，把学生的成绩分为三部分，分别为平时考查成绩、综合作业、期末考试。
考查成绩主要是根据学生在上实践课时的表现来评定，此部分成绩占30%；综合成绩则以学生在规定的实时间内完成的设计方案来考查学生的动手实践能力，教师根据学生的设计方案评定学生的综合成绩，评价学生的专业技能，这部分成绩占30%；最后是期末上机考试的成绩，考试形式为开卷式，只对最终网页的制作效果提出要求。这样学生就能根据自己的想法设计出不同风格的、有自己个性的网站，提高学生的整体思维性能力，最终的考核质量作为学生的考试成绩，占总成绩的40%。
总之，改革Dreamweaver网页设计与制作课程的考核方法，有利于激发学生的学习积极性，培养学生的学习兴趣，提高学生的整体思维性能力，进一步提高学生的动手能力和实际操作能力，从而提高教学质量和水平。
4.结语
经过上述分析得出，在Dreamweaver网页设计与制作的教学过程中，不仅要改变教学理念，激发学生学习的积极性，还要改进教学方法，提高学生的动手能力。除此之外，考核方法的改革也是必要的，以此来提高教学质量和水平。
参考文献：
[1]黄学群.《网页设计与制作》课程的教学探讨[J].今日南国，2011，12（08）：105-106.
[2]陈风芹. Dreamweaver网页设计与制作教学探讨[J].教学园地，2012，25（12）：255-255.
简单的网页设计效果图 第5篇
关键词：网页设计与制作；教学内容；教学方法
_Webpage Design and Making_ Curriculum Teaching Method Exploration
FAN Yi-hong
(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)
Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。
Key words: Webpage design and making; Content of courses; Teaching method
随着计算机网络技术的迅猛发展和网络应用的日益广泛，Internet在人们的生活、学习和工作中的地位显得越来越重要，上网冲浪已经成为现代人生活的一个重要部分。信息技术的高速发展，使人们通过网络来个人或者企业的信息、推广企业产品已成为一种流行的趋势。网页已经成为信息共享和传播的主要载体，掌握网页的制作和网站的管理等内容已成为现代人必备的一种技能。
《网页设计与制作》是软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、计算机应用等专业公共的必修课程，也是许多高校的公共选修课，具有实践性强和知识面广的特点。该课程要求学生掌握HTML语言、CSS+DIV、JavaScript语言、Photoshop图像处理、flas制作等基本知识，为后继课程《动态网页设计》、《计算机网络》等打下牢固基础，因此该课程具有知识点多、操作性强的特点。如何提高《网页设计与制作》课程的教学质量，是亟待解决的问题。根据近年来对网页课程的讲授经验，笔者从课程目标、课程内容、教学方法、课程实践、课程实训等几个教学环节对该课程进行了一些研究和总结。
1理论教学
课程目标
《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：
1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；
2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；
3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；
4)使学生能够用Flash进行网页动画的简单设计；
5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。
课程内容
HTML网页设计
重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。
DIV+CSS网页设计
DIV+CSS是目_页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得 网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。
该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。
Photoshop图像处理
重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。
课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。 Flas制作
重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。
JavaScript程序设计
JavaScript是目前Web客户端开发的主要编程语言，也是Ajax的核心技术之一。该部分重点知识包括JavaScript编程基础，变量、数据类型和表达式，流程控制，函数，对象编程，文档对象模型与事件驱动，窗口、文档和表单对象，级联样式表（CSS）技术，动态对象和Cookies及安全等，JavaScript中的XML、Ajax技术以及JavaScript实用技巧与高级应用。
教学方法
该课程的教学实践性较强，知识覆盖面广，在教学中要极大的激发学生的参与性，锻炼学生的动手能力，培养学生的学习兴趣。注意引导学生学习理论与实践相结合，将理论应用于实践。
教学过程中大胆运用模块教学法、案例教学法等教学手段，充分调动了学生的积极性和创造性，教学效果明显提高。
模块教学法
根据教学内容的不同特点，将整个《网页设计与制作》课程的教学分为五个阶段，第一阶段使学生熟悉并掌握HTML语言；第二阶段重点在于CSS样式表以及CSS+DIV布局方法；第三阶段在于利用Photoshop进行网页效果图的制作，并将图片切片输出；第四阶段在于利用Flash制作动画；第五阶段在于JavaScript程序设计；每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段，要学生学会并熟记HTML标记的用法，这就要通过大量小实例练习；在第二阶段主要进行页面整体布局的练习，学习如何把整个网页分成不同层次的块，然后再学习每一块的设计方法，只有通过全面的练习，才能掌握丰富多彩的网页设计方法；第五阶段则主要学习最新流行的网页效果的设计，重点在于网页程序的设计。每一阶段的教学内容完成后，在机房组织小测验，以实现分阶段达标，最终使学生完成该门课程的学习任务。
案例教学法
在课堂上采用案例教学法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。比如在讲解HTML的标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HTML基本标记学完后，通过一个综合实例――具有多个网页的网站的设计，综合应用HTML语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。
2课程实践
实验题目的设计
结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。
HTML网页设计
实验1 HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5 HTML综合实例。
DIV+CSS网页设计
实验1 CSS文字排版、实验2 CSS网页布局、实验3背景设置、实验4 CSS导航菜单设计、实验5综合实例。
Photoshop图像处理
简单的网页设计效果图 第6篇
【关键词】网站开发与网页制作 网络现状分析 网络设计未来发展规划
1 “网站开发与网页制作”网络设计现状分析
网站开发语言安全性
网站开发采用的语言有ASP、php、aspx、java等，实际开发制作中PHP+SQL的应用非常广泛，这在网络课程设计中也是综合运用的重要课程，它能独立实现网页的自由切换，完成复合图形的链接，调整网站的模式结构，它的动态因素还能起到吸引眼球，脱颖而出的效果；网站开发中PHP+SQL的综合运用更是提高了网页的利用空间，加速了后台数据库的建立，同时提高了网站开发的安全性和注重浏览者的综合感受。
静态网页制作中Dreamweaver的应用
收录引擎对网站的友好度
2 “网站开发与网页制作”设计发展规划
多层次深发展满足不同领域的需求
网络课程是一种以学生为主体的网络教育方式，它注重学生的实操能力和融会贯通能力，改变了老师口传式的传统教学模式，更好的活跃了学生氛围。网络课程设计可以根据学生接受能力的不同、所处领域的不同实行分类式教学模式，分层次辅导，有的放矢。例如，对研究和专业学生的教学，专业学生注重就业方向，我们设计的网络课程就偏重于实用性，把日后经常用到的知识点纳入教学中；对于研究倾向的学生偏重于后台技术的开发，使它们在今后的研究中取得新的进展和突破，这样做到有针对性的因材施教可以满足不同领域学生的需求。网络课程设计不受时间和地点的限制，可以重复式学习和互动，使学生更好的接受和完成学习任务。
整合资源优化知识结构，提高网络课程设计效率
在网络课程设计中，注重知识点的整合和知识结构的优化是关键的一个步骤。网页制作不仅要求学生灵活掌握网站框架结构，而且在其艺术性上也提出了更高的要求，例如：在网页制作中加入文字描述是我们常常遇到的问题，这时我们可以涉及如何加入文字并进行艺术设计，如何制作文字动态效果，并且兼顾抓取整段文字的关键词，浏览备注信息和搜索引擎中出现的频率等，这样就构成了由点到面，循序渐进形成一系列连贯的知识点。再有网站开发过程中，网站链接浏览器的选择也十分重要，它涉及到网站的权重问题和优先选择问题，网站权重突出了网站的地位和导向，我们来换位思考一下，在搜索时习惯输入什么知识点链接哪些网站，什么样的域名优先录取等都是我们需要考虑的，这也是我们网络课程设计中资源优化的体现。
理论实际相结合，培养学生动手能力
在网站开发与网页制作网络课程设计中，首选要建立大量的图库资源和图片资料，要求学生在日常生活中注意积累如各地人情，旅游风景，代表建筑物等一些列具有纪念价值的图片，使得网页制作过程中有丰富素材可用；其次课程设计中要多引进网站创新案例，利用多媒体播放一些特点鲜明的网站作品，使学生在潜意识中加深印象，在创新案例讲解过程中融入教学重点和网络设计难点，使学生享受成功案例的同时学到知识，长时间耳濡目染使学生形成一种创新网站设计构想的良性循环；最后要多培养学生善于总结和创新能力，注重学生的动手能力，在网络课程设计中要留出足够时间，反复实操。
简单的网页设计效果图 第7篇
各个字号下的宋体、微软雅黑体显示效果
虽然两种都是常用字体
但宋体出现的频率并不高
实际运用得更为广泛的
是微软雅黑
因为微软雅黑在设计上
比宋体少了一些装饰性
看起来更显粗壮有力
辨识度上也更高
尤其是小字号的显示效果
视觉感更为清晰与明朗
简单的网页设计效果图 第8篇
关键词 网页制作 技巧 解决方案
中图分类号： 文献标识码：A
1设计原则
表格的定位功能
网页制作中表格的运用很重要，它的作用除了表格本身具有的统计处理数据的功能之外，还可以对所制作的网页页面中的设计元素进行定位。网页中的文本位置、图像位置，可以通过表格来准确控制，而且还能消除诸多网页元素之间的干扰，这样设计出的网页更加紧凑。
（1）网页制作使用表格时，要避免这样的设计行为：使用一张表格，然后将所有网页设计都放在这个表格中。因为HTML在被浏览器解码时是按照一定的次序进行的，浏览器解释和显示的顺序都是自上而下的，但是如果有表格在网页中，浏览器是将表格中所嵌套的全部内容都读取出来之后，再显示结果页面。一般的网页可能感受不到浏览器的这种工作顺序，如果网页中信息量大，浏览网页的人浏览速度慢，浏览器这种工作顺序就能表现出来。遇到这种网页，浏览器在读取了表格中全部内容之后，才为浏览者提供解释结果，在这之前显示的是空白。
（2）在进行网页设计时，利用表格定好需要的位置，在页面视图下都是正常的，但是用浏览器浏览该网页时就会出现部分设计对象位置混乱。这是由于表格宽度的设计出了问题，有两种设置该宽度的方法，一种是利用百分比的方法，另一种是利用像素的方法，比如，利用百分比的方法，会有多种分辨率多种页面设计结果出现，但是采用后者的方法，就不会出现这种问题。
文件的命名
图像的无缝拼接
网页中图像的应用是很有必要的，图像可以使网页更加美观。图像的格式有许多，GIF、JPG、PNG这三种图像格式在网页设计和制作的时候比较常见。网页的下载速度受图像大小的影响很大，所以有必要在将图片插入到网页之前处理图片，比如利用PhotoShop软件，只要能够保证图像在网页中显示效果不受应影响即可。如果在设计网页时，要用到大图片，设计制作的时候可以用无缝拼接技术，该技术在图像处理软件中可以实现，先将要用到的大图片处理成数个小图片，将这些小图片按照一定规则嵌套到网页中，组成大图片，拼出的大图在现实效果上与完整的原图基本上没有差别，拼接痕迹也不会被察觉。在拼接小图片的过程中，利用好表格，在表格的单元格中依次放置小图片，再将表格的间距设为零，去掉表格边框，设置好单元格的参数后，再手动微调，这样拼接好的图片就看不出拼接痕迹。这样的操作过程可能略显麻烦，但是却能保证大图显示效果的前提下又不影响网页下载速度。
个人站点中导航按钮的设计
设计制作网页时，加入导航按钮，可以利用Photoshop或者Flash进行制作。设计者只有具备很好的图像、动画处理软件基础，才能掌握住这种创新性的方法，自己根据想达到的效果设计导航按钮，能够设计的创意。
2制作技巧
网站的页面中包含：作为网站门面的首页、支撑起网站结构的框架页面，网站的内容表达主体普通页面、网站中的用来显示广告、链接和推送消息之类的弹出页。
比如设计首页时，有两种形式的设计可以作为网站首页，一种是形象展示型，这种方式的设计主要在布局和造型上，加了艺术化的处理，结合公司的形象与公司的服务理念，提供有相关性的图像与文字，这样设计出的画面才有生机和活力，在这样网页中，给浏览者提供最直观的公司形象，吸引浏览者的注意力。还有一种首页设计形式是信息罗列型，这种形式主要用于大中型企业网站，有很多条目和分类。
保持一致的网页设计风格。网站营销的诸多影响因素中，网页风格的一致性是不可忽视的重要方面。统一网站风格的方法有很多，网站结构就是其中一种，比如，网站布局、内容排版、图标大小、图片位置等等。在统一网页风格时，需要设计者特别关注的是网站中具有代表性的典型元素要保持一致，比如网站背景logo 、公司名称字体、网站中图片格调等等。
色彩搭配。页面的色彩搭配是与网站的主题分不开的，在色彩搭配上，一般来说，页面的主体文字应尽量使用黑色与背景对比明显，按钮、边框、背景等使用彩色。色彩的应用最好根据网站主题风格选定一种基调，再根据这个基调来搭配其它颜色。一般来讲，绿色配以金黄、淡白，可以产生优雅、舒适的气氛；蓝色与白色混合，能给人柔顺、淡雅、浪漫的感觉，红色和黄色、金色搭配能渲染喜庆的气氛而金色和咖啡色搭配则会给人带来暖意。整个页面在视觉上应是一个整体，以达到和谐、悦目的最佳视觉效果。
3结束语
网页制作中有很多的技巧，只有在不断的实践中才会总结出更多更好的制作网页的方法，在知道了一些技巧之后一定要付诸实践，这样才能更好地掌握，把别人的知识变成自己的知识。
简单的网页设计效果图 第9篇
关键词: 《网页设计与制作》课程 教学方法 实践环节 考核方式 快乐学习
随着万维网的迅速发展,网页已经成为网络世界传播信息、开展业务的最主要载体,网页制作相关职位的市场需求持续增长。中等职业学校相关专业纷纷开设了网页制作课程,但是对于非计算机专业的学生来说,没有前期基础知识的支撑,对于理论的学习会觉得较枯燥,实践操作上手容易,但想要融会贯通却很难,很多学生死记硬背,久而久之学习变成了一种负担,学生的学习积极性和主动性都受到了一定的影响。在这样的教与学的过程中,想要让学生体会到学习的快乐就变得更难,快乐学习成了一纸空谈。面对这样的状况,在网页设计与制作教学中,我积极探讨多种教学方法,合理设计教学环节,采用适当的评价方法,努力增强学生的学习快乐感。
一、采用适当教学方法,激发学生的学习兴趣
传统的教学方式是教师在课堂上讲授理论内容,学生上机练习,教师辅导。这样一堂课结束后,学生可能对上课讲的内容听明白了,但在实际操作时往往无从下手。《网页设计与制作》是一门实践性很强的课程,教师让学生动手去做,经历网页制作、网站设计的各个细微环节,实现教与学的互动,才能充分激发学生主动学习的兴趣。学生具备了网页制作的基本知识和操作能力,教师可以采用“模仿”式教学,让学生设计和制作一个完整的网站,边做边学,使学生进一步熟悉相关理论知识的应用与实际操作。
在教学中,教师要选定一个难易度适中的网站,既不能太难模仿,使学生产生畏惧心理,又不能太简单,而达不到教学的目的。学生在“模仿”课环节,对指定的网站首页和其他主要网页进行模仿还原,该网站的各类素材可以直接使用,对于页面在尺寸、色彩、外观上也可以相同。对于这种特定的、明确的任务,学生往往会表现出极大的热情。学生在演练的过程中难免会遇到各种问题,网站完成以后,普遍都会存在着不同方面的缺陷。老师应通过实际案例的具体剖析,拉近学生与课程教学的距离,将收集的典型的问题重点讲解。学生因为刚刚实际操作过,对具体的问题有具体的认识,因而在听讲过程中针对性较强,对如何解决自己遇到的问题也会很感兴趣。兴趣是最好的老师,有兴趣才有快乐可言。
这样,学生既可以复习网页制作的基本操作,又能对完整设计一个网站的流程有更深的了解。学生在模仿教学的过程中,会不断地克服一个又一个的困难,学习自信心会大大地增强。爱默生说过,自信是成功的第一秘诀。有了信心,学生才能扬帆起航去找寻学习中的快乐。
二、注重综合实践环节,调动学生的学习主动性
在学生基本掌握了本课程的内容后,教师要注重综合实践环节的融会贯通,可布置一份综合作业,要求学生设计一个个人网站,网站既要有鲜明、统一的风格,又要有完善的内容,页面的结构、图片的位置、链接的方式设置合理,做到网页布局的和谐统一,还要做到容易更新,等等。要做到这些,学生就必须在制作网站之前,对网站进行一个总体规划,然后逐步进行设计。
为了让学生展现良好的创作技巧和独特的风格,布置综合作业之后,教师可先让学生进行选题,构建出自己的网站结构,然后上网查询相关的资料,再对网站进行规划,写出书面的网站设计方案,教师对每个学生的方案进行审查和评阅,及时指出应改进的地方和存在的问题。通过这些环节让学生学会查找、阅读专业文献资料的方法,培养学生撰写方案的能力。
如此完整的综合实践,放手让学生依照自己的想法设计、制作属于自己的网站,让学生自己做主,学生的学习主动性会大大提高,就能愉快、积极地去学习,调动自己的内在潜能,不断完善和提高自己。学生对某一件事和某一项活动的主动性发挥得越充分,与之相关的能力发展得就越快。
三、综合全面评价学生,增强学生的学习成就感
《网页设计与制作》课程的考核方式承袭传统的应试模式,考试内容侧重于对记忆型知识的考查,忽视实践动手能力和知识运用能力的考查。这样传统的考核方式既不能考查出学生真正的实力,在某种程度上又束缚了学生多向思维的发展。为了让学生对学习《网页制作与设计》课程产生兴趣,除了理论考试之外,我们还应该将整个考核过程融入到日常的教学环节中去,设计出让学生容易接受并感到“快乐”的考核方法。
实践表明,《网页设计与制作》课程的考核方式应该以学生实际制作的网页作品作为考核的主要内容。在作品考核的基础上,把学生的学习过程也纳入考核的范围,形成“过程+作品”的考核模式。教师可以将学生不同阶段作品的完成情况作为考核依据。这样,教师不仅可以有效控制学生的学习过程,而且可以根据反馈,适当调整教学进度。
一直以来,考核都是教师的“专利”,学生是被动的“待估品”,这样传统的考核方式让老师和学生的距离拉得太远,产生疏离感。“亲其师”才能“信其道”,只有老师做学生的朋友,亲近学生,与学生相互学习、共同切磋,以学习成员的身份与学生一起参与到学习的过程中,学生才敢在老师面前放松身心,体验到零距离带来的那份亲切,敞开自己的心扉。因此在考核中,教师要放弃自己的“权力”,和学生一起相互的讨论、评价,让学生享受到自己考核自己的乐趣。学生在其中找到自己的优点,会肯定自己;发现自己的缺点,会提高自己,学习成就感会逐渐增强,考核过程就不再是痛苦的,而是蕴藏无限快乐的过程。
在网络高度发展的今天,学生可以非常便捷地在网络上获取到大量的关于网页制作的学习资源,因此老师面临着更多的挑战,不仅需要对网页制作相关技术进行持续研究,而且要在教学方法、教学手段上不断进行革新,以充实的内容吸引学生,以活跃的氛围打动学生,让学生爱学习、好学习,在学习过程中获得成就感和满足感,得到身心的愉悦,实现快乐学习。
参考文献:
[1]谢志妮.案例教学法在《网页设计》课程中的应用[J].广东青年干部学院学报,2007,(68).
[2]余平.高职高专网页设计教学改革实践与探索[J].文教资料,2007,(2).
简单的网页设计效果图 第10篇
还可获得赠书哦！
《形色——网页设计法则及实例指导》