网页制作 空格 第1篇
关键词 实践教学；网页设计；独立学院
中图分类号： 文献标识码：B
1 引言
近年来，由普通本科院校和社会力量合办的独立学院发展十分迅速，独立学院办学机制灵活，专业设置以市场需求为导向，注重实践，以培养应用型人才为目的，其办学特点和教学模式均有异于普通本科院校。可见，针对独立学院的自身特点，研究具有其自身特色的教学实践方法十分必要。
相比之下，独立学院学生基础相对薄弱，人才培养模式相对滞后，研究、构建具有独立学院特色的人才培养模式，是独立学院健康、可持续发展的关键所在。武汉理工大学华夏学院针对这一情况，采用教学、实践相结合的教学模式，进行多方面的有益探索，取得一定的成果。
网页设计作为一门专业课，是现阶段计算机专业学生的必备技能，也是一个较大的就业方向。如何使学生真正学好这门课程，达到应用型人才的培养目标，是整个教学的出发点和归宿点。本文优化重组并改进以往的教学实践方法，提出一套实践教学模式，以华夏学院网页设计课程为例，介绍其实践教学平台建设。
2 独立学院网站建设课程的教学现状分析
目前，独立学院教师多采用课堂讲解的方式开展教学，教师通常按照教材的顺序，对各章节进行讲解，先讲解基础知识，演示操作步骤，然后学生操作和练习。这样的教学过程是以教师为中心的教学模式，难以激发学生的创新意识：学生在学习理论知识时，缺乏对知识的感性认识；而进入到专业实训阶段后，又往往局限于模仿性操作，因此仍然很被动，不利于提高应用能力[1]。
网页设计是一门操作性和实践性很强的课程，一方面要求学生熟练掌握相关软件的基本操作，另一方面要求培养学生一定的解决具体问题的能力，能够将基本操作综合地运用到具体项目中。因此，这门课程重点和难点在于如何培养学生的综合设计能力与实践操作能力。现有的教学方法不适用于网页设计课程的学习，这就需要探索新的实践教学方法。
3 网站建设实践教学方法研究
项目教学和案例教学是当_页设计课程使用较多的实践教学方法。两种方法各有优势，都取得良好的教学效果。
项目教学模式是以建构主义学习理论[2]、杜威的实用主义教育理论[3]、布鲁纳的发现学习理论[4]和加德纳的多元智能理论[5-7]等教育理论为理论基础的。基于项目的教学方法是在教师的指导下，将一个相对独立的网站建设项目交由学生自己处理。信息收集、方案设计、项目实施都由学生自己负责，学生通过该项目的进行，了解并把握整个过程及每一个环节中的基本要求。项目教学法强调以学生为中心，其实质就是让学生集中精力解决真实问题，并以最终作品的形式表现出来[1]。
案例教学法是一种以案例为基础的教学法，在教师的指导下，根据教学目标和内容的需要，采用案例组织学生进行学习、研究、锻炼能力的方法。教师于教学中扮演着设计者和激励者的角色，鼓励学生积极参与和讨论。
鉴于独立学院学生基础薄弱，学习能力和学习自主性不强的现实情况，华夏学院通过优化重组已有的教学模式，建立网站建设实践教学平台，旨在提高学生的实践动手能力，重在培养网页设计应用型人才。其中，在教学方法上最大限度地发挥项目教学和案例教学的优势，将整个实践教学过程分为四步：网页设计各技能单项培训（采用先实践后理论的导入式学习方法），针对具体实例的案例教学，由浅入深的渐进式学习，以及面向项目过程的分布式实践训练。几种教学方法穿行，相辅相成，形成一个有机整体。以华夏学院静态网页制作相关技术的学习为例，说明教学过程如图1所示。
对学生采用先“知其然”而后“知其所以然”的先实践后理论的导入式学习方法，这种方法就是先给学生示范做一个可见的网页效果，引起学生兴趣，使之进行模仿性的操作。当学生自己动手做出同样的页面效果时，便“知其然”了，产生兴趣的学生会问为什么这样操作就可以做出来呢？此时，带着疑问，便可以给学生进行“其所以然”的讲解。学生理解了原理，教师马上趁热打铁，再举出相似的例子，留给学生进行自主练习。这就是实践—理论—再实践的导入式教学方法。
由于在再实践的过程中学生已经掌握了制作原理，所以已不是简单的模仿记忆操作，而是真正地掌握了技术。这种实践教学中教师扮演的是“导”，学生是“学”，而非传统的“讲”和“听”，导入式教学方法在实践中取得了很好的效果，学生的积极性和主动性获得了提高。
如图1所示，课程上的先后可以看作教学纵向上的加深过程，纵向上各项技能的培训过程是一个由浅入深、逐步深入的学习过程。每项技能的实践教学均包括三个阶段：首先是使用导入式教学法使学生从认识、模仿到学习理解，其次是自主练习熟练，最后是通过对拓展案例的操作掌握技术并且灵活应用。完成各项技能的学习之后，进行综合案例教学，培养学生综合各项技能进行网页设计的能力，最后是以学生为主体的面向具体项目的实践训练过程。
4 实践教学效果分析
华夏学院通过在现代教育技术中心成立网页设计研发室，对其中的学生按照以上实践教学过程进行培训，取得良好的效果。在两年多的时间里，培训教师每周定期安排4～6个课时的教学指导时间，学生在其他的课余时间随时到研发室完成作业和做自主训练，研发室的学生通过这个第二课堂，掌握了网页设计的各项技能，能够分组或独立完成包含多个网页的完整网站的制作。他们不仅在校期间利用寒暑假到网络开发公司实习，还以网页设计作为毕业找工作的首选方向。图2、图3是学员完成的作品。
5 结论
1）网页设计是网站建设课程的核心技术，这门课程的教学尤其要注重实践。本文提出的教学方法从纵向上是一种逐渐深入的实践教学模式，使学生逐步得到提高；横向上是一种认识到掌握再复习的导入式和案例式教学模式，使学生可以不乏味地掌握每一个知识点；最后通过综合案例和面向具体项目过程的实践训练，切实提高了学生网站建设的实践操作能力。这种教学体系对于计算机类相关课程的实践教学具有指导意义。
2）华夏学院网站建设课程实训研发室是武汉理工大学成立的一个实践教学平台，有机房机器等硬件资源，辅导教师又有实际项目经验，这种条件下采用上述教学模式，对研发室的学员进行实践指导，效果显著。通过参与到现教中心的研发项目，学生不仅得到技术上的提高，还锻炼了团队合作精神，拓展了就业面。这种探索为独立学院的特色建设和培养应用型人才的目标做出一定贡献。
参考文献
[1]周林妹.基于项目学习模式的网页设计课程教学方法探讨[J].湖南医科大学学报：社会科学版，2009，11（3）.
[2]张建伟，孙燕青.建构性学习：学习科学的整合性探索[M].上海：上海教育出版社，2005.
[3]单中惠.现代教育的探索：杜威与实用主义教育思想[M].北京：人民教育出版社，2002.
[4]刘奇志，谢军.布鲁纳教育心理学思想及其启示[J].教学研究，2004（5）：3-5.
[5]夏惠贤.多元智力理论与项目学习[J].全球教育展望，2002，31（9）：20-26.
[6]加德纳.多元智能[M].北京：新华出版社，1999.
网页制作 空格 第2篇
【关键词】Dreamweaver软件 网页 设计 静态 问题 对策
一、Dreamweaver软件设计静态网站
二、 DR设计静态网站过程中存在的问题
对于初学者而言，利用Dreamweaver设计静态网站经常会产生一些意想不到的错误，使在调试的时候很难下手。经过探究分析发现，DR设计静态网站过程中主要存在以下几种问题：
（一）、路径错误问题
路径是网页与网页所需素材相连接的关键所在，出现路径错误问题，网页很有可能变得一塌糊涂。最为常见的是图片链接问题，设计的网页中图片无法显示。当出现图片无法显示的情况时，很有可能是图片素材的路径出了问题。对于声音、动画无法获取也是一样的，多半是获取路径的问题。
（二）、空格问题
（三）、设计好的网页在浏览器窗口最小化时会变丑的问题
对于初学者来说，容易出现的一个问题就是：设计好的网页在浏览器全屏的状态下，网页内容能够全部显示出来，不存在任何问题，可是当使用窗口最小化命令或者手动调节窗口大小事，就会出现设计好的网页变丑的问题。可能出现的情况就是网页内容会把当前窗口作为显示范围，从而缩小了显示范围，这样的话就会导致网页内容无法全部显示，网页显得不那么美观了。
（四）、图文混排问题
设计静态网站时，想要在Dreamweaver中将图片和文字放在一起，实现图文混排的效果。但是，在进行图文混排时经常会出现错位的现象，图片文字无法对齐。最常见的就是栏目条上的一个小图标和一个标题在同一个单元格内，图标和文字难以对齐。
（五）、表格混乱问题
很多初学者会采用单一表格来给整个页面布局，这种页面布局方式不规范，容易产生错误。Dreamweaver使用表格是很常见的，表格操作简单，很容易上手，但是，调试起来很困难，经常会出现错位混乱的问题。这是因为表格的各个单元格之间是有关联，单元格宽度会影响布局的内容，一旦出现错误就很难控制了。
三、 对策研究
针对DR设计静态网站过程中存在的问题，可以提出如下对策：
（一）、合理设置文件路径
当出现路径错误是，需要查看引用文件的路径是否正确。对于图片路径错误来说，如果路径设置是：“./images/”，这样设置的是相对路径，指的是父级目录下的image文件夹中的图片文件，这样是正确的。但是，如果路径设置为：“file：///d：/Documents/”，这是电脑的绝对路径，指的是电脑D盘中我的文档中的图片文件，所以文件没有在站点文件夹中，无法获取图片信息。所以，需要将各种素材放在站点文件夹内，并指定正确的路径。
（二）、了解空格使用方法
Dreamweaver中对空格输入的限制是针对“半角”文字状态而言的，所以通过将输入法调整到全角模式就可以避免空格问题了。另外，还可以通过同时按下键盘上的Shift+Ctrl+space就可以插入一个空格，且能够连续输入。
（三）、正确设定表格百分比属性
一般情况下，网页布局大多是通过表格来实现的，表格的高度设定选择上提供了百分比和像素两种不同属性，解决网页在浏览器窗口最小化变丑的问题，只需要将百分比属性全部更正为Pixels单位的实际大小就可以了。
（四）、图文混排
解决图文混排问题，只需要将图片的对方属性改为绝对居中，然后再对图片的左右边距进行调节就可以了。
（五）、使用多个表格来布局，减少各表格间的关联
采用表格来布局时，尽量使用多个表格，复杂栏目合理嵌套，每个栏目用单独的表格，减少各个表格之间的关联。另外，在建立表格时要设置填充和间距的具体数值，对于一些初学者而言，在建立表格式没有设置填充和艰巨的具体数值，而表格填充和间距默认的是1个像素，这样在布局的时候就容易把表格撑开，造成页面布局的混乱。
四、 结束语
DR设计静态网站过程中存在的问题除了上述常见的五种之外，还有一些问题也是令初学者比较头痛的。例如，利用CSS和DIV布局时容易出现浮动元素换行、布局发生混乱、间距不合理等问题。这个时候需要设计者掌握CSS和DIV布局的使用方法，正确的运用CSS和DIV布局技术，才能够使静态网站更加的美观。网站设计的过程是复杂的，需要不断地实践，总结经验。
参考文献
[1] 刘宏，韩鹰.网页设计与制作实训教程[M].北京交通大学出版社， 2007
网页制作 空格 第3篇
关键词：网页设计与制作；实训；拓展训练；项目实战
《网页设计与制作》是一门实践性、操作性和创新性很强的课程，它能很好地锻炼学生的动手能力和团队协作能力，并且还能紧贴市场，做到以典型工作过程为导向，进行实际项目的开发训练，使学生应聘的时候不再只是有理论知识，而没有任何实践经验。以此来真正做到理论、实践并行，与企业的工作需求接轨，培养应用型的专业人才。
《网页设计与制作》课程是我院多个专业的核心课程，如计算机应用技术、网络技术以及广告设计等专业都开设了此门课程，该课程对学生的操作练习有较高的要求，实训的教学内容都是融入在课堂教学中，由于课程安排的比较分散，不能有效地集中训练学生的动手操作能力以及策划设计网页的能力，学生在学完该课程之后，有的不能独立地完成网站规划和页面设计，有的设计效果不能达到预想的功能和视觉效果。因此，实训课程在《网页设计与制作》教学中起着比较重要的作用。根据《网页设计与制作》课程的这一特点以及我的个人教学经验，下面对《网页设计与制作》实训教学谈一下自己的意见和看法。
一、提高教师的专业技能
作为一名教师，他既是课堂的领路人，又是学生学习的辅导者，教师的专业水平直接影响着学生各方面能力的提高。职业教育传授的不仅仅是理论知识，还要传授学生操作技能，培养学生的动手能力。在高职的教学中《网页设计与制作》的实训课程主要就是培养学生的实践动手能力，要求学生能够通过所学知识做出优秀的作品，因此这门课程对学生的动手实践能力要求是非常高的，这就要求教师首先要具有较强的实践操作能力，只有教师具有了一定的项目实践经验，才能充分地指导学生完成优秀的网页作品。因此，教师平时就要注重理论与实践相结合，加强自己的企业实践，在补充自身理论知识的同时，还要不断提高自身的专业技能和实践能力。
二、多种教学模式相结合，培养学生学习兴趣
（一）通过优秀作品赏析，激发学生的学习兴趣
在授课初始阶段，准备一些精彩的网站案例，在课堂上演示。在展示优秀网站案例的同时，学习网页制作技术之前首先让学生欣赏优美网页，教师分析网站的整体设计、网页的结构布局以及颜色搭配，让学生边欣赏网站，边听教师讲解，在美的熏陶中，让学生能够感觉到一个好的网站不仅仅有宣传推广的作用，它更是一件艺术品，完成它是需要倾注心血的。
每个教学单元中都去展示相应的网站案例，并且在网站案例展示的同时，引导学生去思考网站的美工、布局以及样式等都是怎样完成的，自己能否通过努力完成这样优秀的作品。几节课下来，就有不少学生跃跃欲试，从而有效地调动学生的积极性，激发学生的学习兴趣。
（二）阶段测试训练
通过过程考核，提高学生学习的紧迫感，巩固学生的阶段性学习成果。
首先教师布置本次课的实训任务，并分析其实训要点；然后学生根据本次任务开始制作网页，教师进行辅导；实训完成后教师对实训过程中出现的问题进行分析解决，并选几位学生的网页作品进行展示，其他学生对其进行点评。
（三）拓展训练
可以通过课外兴趣小组集体活动等形式，提高学生的人文素养。课余时间充分利用网络资源进行课外拓展实践，如果遇到疑难问题学生可以通过”E-mail”和“QQ留言”的方式与辅导教师取得联系、化解难题。利用课外拓展实践的方法对于能力强的学生可以进一步提高他们的操作技能；对于能力差的学生可以解决他们存在的问题。
（四）项目实战训练
将实际项目引入进教学，并对其进行任务分解。
例如让学生制作各行业的门户网站，首先教师以客户的角色为学生布置项目，学生进行市场调研，撰写需求分析报告；然后学生自己制定项目实施计划，进行项目设计实施；教师再以客户的角色验收项目，进行评价；最后学生撰写项目总结。以这样一个过程让学生在开发实际项目中提高职业能力，培养他们的工程意识。
三、增加实训课程的课时，提高学生的动手能力
实训课程主要是在强化理论知识的同时提高学生的操作技能，因此实训课程必须是以学生操作为主，教师辅导为辅，在实训过程中帮助学生解决遇到的问题。从网站的策划、素材的搜集到网站页面的设计布局、网页的制作以及网站的测试与等等，学生都要自己独立去完成，在整个实训过程中学生会遇到不同程度的问题，教师可以在旁协助。学生就在这样一个不断遇到问题、解决问题的过程中提高自己的能力。实训结束后有不少学生会感慨到实训一个礼拜比上一个学期的课学到的知识要多很多。因此实训不仅仅是学生制作网站的过程，更是学生自我学习，自我提高，自我评价的过程。
同时实训的环境也是非常重要的，实训课程基本都是在微机室完成的，在微机室里学生可以实现一人一机，并且每台电脑都直接与互联网相连，学生在实训过程中，可以上网查找相关资料，搜集所需素材，解决实训中遇到的问题，同时还可以直接通过教师、同学的帮助快速解决问题。
四、结束语
《网页设计与制作》是一门专业性很强的课程，在教学过程中突破传统理论教学和讲解为主的模式，把课程中的理论内容，合理地穿插到实践教学中，把原来枯燥、单调的讲解通过实践环节让学生消化和掌握。通过实训达到高职高专学生的培养目标。体现以学生为本，最大限度地调动学生自主学习的积极性，培养了学生的综合能力，使学生掌握一门技巧，这样对教师也是一种锻炼和提高。
参考文献：
[1]瞿江.浅谈网页制作实训教学[J].电脑知识与技术，2011，26.
网页制作 空格 第4篇
【关键词】中职 电子商务专业 学生基本技能 培养
一、加强中职电子商务专业学生基本技能训练的重要性
中职院校毕业的学生专业技能的高低，完成由掌握专业技能程度的高低来决定，而专业技能的练成主要是靠日常的实践。中职生校内学习的时间较短，要想进一步得到发展必须通过社会的实践来完成。因此，中职生学习应避免理论知识熟练、专业技术缺乏，应以理论知识为基础，对学生的专业技能进行强化训练，让学生能够有一技之长，以适应企业需求，提高中职院校电子商务专业学生的整体就业率。
二、确定中职院校电子商务专业的基本技能项目
对电子商务所涉及的业务与流程及其所需要的技能，按照电子商务专业岗位的要求以及专业核心竞争力的要求，在岗位技能中找出职业生活必须的，通用性较强的，也最能够体现技能熟练程度的项目作为本专业基本的技能并进行强化训练。
（一）计算机的应用基本技能的强化。此项需强化的基本技能是：文字速入技能、办公自动化软件、图像处理软件、网页设计等。
（二）电子商务语言交流、沟通能力技能的强化。此项需强化的基本技能是：语言表达技能、专业文字表达的技能、市场调查及分析技能、计算机网络交流工具的使用的技能。
（三）电子商务实战能力的强化。此项需强化的基本技能是：网店开设实战技能、电子商务交易平台的操作技能。
三、对中职电子商务专业学生进行基本技能强化训练
电子商务专业学生的基本技能，要达到毕业后即将从事岗位基本工作的熟练操作，应用可行性的强化训练方案对每学期技能项目训练的目标、辅导教师的安排、时间的安排、测评方案等都要进行比较详细的设定。对于每项基本技能的训练都要视为重要的教学任务，并将这些基本技能的实训贯穿在中职生整个在校期间的学习中。
（一）对中职生语言表达技能的训练。需要设置语言表达能力的课程，校方要编好培养计划书，学生根据不同时期所设置的不同任务，在电子商务课上进行演讲，还要鼓励学生参加各种学校内的社团组织，锻炼学生的交流和沟通技巧，也可以学校或是班级的形式举办演讲比赛，加强学生在比较正式的场合当中语言的表达能力的同时还能培养其应变能力。
（二）对中职生进行电子商务专业文字的表达技能训练。要中职生熟练的将各类广告宣传的标题、内容及产品的介绍、各类的营销策划书的书写等，学校可拟定虚拟的任务，由专业的任课教师进行辅导和检查，并进行总结和评比，在每次训练前，可让学生在电子商务网站上去搜索与之相关的资料，参考样板作品，再去写作。还要鼓励学生多写生活感想日记、写学结报告、写博客等，来加强文字表达这一技能的练习。
（三）对市场调查及分析技能的训练。这其中包括网络市场以及现实市场的调查及分析，由于电子商务的专业特点应网络市场的调查及分析为主，是对学生市场调研能力实际操作的训练，其中包括调研方案制作、调查问卷的设计及发放统计、调研样本的抽取、调研报告的撰写等。同时还可将校内与校外结合进行，在校内要用网络与电话的形式来调查及分析，校外则可通过走访市场的形式来进行，应在每学期结束后对学生的调研报告及一些调研资料的评比，以提高学生对于市场的分析能力。
（四）培养学生对计算机网络交流工具的使用技能。这一技能是通过计算机的网络来进行商务交流与沟通，例如：QQ工具、电子邮件、建立博客及收集信息、建立论坛并进行管理等。