欢迎来到优发表网

购物车(0)

期刊大全 杂志订阅 SCI期刊 期刊投稿 出版社 公文范文 精品范文

网页制作论文范文

时间:2023-03-30 11:35:20

序论:在您撰写网页制作论文时,参考他人的优秀作品可以开阔视野,小编为您整理的7篇范文,希望这些建议能够激发您的创作热情,引导您走向新的创作高度。

网页制作论文

第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篇

建构主义理论指导下的课堂教学

笔者从建构主义教学观和教学实践出发,设计出了一套符合这门学科特点的教学与管理模式:把整个教学过程分成三个阶段,全部在计算机教室开展,针对不同的教学内容和教学环节采用不同的教学方式,边讲边练,即案例引导教学阶段、任务驱动实践阶段和项目合作课程设计阶段,如图1所示。这三个阶段中教师是引导者,学生是知识的构建者。教师与学生之间,学生相互之间必须密切配合[4]1.展示效果。课堂上,首先把与本节知识内容相关的案例效果及功能展示给学生,通过素材和网页效果的对比,激发学生的想象能力。2.分析操作任务。在教师的引导下,对案例进行模块化分析。分析案例时一般包括两个方面:一个是利用以往知识可以处理的效果;另一个是本次教学内容处理的效果。分析案例的目的在于温习以往知识和引出本节课教学知识点。学生在分析案例的同时,一方面不断形成新的理论视野,增长案例分析的技巧;另一方面探索思考理论如何运用于实际,从而及时、有效地促进了理论向实践的转化,真正达到理论与实践的结合,有利于加强文科专业学生的实践动手能力。3.知识讲解与操作示范。在讲解过程中注重基础知识的传授和基本技能的培养,同时介绍网页制作中的相关规范和标准,并且注意总结一些实用的技巧。这种教学方式目的明确、形式生动,学生带着问题听课,学习兴趣和效果明显提高。教师要实际操作案例,在操作过程中把以往的知识点简单回顾,并着重介绍新知识点,即讲述相关理论知识。把书本上的相关知识通过案例的形式直接展示给学生,学生不但容易理解理论内容,同时,也了解知识的实际用途。4.课堂同步实践。理论与实践交融,知识与感悟同步。学生真正掌握技术在于自己是否能够独立完成实践操作,在学生实际操作的过程中,教师应从旁指导、及时纠正,学生只有在依靠自我的力量去解决学习问题的过程中获得了成功的体验,才能进一步激发他们的学习热情。5.课程设计。学生结合所学网页设计制作知识与自己的兴趣或擅长等自拟主题,制作出符合一定要求的网站。每个项目小组由4到5人组成,推选出项目经理,负责小组的项目策划和成员分工。通过讨论、交流与合作,小组成员各尽所能,取长补短,共同完成任务。这样,既调动了学生的积极性,实践了所学的知识,又培养了团结协作的能力。将课程设计记入学生的平时成绩,从而给学生在该课程的学习上施加一定的压力,促进其更好地学习。6.归纳总结。教师对学生的操作表现做出讲评,对学生在网页设计中的共性问题进行纠正,不断规范学生的网页设计。并与学生共同详细讨论和总结案例中所用到的理论知识和操作技巧。表扬其优点,指出其错误,可以巩固教学效果,弥补学习漏洞,并有助于学生之间的学习交流。教师以“案例”引路,引导学生边学边练,以“任务”驱动自主完成学习任务。以“项目”促进理论知识与实际操作结合。教师的“教”与学生的“学”围绕一个目标,学生充分发挥自己学习主动性和创造性,多种教学方法结合不但解决了课时少、知识点多、实效差、与实践应用相脱离等问题,而且还充分调动了学生学习的积极性,使学习过程成为一个人人参与的创造性实践活动,更好地培养了学生创造性思维和发现问题、解决问题的能力[5]。

考核与评价方式

采用课程设计与上机考试结合的考核方式,上机考试从题库中按出题方案组出若干数量试卷,每位学生随机抽取其中一套进行考试。“网页设计与制作”这门课程对于制作网页的基础理论和实际操作能力都有比较全面的要求,所以考试当中应当兼顾这两个方面,理论部分注重学生对网页制作基本知识、基本理论的掌握,采用选择、判断等客观题的方式进行,为学生进一步的学习夯实基础。实践部分要求学生利用给定素材,包括考题所需的图片、背景和其他辅助图片、相关考题内容的文字资料、考题要求等,完成规定技术要求的网站创意设计与制作。一个好的考核方式不仅有利于全面真实地反映学生的学习水平,而且有利于反映教学中的问题,以便教师能够及时作出相应调整[6]。

第3篇

通过《网页设计与制作》多年的教学发现,应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作,并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系,提高学生综合项目实践能力,更好的与社会需求接轨。有必要对传统的考核方式进行改革,同时经过多年教学探索,结合人才培养方案制定了以下的考核方案。

二、考核方案

1.考核方案的制定

本考核采取学生小组合作(每组2-3名学生)完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成,权重分别为70%、30%,每一项按百分制评分后依权重比例计入总成绩,总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成,为了与学校的评分要求接轨,将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案,其中操作考核实施的具体要求以试卷形式展现,内容要求以表“操作考核内容”为中心,以考核学生综合网站制作能力为基本思路,通过小组合作完成主题网站的设计与制作,具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作,同时要求学生善于思考、总结,每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容:

(1)项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段,要求小组共同确定网站名称、网站风格(列举网页采用主要色彩及网页色调定位)、网站栏目、站点目录结构的内容以形成完整的网站规划,在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图;静态页面制作阶段要求绘制网页布局的结构图及标注尺寸;程序开发阶段列举所用的开发工具、对数据库、表进行截图,以及绘制程序开发页面流程图。

(2)项目总结。对本项目完成情况进行分析、总结,并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍,总结,便于相互交流经验。

(3)项目组介绍。对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式,让学生明白实际工作中不仅需要具备较高的技术能力,还要有合作意识,与合作者之间有效、和谐的沟通。

2.考核方式

第4篇

【关键字】Frontpage创建站点、新建页面、文字、超链接

现在流行的网页制作软件有很多,如Macromedia公司的Dreamweaver、微软公司的Frontpage、还有AdobePagemill3.0--制作多框架,表单和Imagemap图像的网页工具、Netscape等等。其中Frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其到指定的站点上,而且在之后还能对更新情况进行监控以更新站点的内容。

工具准备好了,可根据你的个人喜好来选择一些素材,如图片、喜欢的文章等。现在就让我们从第一步的建立站点来踏上建造网上家园之旅。

用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月。

第5篇

论文摘要:项目教学法是师生为共同实施一个完整项目而进行的教学活动。文章介绍了将项目教学法应用到《网页制作技术》课程中的经验及收获。在整个教学过程中,着重培养学生的“四种能力”,以实现培养网站构建人才的课程教学目标。

项目教学法简介

项目教学法的前提是“项目”,是一个人人参与的集学习、创作于一体的过程。

项目教学法就是在教学中,组织学生真实地参加项目设计、实施和管理的全过程,在项目实施过程中完成教学任务。项目教学法的开始阶段,主要采用独立作业的方式。项目教学法更多采用小组工作的方式,共同制定计划、共同或分工完成整个项目。一般而言,项目教学法的实施过程可以分五个阶段:

确定项目任务通常由教师提出一个或几个项目的任务设想,与学生一起讨论,最终确定项目的目标和任务。制定计划由学生制定项目工作计划,确定工作步骤和程序,得到教师的认可后实施。

实施计划学生确定各自在小组中的分工以及小组成员的合作形式,然后按照已确立的工作步骤和程序开展工作。

评价考核通过项目的完成情况对学生的学习效果进行考查,包括教师评价、学习小组评价和自评三部分。可分三个级别进行考核:第一级,由教师对各小组项目完成情况进行评定,如能否共同协作,是否实现预期功能,是否具有创新意识等;第二级,由各小组成员根据每个组员对本小组的贡献情况及参与意识进行互评;第三级,由学生本人进行自评,如自己是否在原有基础上有所提高,是否已经掌握本课程的知识点并熟练应用。最后,综合三级评定情况确定每名学生的学习成绩。对于有企业参与的项目,必要时可由企业做出最终评价。

归档或结果应用项目应尽可能具有实际应用价值,应尽可能将项目的完成结果应用到企业和学校的生产教学实践中。

《网页制作技术》课引入项目教学法

《网页制作技术》是我院计算机应用技术、计算机网络技术、软件技术等专业的主干课程,具有实用性强,应用面广,操作性强、与岗位联系密切等特点。为了更好地讲授《网页制作技术》课,我们进行了大胆的教学改革,打破了传统的教学模式,将实际项目引入课堂教学,改革教学方法、教学手段及考核形式,较好地实现了课程教学目标。《网页制作技术》的课程目标《网页制作技术》的课程目标是结合职业岗位的需要,培养出能够从事网页平面设计或网站构建的人才,提高学生的学习能力、协作能力和综合能力。

将项目教学法引入《网页制作技术》课本课程的传统教学方式是先由教师在多媒体教室授课,然后安排学生在实验室上机验证教师所讲内容。这种方式忽略了学生的积极性、主动性,学生学到的知识比较零碎,很难开发实际项目。随着课程内容的深入,很多学生逐渐失去了学习兴趣,丧失了主动参与的意识,以致课程结束时,几乎没有学生能够设计出具有一定水平的网站。为打破传统的教学模式,突出学生的主体地位,让学生成为教学的中心。我们分析了该课程的特点,并结合任课教师为企业开发网站的经验,让教师将所承担的网站建设项目引入课堂教学,引导学生共同开发项目,让学生既能学到知识,又能积累项目开发经验,从而体现出“教、学、做是一件事,不是三件事”。

项目教学法提高了学生的能力和素质将项目教学法引入《网页制作技术》后,学生成为了学习的主体,教师在教学过程中起引导协助作用。学生在项目的驱动下自主学习,边学边做。有些能力突出的学生在学习过程中主动与外界联系,承接小型网站建设项目。在完成项目的过程中,他们主动与其他同学和教师进行交流,讨论问题,促进了项目教学法的发展。项目完成后所带来的成功的愉悦和满足感,不但提高了学生的学习兴趣和学习积极性,同时也培养了学生自主学习的能力。

《网页制作技术》课实施项目教学法的过程

笔者在担任《网页制作技术》课的教学过程中,结合学生的特点以及环境,将教学过程划分成以下五个阶段。(一)网站项目的确定

确立实用、优秀的项目是项目教学法能否成功实施的关键。因此,在实施项目教学法时,首先,应选择切实可行的项目。在教学正式开始之前,可先对学生进行分组,尽量使每一组学生的能力都比较均衡。同时,结合相应的岗位能力要求,将选用的项目分为两种:一种是选用已通过验收的项目,另一种是选用正在进行中的项目。其次,应针对学生的实际水平确定项目的难易程度。对于首次接触这门课程的学生,由教师负责选取项目,讲解知识点。所选取的项目必须简单、典型,并且最好选择已经完成的项目,以便学生进行知识的迁移。对于具有一定基础的学生,可由教师和学生共同讨论选定具有较高难度的项目,并且最好选择正在进行中的项目,让学生身临其境,参与创造实践活动,亲身体验实践的艰辛与乐趣。另外,应注意根据学生具体的培养方向,确立最适合的项目。

(二)网站项目计划

网站项目的计划应按照项目开发的需求加以实施。确定项目以后,让每一组学生针对该项目进行需求分析,启发学生主动发现身边的素材。对于已通过验收的项目,可由教师充当企业的角色,由学生向教师汇报自己所进行的关于项目需求的分析及收集到的资料;对于正在进行中的项目,可由学生直接面对企业,与企业沟通,做出需求分析。教师在这一过程中,一方面,起到指导的作用,另一方面,在对已验收的项目实施的过程中,教师应事先对该项目内容进行定位,分析研究需要解决的问题和完成的任务,确保学生进行需求分析时,不会定位过高。完成项目需求分析后,教师应根据学生所作的需求分析确定项目的能力模块,并将每个能力模块细分为一系列小项目,学生根据课程的时间安排,结合项目内容编写项目开发计划书。例如,根据我校《网页制作技术》课的实际情况,将首次接触这门课程的学生的能力模块划分如下(见下图)。

(三)网站项目实施

项目教学法中最重要的环节是项目的具体实施过程。在该过程中,教师应及时恰当地对学生进行引导,督促学生根据项目计划书,按时按量完成相应的功能模块,保证项目顺利进行,实现课程教学目标。对于首次接触网页制作的学生来说,没有一定的网页制作软件操作基础,就无法进行项目建设。因此,应在《网页制作技术》课程项目实施过程的第一阶段讲授学生网页制作软件的使用方法,为第二阶段奠定基础,第三阶段的主要任务则是撰写网站开发总结报告,锻炼学生撰写文章的能力。

第一阶段实施过程对应上图中的能力模块划分情况,在第一阶段的实施过程中主要教授学生网页制作软件的使用方法,使其形成相应的具体能力。具体做法是:教师首先通过简单的例子讲解实际操作方法,然后,让学生练习新知识、新操作,完成相应的实验项目。通过这种双教一体的教学模式、讲练结合的教学手段让学生掌握牢固的基础知识。

第二阶段实施过程结合第一阶段学生具体能力的锻炼情况,根据所要建设的项目,按照项目计划书进行开发并完成设计。该阶段是项目教学法实施的核心环节。在此阶段,教师要根据各开发小组的具体情况、具体要求及时恰当地进行指导,解决学生开发过程中遇到的难题,督促学生按时按量完成项目计划书中的各个开发环节,保证学生顺利完成项目的开发,实现教学目标。在实际教学过程中,教师要重点做好指导监督工作。如定期召开各项目组长会议,了解各项目组的开发进程;在项目开发过程中进行技术引导和指导,收集各组遇到的难题,组织各组进行总结和经验交流,从中探讨不同的解决问题的方法。

第三阶段实施过程该阶段的任务是在学生完成网站建设后,撰写开发总结报告,总结本次学习、开发的收获和经验,为下一次开发做准备。阶段性总结评价也是项目具体实施过程中必不可少的环节。教师和学生在每个阶段的学习结束后,都要对该阶段的学习成果进行展示、评价、总结,及时改进不足之处,巩固成果,为后续工作打下坚实的基础。

(四)网站项目展示与评价

项目完成后,应对网站项目的建设效果进行展示,并加以讲解。在讲解展示网站的过程中,学生和教师可以提出问题,并结合相应的网站项目评分表,形成学生和教师对该项目各自的评价。在对学生进行评价时,还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。在对承接的企业的开发项目进行评价时,除上述评价角度外,还应结合企业的需求,即除了学生评价、教师评价外,还要有企业评价,并以企业的评价作为最终的评判标准。

(五)网站项目的总结和应用

项目完成后应进行总结,并将其成果应用到相关领域,体现该门课程的教学目标。我校在《网页制作技术》课中实施项目教学法以来,完成了多个项目并将研究成果应用到实际工作中,如我院的网站、各系各部门的网站、思明网站等。项目完成后应总结思路、技巧并进行经验交流。思路总结可以帮助学生明晰项目完成的最佳思考方法,找到自己的不足;技巧总结着重总结解决开发环节中遇到的难题的方法,把握并吸收整个项目开发的精髓;经验交流主要是对学习方法、知识应用进行交流。最后,教师可以指导学生对项目进行拓展和延伸。超级秘书网

项目教学法的成果

《网页制作技术》课在实施项目教学法后,从本质上改变了课程的教学目的。这种改变使学生不再觉得学习该门课程只是为了获取学分,而是真正掌握一门技术,具备一定的开发能力,能够承担相应的工作。在整个教学过程中,学生的自主学习能力、实践能力、创新能力、团队协作能力、分析解决问题的能力以及撰写报告的能力都得到了锻炼、培养和提高。

实践表明,《网页制作技术》课从传统的多媒体教学模式的枷锁中挣脱出来,实施项目教学法,体现了以学生为本,最大限度地调动了学生自主学习的积极性,培养了学生的综合能力,使学生掌握了一门技巧,对教师也是一种锻炼和提高。

参考文献:

王栋松.在计算机课程教学中开展项目教学法的研究[J].职业教育研究,2005,(11).

第6篇

互联网作为连接世界各地计算机的全球性信息化网络,它的传输内容是非常丰富的,涉及到全球的各个领域,是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口,是院务公开、公正、服务职工、惠及民生的重要手段。办好网站,对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。

2网站设计分析

文字、图形、色彩是展示网站内容的重要组成部分,是构成网站传达信息不可或缺的手段,同时也是用户对网站第一印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站,只有多为用户着想,认真地以用户的切身体会出发去完成网站的整体设计。当然,在设计过程中需要考虑的因素很多,用户群因素和界面因素是首要考虑的两个方面。

3网页制作

3.1选择合适的网页设计软件当前能使用的网页设计类软件很多,而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说,初学者最常使用是Frontpage和Dreamweaver,Frontpage是微软公司出品的一款网页制作入门级软件,FrontPage使用方便简单,会用Word就能做网页,所见即所得是其特点,该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO~EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,利用它可以轻而易举地制作出充满动感的网页。此外,制作网站还要用到边缘性软件,如photoshop、flash等,网页设计过程中可根据自己的需要灵活运用这些软件。

3.2选择网页内容前期的框架设计好后,就要为这个网站选择内容了。网页内容影响着网站的成败,所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的,这些可以从图书、报纸、互联网等信息媒介搜集素材,素材通常分为三类一一文字、图片、影像。素材准备得越多越好,再从这些素材中粗中取细,以备制作网站时可以随时拿来使用。总之,网页内容是网站的根本,如果内容空洞,页面制作的再怎么精美,仍然不会留住访问者。

3.3运用网页设计中的色彩不同的色彩搭配产生不同的效果,反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击,所以确定网页的色彩是相当重要的一步。在网页的色彩设计上,除了要表现心理和感情联想之外,还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值,使网页更有效和准确地把信息传达给我们的视觉。

4结语

第7篇

关键词:网页制作表格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主要应用于大型的网站页面设计中。