论文部分内容阅读
摘要：随着现代社会的不断进步，计算机技术在我们的日常生活与工作中也发挥了很大的作用，尤其是现在网络技术的日新月异，我们可以足不出户在网上查阅各种信息、购买自己喜欢的商品、和远方的朋友聊天等等，可见网络和网页已经悄悄走进了我们的生活中。在这样的前提下，网页制作也越来越受到学校教育与社会工作人员的关注，可是我们怎样来制作网页、在网页制作中应该注意什么需要我们不断去摸索去研究。
关键词：网页制作、实践操作、任务设计
中图分类号：TM727 文献标识码：A 文章编号：1674-098X(2011)12(c)-0000-00
网页制作是一门操作性很强的课程，严格来说在网页制作前需要很多准备工作，比如网站的构思、图片与文字的处理和相关动画制作等，不过在我们学校的网页制作教学中就省略了这些前期准备工作，而是单纯以网页制作软件（Dreamweaver）让学生完成相应网页效果制作。结合几年中的网页教学我认为有以下几点问题以供探讨
1网页布局及表格制作
要学习与模仿制作一张网页首先我们必须来分析这张网页的布局，比如说网页由几行几列表格组成或者有怎样的框架结构。这在我们的网页制作中需要我们的学生掌握一定的识别能力，能够在较断时间内分析网页的布局，然后以表格定位网页。可以说网页制作中的表格就如同我们现在的房子框架，做网页就如同造房子，表格布局的好坏就直接影响着这幢“房子”的质量。我们的学生会在初期的网页制作中用整体布局方法来构建网页，如直接建立一个6行5列的表格，再对相应的单元格进行合并或拆分。这样的做法往往在接下去的制作中产生很多的问题，有些学生很难把握调整尺度，一张简单的网页改了又改，删了又删，往往一节课时间可以完成的作品需要两三节课甚至更多的时间去完成。就此我要求学生在制作中逐行建表格，把网页先以行解析，再在行中分列，这样一行一行的创建表格一方面比较清晰，另一方面即使制作中出错也只需对相应的行进行修改，而无须牵扯其他的表格。
2文字、图片及其它元素的插入
在分析并构建完表格后需要在相应的单元格中加入相应的元素，在网页教学中一般的元素为文字、图片和flash动画，有时也有一些声音及代码等元素的插入。在一般的网页中如何插入文字和图片等元素对我们学生来说并不难，我这里要谈的是在图片和文字插入后在处理过程中我们学生的不同做法。就文字来说，我们在网页制作过程中会提供文字素材给学生，学生在插入文字后需要对文字的大小、颜色等进行设置，在文字大小设置中学生会分为两部分，一部分在插入文字后选中文字然后在属性面板中设置大小和颜色，一般大小为2。这样做在文字比较分散并且字数比较多的网页中会消耗学生很多时间去完成文字处理。另一部分学生采取CSS样式表对文字进行定义，然后在文字中应用相应样式。这样做的好处是可以较快的对文字进行处理，另外在网页浏览中字体也不会随浏览器的显示字体变大或变小。而前者在属性面板中设置字体大小的网页文字会在浏览器的显示字体变大或变小中随着改变，这样会对网页的布局产生影响。所以我要求学生尽可能使用CSS样式表去定义字体样式。
在图片的处理中相对比较简单，我们在网页制作中的图片因为已经在相应的图形图像软件中进行了处理，所以并不需要学生再对图片进行大小或图片样式的处理，主要是把图片用在表格定位上，比如说一行中分位两列，前一列中插入文字，后一列中插入图片。这样的表格我一般要求学生先插入后列单元格中的图片，然后在插入前列文字，这样在图片大小确定下前列单元格的大小也可以确定，当然在简单的表格中插入文字与图片就可以不分先后进行添加。
3简单代码的添加
在网页制作中我们一般很少使用代码，但也要求学生能够在自己的能力范围内使用一定的代码来实现简单的网页效果，如我们要使文字或图片移动可以使用,另外如果添加一些比较复杂的效果源代码较长，如下雪效果等，我们的学生看不懂里面很多代码表示什么，我在教学中只需要学生能够把代码放到合适的位置，并且能够知道怎样来修改相应图片的对应路径，能够对里面一些简单的控制如下雪速度、数量等进行修改。对于我们职高的绝大多数学生来说这些已经足够了，接下来他们需要的是在练习中积累经验，在不断的练习中熟悉各种代码。
4任务设计
在网页制作中我们的学生差距较大，任务设计就比较重要，简单的网页制作操作好的学生能够在较短时间里完成，复杂的网页制作操作较差的学生在一定时间里又没法完成，这样久而久之会使这些学生产生厌学心理，操作好的同学会说这么简单的反正已经会做了就不做了，操作差的学生会说反正不会做也做不好就不做了。对此需要在教学中分层次的教学，一般我会在上机操作中安排不同的任务，操作好的同学必须完成相应网页制作而操作好的同学只需完成较简单网页制作。在制作较复杂的网页时我先在教室多媒体中讲解其中需注意的方面，在学生上机操作中让学生自己去实践体会，这样学生在上机中也不会此起彼伏的发问，他们可以对照课堂中的讲解结合自己的实践操作巩固自己的知识。在操作中我也要求学生添加自己创作的元素，不要一味的模仿制作，在锻炼自己基本知识的同时也要培养自己的创新意识。
以上几点是我在网页制作教学中所涉及到的一些问题，虽然我们的学生基础及操作能力有限，但是在不断的练习中我们的学生也在不断的累积经验。有些学生完成后能获得一定的喜悦与成功感，我相信在我们的不懈努力下我们的制作水平会得到相应提高，从而提升学生的综合素质，为他们走向社会打下扎实的基础。
参考文献
[1] 李敏.网页设计与制作案例教程[M].电子工业出版社．北京:2007．8.
[2] 彭澎,杨维裕等.(Dreamweaver网页艺术与网站建设[M].机械工业出版社.
[3] 姚舰.网络界面设计中存在的问题和原因[J].美术观察．北京:2003．1.
[4] 文喜华.论网页设计中的艺术与技术[J].邵阳学院学报．邵阳:2005．6.
关键词：网页制作、实践操作、任务设计
中图分类号：TM727 文献标识码：A 文章编号：1674-098X(2011)12(c)-0000-00
网页制作是一门操作性很强的课程，严格来说在网页制作前需要很多准备工作，比如网站的构思、图片与文字的处理和相关动画制作等，不过在我们学校的网页制作教学中就省略了这些前期准备工作，而是单纯以网页制作软件（Dreamweaver）让学生完成相应网页效果制作。结合几年中的网页教学我认为有以下几点问题以供探讨
1网页布局及表格制作
要学习与模仿制作一张网页首先我们必须来分析这张网页的布局，比如说网页由几行几列表格组成或者有怎样的框架结构。这在我们的网页制作中需要我们的学生掌握一定的识别能力，能够在较断时间内分析网页的布局，然后以表格定位网页。可以说网页制作中的表格就如同我们现在的房子框架，做网页就如同造房子，表格布局的好坏就直接影响着这幢“房子”的质量。我们的学生会在初期的网页制作中用整体布局方法来构建网页，如直接建立一个6行5列的表格，再对相应的单元格进行合并或拆分。这样的做法往往在接下去的制作中产生很多的问题，有些学生很难把握调整尺度，一张简单的网页改了又改，删了又删，往往一节课时间可以完成的作品需要两三节课甚至更多的时间去完成。就此我要求学生在制作中逐行建表格，把网页先以行解析，再在行中分列，这样一行一行的创建表格一方面比较清晰，另一方面即使制作中出错也只需对相应的行进行修改，而无须牵扯其他的表格。
2文字、图片及其它元素的插入
在分析并构建完表格后需要在相应的单元格中加入相应的元素，在网页教学中一般的元素为文字、图片和flash动画，有时也有一些声音及代码等元素的插入。在一般的网页中如何插入文字和图片等元素对我们学生来说并不难，我这里要谈的是在图片和文字插入后在处理过程中我们学生的不同做法。就文字来说，我们在网页制作过程中会提供文字素材给学生，学生在插入文字后需要对文字的大小、颜色等进行设置，在文字大小设置中学生会分为两部分，一部分在插入文字后选中文字然后在属性面板中设置大小和颜色，一般大小为2。这样做在文字比较分散并且字数比较多的网页中会消耗学生很多时间去完成文字处理。另一部分学生采取CSS样式表对文字进行定义，然后在文字中应用相应样式。这样做的好处是可以较快的对文字进行处理，另外在网页浏览中字体也不会随浏览器的显示字体变大或变小。而前者在属性面板中设置字体大小的网页文字会在浏览器的显示字体变大或变小中随着改变，这样会对网页的布局产生影响。所以我要求学生尽可能使用CSS样式表去定义字体样式。
在图片的处理中相对比较简单，我们在网页制作中的图片因为已经在相应的图形图像软件中进行了处理，所以并不需要学生再对图片进行大小或图片样式的处理，主要是把图片用在表格定位上，比如说一行中分位两列，前一列中插入文字，后一列中插入图片。这样的表格我一般要求学生先插入后列单元格中的图片，然后在插入前列文字，这样在图片大小确定下前列单元格的大小也可以确定，当然在简单的表格中插入文字与图片就可以不分先后进行添加。
3简单代码的添加
在网页制作中我们一般很少使用代码，但也要求学生能够在自己的能力范围内使用一定的代码来实现简单的网页效果，如我们要使文字或图片移动可以使用,另外如果添加一些比较复杂的效果源代码较长，如下雪效果等，我们的学生看不懂里面很多代码表示什么，我在教学中只需要学生能够把代码放到合适的位置，并且能够知道怎样来修改相应图片的对应路径，能够对里面一些简单的控制如下雪速度、数量等进行修改。对于我们职高的绝大多数学生来说这些已经足够了，接下来他们需要的是在练习中积累经验，在不断的练习中熟悉各种代码。
4任务设计
在网页制作中我们的学生差距较大，任务设计就比较重要，简单的网页制作操作好的学生能够在较短时间里完成，复杂的网页制作操作较差的学生在一定时间里又没法完成，这样久而久之会使这些学生产生厌学心理，操作好的同学会说这么简单的反正已经会做了就不做了，操作差的学生会说反正不会做也做不好就不做了。对此需要在教学中分层次的教学，一般我会在上机操作中安排不同的任务，操作好的同学必须完成相应网页制作而操作好的同学只需完成较简单网页制作。在制作较复杂的网页时我先在教室多媒体中讲解其中需注意的方面，在学生上机操作中让学生自己去实践体会，这样学生在上机中也不会此起彼伏的发问，他们可以对照课堂中的讲解结合自己的实践操作巩固自己的知识。在操作中我也要求学生添加自己创作的元素，不要一味的模仿制作，在锻炼自己基本知识的同时也要培养自己的创新意识。
以上几点是我在网页制作教学中所涉及到的一些问题，虽然我们的学生基础及操作能力有限，但是在不断的练习中我们的学生也在不断的累积经验。有些学生完成后能获得一定的喜悦与成功感，我相信在我们的不懈努力下我们的制作水平会得到相应提高，从而提升学生的综合素质，为他们走向社会打下扎实的基础。
参考文献
[1] 李敏.网页设计与制作案例教程[M].电子工业出版社．北京:2007．8.
[2] 彭澎,杨维裕等.(Dreamweaver网页艺术与网站建设[M].机械工业出版社.
[3] 姚舰.网络界面设计中存在的问题和原因[J].美术观察．北京:2003．1.
[4] 文喜华.论网页设计中的艺术与技术[J].邵阳学院学报．邵阳:2005．6.