网页制作论文范文
时间：2023-03-02 13:50:14
网页制作论文范文第1篇
工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。现在就让我们从第一步的建立站点来踏上建造网上家园之旅。
用FRONTPAGE创建站点是很容易的。首先，我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点”图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每一个站点都要有一个主页，这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时，FRONTPAGE就自动为我们创建了站点的主页了。这个新建的站点主页时空的，我们可以向里面添加内容。
在文件列表里除了主页之外，还有文件夹。新建站点时，FRONTPAGE都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，比如：我们可以在这个文件夹里存放注册用户的个人信息。
尽管每一个站点都要有一个主页，不过创建站点时我们仍然可以从一个空站点开始：选择“文件”菜单的“新建”命令，单击“站点”选项，在“新建站点”对话框里，我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多其他图标，这是FRONTPAGE提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点，都是从头开始来创建一个站点，这就好像盖房子一样，首先画图纸。然而，有许多的房子都具有相似的结构和用途，所以我们可以用一张图纸盖很多相似的房子，这样就节省了许多工作。
同样的，尽管站点的风格千差万别但是有许多站点的功能和结构都是一样的，如果我们从头开始建立站点的话，就要做许多重复劳动，这时，我们就可以使用模板或向导来建立站点。模板和向导的作用就好像盖房子的图纸一样，我们不必每次建立站点时都从头开始。我们单击“个人站点”图标，用它可以迅速创建一个个人站点，输入站点所在的位置，单击“确定”按钮，这样我们刚就创建了个人站点。个人站点模板已经为我们规划好了站点的目录和建立了相关的页面。现在我们点击一下“文件夹”按钮，双击index.htm图标，
看，这就是我们的个人站点的主页。哎，好象有许多文字都不对，没关系，这些文字都是可以改变的，现在写的是文字的用途，比如“主题”文字就是用来写网站标题的地方，我们只要把它改为自己喜欢的标题就可以了。返回到“文件夹”模式，双击photo.htm。也可以把风景图片换成自己的照片，只要在新建站点的基础上进一步修改就可以做出自己的个人站点了。这不仅节省了许多力气，同时也给了初学者一个良好的出发点。
那么模板和向导有什么区别呢？我们安装软件时，一步步的用对话框提示我们完成安装过程的程序就是一个向导。在FRONTPAGE里，向导也是一种模板，不过它是一种特殊的模板，它会以对话框的形式辅助你完成站点的创建过程。
现在我们选择“文件”菜单的“新建”选项，单击“站点”命令，
你看，FRONTPAGE提供了两个向导：公司展示向导、讨论站点向导，使用起来都很方便，你有兴趣也可以利用向导建立一个站点。
创建页面最简单的方法就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。
如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到FRONTPAGE提供的许多网页模板，我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网页了。然后点确定。使用模板可以不用总是从空白网页开始编辑，这样就省力很多。
网上几乎所以的网页都使用图片加以点缀，在网页中插入适当的图片，能够产生图文并茂的效果。
如果有一个图形，怎么把它放到网页上呢？
首先要看你的图形是什么格式的，也就是它扩展名是什么只有扩展名为GIF和JPEG的图形文件才能成为我们的页面的一部分。因为这两种图形格式不仅应用广泛，而且有利于节省存贮空间。如果图形不是这种格式，使用了其它格式的图形文件，在保存网页时FRONTPAGE会提示做格式转换，FRONTPAGE可以自动进行格式转换。
现在可我们看看怎么插入图形选择“插入”菜单的“图片”命令，单击“来自文件”按钮。
在默认情况下，FRONTPAGE认为你要插入的图片总是放在你建立的站点的目录或它的子目录下的。可以说,站点就是一个目录。我们把编辑的许多网页文件放在同一个目录下，我们称这个目录为站点的主目录。这些网页引用的图形一般也放在这个目录下。当然，我们也可以在这个目录下建立其他的子目录，再把所有的图形放在子目录里。所以搜索下拉列表只允许在主目录和主目录下的子目录进行选择。如果要插入的图片不在主目录下,在“选择文件”对话框中进行选择。选择好文件以后，单击“确定”按钮，回到“图形”对话框。单击“确定”按钮，图形就插入了。现在单击“常用”工具栏的“保存”按钮。在“另存为”对话框中输入新的web页文件的名字，单击“保存”按钮。出现了一个对话框,因为我们刚才插入的文件不在站点内，现在FRONTPAGE要把它复制到站点内，可是使用什么名字，放在站点的哪个目录下呢，就要在这设置了，单击“改变文件夹”按钮，另外这儿还在需要时对图形的格式进行转换。单击“位置”按钮，在默认情况下，图形被保存在站点的主目录下，现在我们选择IMAGE目录，单击“确定”按钮。回到“嵌入式文件”窗口，再单击“确定”。这样，图形就保存在站点内了
我们还可以从INTERNET上插入一个图形。选择“插入”菜单的“图片”命令，在URL栏内输入图片的地址，单击“确定”按钮。由于是插入网上的图片，因此在插入图形以后，应该保存一下网页，使图形存到站点内。
您可能说,我不会画画，插入图片容易，可是编辑图片就不容易了。没关系，FRONTPAGE自己带有许多剪贴画，你可以把它们插入到自己的网页。选择“插入”菜单的“图片”命令，选择“剪贴画”。你看，各种剪贴画都分类放好了。你可以自由地选择。不过，插入后别忘了保存网页，把剪贴画复制到站点目录下。
一般我们插入的图形总是和文本在一起的，所以调整图形和文本的对齐方式很重要。在默认情况下，图形自动与文本的底部对齐。这一个网页，由于默认的对齐效果，页面出现了大量的空白。这时就要调整图形的对齐属性。在图形上单击鼠标右键，选择“图片属性”，选择“外观”选项卡我们把对齐方式调整为“左对齐”。使用图形可以使网页更加丰富多彩，而且我们还可以用图形来建立超链接，使网页相互联系起来。怎么用图形来建立链接呢？其实图形超链接只要在建立超链接时选择图形就可以了。首先选中超链接的图形，单击箭头图形，单击“常用”工具栏“超链接”按钮，选择主页文件“页面1.htm”，单击“确定”按钮.在普通模式中，按住CTRL键，单击箭头图形，就跳到主页页面了。
如果我们要在图片上加上文字，单击图形工具栏“文本”按钮，现在图形中就出现了一个文本框，输入：“计算机软件”按一下Esc键，取消文字编辑，就选中文字框了，调整文本框到合适的位置，单击页面其他区域，文字就添加成功了。
如果我要修改单击一下要修改的文字，这时文字作为一个整体被选中了，再点一下文字，这时文本框里有光标闪烁，你可以编辑文本了，重新输入：“计算机硬件”，在页面其他区域单击。文字就修改完成了。
怎样使文字更丰富、活泼呢？一个简单的方法就是使用“格式”工具栏。
字体设置：选上文字，打开格式工具栏的“字体”下拉列表框，在里面选择相应的字体就可以了。如果浏览网页的人使用的计算机没有设置的字体？浏览器会用系统默认的字体代替你设置的字体。不过，使用常用字体是一个好习惯。
字号设置：在“格式”工具栏“字号”下拉列表框中选择相应字体就可以了
工具栏上的B、I、U图标的作用是：
按下B按钮，被选中的文字就会变为粗体
按下I按钮，被选中的文字就会变为斜体
按下u按钮，被选中的文字就会带下画线
字的颜色：单击“格式”工具栏“字体颜色”按钮旁的向下箭头，选择适当的颜色，字的颜色就改变了。
还可以对字体进行一些其他设置。选择“格式”菜单的“字体”命令，在这里我们还可以作进一步的设置。这里除了“格式”工具栏可以做的设置以外，还可以设置许多效果。
“字符间距”选项卡：它是用来设置文字的间距的。单击“间距”下拉列表，可以选择字符的间距是普通、扩充还是紧缩的。选择扩充，这时预览框的文字间距就变大了。也可以调整间距大小来改变间距，输入10，文字的间距就更大了。
“定位”下拉列表：在FRONTPAGE中每一行都有一个底线，定位就是指文字相对于底线的距离。也就是把文字上下移动，现在选择“上移”，文字就向上移动了。预览框中的黑线就是行的底线。
设计好的页面，应该检查它在浏览器中是否显示正常。
方法是，一般只要切换到预览模式就可以了。单击“预览”选项卡，在这个预览模式下的显示和在浏览器中的显示是一样的。但这并不意味着我们就不必用浏览器来检查编辑的网页了。因为即使是同一个页面，可能在不同的浏览器中显示会不太一样。比如在INTERNETEXPLORER中是这样显示的，但是在NETSCAPE中又是那样显示的。所以，我们要在自己的机器上多装几个浏览器，用来检查网页的兼容性。
那么为什么不用不同的浏览器来检查呢？选择“文件”菜单的“在浏览器中预览”选项，在浏览器列表框中选择不同的浏览器。（以INTERNETEXPLORER5.0为例）单击“确定”按钮。就可以看到新建页面在浏览器中的效果了。
怎样才能自己做的网页相互联系起来呢?也就是说让别人点页面上的图形或文本就跳转到其他页面呢？
在网页里，我们把这种点击后会进行页面切换的网页界面元素叫超链接。
先来看一下用文字来建立链接。
首先创建一个指向站点内其他网页的超链接。
选择“插入”菜单的“超链接”命令，在文件列表框内选择“页面1.htm”文件，注意在URL文本框中显示了该文件的地址。单击“确定”按钮.超链接就制作成功了。我们切换到预览模式（单击预览按钮），当我们把鼠标指向“主页”两字时鼠标变成手形，单击它，我们就切换到主页了。
那么为什么不在普通模式下试呢？：因为普通模式主要是用来编辑网页的，当我们在普通模式把鼠标指向“主页”两字时鼠标没有变成小手状，因此不能进行页面切换。不过如果按住CTRL键，鼠标就变成了小手状。这时单击就可以进行切换了。也就是说在普通模式中按住CTRL键才能激活超链接。我们也可以将超链接指向其他站点的网页。选中作为超链接的文本，单击“常用”工具栏的“超链接”按钮，这和选择插入菜单的超链接命令是一样的。在“创建超链接”对话框里，在URL地址栏直接输入要连接的网页或网站的地址。如果不清楚要作超链接的地址，只要单击URL地址框后面的放大镜就可以用浏览器在INTERNET上查找要链接的网页，FRONTPAGE会自动记录你找到的地址。单击“确定”按钮就可以了。我们还可以改变已经设置好的超链接。首先确认是普通模式，在要改变的超链接下单击鼠标右键，选择“超链接属性”命令，输入新的URL地址就可以了。要想取消超链接，删除所有URL地址框里的内容就可以了。还有一种超链接，可以链接电子邮件。这样可以使你的网上朋友通过Email及时与你联系，这是一个网站站长和网友交流的重要手段。先选中要作为超链接的文本，一般文本就是你的邮箱地址，单击“超链接”按钮，单击“信封”按钮，输入你的邮箱地址，单击“确定”按钮，退出对话框，选择“确定”，这时超链接就建立好了。我们试一下，切换到预览模式，单击邮件链接。
这样我们就差不多完成了网页的制作步骤，最后可将它到Web服务器上。站点前还要对它进行检查工作，包括超链接，页面等。
【参考文献】
〈1〉乔春源，樊天岳等。信息技术。江苏科学技术出版社，2001年7月。
〈2〉李振格。Office入门与提高。清华大学出版社，2001年2月。
网页制作论文范文第2篇
建构主义理论指导下的课堂教学
笔者从建构主义教学观和教学实践出发，设计出了一套符合这门学科特点的教学与管理模式：把整个教学过程分成三个阶段，全部在计算机教室开展，针对不同的教学内容和教学环节采用不同的教学方式，边讲边练，即案例引导教学阶段、任务驱动实践阶段和项目合作课程设计阶段，如图1所示。这三个阶段中教师是引导者，学生是知识的构建者。教师与学生之间，学生相互之间必须密切配合［4］1.展示效果。课堂上，首先把与本节知识内容相关的案例效果及功能展示给学生，通过素材和网页效果的对比，激发学生的想象能力。2.分析操作任务。在教师的引导下，对案例进行模块化分析。分析案例时一般包括两个方面：一个是利用以往知识可以处理的效果；另一个是本次教学内容处理的效果。分析案例的目的在于温习以往知识和引出本节课教学知识点。学生在分析案例的同时，一方面不断形成新的理论视野，增长案例分析的技巧；另一方面探索思考理论如何运用于实际，从而及时、有效地促进了理论向实践的转化，真正达到理论与实践的结合，有利于加强文科专业学生的实践动手能力。3.知识讲解与操作示范。在讲解过程中注重基础知识的传授和基本技能的培养，同时介绍网页制作中的相关规范和标准，并且注意总结一些实用的技巧。这种教学方式目的明确、形式生动，学生带着问题听课，学习兴趣和效果明显提高。教师要实际操作案例，在操作过程中把以往的知识点简单回顾，并着重介绍新知识点，即讲述相关理论知识。把书本上的相关知识通过案例的形式直接展示给学生，学生不但容易理解理论内容，同时，也了解知识的实际用途。4.课堂同步实践。理论与实践交融，知识与感悟同步。学生真正掌握技术在于自己是否能够独立完成实践操作，在学生实际操作的过程中，教师应从旁指导、及时纠正，学生只有在依靠自我的力量去解决学习问题的过程中获得了成功的体验，才能进一步激发他们的学习热情。5.课程设计。学生结合所学网页设计制作知识与自己的兴趣或擅长等自拟主题，制作出符合一定要求的网站。每个项目小组由4到5人组成，推选出项目经理，负责小组的项目策划和成员分工。通过讨论、交流与合作，小组成员各尽所能，取长补短，共同完成任务。这样，既调动了学生的积极性，实践了所学的知识，又培养了团结协作的能力。将课程设计记入学生的平时成绩，从而给学生在该课程的学习上施加一定的压力，促进其更好地学习。6.归纳总结。教师对学生的操作表现做出讲评，对学生在网页设计中的共性问题进行纠正，不断规范学生的网页设计。并与学生共同详细讨论和总结案例中所用到的理论知识和操作技巧。表扬其优点，指出其错误，可以巩固教学效果，弥补学习漏洞，并有助于学生之间的学习交流。教师以“案例”引路，引导学生边学边练，以“任务”驱动自主完成学习任务。以“项目”促进理论知识与实际操作结合。教师的“教”与学生的“学”围绕一个目标，学生充分发挥自己学习主动性和创造性，多种教学方法结合不但解决了课时少、知识点多、实效差、与实践应用相脱离等问题，而且还充分调动了学生学习的积极性，使学习过程成为一个人人参与的创造性实践活动，更好地培养了学生创造性思维和发现问题、解决问题的能力［5］。
考核与评价方式
采用课程设计与上机考试结合的考核方式，上机考试从题库中按出题方案组出若干数量试卷，每位学生随机抽取其中一套进行考试。“网页设计与制作”这门课程对于制作网页的基础理论和实际操作能力都有比较全面的要求，所以考试当中应当兼顾这两个方面，理论部分注重学生对网页制作基本知识、基本理论的掌握，采用选择、判断等客观题的方式进行，为学生进一步的学习夯实基础。实践部分要求学生利用给定素材，包括考题所需的图片、背景和其他辅助图片、相关考题内容的文字资料、考题要求等，完成规定技术要求的网站创意设计与制作。一个好的考核方式不仅有利于全面真实地反映学生的学习水平，而且有利于反映教学中的问题，以便教师能够及时作出相应调整［6］。
总结
网页制作论文范文第3篇
论文摘要：项目教学法是师生为共同实施一个完整项目而进行的教学活动。文章介绍了将项目教学法应用到《网页制作技术》课程中的经验及收获。在整个教学过程中，着重培养学生的“四种能力”，以实现培养网站构建人才的课程教学目标。
项目教学法简介
项目教学法的前提是“项目”，是一个人人参与的集学习、创作于一体的过程。
项目教学法就是在教学中，组织学生真实地参加项目设计、实施和管理的全过程，在项目实施过程中完成教学任务。项目教学法的开始阶段，主要采用独立作业的方式。项目教学法更多采用小组工作的方式，共同制定计划、共同或分工完成整个项目。一般而言，项目教学法的实施过程可以分五个阶段：
确定项目任务通常由教师提出一个或几个项目的任务设想，与学生一起讨论，最终确定项目的目标和任务。制定计划由学生制定项目工作计划，确定工作步骤和程序，得到教师的认可后实施。
实施计划学生确定各自在小组中的分工以及小组成员的合作形式，然后按照已确立的工作步骤和程序开展工作。
评价考核通过项目的完成情况对学生的学习效果进行考查，包括教师评价、学习小组评价和自评三部分。可分三个级别进行考核：第一级，由教师对各小组项目完成情况进行评定，如能否共同协作，是否实现预期功能，是否具有创新意识等；第二级，由各小组成员根据每个组员对本小组的贡献情况及参与意识进行互评；第三级，由学生本人进行自评，如自己是否在原有基础上有所提高，是否已经掌握本课程的知识点并熟练应用。最后，综合三级评定情况确定每名学生的学习成绩。对于有企业参与的项目，必要时可由企业做出最终评价。
归档或结果应用项目应尽可能具有实际应用价值，应尽可能将项目的完成结果应用到企业和学校的生产教学实践中。
《网页制作技术》课引入项目教学法
《网页制作技术》是我院计算机应用技术、计算机网络技术、软件技术等专业的主干课程，具有实用性强，应用面广，操作性强、与岗位联系密切等特点。为了更好地讲授《网页制作技术》课，我们进行了大胆的教学改革，打破了传统的教学模式，将实际项目引入课堂教学，改革教学方法、教学手段及考核形式，较好地实现了课程教学目标。《网页制作技术》的课程目标《网页制作技术》的课程目标是结合职业岗位的需要，培养出能够从事网页平面设计或网站构建的人才，提高学生的学习能力、协作能力和综合能力。
将项目教学法引入《网页制作技术》课本课程的传统教学方式是先由教师在多媒体教室授课，然后安排学生在实验室上机验证教师所讲内容。这种方式忽略了学生的积极性、主动性，学生学到的知识比较零碎，很难开发实际项目。随着课程内容的深入，很多学生逐渐失去了学习兴趣，丧失了主动参与的意识，以致课程结束时，几乎没有学生能够设计出具有一定水平的网站。为打破传统的教学模式，突出学生的主体地位，让学生成为教学的中心。我们分析了该课程的特点，并结合任课教师为企业开发网站的经验，让教师将所承担的网站建设项目引入课堂教学，引导学生共同开发项目，让学生既能学到知识，又能积累项目开发经验，从而体现出“教、学、做是一件事，不是三件事”。
项目教学法提高了学生的能力和素质将项目教学法引入《网页制作技术》后，学生成为了学习的主体，教师在教学过程中起引导协助作用。学生在项目的驱动下自主学习，边学边做。有些能力突出的学生在学习过程中主动与外界联系，承接小型网站建设项目。在完成项目的过程中，他们主动与其他同学和教师进行交流，讨论问题，促进了项目教学法的发展。项目完成后所带来的成功的愉悦和满足感，不但提高了学生的学习兴趣和学习积极性，同时也培养了学生自主学习的能力。
《网页制作技术》课实施项目教学法的过程
笔者在担任《网页制作技术》课的教学过程中，结合学生的特点以及环境，将教学过程划分成以下五个阶段。（一）网站项目的确定
确立实用、优秀的项目是项目教学法能否成功实施的关键。因此，在实施项目教学法时，首先，应选择切实可行的项目。在教学正式开始之前，可先对学生进行分组，尽量使每一组学生的能力都比较均衡。同时，结合相应的岗位能力要求，将选用的项目分为两种：一种是选用已通过验收的项目，另一种是选用正在进行中的项目。其次，应针对学生的实际水平确定项目的难易程度。对于首次接触这门课程的学生，由教师负责选取项目，讲解知识点。所选取的项目必须简单、典型，并且最好选择已经完成的项目，以便学生进行知识的迁移。对于具有一定基础的学生，可由教师和学生共同讨论选定具有较高难度的项目，并且最好选择正在进行中的项目，让学生身临其境，参与创造实践活动，亲身体验实践的艰辛与乐趣。另外，应注意根据学生具体的培养方向，确立最适合的项目。
（二）网站项目计划
网站项目的计划应按照项目开发的需求加以实施。确定项目以后，让每一组学生针对该项目进行需求分析，启发学生主动发现身边的素材。对于已通过验收的项目，可由教师充当企业的角色，由学生向教师汇报自己所进行的关于项目需求的分析及收集到的资料；对于正在进行中的项目，可由学生直接面对企业，与企业沟通，做出需求分析。教师在这一过程中，一方面，起到指导的作用，另一方面，在对已验收的项目实施的过程中，教师应事先对该项目内容进行定位，分析研究需要解决的问题和完成的任务，确保学生进行需求分析时，不会定位过高。完成项目需求分析后，教师应根据学生所作的需求分析确定项目的能力模块，并将每个能力模块细分为一系列小项目，学生根据课程的时间安排，结合项目内容编写项目开发计划书。例如，根据我校《网页制作技术》课的实际情况，将首次接触这门课程的学生的能力模块划分如下（见下图）。
（三）网站项目实施
项目教学法中最重要的环节是项目的具体实施过程。在该过程中，教师应及时恰当地对学生进行引导，督促学生根据项目计划书，按时按量完成相应的功能模块，保证项目顺利进行，实现课程教学目标。对于首次接触网页制作的学生来说，没有一定的网页制作软件操作基础，就无法进行项目建设。因此，应在《网页制作技术》课程项目实施过程的第一阶段讲授学生网页制作软件的使用方法，为第二阶段奠定基础，第三阶段的主要任务则是撰写网站开发总结报告，锻炼学生撰写文章的能力。
第一阶段实施过程对应上图中的能力模块划分情况，在第一阶段的实施过程中主要教授学生网页制作软件的使用方法，使其形成相应的具体能力。具体做法是：教师首先通过简单的例子讲解实际操作方法，然后，让学生练习新知识、新操作，完成相应的实验项目。通过这种双教一体的教学模式、讲练结合的教学手段让学生掌握牢固的基础知识。
第二阶段实施过程结合第一阶段学生具体能力的锻炼情况，根据所要建设的项目，按照项目计划书进行开发并完成设计。该阶段是项目教学法实施的核心环节。在此阶段，教师要根据各开发小组的具体情况、具体要求及时恰当地进行指导，解决学生开发过程中遇到的难题，督促学生按时按量完成项目计划书中的各个开发环节，保证学生顺利完成项目的开发，实现教学目标。在实际教学过程中，教师要重点做好指导监督工作。如定期召开各项目组长会议，了解各项目组的开发进程；在项目开发过程中进行技术引导和指导，收集各组遇到的难题，组织各组进行总结和经验交流，从中探讨不同的解决问题的方法。
第三阶段实施过程该阶段的任务是在学生完成网站建设后，撰写开发总结报告，总结本次学习、开发的收获和经验，为下一次开发做准备。阶段性总结评价也是项目具体实施过程中必不可少的环节。教师和学生在每个阶段的学习结束后，都要对该阶段的学习成果进行展示、评价、总结，及时改进不足之处，巩固成果，为后续工作打下坚实的基础。
（四）网站项目展示与评价
项目完成后，应对网站项目的建设效果进行展示，并加以讲解。在讲解展示网站的过程中，学生和教师可以提出问题，并结合相应的网站项目评分表，形成学生和教师对该项目各自的评价。在对学生进行评价时，还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。在对承接的企业的开发项目进行评价时，除上述评价角度外，还应结合企业的需求，即除了学生评价、教师评价外，还要有企业评价，并以企业的评价作为最终的评判标准。
（五）网站项目的总结和应用
项目完成后应进行总结，并将其成果应用到相关领域，体现该门课程的教学目标。我校在《网页制作技术》课中实施项目教学法以来，完成了多个项目并将研究成果应用到实际工作中，如我院的网站、各系各部门的网站、思明网站等。项目完成后应总结思路、技巧并进行经验交流。思路总结可以帮助学生明晰项目完成的最佳思考方法，找到自己的不足；技巧总结着重总结解决开发环节中遇到的难题的方法，把握并吸收整个项目开发的精髓；经验交流主要是对学习方法、知识应用进行交流。最后，教师可以指导学生对项目进行拓展和延伸。超级秘书网
项目教学法的成果
《网页制作技术》课在实施项目教学法后，从本质上改变了课程的教学目的。这种改变使学生不再觉得学习该门课程只是为了获取学分，而是真正掌握一门技术，具备一定的开发能力，能够承担相应的工作。在整个教学过程中，学生的自主学习能力、实践能力、创新能力、团队协作能力、分析解决问题的能力以及撰写报告的能力都得到了锻炼、培养和提高。
实践表明，《网页制作技术》课从传统的多媒体教学模式的枷锁中挣脱出来，实施项目教学法，体现了以学生为本，最大限度地调动了学生自主学习的积极性，培养了学生的综合能力，使学生掌握了一门技巧，对教师也是一种锻炼和提高。
参考文献：
王栋松．在计算机课程教学中开展项目教学法的研究[J]．职业教育研究，2005，（11）.
万良，黄锦祝．网页制作技术课程改革探索[J]．中国职业技术教育，2007，（7）.
网页制作论文范文第4篇
关键词：网页制作表格divdreamweaver8.0网页框架利与弊
引言
随着信息时代的发展，web技术的一天天成熟，如何制作出一个符合规范，美观又浏览速度快的网页已经越来越成为一个网页设计师所要考虑的重点了。过去的网页设计师只需考虑网页前台美工处理，然后切片形成网页即可，而自从CSS层叠式样式表诞生后，网页排版成为了一个新的网页技术研究的领域。在制作网页中，我们布局网页的方法一般有两种，第一种是使用table（表格）来布局网页，另一种是使用div容器来布局网页。下面我们就一个实例来讲解这两种方法来布局网页的操作步骤，以及比较两种方法的优点和不足之处。
一、网页布局的两种方法
方法一：使用table表格制作网页框架。具体操作步骤如下：
第一步，打开dreamweaver8.0软件，数好目标表格的行和列（从最小的格子数起）点击插入菜单中的表格项，然后打开下面的属性面板
第二步，将第一行的三列合并，第三行的三列合并。
第三步，合并后，一定要严格定义好每行的高度，其次一定要定义好第二行每个单元格的宽度，注意三个单元格的宽度之和应该是表格的总宽度。
第四步，将总表格居中对齐，设置好表格的边框颜色以及每个单元格的底纹，即可。
这样，一个通过表格制作的网页框架就做好了，表格的每个单元格就可以存放图片、文字、动画等等了。
方法二：通过div容器来制作网页框架。具体步骤如下：
第一步，新建一个dreamwer文件，点击插入菜单中的插入布局对象中的div标签，点击确定；
第二步，新建CSS样式
新建完后将CSS样式的边框、底纹以及高度和宽度设置好。这样就设置好了顶部单元格。
设置好所有的css属性后，点击dreamweaver的编辑窗口div标签，点击如图5属性栏中的divID应用即可。
第三步，使用相同的方法继续插入布局对象中的DIV标签，第二行插入DIV应注意，首先插入一个大的div容器，然后在里面插入左中右三个div，定义好每个div的宽度后，注意左边和中间的div容器的css代码必须写入：float:left；否则div容器是无法形成横排的
第四步，使用相同的方法插入底部的第六个div容器。保持与上面容器宽度一致，同时在css代码中将每个div容器的底纹和边框设置好。
二、总结网页布局的两种方法的优点与不足之处
使用table表格来布局网页框架的优点：制作方法直接，直接通过插入菜单中插入以及属性栏中设置所有的操作即可，无需定义CSS样式；制作的速度快。缺点：由于html文件中的table标签的浏览速度较慢，所以，使用嵌套表格的方法来布局网页框架会使网页浏览的速度变慢。
使用DIV的方法布局网页框架的优点：可以通过css样式给框架进行功能强大的属性设置以及给网页的局部进行任意的定位，制作出来的页面浏览速度较快，同时页面的风格可以通过修改单独的css文件进行随意的修改和更新；缺点：每个div容器都需要定义css样式来控制，制作过程相比table方式要复杂。现在的网页越来越倾向于使用DIV的方法来布局网页了。:
三、table与div方法布局网页框架的应用
table方法布局网页主要应用在功能较为简单、页面不多的网站中；而div主要应用于大型的网站页面设计中。
四、总结
网页制作论文范文第5篇
现在利用网络信息手段增加了教学内容的生动性和丰富性。在网页制作课程中，课内项目通过课件展示和真实网站的欣赏，把书本上的内容活灵活现的展示在同学们面前，让学生获得真切的感受，即在头脑中再现画面，如临其境、如见其人、如闻其声，从而激发学生学习的兴趣，引起学生的关注和思考。在动态网页原理模块中，以动画的形式形象地展示出来，激发学生的想象力。而在课外拓展模块中，教师应将录好的教学视频发到教学平台上，以视频的形式展现出来，使学生方便参照与模仿。
二、信息技术课堂教学应用模式
1.情境探究模式是信息技术与课程整合的一种基本模式
现在我校在网页制作课中的应用确定为以下几个步骤。
2.自主学习模式
现在教育的出发点是培养学生终身学习的意识，这是贯穿于人的一生的自主学习，所以就要通过运用现代信息技术，培养学生良好的自主学习习惯，全面提高学生综合素质和应变能力。在网站建设课堂中我们将自主学习的研究重点基本流程初步确定为以下几个步骤：
3.协作学习模式
网页制作这门课程，要培养学生的协作学习模式，因为多数优秀的网站都不是一个人完成的，都是团队共同努力的结果，所以在课程中的协作学习模式具体应用过程如下：
4.研究性学习模式把学生作为主体
充分尊重学生的个性、自主性和差异性，使学生在求异、探索的环境氛围中进行学习与实践。
三、教学评价
传统的教学评价以单一的纸笔测试为评价形式；以老师为单一的评价主体；在评价的技术上，强调量化而忽视质的分析；在评价角度上，重视终结性评价，轻视形成性评价。在信息化教学模式引入课堂之后，教学评价也应强调实时、动态或基于作品的评价。要注重综合评价，关注个体差异，实性评价指标的多元化。在网页制作课程中，在以上的几种教学模式中，通过强调参与互动、小组自评与互评相结合的方式实现评价主体由单一的教师向多主体的多元化转变；同时，评价方式多元化，从网页设计规划到网页的设计与制作，最终到实习报告的总结，都进行评价，考虑到学生的差异，注重整个学习过程，使终结性评价和形成性评价相结合，而在各个方面对学生进行鼓励与评价。
四、信息技术与学科整合应注意的几个问题
信息技术的优势显而易见，它为教育教学活动注入了无限的生机与活力，给课堂教学效果带来了实质性的变化，在现代教育中越来越离不开信息技术这个工具，下面结合在网页制作教学中的实际情况，谈一下信息技术与学科整合时应注意的几个问题。
1.教学设计的重要性
通过在课堂中引入信息技术，课堂气氛非常活跃，教学内容丰富多彩，学生也很活跃，但是如果没有详细计划和教学设计，学生们反而会杂乱无章，不去思考，只是看热闹。所以在信息技术与专业学科进行整合时，教师的主导地位不是降低了，而是更重要了，这体现在课前的设计上，每一个提出的问题，学生要解决的任务，可能出现的状况都要好好的进行设计，课堂中让学生成为主体，但是真正的导演还是教师，让学生按照教师设计好的脚本表演，但这脚本要是隐形的。这样一节课下来，从教师到学生都会有很大的收获，所以信息技术与专业学科的整合不是在短时间内就可以实现的，这对于教师来说是更艰难的挑战。
2.信息技术在教学中要应用的恰到好处
信息技术固然好，但它与专业学科的整合重在“实用价值”，没有必要在原本传统手法就能解决很好的内容上把信息技术强加上去，比如在计算机软件的讲授课程中，没有什么比直接演示操作更好的效果了，如果在这时非要去做课件去完成，那就有些画蛇添足了，那就会偏离了信息技术辅助教学的初衷。
五、结束语
信息技术与专业学科课程整合是一项庞大的工程，不可能一蹴而就。我们强调信息技术与专业学科课程整合不是一种固定的模式，而应该倡导一种观念。同样的教材，不同背景和特质的教师与学生，从不同的角度切入与互动，就可以赋予教学与学习不同的生命力，产生不同的学习效果。这也是教育迷人之处。
网页制作论文范文第6篇
关键词：激励；网页制作；文科；军校；教学实践
中图分类号：G434 文献标识码：B 论文编号：1674-2117（2017）07-0100-02
随着计算机网络的迅猛发展，每个军事院校都建设有自己的校园网站，包括各个子部门、专业（系），甚至有些学员队都有自己的子网站。这些子网站的维护一般都由学员队的学员骨干来负责，因此，计算机网页设计与制作已不再只是计算机专业学生的独有技术，文科类军事院校也普遍将网页制作课程作为公共基础课开设。笔者通过几年来在文科类军事院校教授网页制作这门课程的教学实践，积攒了一些经验并有了自己的一些思考。
文科类军事院校开设网页制作课程存在的问题
1.课程设置不合理
目前，很多文科类军校会直接开设静态网页制作软件FrontPage或Dreamweaver的使用课程来教授学员静态网站的制作，但课程设置人员并不了解网页制作这门课程的特点。学员在学习这门课程之前，首先要具备Photoshop或Fireworks图像处理软件、Flas制作软件、HTML语言以及数据库操作等方面的基础知识。对于文科类军校来说，在不开设这些基础课程的情况下直接开设网页制作课程是非常不合理的，那样不仅让学员学起来吃力，而且让教员授课也会很头疼，往往无从下手。
2.学员缺乏实战经验
网页制作课程是一门实践性很强的课程，但目前文科类军事院校还普遍采取传统的教学模式，即：教员一边口头讲授，一边用计算机演示；学员先观摩记录，课下再以回忆模仿的方式学习。这一做法有很大弊病：一是难以激发学员的学习兴趣，二是教学效果也不理想。一节课学习下来，学员只能机械模仿教员上课教授的内容，无法融会贯通。课上教员教授的内容毕竟有限，更多的技术还需要学员课下自学。对于这样一门实践型课程，学员若缺乏实战经验，会很容易出现技术遗忘的情况，难以真正做到学以致用。
3.教员的技术水平跟不上技术更新速度
文科类军事院校开设的网页制作课程，教师一般由计算机教研室的教员担任，或者由信息管理中心的相关技术人员来担任，日常繁忙的业务令他们无暇主动更新专业知识和技术，但是教员的技术更新速度是影响学员学习质量的最直接因素，教员的技术不更新，学员学到的技术就难免陈旧，这就严重影响了这门课程的教学质量。
如何提高网页制作课程在文科类军校的教学效益
1.系统、合理地进行课程设置
制作网页需要有图像处理、动画制作、HTML脚本语言等方面的基础知识，才能制作出高质量的网页。[1]文科类军校虽然对学员网页制作的水平要求不高，但也要有计划、有目的地设置课程计划，合理地安排教学内容。笔者建议可以按照图像处理软件、动画制作软件、HTML语言基础、静态网页制作软件的顺序来安排教学内容。
2.在教学中引入项目教学法
有别于文科类军校大部分的理论讲授课程，网页制作课程无论在教学内容上还是在教学方法上都有其独特之处，它是一门以实践为主的课程。教员可以根据学生的特点、兴趣点以及现有的技术水平开展相应的项目训练。例如，学期结束的考核可以要求学员分组自定主题设计创作一个包含指定模块的独立网站。这种分工协作完成项目的方式，一方面可以培养学员的团队合作精神，另一方面可以增强学员的学习兴趣和动力，使之能真正对所学知识和技术融会贯通。
3.以学员的兴趣为导向，鼓励学员建立有意义的网站
心理学家布鲁纳认为，“学习是一个主动的过程，对学生学习内因的最好激发是激起学生对学习材料的兴趣，即来自学习活动本身的内在动机，这是直接推动学生主动学习的心理动机”。[2]学习网页制作课程的真正目的是学以致用，很多学员在学习完这门课程后都想建立自己的个人网站，教员可以利用这一点进行积极引导，鼓励学员参考各种资料、搜集素材、模仿那些优秀的网站来建立自己的个人网站或者感兴趣的主题网站。兴趣是最好的老师，以学员的兴趣为导向，可以激发学员进一步探索网页制作知识、技术的欲望，如学会了静态网页的制作，接下来就可以学习动态网站的制作等。[3]
4.加强教员技术培训，紧跟技术的更新步伐
教员的知识储备是学员学习的直接来源，在教员利用上班之余学习的同时，学校也应该为他们提供脱产培训的机会，学校可以利用寒暑假时间，组织教员进行专业培训，使其有针对性地更新知识储备，紧跟技术潮流。对于文科类军校来说，学校的性质特殊，可能相对地方高校更加封闭，因此学校更应该有计划地安排教员参加地方的企业培训，让军校教员走进企业，了解企业技术人员的技术水平，参与企业的项目建设，为教员提供理论与实践相结合的机会。另外，学校还应该鼓励军校教员多参与地方举办的网页制作大赛，这样不仅可以开阔专业眼界，取长补短，还可以增强工作动力。
结束语
在互联网技术日益普及的今天，网页制作已不再是一个高门槛的技术活。作为文科类军校的学员，应该将网页制作作为一门必备的技能来学习。文科类军校在加强信息化建设的同时，也应该加强对该系列课程进行系统、合理设置的重视。作为一门实践性很强的课程，相关教员只要在教学实践中不断实验、创新，紧跟计算机技术发展潮流，就一定能探索出一条正确而有效的教学途径，为学员答疑解惑，使学员可以真正学以致用，最终提升文科类军校学员的整体信息素养。
参考文献：
[1][2]刘显丽.网页制作课程的整合探究[J].辽宁教育行政学院学报，2005（2）：125-126.
[3]谢辉.浅谈《网页制作》在高职院校中的教学[J].电脑知识与技术，2008（4）：89-90.
网页制作论文范文第7篇
【关键词】管理站点；内框架布局；网页编辑；页面属性；网站相册
【中图分类号】G40-57【文献标识码】A 【论文编号】1009―8097（2008）13―0138―04
众所周知，Dreamweaver 8.0是一款非常优秀的专业网站开发软件，目前的版本已经发展到CS3（即9.0版），由于8.0的普及使用范围很广，本文则以8.0为主来讲解Dreamweaver的使用技巧（下文的Dreamweaver均指8.0版），让网页制作初学者更好的掌握该软件的使用。
一 网站管理方面
一个Web站点内一般有很多网页文件、图片，甚至Flas等，如不进行管理归档，分散在硬盘的各个地方就无法方便地进行网页的。定义本地站点，就是在硬盘上建立一个目录，将所有的网页和相关的文件都放在里面，以便进行网页的制作和管理。
Dreamweaver提供了方便的站点管理工具，具体操作请参考相关教材，此处不再详述。在这里需要注意的两个技巧是：
1 是否使用服务器技术的选择。
有的初学者认为选择“否， 我不想使用服务器技术”（图1-1）和“是，我想使用服务器技术”中的“无”（图1-2）的效果是一样的，这是错误的，两者之间是有区别的，在于是否要通过服务器来调试浏览网页，效果如图1-3和图1-4所示：
2 站点保存地址的准确书写
有很多初学者喜欢自己填写网站保存的位置，如图2-1所示。但由于路径中的“/”“\”的符号使用不当也会造成Dreamweaver中的“资源”面板不可用。
之所以会出现这样的错误，这是因为网址中经常会使用“/”，而且Dreamweaver在此方面没有严格的说明，故有很多初学者会将两者混淆。
如果写反了，即写成了“/”，就会出现图2-2所示的面板中无资源且操作按钮不可用问题，而图2-3所示的为正常的“资源”面板状态。
二 网页布局方面
Dreamweaver给用户提供了表格、布局表格、扩展表格、层和框架布局等几种方法来进行网页设计，其中表格、布局表格是当前工作最为流行的网页布局方法。可惜美中不足的是表格没有框架布局的指定打开链接的功能，如何解决这样的问题呢？我们可以在表格的单元格中插入内框架（iframe）的代码就可以解决。但是对于大部分学习者来说，使用HTML代码来设计网页是件很难的事。
Dreamweaver通过“标签选择器”为我们提供了对内框架代码的可视化编辑，这样就不用害怕给网页添加代码了。
1 使用“标签选择器”插入内框架[1]（iframe）
首先，执行菜单命令“插入”/“标签”（快捷键Ctrl+E），就打开图3-1所示的“标签选择器”对话框。
其次在“HTML标签”/“页元素”中选择“iframe”标签，然后单击对话框中的“插入”按钮，便可打开“iframe”标签属性设置的可视对话框，并进行相应的设置，源（src）表示为在该框架中要打开的指定路径的网页文件，这里是一个网站相册，名称（name）则表示框架的名称为photo，宽度（width）和高度（height）表示内框架的显示宽度和高度，如图3-2所示。
网页编辑主要是指文字和图片等的编排，已有很多教材进行了详细阐述，本文将不再赘述。现在主要就网页编辑中的几个技巧来描述，希望可以帮助大家提高学习网页制作的效率。
1“页面属性”设置
大多数情况下，我们可能不太会注意“页面属性”。但如果要想通过复制其他网页中的文本内容并保存网页时，此时就会出现涉及编码的警告对话框，如图4-1所示，这就与“页面属性”的设置中的“标题/编码”（内容如图4-2）编码有关了。
这里之所以讲“页面属性”，就是希望大家能够记住，我们的网页是中文网页，使用的编码是“中文简体（GB2312）”，如果使用了其他编码，很有可能会使网页在显示时会出现乱码。同时还要提醒大家，使用Fireworks绘制导出的网页在设计之前，一定要检查网页编码是否为“中文简体（GB2312）”，这样的做法是为了避免网页在设计中出现乱码而无法恢复。
2 创建网站相册[2]
如何能够快速的创建一个网站相册呢？Dreamweaver为我们提供了更为快捷有效的方法，操作过程如下：
首先，执行菜单命令“命令”/“创建网站相册”，打开“创建网站相册”的对话框，并进行相应设置，结果如图5-1所示。
相关参数设置说明：
“源图像文件夹”：表示提供用于制作相册的图片素材的位置；
“目标文件夹”：表示生成的网站相册保存的位置；
“缩略图大小”：表示首页显示图片的大小；
“列”：表示首页显示缩略图的列数。
其次，单击“确定”按钮后，Dreamweaver会自动打开Fireworks进行图片处理，并生成网站相册。如果没有安装Fireworks的话，那就无法进行网站相册的制作了，由此可见，网页制作三剑客是一个整体。完成的最终效果见图5-2。
3 查找和替换的应用
在网站相册中，我们需要将“01-1.jpg”文字替换成“北京与奥运握手”，这样才能与奥运相册的主题相吻合。Dreamweaver提供了类似Word中“查找和替换”的对话框，功能十分强大，我们就利用这个功能来完成这一操作。
首先执行“编辑”菜单中的“查找和替换”命令，打开图6-1所示的对话框：
相关设置参数说明：
查找范围：主要有“所选文字”、“当前文档”、“打开的文档”、“文件夹…”、“站点中选定的文件”和“整个当前本地站点”。
搜索：“源代码”、“文本”、“文本（高级）”和“指定标签”，不仅可以查找文本，还可以查找特定格式的文本和HTML代码与指定标签。
保存和打开：可以将当前的查找条件设置以.dwr的文件格式来保存和重复打开使用其他参数设置与Word相同，这里就不再详述。
其次，在“查找”后的文本框中输入“01-1.jpg”内容，在“替换”后的文本框中输入“北京与奥运握手”内容。如果只替换当前文档中的内容，则“查找范围”选择“当前文档”；要全部替换的话，则可以选择“整个当前本地站点”。查找结果如图6-2所示，网站相册最终效果见图6-3所示。希望大家能够认真研究该对话框的使用，要学会举一反三。
小结
上述关于网页制作的三个方面6个技巧，是本人在对网页制作工具Dreamweaver的教学中总结出来的，希望能够为正在学习网页制作的人提供有效的帮助，同时希望大家在学习软件时一定要认真细致，学会总结，这样才能更好地掌握软件的使用技巧，使学习事半功倍。
参考文献
[1] 庄王健.Dreamweaver Fireworks Flash 网页设计三剑客 白金教程.北京:电子工业出版社,2006:57-61.
网页制作论文范文第8篇
1网页标记语言正确性检测
1.1研究工具。目前，网页检测工具较多，提供的检测功能也有所不同，能够进行各种浏览器的兼容性测试、负载测试，以及网页标记语言检测等。比较知名的网页检测工具有Googlewebpagetester、BrowserShots、IETester、Feedvalidator等。网页正确性检测是W3CWebQualityTools中的功能，主要包括：（1）标记检测（MarkUpValidator），可用于检测网页上的各种常用的标记语言的规范性和正确性，如HTML、CSS、XHTML、XML、WML等；（2）Web内容的数据交换规范（FeedValidator），用于检测Atom或RSSfeed语法的规范性和正确性；（3）层叠样式表检测（CSSValidator），用于检测内嵌在HTML、XHTML中的CSS样式的规范性和正确性；（4）超链接检测（LinkChecker），用于检测网页中超链接（Link）和锚点（anchor）的规范性和正确性。本研究主要使用W3C提供的网页标记语言检测工具（MarkUpValidator），检测论文投稿网站上网页的各种常用的标记语言的规范性和正确性。通过该工具可以检测出受测网页的错误数（W3C网页标记规范性）、服务器种类、网页大小、网页格式、网页编码（GB-2312或其他）、文件类型等，并会列出错误之处及建议改进的方式。检测的方式除了可以直接输入网址外，也可以上传该网页的源代码进行检测。图1为网页标记语言检测的主界面，本研究主要采用输入统一资源定位符（URL）的方式进行网页检测。检测结果分成两部分；一部分是结果摘要，叙述错误数、警告数、编码（Encoding）及网页格式（Doctype）是什么版本等，如图2所示。另一部分则为检测出的错误或警告详细结果，并列出改正建议如图3所示。1.2研究样本。由于我国学术期刊的投稿网站较多，难以对所有的论文投稿网站的所有网页标记语言的正确性进行检测，因此本研究需要选择一定数量的样本进行检测工作。参考北京大学图书馆公布的2014版《中文核心期刊要目总览》，本研究选择其中列出的出版事业类12种期刊，以及图书馆事业、信息事业类的18种期刊进行研究（总计30种期刊），选择这些期刊作为研究样本的原因一方面是这些期刊均属于中文核心期刊，在网络上得到的关注度比普通的期刊高[12]，一方面是出版类、图书情报类的期刊属于专门研究期刊编辑出版等问题的专业期刊，研究这些学术期刊建立的论文投稿网站网页标记语言的正确性和规范性具有一定的示范作用。由于选取的30种期刊中有部分期刊没有建立论文投稿网站系统，部分仅有Email投稿方式，因此在研究中需要将这些期刊忽略，最终所选取的期刊如表1所示，有效样本为21个，取样日期为2016年4月5日。由于考虑首页为论文投稿作者首先打开的界面，其网页标记语法的正确性将首先影响到用户的操作，因此本研究将检测目标锁定在论文投稿系统网站的首页（MainPage），在网页标记语言检测的主界面中输入首页的统一资源定位符（URL）进行检测，并记录其检测结果。
2检测结果的统计分析
本研究主要基于W3C的网页标记语言检测工具，从网页格式定义种类（Doctype）、网页错误数及网页错误类型进行分析，从中了解学术期刊论文投稿网站在网页标记语言上的问题，以及提出建设参考意见。在对有效选取的21个期刊论文投稿网站首页进行检测的过程中，19个期刊的论文投稿网站能够正常进行检测，但有两个期刊论文投稿网站（大学图书馆学报、现代情报）的首页无法检测，其中大学图书馆学报的网站对检测进行了禁止设置（Forbidden），现代情报网站在检测中无法找到（NotFound）。2.1网页格式定义种类及网页错误数。网页格式如果没有定义，除了在内容呈现上可能出现错误，在数据交换及传输时可能也会出现问题，除了会造成数据的流失，有时还会导致错误信息的传递。对于论文投稿网站的网页格式定义类型，除了两个无法检测的期刊网站之外，其余19个期刊的论文投稿网站均对网页的格式进行了定义，包括两种W3C定义标准，HTML4.01Transitional和XHTML1.0Transitional，具体的定义类型可见表2。由表2可以看出，有6个学术期刊的论文投稿网站采用的是XHTML1.0Transitional的格式。相对于HTML4.01Transitional而言，XHTML标记语言，通过结合XML和HTML的功能，使得网页内容更容易被手持移动设备以及电视媒体等访问。对于网页错误数，被检测的19个期刊论文投稿网站首页的网页标记语言都出现了错误，出现错误数最少的是中国科技期刊研究和中国图书馆学报，部分期刊的网页标记语言错误数较多，如出版科学、情报科学、图书馆理论与实践。2.2网页错误类型。国际万维网联盟网页标记检测服务（W3CMarkupValidationService）给出定义的错误类型总共有447种（详见#noverbose），本研究检测的19个期刊论文投稿网站的网页错误类型经过统计有121种错误类型，主要的错误原因在于标记属性使用错误或者未加定义。期刊论文投稿网站首页的前几项错误项目分别是Thereisnoattribute“……”（136次）、Documenttypedoesnotallowelement“……”here（104次）、Requiredattribute“……”notspecified（91次）及Element“……”undefined（85次）。属性定义有误在信息的显示上可能不会出现问题，网页内容能够正常呈现，但对于数据的交换及传递会有一定程度地影响。在统计的121种错误类型中，属于标签（Html-Tag）的错误数最多，说明期刊论文投稿网站的网页大多数为Html标签的定义或使用错误，因此在撰写Html语法时应注意标签的使用正确性。另外，由于网页制作软件的可视化和方便性，使得网页设计人员更容易的设计制作动态化的脚本语言，导致脚本（Script/Script-Tag）出错的数量也偏高。由于19个期刊论文投稿网站网页的错误类型和数量较多，无法用表格的形式一一列出，图4为中国图书馆学报的检测结果，可以看出中国图书馆学报的论文投稿网站的网页没有出现标记使用属性方面的错误，仅有两条格式定义类型的错误。
3研究结论及建议
网页制作论文范文第9篇
关键词：网页设计；高职；教学设计
中图分类号：G718
《网页设计》课程是计算机应用技术、计算机网络技术、电子商务等专业的必修课，是一门实践性很强的课程，通过学习本课程，可以为学生今后从事网站开发与设计领域的相关工作打下良好基础。另外，良好的网页设计能力是计算机相关专业毕业生必须具备的基本能力之一。作为高职院校，应注重职业能力培养，考虑对网页设计课程的教学内容进行改革，以工作过程为导向，规范课程教学的基本要求，提高教学水平。
1 教学内容分析
网页设计是高职院校电子信息类专业的专业核心课，教学内容主要包括HTML语言、CSS样式表、Dreamweaver、JavaScript、网站维护等内容，其后续课程包括Photoshop图像处理技术、flash制作、ASP程序设计、数据库等。
对高职学生来说，网页课程难学的原因很多，分析教学内容方面的因素，主要有：课程与教学内容缺乏实用性，教师教学过程以学科为中心，系统讲解知识点为主；网页语法规则繁多，传统的教学过于强调语法，没有按照认知规律合理编排教学内容，导致简单问题复杂化，造成学生学习难度大；过于重视系统性和全面性，长篇累牍，学时与内容矛盾突出；实践教学方式、手段不适应时代需要，学生职业能力培养没有落到实处。
综上所述，本着“实用”和“够用”原则，在课程定位的指导思想下，以培养学生的职业能力为目标，大胆取舍教学内容，重点讲解实际工作过程中网页制作实用技术。
2 学情分析
2.1 高职学生特点。抽象思维能力一般，缺乏良好的学习习惯，学习的主动性、探索性不够。排斥理论知识的学习，却对动手实践具有强烈兴趣。
2.2 教师对策。针对很多学生抽象思维能力差，不喜欢枯燥的理论学习，但在动手能力上素质较好的情况。在教学活动中，教师应该以工作过程为导向，考虑学生已有的知识水平，设计出符合认知规律的教学过程。并在教学活动中融入较多的实践动手项目，激发学生兴趣，提高学生的参与度。同时注意把握问题的难度，设置合理的梯度。使学生不断增加成就感，并逐渐认识到“枯燥的理论”对“动手实践”的指导作用，从而产生对理论学习的需要和自主学习的欲望。
3 教学设计思路
3.1 理念。基于工作过程开发网页设计课程。
3.2 教学总体设计。（1）课程内容改革：针对IT行业对“网页设计师”职业的岗位要求，课程内容以网站前端技术为主；（2）实践教学改革：以项目为载体，用一个小型网站项目案例贯穿整个课程的教学，如下表1所示。对网站项目进行分解，分解为若干个子项目单元，将网站前端技术的知识点映射入各个子项目单元。同时力求让课程的每一个教学模块基于工作过程来设计，做到“教、学、做”一体化，真正地强调学生的动手能力；（3）考核方法改革：形成式考核为主，提倡职业标准，切实保障教学效果。
表1 小型企业网站项目举例
序号 模块名称 知识点
1 建站准备 需求分析
2 规划设计网站 网站规划设计知识、网页配色
3 准备素材 用potoshop（PS）制作网站logo及相关图片，掌握PS在网页设计领域的应用
4 定义站点，制作公司首页 Dreamweaver中站点的创建与管理，CSS+DIV应用
5 设计制作栏目1-公司概况 网站中字体搭配与排版
6 设计制作栏目2-企业相册 表格、网页中的多媒体应用
7 设计制作栏目3-产品展示 超链接、CSS
8 设计制作栏目4-留言板 表单、数据库访问
9 网站整合与 申请空间及上传网站等
3.3 教学单元设计。单元学习情境的设计要有针对性，基于工作过程设计单元学习任务，重点训练学生的网页制作能力。对主要教学单元采取任务导入、要点分析、示范操作、项目实训、总结提高五步走。其中教学重点难点需要反复多次训练，可以补充小实例作为项目案例辅助，才能达到较好的效果。
单元设计关键点：首先以贴近工作实际的小例子导入，由浅入深。每个单元理论和实践的比例应不超过1：1，尤其注意实例的选取，尽量有实际意义，避免单纯为了讲解知识点之用；其次讲练结合，在课堂上让学生动手制作网页。考虑到高职学生课后自主学习较差，并且课上实践，一旦遇到困难教师可以及时给予鼓励和指引。有利于学生少走弯路，尽快树立信心，而不是被大量困难吓倒；再次实训项目精心设计梯度，由浅入深，循序渐进，使学生实践中不断积累信心，最终取得良好的学习效果。
4 教学方法与手段
4.1 采用项目教学法，以学生为主体、教师为主导，通过共同实施一个完整的工作项目而进行的教学活动。具体来说，本课程以网站项目带动教学，完成一个网站项目的全过程实际就是学生掌握网页设计知识、转化网页制作技能的过程。
4.2 理论与实践相结合，结合项目案例和教学实例进行教学。项目案例从面向工作过程的实际项目中提取，覆盖全部教学重点；教学实例紧密契合各单元的知识点，小而精。
4.3 讲解与多媒体演示、开发环境演示相结合。理论知识的讲解借助于多媒体教学设备，制作生动的PPT课件；遇到教学重点和难点及时切换至开发环境进行实战教学。
4.4 教师讲授与学生讨论相结合。完成单元教学后，根据教学重点和难点布置若干思考题目，学生分组完成；教师安排时间组织学生进行讨论，由每小组派代表讲解；最后教师点评总结。
4.5 教室课堂与网上课堂相结合。将电子教案、实验模版、趣味思考题目和项目案例都上传至校园网FTP上，供学生复习和自学；同时利用网络QQ和电子邮件系统可随时给学生答疑。
5 考核办法
以形成性考核为主。学生成绩由平时成绩和期末考试成绩两部分构成，其中期末成绩占比不超过40%。平时成绩包括出勤和项目成绩。重点考核学生实训子项目和实训报告的完成情况。需要教师注意教学过程中的质量监控，提倡职业标准，使大多数学生提高实际的网页制作能力，满足未来职业岗位的要求。
6 结束语
本文针对高职院校网页设计课程的教学设计进行了分析和探讨。首先对网页设计的教学内容和学生情况进行了详细分析，对症下药。对传统的教学设计、教学方法和考核方式进行了改革。经一年多的一线教学实践，学生的学习兴趣浓厚，网页制作能力明显提高。
参考文献：
[1]樊霆.刍议高职计算机教育存在的问题及对策[J].计算机光盘软件与应用，2013（21）：231.
[2]赵培琨，赵娟娟.Web标准化在高等职业教育中网页制作课程的地位和作用[J].大众文艺（理论），2008（05）：112-113.
[3]温荷.对高职高专学生特点的初步探索[J].中国教育导刊，2007（04）：35.
[4]戴士弘，毕蓉.高职教改课程教学设计案例集[M].北京：清华大学出版社，2007：103-104.
作者简介：王圆（1980.9-），女，吉林农安人，讲师，硕士研究生，研究方向：信息处理。
作者单位：广东行政职业学院，广州 510800
网页制作论文范文第10篇
本课程内容设计的总体思路该课程总体设计思路是，打破以知识传授为主要特征的传统学科课程模式，采用以工作任务导向为驱动的课程学习模式。根据实际岗位的设置要求，开展广泛调研，在围绕工作任务完成所需要的理论知识的基础上，采用工作过程系统化的课程开发技术，遵循高等职业教育理念，确定本课程学习目标和学习情境设计，让学生在学习情境中学习完成具体项目的过程中学会完成相应工作任务，并构建相关理论知识，发展职业能力。
学习情境设计的基本依据该门课程是以电子商务专业就业面向网站开发或维护岗位工作任务所需的相关专业知识与必要技能为依据设计的。遵循一案到底、分层模块、循序渐进的路径选择，选择以具体的实际动态网页项目开发中的常用案例作为学习情境，每个学习情境均能体现以工作过程为导向，理论与实践相结合的职业能力的培养。
学习子情境设计的逻辑线索在每一个学习情境中，根据职业岗位工作的需要，按实际动态网页项目开发工作步骤，可设计若干学习子情境，由浅入深，由易及难，循环上升。理论知识的选取则紧紧围绕工作任务完成的需要来进行设置的。
基于工作过程，理论为实践教学服务本课程的设计基于工作过程，课程内容的体系安排以实际工作过程为序。也就是说，以实践为主线，理论为实践服务，但是如果片面地强调实践，会造成学生只知其一不知其二，缺乏后劲，所以必须的理论一定要跟上。在教学内容的设计中主要分为三个层次，基本知识基本技能层次，应用提高层次，综合应用层次。在第一层次，基本知识与技能层次。本层次主要以教师为主，教师讲解实训项目，分解知识点，教师处于较为主要的地位，在这个阶段，教师重在基本知识的讲解，适当降低难度，帮助学生入门，适当放慢进度，让全体同学都能跟上。第二层次，应用提高层次。在这个层次，教师逐渐将主动权转给学生。适当提升难度，加快进度，根据学生特点，提出学习任务和能力培养目标。理论知识以引导学生为主，同时不断提出问题，引导学生思考，引导学生自主学习，对于较集中的问题做透彻地分析与讲解，通过布置论文等手段，督促学生对理论知识的学习，开拓学生视野，提高知识水平。第三层次，综合应用层次。在这个层次中，教师慢慢隐去自己，全部主动权交给学生，主要来解决学生在实际应用中出现的问题。在这三个层次中逐渐增强学生的主体作用，弱化教师的作用，但是教师在教学中重视理论的指导作用，不是唯实践而实践，唯能力而能力，而是真正实现理论为实践服务，为工作过程服务。
高职《动态网页设计》课程学习情境的设计
课程内容的选取是根据本门课的培养目标确定的，根据动态网页制作工作过程，划分了六个学习情境，学习情境描述见表1：表1学习情境设计
教学考核与评价
考核评价方式课程的考核评价采用“过程+结果”的方式进行，即学生综合成绩的评定包括两个方面：一是对学生在学习过程中知识目标、能力目标的实现程度进行考核评价，即为过程考核，在平时以适当方式（各门课根据实际情况）给出成绩；二是通过对学生提交的工作成果、理论作业、调查报告以及期末试卷测试成绩对学生知识、技能掌握程度进行考核评价。
考核评价内容过程评价。它是对学生在学习中应用web数据库与动态网页制作技术的态度和能力，参与度，解决问题的能力，对新技术的接受能力，与同学协作的能力，对新的应用环境的适应能力，社会活动能力，完成任务的责任心和道德规范、安全意识等方面的评价。阶段评价。它是对学生完成web数据库与动态网页制作课程某一阶段学习任务的评价，以某一项目为内容，通过完成某一“任务”，对学生掌握web数据库与动态网页制作课程的基础知识和基本技能的程度进行评价。总结评价。它是对学生完成web数据库与动态网页制作课程学习后的综合评价，以考核、展示、、交流等多种形式，让学生自定主题，自己设计，创作有个性的作品，充分发挥学生的主动性和创造力，对学生运用web数据库与动态网页制作技术解决实际问题的综合能力、创新精神和实践能力进行评价。
结束语
《动态网页制作》是一门实践性、应用性极强的课程，同时该课程综合性强、牵涉的知识内容较多。因此在教学内容的组织安排上采用了基于工作过程的教学模式，打破传统的知识排序，按工作过程重新排列知识顺序，突出能力培养，提高职业技能，将职业素质的培养贯穿课程始终。在实践环节中，引入项目中心教学法，即将以课程内容组织教学改为以项目为中心组织教学，把项目分解成一个个小任务，从而推进了“工学结合”的教学模式，有利于培养高技能型人才，使《动态网页设计》课程真正成为培养学生职业核心技能的一门重要的专业课程。