网页设计制作研究论文

摘要：阐述了高职院校课程中多层次、差异化教学设计的研究意义和研究思路，以“网页设计与制作”课程为例，建立了多层次、差异化课程的教学设计模型。今天小编给大家找来了《网页设计制作研究论文 (精选3篇)》，仅供参考，希望能够帮助到大家。

网页设计制作研究论文 篇1：

中职电子商务专业《商务网页设计与制作》课程设计研究

摘 要：随着互联网的发展和普及，电子商务行业的迅速崛起，电子商务专业的学生在毕业后的就业方向也发生了变化，他们需要掌握一定的计算机基础知识，熟悉商务流程，了解企业文化，具备良好的沟通能力，能够独立的进行网上购物，并且具有较强的适应社会的能力与综合素质。而目前，大多数的中职学校的课程设置都偏重于理论性，缺乏实践性，而且大部分的课程都是在大三的时候才开设的一门课程，这就造成了很多的毕业生不能将所学的内容运用到实际的工作当中，无法将所学的技能应用到现实的生产生活之中，因此就导致了人才的浪费和培养的低效率。本文主要研究中职电子商务专业《商务网页设计与制作》课程设计。

关键词：中职电子商务;课程总体方案设计;设计与制作教学

一、中职电子商务专业《商务网页设计与制作》课程教学现状及存在问题

目前，电子商务网页设计与制作专业的学生大多数是通过学校的学习来完成的工作任务，他们在课堂上的表现比较差，很难真正的融入到企业的实际运营当中，所以在教学过程中，教师应该多与实践相结合，让理论和现实结合起来，让学生切身感受到真实的商务环境，并将自己的想法加入到商务网页的制作之中，这样才能使学生更有兴趣参与其中，从而提高了学生的动手能力，同时也锻炼了学生的创新思维。但是，由于时间、资源等限制，本课程的教学效果并不理想，主要表现在以下几个方面： 1、缺乏针对性的教学方案。本课程的授课内容以商务相关知识为主，缺少电子商务的案例分析，没有突出培养目标，只是简单的介绍一些公司的基本情况，而忽略了电子商务的特点以及行业发展趋势，不能满足现在的人才需求。 2、难以调动起所有的学生学习的积极性。

二、中职电子商务专业《商务网页设计与制作》课程总体方案设计

商务网页设计与制作课程的主要教学目标是培养学生的动手能力、创新思维和创造力，提高他们的信息素养和综合素质，为企业提供一个良好的发展平台。商务网页设计与制作的课程分为两大模块： 1.基础理论课：包括网站的概念、基本结构以及开发工具等内容; 2.实践应用课：包含了商务网页的相关知识，如网页的分类、介绍商品的特点等;还需要掌握商务类软件的使用方法，比如如何选择合适的商业广告形式，怎样对数据进行管理等等。在这两部分的学习中，我们可以通过实际操作来巩固所学的专业技能，同时也能将所学的专业技术运用到电子商务类的具体工作中去，从而达到熟练地完成该课程的目的： 2.综合性的实训：在实训过程中会涉及到很多的问题，例如：市场需求的分析及预测，产品特性的理解与把握，客户定位的可行性分析，销售渠道的拓展策略，物流配送的合理性，售后服务的处理等。

三、中职电子商务专业《商务网页设计与制作》课程教学的实施方式

(一)注重课堂教学

通过对《商务网页设计与制作》课程的教学内容的分析和研究，发现电子商务网站专业学生的学习特点是以掌握基本的计算机操作技术为主，同时又具有较强的应用型和创新性，所以在进行课程教学时，教师要根据实际的教学情况，结合自己的课堂经验，合理安排授课的时间、地点，并注重对知识点的讲解和巩固，使所教的理论课与实践课相互融合，达到良好的效果;其次，在教学过程中，老师要注意培养学生的动手能力，让他们能够独立完成任务，并且能运用所学的技能解决问题，从而提高了效率。

首先，在制作电子商务网页之前，要对所要制作的商务网页进行初步的方案设计，确定好所需要的内容和目標，再根据自己的实际情况，制定出一个切实可行的设计方案;然后，在开始正式的制作过程中，对于整个电子商务网页的结构和风格都应该有一定的了解后，再来对其各个部分的细节处理的非常仔细，并且要注意一些重点的地方;最后，在完成了所有的步骤之后，还得将最终的效果图展示出来，这样才能让学生更直观的看到这些结果，同时也能锻炼了他们的动手能力。其次，在制作完电子商务网站后，还要对本次的工作做出总结，包括此次的目的、意义以及任务书等，并结合现在的社会发展趋势，来做一份具有特色的毕业设计。 第三，通过这次的课题研究，我明白了作为一名合格的电子商务人才，不仅仅是技术上的硬实力，更重要的是一种思维方式，而这种思维方式，就是我们平时所说的“软实力”，也称软实力，它是相辅相成的关系纽带。

(二)创新电子商务网页设计与制作形式

电子商务网页的设计主要是以图形的方式来展示，以文字为载体，将整个页面的结构清晰、条理分明，并将其与其他的元素有机的结合起来，使之更加的具有视觉冲击力，从而达到吸引浏览者的目的;而对于具体的商业运作，则是由企业的工作人员来负责，他们不仅要对市场行情有一定的掌握还要对客户的需求有一个准确的把握;而对于课程的教学而言，则由教师的指导和管理，让师生之间的互动更多，更生动，更能激发出学生的兴趣和热情。

首先，通过网络视频学习，培养了我们的自学能力，提高了动手操作的机会;其次，在网上进行实地考察，了解到中职学校的校园环境，以及本校的特色文化，使自己能够更加独立的面对一个新的问题;然后，在老师的指导下，开始对本专业的课程内容有大致的规划和构想，并根据实际情况，不断调整，使之符合本专业的要求;最后，在确定好要用的文档后，开始着手准备工作，包括电子商务网页的制作流程、数据库的建立等，并且需要将这些文件转化为实实在在的东西才能进入正式的课堂里。接下来，就是对所学知识的实践应用，这也是检验所学的理论是否扎实，能否灵活运用到现实的企业管理当中，这也是验证所学到的信息处理方法的一种手段。同时也锻炼了我的逻辑思维分析的能力与综合素质。

四、结语

本文通过对电子商务网页设计与制作的理论基础和实际应用的分析研究，结合本科院校电子商务专业《商务网页设计与制作》课程的教学内容，得出结论：电子商务网页设计与制作课程是一门实践性很强的学科专业，需要具有较强的动手能力和创新思维，所以在教学过程中，教师应该注重培养学生的实际操作技能，让他们能够在学习的同时锻炼自己的综合素质。

参考文献：

[1]康芳，牛文娟，于军.1+X证书背景下电子商务专业《网页设计与制作》课程设计改革探索——以陕西工商职业学院为例[J].教育现代化，2020，7(03)：40-42.

作者：熊文姣

网页设计制作研究论文 篇2：

高职“网页设计与制作”课程多层次、差异化教学设计的研究与应用

摘 要：阐述了高职院校课程中多层次、差异化教学设计的研究意义和研究思路，以“网页设计与制作”课程为例，建立了多层次、差异化课程的教学设计模型。分析了教学模型的五个基本环节：学生的多层次、差异化测查，多层次、差异化教学目标设计，多层次、差异化教学内容设计，多层次、差异化教学活动任务设计，多层次、差异化评价体系和反馈，探讨了教学设计的具体实施以及各环节之间的关系。

关键词：高职;“网页设计与制作”课程;教学设计;多层次;差异化

基金项目：广东省教育科研“十一五”规划2011年度研究项目“基于能力本位教育和校企合作工作室模式的实践教学改革”(项目编号：2011TJK464);广东省高等职业技术教育研究会课题“高职院校网页设计与制作课程中多层次、差异化教学设计的研究与实践”(项目编号：GDGZ11 Y082)

作者简介：于晓霞，女，中山职业技术学院讲师，硕士，主要研究方向为计算机专业教学。

一、高职院校课程中多层次、差异化教学设计的研究意义

随着时代的发展、新课程改革的深入，在教学中大力提倡“教师应尊重学生的人格，关注个体差异，满足不同学生的学习需要”，使得多层次、差异化教学成为高职教学课程改革的新增长点。[1-2]多层次、差异化教学是指在班集体教学中立足学生差异，满足学生个体的学习需要，以促进学生在原有基础上得到充分发展的教学。其实质是在班级教学中，关注学生的差异，针对学生的差异，在教学目标、内容、方法、过程、评价等整个教学过程中实施的教学形式，以促进学生在原有知识基础上得到充分发展。[3-4]

在实际教学中，每位学生因不同的家庭、学校和社会环境，不同的学习态度、学习风格、学习兴趣等，都会影响其在校表现以及他们所获得的学习经验。[5]学生之间存在的广泛差异给在集体教学中实现整齐划一的发展和良好的教学效果带来很大的困难，而多层次、差异化教学的提出，不仅为课程改革增添了新亮点，而且对教师提出了新考验。教师教学中如何真正体现多层次、差异化教学的思想呢?即：教师面对不同个体差异的班集体，面对统一教材和统一的课标，如何满足学生不同的学习需求，适应学生不同的学习风格?怎样因材施教，使得学生全面发展?如何采取合理的教学思想和教学设计，才能让学生明确自己的就业岗位目标，提高学生的就业率?如何施教，才能发挥学生的主体性，实现教学的最优化，为社会提供多元智能人才?因此，在现有的教育体制下，进行多层次、差异化的教学设计是值得我们思考和探索的问题。

二、高职院校“网页设计与制作”课程中多层次、差异化教学设计的研究思路

在解析多层次、差异化教学的内涵和特点，调查分析整个社会需求大背景下高职院校学生的特点，以及进行学生差异性原理分析的基础上，找准高职院校“网页设计与制作”课程教学的定位;通过分析该课程的特点，学生对该课程的基础水平，以及课程教学的现状和问题，并结合多层次、差异化教学的基本原则，设计基于多层次、差异化教学模式的高职院校“网页设计与制作”课程的教学过程模型，并将该模型应用到实际教学中;最后，总结分析高职院校“网页设计与制作”课程中基于多层次、差异化教学模式的应用效果。

基于多层次、差异化教学的高职院校“网页设计与制作”课程教学设计模型，是在分析和研究学生的知识结构、认知水平和“网页设计与制作”课程特点的基础上对课程进行的整体设计，共有五个环节，依次是学生的多层次、差异化测查，多层次、差异化教学目标设计，多层次、差异化教学内容设计，多层次、差异化教学活动任务设计及多层次、差异化评价体系和反馈。这五个环节要由教师和学生共同完成，从学生的多层次、差异化测查开始，并且重视多层次、差异化评价。

三、高职院校“网页设计与制作”课程中多层次、差异化教学设计的应用

(一)学生的多层次、差异化测查

根据霍华德·加德纳的“多元智能”理论，结合高职学生的生源特点、学生的个人需求、学生的面向岗位，分析学生在学习“网页设计与制作”课程时的差异主要表现为以下五个方面。

1.学生个体的差异。学生个体内的差异是指学生自身素质结构上的差异，如一个人所具有的各种能力、兴趣等的不平衡。反映在课堂上，有的学生对页面的色彩搭配有兴趣，页面美工设计不错，但学习页面程序编写时颇感吃力;有的学生兴趣在网页页面制作上，但对页面的美工设计不是很感兴趣。

2.学生个体间的差异。学生个体间的差异是指人与人之间的差异，如A学生比B学生上课时思维要敏捷，C学生长于形象的直观记忆，D学生则长于抽象的语言记忆。

3.基础知识、技能的差异。以中山职业技术学院为例，计算机专业高职学生生源有三种：普高、中职、成教生。对于这三种类型的学生，他们所掌握的网页设计与制作基础知识、技能也不同。如：有的3+2模式培养的学生，已经掌握网页设计与制作的基础知识，有的甚至还有相关的技能证书;三二分段的学生参加过网页设计方面的辅导、竞赛;而有的学生则从未接触过电脑，很多知识和技能要从零开始。

4.态度的差异。不同学习态度的学生对学习内容、教师教导方式的要求以及完成学习任务情况均有较大差异。

5.学生学习需求的差异。学生对于学习网页设计与制作课程后，将来发展的方向和出路也存在很大的差异性。

要理解、尊重学生，这是实施多层次、差异化教学的前提。要深入了解学生的个性差异，尊重学生的不同需要和兴趣，真正地以学生为中心教学，从而让学生受益于多层次、差异化教学。测查应是动态的，因为学生的差异具有阶段性、动态性。测查的方法是多样的，可采用观察、问卷、测验、交谈等多种方式。比如，当学生刚接触网页课程时，可通过调查表或问卷的形式了解学生信息技术知识的储备情况、学习效果、需求与能力等情况;在课程学习中，还要及时了解学生对课程的掌握情况， 要不定时、 系统性地查漏补疑。只有了解学生存在的差异，并分析形成差异的原因，对学生做到心中有数，才能实施多层次、差异化教学。

(二)多层次、差异化教学目标设计

课程目标的设计是从高职学生生源特点和软件行业职业特点出发，以满足用人单位对技能型IT人才岗位能力要求为目标。课程教学目标设计分为总体目标设计和单元目标设计。

1.总体目标设计。总体目标设计是指学生学完课程后，能够具备的能力、知识、素质目标。总体目标根据学生个体间的差异分为Understanding、Experience、Novelty三个层次(简称UEN)：U层为基础目标，要求学生掌握基本的知识技能，能对网站进行文档的整理编写，满足企业基层岗位的需求;E层为中等目标，要求学生熟练掌握网页设计与制作的实际技能，能够独立完成网页的设计与制作，满足企业网站开发岗位的需求;N层为发展目标，要求学生不仅能熟练掌握网站开发的技能，还能够完成整个网站项目策划运营，满足企业对网站开发高级人才的需求。在个人素质方面，U层和E层强调良好的学习习惯的养成，要求掌握基本的学习方法和思维习惯，其中，U层还特别强调培养学生的学习兴趣，并帮助学生树立学习的信心;N层着重培养学生自主学习能力、分析问题、解决问题能力、创新能力。

2.单元目标设计。单元目标设计是教师针对某一具体教学内容设计的教学目标。由于现在的基本教学组织形式是班级教学，所以，教师要根据学生的实际，确定符合教学要求的差异化目标体系。单元目标依据总体目标的UEN三个层次来设计。在实际教学过程中，根据每个学生对知识点的掌握程度，以及学生个体原有知识基础、兴趣、能力，动态地调整学生的个体目标，使每一个学生都能不断地由现有水平发展到“最近发展区”，都能在自己的努力下获得成功的情感体验。通过这种动态调整，使每个学生的教学目标都始终确定在“最近发展区”，这样，能力强的学生会由原来“不够吃”到需努努力才能满足自己的需求;中间层次学生需往上靠一靠，才能体验成功;学习困难的学生也能尝试成功喜悦，从而有利于摆脱厌学困境。

例如，在使用CSS网站页面美化技能训练中，U层的目标是：掌握CSS层叠样式表美化字体、图像、颜色、背景、链接等元素的方法，了解CSS美化页面元素的方法，为后阶段的CSS美化打下基础(课堂范例页面元素的美化技能训练)。E层的目标是：除了掌握CSS美化元素的方法，还要进行CSS整体页面美化实践操作，为后阶段的CSS整体页面布局打下基础(课堂拓展网页整体页面美化技能训练)。N层的目标是：要求完成CSS整体页面布局，并能够结合DIV搭建完善页面架构，是提高、发展阶段(项目拓展网页布局)。在实际的课堂教学过程中，再根据学生不同阶段的动态差异性，适时调整教学目标。这样的教学目标设计，符合学生差异化实际，既可减轻学生的压力，又给学生带来挑战，使学生有了明确的目标，能够取得成功的喜悦，从而产生学习兴趣， 达到教与学的预期效果。

(三)多层次、差异化教学内容设计

多层次、差异化的教学内容是依据“以产品开发为主线”的人才培养模式和多层次、差异化的教学目标而制定的。课程组与有关软件企业密切协作，使教学内容源于企业，并由专业教师结合学生特点和企业专家商讨，共同选取典型软件产品。这样，使典型产品都源于企业真实项目。先由企业工程师和专业教师共同对企业的实际产品进行二次开发，再由“课程设计团队”及“项目课程团队”来统一完成产品知识体系和技能需求的分解，最终形成典型产品。例如，“网页设计与制作”课程的四个典型产品分别为网络拍卖系统、校园电子购书系统、物业管理系统和中山旅游导航网站。

确定课程的典型产品后，以软件产品库为核心重构课程体系，并在专业课教学中全面推行“双项目制”教学改革。即选择代表行业技术主流方向的典型性的产品库中的产品作为课堂讲授项目，同时，选取产品库中其他产品以供学生自己选择模仿完成。

教师在实际教学过程中，根据多层次、差异化的教学目标以及学生不同阶段的动态差异性，设计多层次、差异化的教学内容。对开发该产品所必须的知识与技能进行分解，围绕产品开发流程设置课程的核心内容，构建知识体系，开展理论与实践一体化教学。通过实现或模拟实现类似产品、全景展现软件产品开发过程，突出实践能力培养，提高学生的整体素质和技能水平，从而确保人才培养质量。

(四)多层次、差异化教学活动任务设计

教师根据多层次、差异化的教学目标以及多层次、差异化的教学内容来进行教学活动。教学活动的设计要符合不同学生的差异化要求，体现出有针对性。教学任务应体现质量的分档、难易程度的设置，以适应不同层次学生的要求。在教学方法上，N层的学生采取启发式的教学方法，U层的学生采取模仿的教学方法，E层的学生采取激励的教学方法。教学中引进激励机制，以激发学生的兴趣、求知欲、好奇心、责任感和上进心。此外，教师在课程教学中要善于找出学生的进步点，激发学生产生向上的动机和行为。

在“网页设计与制作”课程中，可将教学任务根据难易程度分为课堂范例、范例拓展和项目实战。要求所有的学生都要完整、正确地完成任务，达到相应层次的教学目标要求。对学有余力的学生，教师要设计一些综合性问题让他们解决，培养解决问题的能力、严谨求实的科学态度和独立思考、勇于探索的精神。以CSS网站页面美化技能训练为例，对于U层的学生，模仿完成设计网页基本元素美化的课堂范例即可合格;对于E层的学生，要完成教师设计的难度较大的课堂范例拓展练习，进行整体页面的美化;而N层的学生，要根据教师所给的需求分析，自己设计网页，完成教师设计的项目实战。同时，N层的学生又是教师的教学助理，他们要帮助指导U层的学生完成整体页面的美化。最后，教师分别从三个层次中选取其中有代表性的学生，由他们上台讲解自己所完成的任务，其他同学和教师给予点评，教师针对特点进行鼓励。这一教学过程能够培养学生的团队协作能力、沟通能力、分析解决问题能力和项目实施能力，并注重学生在学习和实践过程中职业素质的养成。

(五)多层次、差异化评价体系和反馈

多层次、差异化的教学评价在整个教学模式中尤为重要。正确、有效的评价能激励学生的成就感和荣誉感。多层次、差异化评价体系和反馈环节不仅要体现学生的个体差异化，还要贯穿在各个环节中。教师要针对教学过程中学生的学习情况进行及时的评价，同时，多层次、差异化评价体系和反馈还要有企业的参与以及学生之间的互评。

教师对教学过程中学生的评价分三个部分，即：教学过程前，教学过程中和教学过程后。教学过程前的评价主要根据对学生已经掌握的基础知识、能力水平、兴趣、态度、学习需求等方面的了解，发现学生间的差异所在。教学过程中及时获得反馈意见，发现问题、解决问题。教学过程后应对不同水平的学生提出相应的问题，看是否达到了预期的要求。企业主要参与学生项目实战开发的评价，从项目设计流程方面进行评价，如需求分析、代码规范、网站页面布局、网站测试、文档编写等方面的评价。学生互评主要从网页文档设计、内容、结构、版面和视觉感受、技术使用、创意这几个方面，评价优点和不足。

要针对不同层次的学生进行激励性的差异评价，使评价成为激发不同层次学生学好信息技术的催化剂。对于N层的学生，由于其基础好、进步快，自信心比较强，对他们的评价要严格，不但要求能够正确完成教师布置的任务，还要求他们要用企业的设计规范解决问题，并且能够充当好教师的教学助理;对于U层的学生，由于其基础差、进步慢，自卑感较强，应尽可能地寻找他们的闪光点，用激励的语言评价，帮助他们树立信心，提高学习的兴趣。评估的特点是：建立在学生个人目标的基础上并侧重反映学生实现目标的程度，强调学生是与自己而非他人做比较。

总之，教师应根据学生的具体情况，综合地、客观地、真实地评价，多鼓励，少批评，使学生产生自我超越意识，从而充分发挥学习潜能。

(六)五个环节的相互关系

学生的多层次、差异化测查，多层次、差异化教学目标设计，多层次、差异化教学内容设计，多层次、差异化教学活动任务设计，多层次、差异化评价体系和反馈，是设计基于多层次、差异化教学的高职院校“网页设计与制作”课程教学设计模型的五个重要环节。其中，学生的多层次、差异化测查是整个模式的基础。教师以学生多层次、差异化测查的结果为依据制定多层次、差异化的教学目标，让学生明确自己的就业岗位目标，以学习者的差异来设计教学的内容，并根据学生的不同差异的学习特点，设计多元化的教学任务，进行多层次、差异化的综合评价。多层次、差异化的评价体系和反馈环节要贯穿整个模式，而不仅仅是在教学结束时作为最后一个阶段。教师对学生知识能力的掌握程度进行评价，也应该在各个环节中开展，其结果可作为学生对教学模式体系的评价和反馈，从而便于教师根据不同学习者的实际掌握情况，进一步修订整个模式中各个环节的设计。整个模式的各环节要彼此密切联系，并按照合理次序进行。在这个模式下，教师和学生都要作为整个模式驱动的主体，以充分发挥学习者的主动性。学生不仅在课堂中强化了自己的典型工作岗位目标，提高了自我意识，而且其自我价值也得到了最大程度的提升。

四、高职院校“网页设计与制作”课程中多层次、差异化教学设计的效果

高职“网页设计与制作”课程通过多层次、差异化教学设计的实施，使学生的素质得到很大提升，消除了部分学生对程序语言的恐惧感，培养了学生的程序思维能力和解题能力，为其后续的学习打下了坚实的基础。学生将来走上工作岗位，具有较强的动手能力，能够快速适应岗位需求，基本实现了与就业岗位的无缝接轨。

参考文献：

[1] 何露露.高职计算机应用基础课程分层教学的探讨[J].电子商务，2011(12)：93-94.

[2] 朱维松.“差异教学”的五个维度及其操作[J].新课程， 2010(5)：38.

[3] 华国栋.差异教学策略[M].北京：北京师范大学出版社， 2009.

[4] 黄莹.英国差异化教学政策及策略研究[D].上海：华东师范大学，2010.

[5] 尹莹.基于多元智能理论的差异化教学探索[D].上海：复旦大学，2011.

[责任编辑 盛 艳]

作者：于晓霞

网页设计制作研究论文 篇3：

网页设计与制作的研究与探讨

摘 要:如今的互联网正如火如荼地发展着。伴随着上网人数的增长,网络技术应用特别是网页制作技术得到了很多人的青睐,网页制作软件Dreamweaver是使用最为广泛,也是最为优秀的可视化网页设计工具。在Dreamweaver中,使用表格、层、框架、布局视图和布局工具作网页排版,使用表单、超级链接制作交互网页。在网页中插入图形和图像,插入Flash动画,使网页图文并茂,五彩缤纷。

关键词:静态网页 动态网页 超级链接 表单 网站 事件 行为

如今的互联网正如火如荼地发展着。伴随着上网人数的增长,像网上影院、网上书店以及电子商务等新生事物给人们的生活、工作和学习带来了极大的便捷,正在影响和改变着人们的生活方式。现代人掌握网络方面的知识不但是一种时尚,更是生活中必需的、基本的技能。在这一浪潮中,网络技术应用特别是网页制作技术得到了很多人的青睐。网页制作软件Dreamweaver CS3是使用最为广泛,也是最为优秀的可视化网页设计工具。

一、基本概念

网站是信息交流的载体或空间,而网页则是人与人之间交流的直接窗口。网站也叫站点,是提供各种信息和服务的基地。很多网页链接在一起就组成了一个网站。网页是一种可以在互联网上传输,能被浏览器认识和翻译成页面并显示出来的文件,网页是网站的基本构成元素。在网站设计中,纯粹HTML格式的网页通常称为“静态网页”。这里说的动态网页,与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系,动态网页可以是纯文字内容的,也可以包含各种动画的内容,这些只是网页具体内容的表现形式,无论网页是否具有动态效果,采用动态网站技术生成的网页都称为动态网页。

二、网页的布局与定位

网页布局也称为网页排版,也是网页设计中的一项基本的工作之一。

(一)使用表格布局

表格是网页设计与制作时不可缺少的重要元素,它可以简洁明了和高效快捷的方式,将数据、文本、图像、表单等元素有序地显示在页面上,从而设计出版式漂亮的网页[2]。

(二)布局工具和布局视图

Dreamweaver提供了专门的布局工具和布局视图。进入布局视图后,点取布局工具在页面上拖动,可以随意的在页面上划出单元格,避免了采用表格布局时对单元格的合并、拆分操作,使定位布局更加方便。

(三)利用层进行布局

Dreamweaver中除了使用布局工具进行布局外,层也可以作为一种更加灵活的布局工具。一个层相当于一个单元格,而且可以非常灵活地在页面上移动。一个网页中可以有多个层,层与层之间可以相互重叠。有了层就使网页的布局工作变得更加随心所欲。层的用途不仅仅限于布局,还可以在层中输入文字或图像,用来在网页中制作漂浮的动画[3]。

层是一种网页元素的定位技术,使用层可以以像素为单元精确定位页面元素。层可以放置在页面的任意位置,把页面元素放入层可以对页面的布局更加轻松。简单地说,层就是网页内容的容器。它同表格一样,可以容纳网页中的所有内容,还可以实现层的嵌套。层最主要的特性是可以在网页中任意浮动。在层内可以包含文本、图像、表单、插件。层可以重叠,所以在网页中可以实现网页内容的重叠效果,使网页从二维平面拓展到三维立体。层可以被显示或隐藏,总之,使用层可以更方便地美化网页。

(四)使用框架布局

框架也可以被认为是另一种布局工具。框架可以将一个浏览器窗口分割成几个相互独立的窗口,在不同的窗口中输入和显示不同的内容,框架中的不同窗口,又分为“导航窗口”和“内容窗口”。“导航窗口”通常容纳的内容较少,不提供滚动条,并且窗口较小;“内容窗口”供显示内容之用,提供滚动条,而且窗口较大。

三、事件与行为

行为是为响应某一具体事件而采用的一个或多个动作,行为是由对象、事件、事件和动作构成,当指定的事件触发时,将运行相应的Java Script程序,执行相应的动作。Dreamweaver提供了丰富的内置行为,利用这些行为,不需要编写任何代码就可以实现一些强大的交互性功能。再来了解一下三个词语:1、事件:是浏览器对每一个网页元素的响应途径,与具体的网页对象相关。2、动作:是一段事先编辑好的脚本,可用来选择某些特殊的任务,如播放声音、打开浏览器窗口、弹出菜单等。3、行为:实质上是事件和动作的合成体。事件是触发动作的原因,它可以被附加到各种页面元素上,也可以被附加到HTML标记中。一个事件总是针对页面元素或标记而言[1]。

在Dreamweaver CS3中,无需编写触发事件及动作脚本代码,直接利用行为面板中的各项设置,就可以轻松实现丰富的动态页面效果。

四、表单

在网站中,表单是实现网页上数据传输的基础,其作用就是实现访问者与网站之间的交互。利用表单,可以根据访问者输入的信息自动生成页面并反馈给访问者,还可以为网站收集访问者输入的信息。表单有两个重要的组成部分,一是描述表单的HTML源代码,二是用于处理用户在表单域中输入的服务端应用程序客户端脚本。

五、链接

(一)基本概念:超级链接是从一个网页或文件到另一个网页或文件的链接,包括图像或多媒体文件,还可以指向电子邮件地址或程序。(二)链接路径:1.绝对路径:绝对路径是包括服务器规范在内的完全路径,绝对路径不管源文件在什么位置,都可以非常精确地找到。2.相对路径:相对路径对于大多数本地链接来说,是最适用的路径。(三)创建链接:使用Dreamweaver CS3创建链接非常简单、方便,只要选中要设置的超链接的文字或图像,然后在属性面板的“链接”文本框中输入相应的URL路径即可。(四)创建电子邮件链接:在网页上创建电子邮件链接,可以使浏览者能快速反馈自己的意见。(五)创建锚点链接:锚点链接常用于长篇文章、技术文件等内容的网页,在网页中使用锚点链接文章的每一个段落,以方便文章的阅读。(六)创建脚本链接:脚本链接执行Java Script代码或调用Java Script函数。它非常有用,能够在不离开当前网页的情况下为访问者提供有关某项的附加信息。(七)创建下载文件链接:有的网站提供非常丰富的资料供浏览者下载,这时就需要创建下载链接。(八)创建图像热点链接:有些网页在一幅大图片上做了多个链接,这样访问者可通过单击图片的不同位置进入不同的页面,这是应用了图像热点链接。(九)创建空链接:空链接用于向网页中的对象或文本附加行为。创建空链接后,可向空链接附加行为,以便当鼠标指针滑过该链接时交换图像或显示层[1]。

六、文字或图像

文字是网页中最重要的元素,是网页的主体,起到信息传递、导航和交互的作用。虽然利用多媒体的影音效果也可以达到同样的目的,但是网页文字的优势很难被取代。图像和文本一样,是网页中重要的元素,合理使用图像可以增强网页的丰富性和美观性。图像具有强大的视觉冲击力,吸引越来越多眼睛,制作精巧、设计合理的图像能加深浏览者浏览网页的兴趣和动力。

Fireworks CS3是一个集矢量绘图功能、位图编辑功能于一身的软件,对传统图像和数码图像的处理都非常出色,是第一个专门用来设计和制作网页图像的软件,为网页设计和图片制作提供了极大的便利。

Flash CS3可以制作网页动画、游戏,可以在网页中插入Flash影片、Flash按钮和Flash文本等,这些较大型、交互性较强的项目。Flash动画可以直接嵌入到Dreamweaver网页中播放。Dreamweaver、Flash和Fireworks是专门为网页制作而开发的软件套件,它们三者可以无缝套接,极大方便了网页的制作,被称为网页设计的“梦幻组合”。

参考文献:

[1]孙东梅.Dreamweaver CS3网页设计与网站建设详解[M].北京:电子工业出版社,2008

[2]何秀芳.Dreamweaver CS3 Flash CS3 Fireworks CS3网页制作[M].北京:人民邮电出版社,2008

[3]马伟.网页设计与制作[M].北京:机械工业出版社,2007

作者：张明月