本文从“赏—析—拆—创—组”五个步骤来学习网站建设及网页设计。
一、赏——激发学生探讨学习的兴趣
“赏”就是先欣赏一些网站。因网站内容本身具有庞大复杂性，一开始就让学生去进行网站规划，面对庞大而复杂的内容学生会不知所措，兴趣大减。故网站开发的第一步首先要激发学生的兴趣，有人说，兴趣是成功的基础;有人说，兴趣是成长后所从事的职业方向;还有人说，兴趣是良师益友。总归一句话：兴趣是一种甜蜜的牵引。“赏”就是学习制作网页的牵引。“赏”不是单一的、没有选择地去浏览一些网站网页。对信息时代的中学生来说网站网页并不是什么新鲜的东西，如果不加选择的浏览一些网站网页对学生的学习兴趣并无作用。教师备课时选择一些中学生个人网站，选择下载一些“全国中小学电脑大赛”中学生获奖的网站供学生浏览，这些网站的制作人与学生的年龄相仿，网站内容更能贴近学生实际生活的环境，学生会更感兴趣。
二、析——明确网站需要选择的风格
在欣赏了众多网站后，我们会发现有的网页看上去严肃庄重、有的清爽温馨、有的生动活泼、有的古朴典雅等。引导学生分析不同的网页风格取决于网站主题内容的不同。一种风格的形成需要从多方面设计，包括网页布局的整体造型、色彩的搭配、字体图片的样式设置等，同一网站内的各网页之间应保持风格的一致，在每个网页的相同位置放置图标、文本块等元素，这样有利于提高浏览速度，并给人以整体感。
三、拆——将复杂的网页简单明了化
“拆”就是让学生把已经做好的网站网页中的内容给删除了。教师下载一些比较优秀且布局风格很能代表网站内容的一些网页，也可以指导学生下载一些自己喜欢的网页。利用FrontPage2003软件打开已经下载的网页，指导学生在FrontPage软件的“设计”视图窗口中删除网页中的内容。在教学实践过程中我看到部分学生“全选”后按一个Del键一下子全删除了，为了让学生体验到网页虽包含内容庞大但制作网页也不是多么可怕的事，拆除网页时指导学生一次选定一个内容来进行删除，这样学生在一步步的删除中就会发现我们平时浏览的很复杂的网页在FrontPage软件制作中都是一些表格嵌套在一起组成的，而表格内容大部分学生从小学开始就已经认识，学习过绘制、编辑表格及表格属性设置。将网页“拆除”后剩下的只是表格，这样让学生心理上对FrontPage软件制作网页的难度降低了，激发学生学习用FrontPage软件网页制作兴趣。不光只是FrontPage软件其他网页制作工具的操作也不是很难的。
四、创——展现个性培养学生的创造能力
“创”就是用表格工具设计网页布局。在这一环节的难点是学生对单一的表格操作会用熟练，但对表格的嵌套以前应用及操作的比较少，故在此环节中教师要引导学生在FrontPage软件中用表格布局网页时表格的嵌套会让网页设计的更美观，并要求学掌握表格嵌套的操作方法。网站页面布局的造型与主题的表达有密切联系，不同的形状所代表的意义是不同的。比如矩形代表着正式、规则。很多政府网页都是以矩形为整体造型;圆形代表柔和、团结等，许多时尚站点喜欢以圆形为页面整体造型;三角形代表着力量、权威等，许多大型的商业站为显示它的权威性常以三角形为页面整体的造型;菱形代表着平衡、协调、公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状代表着不同的意义，但目前的网页制作多数是结合多个图形来设计的。
五、组——培养学生综合操作能力
“组”就是在设计好的表格网页中添加相关内容。这一环节对学生的综合操作能力提出了更高的要求。“组装”表格内容有图片、文字、表单、按钮、层及水平线等各种对象。在“组装”时引导学生对插入的各类对象文件要分类保存在网站的相关文件夹中，这样分门别类存放方便修改、编辑及对部分对象在整个网站中的重复调用。需要在“组装”时要学会依据网页内容随时灵活修改编辑表格、单元格布局及属性。在“组装”时一个要注重网页色彩有选择。不同的颜色会给人们不同的心理感受、设计网页时，要结合主题的需要选择合适的色彩。在网页配色中不要将所有的颜色都用到尽量控制在三种色彩以内，背景色和前景文字的对比尽量要大，以便让文字看起来更清晰。在“组装”过程中部分学生提出：“为什么下载的MP3文件无法设置成网页的背景音乐”，教师要让学生清楚用FrontPage软件网页对多媒体文的格式是有要求的，不是所有的文件都能加入到网页中的。
在操作过程中“创”与“组”的先后不要做明确划分.在“创”的过程中可以“组装”。在“组装”的过程中也可以灵活调整“创”。
金城在线专注网站、软件、APP、微信公众平台、小程序、抖音、头条等开发推广，如果您有这方面的需求或者不同的观点，欢迎联系交流。
