课程论文网页制作

课程论文网页制作（精选6篇）

课程论文网页制作 第1篇

资料由呼和浩特房产网----筑巢网提供，更多资料请登录 网页制作课程设计论文

一．需求分析

在网络营销不断发展的今天，网络营销有着很大的发展潜力。所以，那到底什么行业才是如今卖的很火的行业呢？在这里推荐一下站长工具的百度指数作为调查数据用，今天就以暴利行业减肥站为载体，写下这篇论文。顾名思义减肥站的消费群众当然是针对那些想减肥的人了，当然应该是女性为主体哦，有些人对自己的身材要求较高，有没有时间锻炼，那怎么办啊？减肥药成了最后救命稻草。正因为减肥药有这么大的发展潜力，所以我们就有必要对他进行研究，开发设计。现在需求分析完毕，那废话少说直接进入主题，网页设

计。

二．网页设计

减肥站网页设计较为简单，主要从以下几方面设计：

导航栏：开设五个导航栏目分别为：产品特点，资质证书，成功案例，用户评价，售后服务。关于导航栏的具体功能下面会详细介绍，这里就不细谈了。

网页内容：主要以文字为主，图片为辅，描述文字清晰有价值，图片要尽量压缩，不要影响网页打开速度即可。网站采用的css+div的模式，减少flash的使用和js调用，整个页面的风格是简洁明了，简单易用，强调用户体验，网页设计美观次之。

网页链接：有首页链接，相关产品链接以及网站内页的锚文本链接。

参考资料：

一、网页设计的要素

在一个网站中，最重要的页面当属主页，所以在此以主页为例，说明在网页制作中版面设计的问题。从版面设计来讲,一个有特色的主页,必须包含有四个要素：文字，图片，排列方式和主色调，这四者相辅相成，缺一不可。

1.图片要素要设计出漂亮的主页，首先要成为计算机图形高手，仅这一点就可以让初学者花上一年半载的时间。图片的要求与页面的内容有关，一些较随意的主页像股票、医药站点等，来访者并不在乎你能否做出精彩的图片，有些时候他们反而觉得放置图象后影响了访问速度，他们关心的只是页面内容；相反像一些需要靠图象来吸引访客的主页，如游戏介绍、影视介绍、风光名胜等站点，图象是一个极为重要的要素，在这里缺少了恰当的图象，整个页面就会黯然失色、就是一个不完整的主页。这需要去学习像photoshop这样的图形图像处理软件，还要有一定的美术基础，如审美观、创意技巧等。

2.排列方法要素主页的第二个要素是排列方法，即网页布局。网页作为一种版面，既有文字，又有图片；文字有大有小，还有标题和正文之分；图片页有大小而且有横竖之别。图片和文字都需要同时展示给观众，不能简单地将其罗列在一个页面上，否则会搞得杂乱无章。关于具体的网页布局，常见的有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等，关于它们，在网页设计的相关书籍中或者在网络上都可以看到详细的叙述。比如如果内容非常多，就要考虑用“国字型”或拐角型；而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，只有不断的变化才会提高，才会不断丰富我们的网页。

3.色彩要素色彩在网页所占比重很大。有了合理清新的色调，会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的，一个网站必须有一种或两种主题色。不至于让浏览者迷失方向，也不至于单调乏味。一般来说，页面的主体文字应尽量使用黑色等较深的颜色，与背景对比明显，按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色，再用红色和黑色作为配色，就能表达出严肃、稳重的效果。

二、网页设计技巧

一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。在这里笔者从框架和CSS样式的运用两方面来介绍网页设计的技巧。

1.框架的使用FRAME（框架）是Web上经常会看到的页面结构。框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。使用框架具有以下优点：访问者的浏览器不需要为每个页面重新加载与导航相关的图形；每个框架都具有自己的滚动条(如果内容太大，在窗口中显示不下)，因此访问者可以独立滚动这些框架。例如，当框架中的内容页面较长时，如果导航条位于不同的框架中，那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条。使用框架具有以下缺点：可能难以实现不同框架中各元素的精确图形对齐；对导航进行测试可能很耗时间。许多专业 Web 设计人员不喜欢使用框架，并且许多浏览 Web 的人也不喜欢框架。在大多数情况下，这种反感是因为遇到了那些使用框架效果不佳或不必要地使用框架的站点(例如，每当访问者单击导航按钮时就重新加载导航框架内容的框架集)。如果框架使用得法(例如，在允许其他框架的内容发生更改的同时，使一个框架中的导航控件保持静态)，则这些框架对于某些站点可能非常有用。

2.CSS样式的使用CSS(层叠样式表)是一种制作网页的新技术,它的全称是级联样式表,即Cascading StyleSheets的缩写，又称之为风格样式表单。CSS是在网页制作过程中普遍用到的技术。采用了CSS技术控制的网页，设计者会更轻松、有效地对页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部分、不同页面的外观和格式等效果实现更加精确地控制。

三、网页设计经验谈

一般的来说，绝大多数普通受众图形，插件，applets和其它有关的高级Web浏览器特性。对我们来说，页面的实用可能比漂亮更重要，对于用户来说，没有什么比页面能够快速下载更重要了，简而言之，精简你的站点，这是一条最佳的捷径。另外还要注意，不要依赖图形。就站点设计而言，的确能够通过成功的图形设计招徕或者丢失访问者。并非所有的访问者可以完全看到图片，某些人为了加快存取网络的速度已经关闭了浏览器端的图形。简而言之，图形并不能正确的在客户端加载。然而，图形经常被用来作为导航按钮。第三要注意，仅仅在需要的时候使用帧(FRAME)。使用帧可以把一个浏览器分成几个不同的窗口，对于站点的结构的把握是一个不错的方法。但是，你还是必须知道，还是有人在使用不支持帧的浏览器。在你开始打算设计一个帧的时候，你该仔细的考虑考虑你是否的确真的需要。经常，你这样的需求可以通过表格来组织站点的结构。网页设计涉及到对多种软件、多种知识的学习和应用，以及个人的审美观等等。所以要想制作出漂亮的网页，需要一个逐步学习和经验积累的过程。网页设计还有更多的技巧，有待于我们去挖掘和研究。

三．功能介绍

这里着重介绍减肥站的功能，减肥站是以盈利为目的，所以并不要求网页要都漂亮，多复杂。比如flash等就没有必要用了，只要页面简洁明了，可靠，用户体验度高就行了，要能促使客户下单，这里就要用到网页设计以美观原则了，只有美丽大方的网页才更有吸引力和号召力，提高网站的转化率。

具体的导航栏功能介绍：

1.产品特点：向消费者提供他们想要的信息，提高网站的黏贴度和转化率，好的描述信息也是可以提高转化率的。

2.资质证书，成功案例，用户评价：资质证书用来增强网站的权威性的，增

强网站减肥药的可信度，增加消费者对网站的信任度；成功案例用事实说话更有说服力，当然不要太夸张了，那会引起消费者的猜疑；用户评价增强用户和网站的交流互动，也是给消费者重要的参考信息。总而言之就是要提示消费者，在本站买减肥药可以放心，效果明显，快点下单吧。

3.售后服务：客户有求必应，在力所能及的情况下，最大化满足客户需求，注意培养培养回头客的重要性。

四．心得体会

在学习网页制作课程的期间里，我学会怎样去制作一个漂亮动人的网页，从整体布局，到局部的各个细小的细节，每一个细小知识的掌握都是我进步见证，虽然，在学习的过程遇到很多的困难，但是在老师的帮助下，最终还是一步一步的解决了一些问题，在这过程，也明白了一个道理，遇到不懂的问题一定要不断去研究探讨，这样你就可以在原来的基础上在往前前进一大步，这样，我相信在不久之

后，你就可以变成专业的美工网页设计者了，以上就是本人在学习网页制作课程的一些心得体会，有时间大家可以一起交流哦。

课程论文网页制作 第2篇

摘要：随着网络的发展，网页的制作越来越重要。网页制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感，就必须要把网页设计和网页制作结合起来。要想制作出理想的网页，除了要有一定的网页制作基础外，还要正确选择开发工具。在本文中，简单介绍了网页制作的相关技术、网页制作的一般方法过程及应该注意的问题。初学网页制作，要注意网页布局、网页色彩搭配及线条、文字、目录等细节的处理，并不断修改、完善。

关键词：网页制作；一般方法过程；网页布局；色彩搭配。

一、网页制作的相关技术

（一）常用制作工具：

1.Dreamweaver：Dreamweaver是美国Macromedia公司开发的一款集网页制作和管理网站于一身的可视化网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化的网页开发工具，是最受专业设计者欢迎的网页制作工具之一，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。其中重点介绍CS5的新功能：

①CSS检查新增功能，以可视方式显示详细的CSS 框模型，轻松切换 CSS 属性并且无需读取代码或使用其他实用程序。

②与 Adobe BrowserLab 集成新增功能，使用多个查看、诊断和比较工具预览动态，网页和本地内容。

③PHP 自定义类代码提示新增功能，为自定义 PHP 函数显示适当的语法，帮助您更准确地编写代码。

④CSS Starter页增强功能，借助更新和简化的 CSS Starter 布局，快速启动基于标准的网站设计。

2.Frontpage是微软公司出品的一款网页制作入门级软件，可以在可视化的方式下简单直观的实现HTML几乎所有的功能，例如：新建和修改一个网页、新建一个Web站点，在网页中插入图片、多媒体等众多功能。FrontPage使用方便简单，会用Word就能做网页，该软件结合了设计、程式码、预览三种模式。也可一起显示程式码和设计检视与Microsoft Office各软件无缝连接，良好的表格控制能力，继承了Microsoft Office产品系列的良好的易用性。但 Frontpage 也有其不足之处：

①浏览器兼容性不好，做出来的网页，用 Netscape 往往不能正常显示； ②生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便； ③对DHTML的支持不好。微软在2006年年底前停止提供FrontPage软件。3.Flash：Flash是由Macromedia公司开发的一款优秀的网页动画开发软件，从简单的动画到交互式Web应用程序，它使用户可以创建任何作品。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其它奇特的效果。2012年8月15日，Flash退出Android平台，正式告别移动端。

（二）材料的选取

1.先大后小

先把大的结构设计好，然后再逐步完善小的结构设计。2.先简单后复杂

先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。3.多灵活运用模板，提高制作效率

二、网页制作的一般方法过程

（一）网站的结构

1.网页页面的创建

①在Dreamveaver“文件－新建－常规－基本页－HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm，htm表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。

注：网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页，上传后打开网页默认连接到此页。

②在标题空格里输入网页名称，点击修改－页面属性，打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像，超级链接的颜色（一般默认即可）。③此时光标位于左上角，可输入一句话，如“欢迎来到我的主页”。选取文字，用菜单“窗口/属性”打开属性面板，选取文字大小为6，再使文字居中，然后在文字前用几个回车使其位于页面中间等。

2.栏目的设置

网站的题材确定后，收集和组织相关的资料内容。为了吸引网友们来浏览网站，需将吸引人的内容放在最突出的位置，让好东西在版面分布上占绝对优势。

栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。一般的网站栏目安排要注意：

①紧扣主题，主题栏目个数在总栏目中要占绝对优势，这样主题突出，容易给人留下深刻印象。

②设一个最近更新栏目或网站指南栏目，可以照顾到常来的访客，并帮助初访者快速找到他们想要的内容，让主页更人性化。

③设定类似论坛、留言本可以双向交流的栏目，可以让浏览者留下他们的信息。或者留一个“Email me”的站点，更具亲和力。

（二）网站的风格

网站风格是网站页面设计上的视觉元素组合在一起的整体形象，展现给人的直观感受，包括网站的配色、字体、布局、内容等因素。

1.协调运用颜色

不同的色彩影响着人们对网站的第一感觉，一般旅游和园林类型的网站使用绿色系比较多，蓝色则被誉为是企业色确实很多企业和政府机关都偏爱使用沉稳而大方的蓝色。

一个网站必须有一种或两种主题色，既不至于让客户迷失方向，也不至于单调、乏味。通常情况下，一个页面内尽量不要使用超过4种色彩，太多的色彩容易让人感觉没有方向、没有侧重。当主题色确定好以后，考虑配色时，一定要考虑其他配色与主题色的关系，要体现什么样的效果。

2.适当选择线条和形状

文字、标题、图片等的组合，会在页面上形成各种各样的线条和形状。这些线条与形状的组合，构成了主页的总体艺术效果。必须注意搭配好这些线条和形状，才能增强页面的艺术魅力。直线条的艺术效果是流畅、整齐的，直线和矩形在页面上的重复组合可以呈现井井有条的视觉效果。一般应用于比较庄重严肃的主页题材。曲线的效果是活跃的，具有动感，曲线和弧形在页面上的重复组合可以呈现轻快、富有活力的视觉效果。一般应用于青春、活泼的主页题材。把以上两种线条和形状结合起来运用，可以大大丰富主页的表现力，使页面呈现更加丰富多彩的艺术效果，但处理不好会产生凌乱的效果。

3.均衡的分割版式：

在网页设计中，页面因为内容元素的需要被分割成很多区块，区块之间的均衡就是版式设计上需要着重考虑的问题。一幅好的、均衡的网页版面设计，是布局、重心、对比等多种形式原理创造性全面应用的结果。传统网页设计的版式控制都是在不超越大众显示器分辨率宽度的前提下，依照内容多少纵向延展设计。而如今流行的产品型网站，更倾向于在一屏内表达最主要的东西，尤其是首页，尽量不出现滚动条。

4．颜色搭配

在网页设计中，如何配色并不固定，只是与人的视觉有关。比如冷色基调，就大都以冷色，如要用暖色就要多加注意，可能会影响视觉，使游览者眼睛不适。亮色的使用更吸引人的眼球，但极难搭配。比如在过节时，各大网站为了加强温馨度就多用红黄橙来渲染。

（三）版面布局：

版面指的是浏览器看到的完整的一个页面。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现不同尺寸。布局，是以最适合浏览的方式将图片和文字排放在页面的不同位置。经常用到的版面布局形式有: 1.“T”结构布局。即页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局。这是网页设计中用的最广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明，缺点是规矩呆板，如果细节色彩上不注意，很容易让人感觉乏味。

2.“口”型布局。即页面一般上下各有一个广告条，左面是主菜单，右面放友情连接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大，缺点是页面拥挤，不够灵活。

3.对称对比布局。即采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机的结合比较困难。

（四）文字图片的运用：

1.字体与字号

在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。从加强平台无关性的角度来考虑，正文内容最好采用缺省字体。因为浏览器是用本地机器上的字库显示页面内容的。考虑到大多数浏览者的机器里只装有三种字体类型及一些相应的特定字体，而你指定的字体在浏览者的机器里并不一定能够找到。

大小可以用不同的方式来计算，例如磅或像素，建议采用磅为单位。最适合于网页正文显示的字体大小为12磅左右。较大的字体可用于标题或其他需要强调的地方，小一些的字体可以用于页脚和辅助信息。小字号容易产生整体感和精致感，但可读性较差。

2.行距

行距的变化也会对文本的可读性产生很大影响。一般情况下，接近字体尺寸的行距设置比较适合正文。适当的行距会形成一条明显的水平空白带，以引导浏览者的目光，而行距过宽会使一行文字失去较好的延续性。除了对于可读性的影响，行距本身也是具有很强表现力的设计语言，为了加强版式的装饰效果，可以有意识地加宽或缩窄行距，加宽行距可以体现轻松、舒展的情绪，应用于娱乐性、抒情性的内容。

3.文字的整体编排

页面里的正文部分是由许多单个文字经过编排组成的群体，要充分发挥这个群体形状在版面整体布局中的作用。在网页设计中，字体的处理与颜色、版式、图形等其他设计元素的处理一样非常关键。文字编排有四种基本形式：

①两端均齐：文字从左端到右端的长度均齐，显得端正、严谨、美观。②居中排列：在字距相等的情况下，以页面中心为轴线排列，产生对称的形式美感。

③左对齐或右对齐：使行首或行尾自然形成一条清晰的垂直线，易与图形配合。这种编排方式有松有紧，有虚有实，能产生一种节奏与韵律的形式美感。④绕图排列：将文字绕图形边缘排列，令人感到融洽、自然。

三、网页制作过程中应该注意的问题

（一）文件管理

为了管理方便，我们把图片放在“images”文件夹内。如果图片少，也可以放在站点根目录下。注意文件名要用英文或用拼音文字命名而且使用小写，不能用中文，否则会出现一些麻烦。

（二）栏目建立

在每个主目录下都建立独立的Images目录。一般来说，一个站点根目录下都有一个默认的Images目录。将所有图片都存放在这个目录里不方便，所以为每个主栏目建立一个独立的Images目录是为了方便维修和管理。

（三）目录

①目录的层次不要太深，不要超过3层； ②不要使用中文目录；

③不要使用过长的目录，不便于记忆； ④尽量使用意义明确的目录，便于记忆和管理。

（四）字体的输入

如要选取字体，选择字体中的最后一项：编辑字体列表。然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。注意：

①在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用，因为别人电脑上未装就看不到；

中职网页制作课程教学初探 第3篇

一、根据学生情况选择适用教材

中职学生的知识基础较差,学习能力不高,在选取教材时不仅要考虑教材的实用性,还要根据学生的水平选择教材,使学生在学习时能通过探究学习掌握其中的知识。教材内容的难易对学生学习的积极性具有较大的影响。如果选取的教材内容较难,学生难以掌握其中的知识,那么他们在学习和探究时,即使花费大量的时间和精力,也很难获得提高,这就使学生对学习不感兴趣,更不要说在制作网页中融入创新思维了。如果教材内容太简单,学生一看就懂,也不能有效地激发学生的思维,促使他们综合能力的提高。所以,选择合适的教材对学生的学习效率具有关键作用。

二、规划课程教学内容

规划教学内容是做好课程教学的首要任务。根据中职学生的特点,本课程选择以培养学生的实践动手能力为目标。教学内容主要定位在静态网页的制作、设计和发布方面,在内容组织上从实际需要出发,以够用为原则,精选了网页制作技术的一些主要内容展开讲解,主要任务有网页的基础知识、HT-ML语言、Dreamweaver 8软件、Photo-shop CS2软件、Flash 8软件、CSS层叠样式表、Script脚本等。以网页设计的技能学习和训练为主,重点讲授Dream-weaver网页设计软件的使用方法及相关技巧。让学生通过这门课程的学习,能够具备综合运用专业软件为中小型网站设计和制作网页的能力,为今后从事相应的网站设计制作工作打下良好的基础。同时,注意综合运用学生已学的专业课程知识,以培养适合社会需要的实用型人才为目标。

三、精心设计教学内容,制订教学方案

在网页制作教学中,教师可以把学生的学习过程分为以下几个阶段:

第一阶段是网页入门。先向学生介绍什么是网页以及制作网页要用的工具,让学生掌握简单制作网页的知识。在让学生对网页有了初步认识之后,教师要让学生学会如何收集素材,如何把素材插入到网页中,并对网页中的内容合理安排。

第二阶段是网页布局制作阶段。学生在掌握了简单的网页制作之后,需要让他们对网页建设中内容布局进行探究。在这一阶段,教师要注重学生创新能力的培养,使学生能在网页制作时进行有效创新。

第三阶段是网页美化设计阶段。让学生掌握软件Photoshop使用方法,能对各种素材按照自己的想法进行加工,使插入网页的素材能更好地反映网页的主题。同时还要让学生掌握运用Flash软件制作动画的技术。

第四阶段是网站程序使用阶段。通过这一阶段的教学,让学生掌握制作网页中的特效,并能通过编写网站程序,构架出动态网站。学生掌握了这一阶段的学习,能使网页设计在动态和静态素材结合下更完美,还能让学生建立小型的网站,为他们以后在进行网站建设学习时做好铺垫。

四、优化教学方法,促使学生积极探究

网页制作课堂需要教师让学生在计算机房进行实际操作和学习,才能让他们真正掌握网页制作知识,并在探究过程中激发创新思维。在教学过程中,教师既要对学生进行引导,还要通过实际操作来提高学生的动手能力,使学生能在对网页制作理论知识探究的同时,通过操作来理解和领会这些知识。教师要深入研究教材知识,了解中职学生的特点,用多种教学方法来使课堂教学丰富有趣,使学生的注意力保持高度集中。在让学生进行网页制作之前,教师要和学生共同分析制作案例,让他们在观看案例的过程中掌握网页制作的步骤和技巧。

五、全面综合的考核评价方法使学生树立信心

网页制作教学过程中,教师要突出教学的实践性,使学生在动手制作的过程中培养综合能力,使学生对计算机知识掌握得更全面,同时在设计时能领会运用各种制作素材,并能使网页制作效果新颖独特。网页制作课程在对学生进行考核和评价时,不同于其他学科的测验,这是由于网页制作需要一个较长的过程,学生需要对网页设计进行构思,收集网页设计所用到的素材,对网页结构的布局进行设计等。所以,教师在对学生进行考核和评价时,不能只考虑学生在期末考试时的成绩,而是要把每次的网页制作作业、课堂学习效果、期中测试成绩都要考虑进去,全面综合地对学生进行评价。

论中职课堂网页制作课程现状 第4篇

1 中职学生计算机课程学习情况分析

当前计算机逐渐深入社会生产生活的每一个领域，迅速地改变着人们的思维、工作和学习方式。由于中职学生的自身特点，他们在计算机课程的学习过程中出现一些问题。

1）中职学生认为自己根本没长“学习的脑子”，将来的工作也就是在生产线上做操做工，因此混到毕业就行，缺乏学习积极性。

2）中职学生在计算机课堂中基本操作熟练、接受能力快的学生存在听腻了的现象，而影响课堂秩序；而有些基础差、接受能力慢的学生因为经常跟不上教师的进度，逐渐失去学习的兴趣，越学越差。

3）一些中职学生自制能力很差，对于新鲜刺激的网络十分着迷，上网聊天、玩游戏现象屡禁不止，有的学生还偷偷用手机上网。这个现象就像“流行性感冒”一样传染很快，从而影响教学进程。

4）中职学校的教育资源短缺，特别是硬件资源。许多网络设施只能是让学生观摩老师进行设置，而不能亲自动手实践。

5）中职学生更愿意接受的是实践教育，而许多教师都没有亲自进入企业进行生产实践，只接受过学校的模拟生产。这种经验满足不了中职学生的需求，对于教师的讲解不信服，从而影响学生对于计算机课程的兴趣。

2 中职学校计算机课程学习评价分析

目前中职学校计算机课程普遍采取的学习评价方式依旧是“期末考试”方式，很多学生平时不注重知识积累，在考试前对考点死记硬背，不能牢固掌握知识。即使平时成绩能够占考试成绩的一定比重，也只是完成几个作业就能达到及格的标准，实际忽视了学生的信息素养的提高、学习信息技术的兴趣的激发和对探索信息技术新知识能力的考查。

一些中职学校计算机课程通常采用笔试或者上机或者兼而有之的形式，但这种模式已经不能满足现有考试的要求。这种传统的笔试考试形式要求教师经过出卷、考试、评卷、分析试卷等一系列漫长的过程，才能做出评价，而且许多学校的专业课程都只设置一个学期的课时，所以学习评价的反馈功能也就没有了用武之地。

上机考试多是教师使用多媒体设备将上机试题传给学生，学生按照要求操作完成后提交给教师，再由教师根据评分标准去评判，而评阅上机试题是一个更加复杂的操作过程，还会出现计算机房硬件或软件的原因，造成考试中断的问题。

某些学校开始采用电子作品评价法，即对学生的电子作品进行评价。这种评价方式本身是值得肯定的，但由于大多数教师只是简单地将全班学生的作品收集上来，一人来评价，因而费时费力，加重了教师的负担，而且难以保证客观公正性。

3 网页制作课程的特点

网页制作是计算机专业必修的基础课程，这门课程的学习，对学生后续专业课程的学习、今后职业的选择都有重要影响。网页制作课程集知识和技能于一体，有较强的操作性和综合实践性，它涉及文字版面处理、计算机语言、计算机图像处理、Flash动画、数据库等相关知识，需要对相关课程有一定的基础。所以按照传统教学模式，只在多媒体教室中讲解理论知识、操作步骤，做典型范例是不够的。

对网页的编程、网页的版面构图、网页的栏目与板块编排等几个方面，网页制作对学生的实践能力提出较高的要求。而传统的评价方法主要是教师作为课堂的组织者的作用不够明显，学生亲自动手参与实践的机会过少，弱化了学生亲自探索外部世界的能力。

网页制作的另一个主要特点是它的综合性强，一个网站从确立主题到最终实现网站设计和制作要经历不同阶段的制作，在这些过程中需要学生掌握的知识面比较广，要掌握不同的软件操作和应用，还要掌握一定的设计方面的知识，比如前期资料的收集和整理、网页的布局设计及美工、网站后台的管理和维护等。

4 网页制作课程采用的学习评价方法

由于中职学校网页制作课程一直沿袭基础教育的课堂教学和课堂教学评价标准，使得许多教师的课堂教学仍然停留在“传道授业解惑”的层面上，虽然一些教师已经关注到学生技能、技巧与能力、智力等的培养是培养和发展职业能力和综合素质的重要内容，但能够做到的只是皮毛。在课堂上教师还是把力气花在讲清知识、落实练习，使学生能牢固掌握知识，考试时不出差错。

本文对于当前的中职学校网页制作课程使用评价方法进行了一次调查。

1）调查对象：天津市及周边地区5所中职学校的计算机专业的网页制作课程。

2）调查方式。

①课堂观察法：采用自然观察，通过参加具体课堂教学评价活动，实地考察评价过程和教师的上课情况，记录评价结果。

②访谈法：对5所学校中部分教师和学生进行随机访谈，记录结果。

③问卷调查法：制表200份，主要对5所中职学校的教师进行抽样问卷调查。

3）调查工具：自编课堂教学评价情况调查表（见表1）。

①课堂观察法：采用自然观察，通过参加具体课堂教学评价活动，实地考察评价过程和教师的上课情况，了解师生在课堂中的表现，记录评价结果。

②访谈法：对5所学校中部分教师和学生进行随机访谈，将结果记录下来。

③问卷调查法：制表200份，主要对5所中职学校的教师进行抽样问卷调查。

4）通过以上问卷调查、访谈、课堂听课观察等实证方式进行了解，综合分析得到材料和数据，可以清楚地发现当前中职学校的课堂教学评价现状不容乐观。

目前采用的评价方式主要为下列几种方式。

①闭卷笔试：考核网页制作课程的客观性考试和主观性考试。命题侧重记忆型，兼顾思考型，有利于考核学生知识掌握、理解、应用情况等，有利于教学信息的反馈。但对于计算机网页制作课程这种操作性强的计算机课程，不能真正反映学生的能力。

②开卷笔试。适用于主观性考题，多用于综合检查学生对知识的理解和分析、解决问题的能力。这种考试方法对于中职学生来说，也不是很适合，因为开卷笔试网页制作课程需要考核学生很多HTML代码和ASP语句，但是中职学生能够熟识代码就不错了，根本不可能编写代码。因此，通过这种方式考核中职学生的网页制作课程难度过高。

③半开放性考试。学生可以在一张统一规格的纸上，记录自己认为与考试有关的基本公式、基础数据等内容，考试时参考，也称为“一纸开卷”考试。在当今中职学校中，中职学生没有这种自觉性，大部分学生会采用抄袭的方法获得参考资料，而这就失去总结复习的意义，并不能真正提高学生的能力。

④大作业与项目设计。在学生学完课程主要内容后，对一些应用性较强，需要大量查阅资料的问题，甚至是教师的某些研究课题，可以采用分组的形式交給学生课下完成。但是很多学校的普遍现状是会有很多不学习的学生，与学习的学生进行小组的组合，因此对于学生学习评价的公正性是无法保证的。而这些浑水摸鱼的学生，也严重影响了认真学习的学生的积极性。为防止有的学生抄袭，可以补充以答辩、考查等形式。

⑤以证代考。当前中职学校的毕业要求中都有本专业的中职毕业生必须具有某种本专业的职业资格证书，而职业资格证书有初、中、高三个不同的等级，可以根据学生获得的与本课程相关的资格证书的等级，给予学生70、85、95等不同的课程学习评价分数。

5 总结

通过对于中职计算机课程的学习情况和评价现状的分析，以及对中职网页制作课程的评价方法的调查，做出当今网页制作课程存在的评价方式的分析。通过分析可以看出，在当前针对于中职计算机类课程的学习状态存在很多的问题，特别是偏重于操作能力培养的网页制作课程的评价方法比较落后，多数还是延续了比较早的学校评价方法，很少用到网络等当今的重要资源。

先进的评价方法要适应于当前要求较高的计算机人才需求，而丰富的实践经验和高超的专业水平是毕业生走向社会、走进企业的不二法宝。中职学校就是面向于就业培养人才的，需要改进自身的评价方法，以促进网页制作类人才的培养和教育。■

参考文献

[1]加德纳.多元智能[M].沈致隆，译.北京：新华出版社，1999.

[2]沈雅飞.多元学习评价的思考与实践[J].科学课：小学版，2003（9）：32-34.

[3]李风华.多元智力理论与多元评价[J].教学与管理，2003（2）：36-37.

[4]瞿葆奎.教育学文集：教育评价[M].北京：人民教育出版社，1989：263.

毕业论文-网页制作 第5篇

摘要：有网络及网站的发展现状，总结出现在的网站主要分为三大类。然后谈到网站的制作工具，从不可视化的网页制作语言到可视化的frontpage和dreamweaver，从中还提到了增加网页效果的多媒体编辑工具。由制作工具从而讨论到制作网页所应坚持的几个原则和要求，根据这些原则和要求，我根据客观条件得出适合自己制作的是个人空间网站。后面接着大体的介绍了自己网站的主要内容、栏目及相应的链接。最后根据网页发展历史和现状，得出我对网站未来的发展是非常乐观而又有信心的。

关键词：计算机、网页制作技术、网页制作理念

伴随着计算机技术及相应软硬件功能的飞速发展，网络已经融入了大众社会中，成为人们生活不可或缺的一部分。现在无论是公司、企业、政府、机构等部门的宣传和发展，还是个人的求学、求职，甚至吃喝消费都离不开网络。而为此提供广阔平台的则是相应网页及网站的制作和发展。网页和网站本质上没有太大的区别，可以理解为网站由众多的网页及其他网络媒介构成。

本文主要是想大体介绍一下网站的分类，网站制作所应贯彻的原则，我的网页制作理念和我对网站未来发展的简单预测。

一、网站的分类

目前的网络发展非常迅速，而网页的规模也相应的日益庞大，但大体可分为三大类。第一类是综合服务资讯类。如搜狐、新浪、网易、百度、迅雷、优酷等众多大型网站。这类网站一方面提供大量的资讯，包括新闻、时尚的影视剧及娱乐八卦等多方面的资讯，同时资讯展现形式也多种多样，包括文字、声音、视频等多种方式。另一方面也确确实实为人们提供实在的服务，如迅雷下载、网易邮箱等。

第二类就是公司企业以及其他政府部门的网站。当然不同规模的机构的网站也有很大不同。大公司大企业和顶级行政部门往往员工、合作对象及其他关注的人比较多，网站需要向内外部提供及时的信息和服务。而小型企业网站的侧重点往往仅仅是形象的宣传，实际的服务和资讯不多，也没有多大价值。

第三类就是个人类网站了，这种类型的网站由于制作者有不同的制作基础，不同的性格，不同的制作理念等诸多因素，因而网站而制作目的也不尽相同。有的是为了好奇而学习，有的就是为了制作的乐趣及享受上传至互联网上之后的那种自豪感。当然也有人有更高的理想和追求，希望通过这样的途径来创业，实现个人事业的发展。

当然这只是一个简单的分类，随着网络的发展，各网站已经变的更加全面综合，同时也更复杂多样。由于网站的魅力也不断提高，制作网站也成为一种时尚和美丽的象征，同时也是一项生活的技术和技能。所以网站的制作也成为众多人们学习的一个目标和方向。

二、网页的制作工具

构成网站的基本因素是网页，网页的原始制作工具就是记事本，直接用网页制作语言来编写，如html语言。这对计算机配置要求很低，任何电脑都带有记事本程序。但html语言的学习和灵活的运用则有些困难，尤其对初学者来说，太难理解，也太枯燥乏味了。网页诞生初期的发展缓慢和不流行与这也有很大关系。

但随着计算机技术的发展，相应的可视化网页制作软件应运而生。网页的制作已不再那样抽象难懂，而是更加直观可视，更加方便快捷了。

首先可以用word编辑，比较简单比较方便，但这对复杂网页及高质量精美网页的制作有着一定的限制，存在着发展的瓶颈。

再就是FrontPage软件，这是一款由微软提供的比较强大网页制作软件，可以方便的进行代码编辑，拆分查看及设计要求。可视化程度已相当高，已经具备普通完全具备普通网页的制作。但是或许是由于微软的强大垄断性，缺少一定的竞争，FrontPage也存在着一些弊端。1.对于FrontPage不支持的东西，在制作网页时插入就比较麻烦，它产生的代码让人理解时有些费力。2.FrontPage的一些窗口按键上的文字不太直观，不容易理解，尤其对初学者更有一定的难度。3.可能还是微软的问题，FrontPage对微软以外的浏览器不太友好，有时会有不必要的麻烦。4.在动态网页的制作时，FrontPage就有些力不从心，更多的还是利用网页制作语言。

除FrontPage外，另一款强大的软件是包括Dreamweaver在内的三剑客。三剑客还包括Fireworks和Flsah。Dreamweaver 是一个“所见即所得”的可视化网站开发工具，主要用于动态网页的开发；Fireworks主要是用于对网页上常用的jpg、gif的制作和处理，也可用于制作网页布局；Flash主要用来制作动画，现推出Flash平台，可预见有极好的前景。在图片编辑方面另一款强大软件是Photoshop，简称PS。Photoshop功能确实非常强大，几乎涵盖了所有的图片编辑功能，其缺点就是制作出的图片内存比较大。而Fireworks就是针对网页制作而专项推出的，虽然编辑功能和效果不如PS，但以其输出图片内存较小。在网页传输和打开速度的层面上考虑，Fireworks似乎更适合网页图片的制作。有种这种的方法就是由Photoshop编辑，后由Fireworks导出。灵活利用这四款的软件制作的网页会非常漂

亮，非常精美。顺便提一下三剑客的原公司是Macromedia公司，现已被Abode公司收购，而Abode公司正是Photoshop的开发公司。所以未来Photoshop和Fireworks功能优势的整合应该不会是太遥远的事情，我们也期待着一种更强大，更优秀的图片编辑软件的诞生。三剑客中的Flash可以制作精美的动画，小巧可爱，同时传输速度优越。但这只适合于网页表面的装饰和对网页氛围的渲染，并不能传达实实在在的信息。所以这对于某些相关信息及其他具体内容的展示就显得不够正式得体，也不够全面广泛。这方面信息的传播就需要更加正式的多媒体音视频文件，自然也就少不了对多媒体进行编辑和制作的软件。windows有自带的Movie Maker软件，简单易学，支持的格式也非常广泛。但对于专业视频编辑及所需要的玄幻效果来说，Movie Maker还是不够专业。在此推荐另一款软件，就是会声会影。会声会影（版权所有为友立资讯股份有限公司）是一款非常强大的多媒体编辑工具，也比较简单易学，而且视频处理效果非常好。理论上说基本的多媒体编辑，会声会影都可以做到。但对于有些东西的制作，会声会影则不是那么简单有效，而是有些繁琐。比如卡拉OK字幕制作，用会声会影就比较麻烦，且较难达到理想效果。借此机会推荐另外一个软件，小灰熊卡拉OK字幕制作软件，可以较好的制作字幕视频。还有很多的小软件可以配合会声会影，可以更快，更好，更有效的达到制作目的。如好莱坞插件包及一些简单的3D动画制作软件。

三、网页的设计思路及坚持的原则

制作网页，首先要有一定的兴趣和爱好，更要有一定的追求新和上进心。在整个制作过程中，一定要明白任何事物在初步接受和学习时都难免会有困难的，要有不放弃和勇敢向前的勇气和信心。同时也要清醒的认识到任何事物在学习和制作过程中都有相应的方法和技巧，但绝没有一步登天的捷径。这世界上也没有行之天下放之四海皆准的原则，但我们可以取长补短多方面的结合。

（1）制作工具的协调利用，就是注意网页制作工具与网页制作语言编辑相结合，双方各有各的优势。初学者推荐先用可视化网页制作工具，这可以比较简单，比较快速的初步了解网页制作的相关知识，同时对网页制作语言的学习也有很大的促进作用。但若想有长远的发展，可视化制作工具在网页制作有一定的发展瓶颈。这就要学习更多的网页制作语言，如asp，jsp，php及Java脚本语言等。因为网页制作语言的学习和利用则是永无止境的，其功能和作用是无限的。

（2）在制作过程中，网页的基本类型要注意个性化与大众化相结合。大众化可以被更多的人接受，个性化则可以吸引更多人的注意，但绝对的个性化和绝对的大众化都是不可取的，对网站的长远发展也都是不利的，因此一定要注意互相的取舍与结合。

（3)艺术与实效相结合。所谓艺术就是让浏览者能够愉快的阅读，能在达到浏览目的的同时，能有一份以外的心灵收获。这种艺术要有一定的内涵，不要让漫天的繁华却充斥着无限的空虚。而实效则是不要忘了网站最本质的目的，那就是让浏览者得到他们需要的，对他们有帮助的信息。这种信息可以是自己的创作，可能会有些平凡朴素，但一定要让人感到这是你自己用心创作的，因为里面有你的一份心血，也有着一份感情。艺术和实效二者缺一不可，尤其对社会大众类网站更是如此。

（4）在制作时要注意借鉴与自创相结合。在网页制作过程中，尤其对于初学者来说，基本的学习、借鉴、模仿是必要的也是必需的，因为这对网页制作技术和制作理念的提高有很大帮助。但另一方那个方面要清醒的认识到，一个网站要想长盛不衰，一定要有自己的东西，要坚持自己的创作，并且是呕心沥血的创作。借鉴和模仿的永远有别人的影子，只有自己的创作才是独一无二的。

（5）在网站的宣传时，一定要注意真实与夸张相结合。宣传时可以有舍多的夸张，艺术性的夸张。但一定不能违背了真实的情况。这种真实不是表面上狭隘的真实，也不是那种很牵强的真实，这都是伪真实。这里我个人意义上的真实是内心的一份真诚和坦然，也是对浏览者虔诚的欢迎和对浏览者最诚挚的尊敬。适度的夸张可以吸引更多人的注意，可一旦夸张过度，违背了真实，这对自己网站的形象就会有很大的负面影响，反而得不偿失。

这仅仅是要注意的几个方面，要想制作成功一个网站，牵扯到的因素太多了，需要我们不断地学习进步才行。

四、我的网页类型选择及制作理念

网页的分类标准有很多种，前卖也大致区分为三类。其实前两类可以归结为一类，就是具有一定的社会公共性，有一定的大众化，再一类就是个人类。社会大众类网站要求版式严格合理，内容时尚丰富。需要一支庞大的专业队伍，同时对设计者分工严格细致，要求素质专业严谨，理念科学先进。这类网站要想达到理想的情况，在毕业设计来说太困难了，几乎完不成。而对于个人类网站，要求内容充实，版式要有一定的特色，同时还应具有相对独特的艺术内涵魅力。这种个人类网站要想达到完美程度也很困难，但通过努力，还是可以达到

一定理想效果的。所以我根据自己的现实能力及目前的制作条件和制作基础，选择的是个人类网页的制作。

五、我的网页主要内容

首页就是一个栏目板块，上方是一个gif图片，显示着“欢迎进入我的网站！”。还有一幅图片，是齐鲁师范学院挂牌仪式的，下面一行字“祝福学校明天更美好”。还有我宣传自己网页的一段文字，大约100字。下面是几个标题链接的子网页。

（1）网页简介：左侧对主网页的主要链接子网页在此也做了简单的介绍，并提供了相应的链接渠道，可也可以快速的进入链接网页。右侧简单分析了网页的起源、发展、未来趋势，也简单介绍了我的网页制作理念和制作目的。

（2）一路走来：该主页显示的是我的求职理念，左侧从上往下依次是，个人基本信息，我的学生时代，我的求职理念，我的人生感言，最后是一个返回主页的链接。个人基本信息主要就是个人简介，包括我的性格，爱好及常用的联系方式。我的学生时代简单介绍了我在小学、中学和大学的一些比较重要的感受，也简单的描述了一下我的学校。我的求职理念是针对毕业求职而制作的，其基本理念就是选择基层的劳动和生产，可以不在乎起点，但一定要保证将来有发展前途和空间。我的人生感言，暂时传了两篇文章，一是《毕业了》，另一篇是《写给青春的一封信》。前者主要内容是，对大学及以前美好生活的回忆和留恋，对现实也要正确地对待，要有充分地信心和不放弃比成功的决心。后篇是写给大一新生及那些正在读大学的同学们的一封信，希望他们珍惜大学时代的美好生活。

（3）天籁之音：插入了一个音频播放器，选择了一些自己喜欢的歌曲。由于考虑到内存问题，歌曲的链接选取的是网络连接方式。

（4)精彩视频: 内容包括自己制作的一些视频，主要有老师和同学的，想记录曾经的那些精彩瞬间，感谢那些帮助过我及留给我美好回忆的人。其中有一个是给那些辛勤教育我的老师们的。

（5）今日关注：关注的是巴塞罗那足球俱乐部（简称巴萨），由于其在欧冠半决赛中背国米淘汰，这里表现了我的悲伤和对其重新崛起的期待。由于巴萨队服是由红色蓝色组成的，主页就是红蓝格调，上方是巴萨去年欧冠夺冠时的照片，下边左右两侧分别是蓝色背影加红色文字与红色背影加紫色文字。还有一个巴萨简介的链接，主要简单介绍了巴萨的创立，发展及所取得的成就。最后插入了一个从优酷上下载的巴萨简介的视频，该视频是由cctv5天下足球冠军欧洲节目播出的，时长14分钟。

（6）交流平台: 方便与网友交流沟通的一个网页，包括e-mail，QQ和意见建议留言等不同版块。

我基本上就是按上面的规划制作网站，制作过程中，在学习借鉴的同时，坚持自创。

六、对网站制作的未来预测

对网站发展的未来预测，我个人感觉是无限美好的。现在的网页早已脱离了原始表格加文字的模式，其精美的外表及其中绚烂的视频动画，似乎已经完全满足人们的需求了。但随着网络宽带传输、无线传输的发展和计算机的普及，未来人人有个个人空间网站绝不是问题。而那时我们对自己网站的修饰和管理就会像我们吃饭打扫房间卫生一样不可或缺。有人可能怀疑这些，那如果我要说，像现在我们平常使用的一部普通手机功能会强大到相当于现在的一部高级服务器的作用，恐怕更没人相信了。那么我们想想五十年之前，谁会想到今天；想想计算机笨重的原始雏形，谁会想到今天的小巧玲珑。不要低估自己的想象力，更不要低估人类的创造力。那时的网络会普及到何种程度，那时的网页、网站及其制作也必然会更加的丰富着人们的生活。

参考文献

[1] 百度百科 网页

http://baike.baidu.com/view/828.htm2010年5月21日访问

[2] 百度百科 巴塞罗那足球俱部

网页制作课程设计报告 第6篇

一.绪论

1.课程设计的目的、意义

本课程的设计目的是通过实践使同学们经历Dreamweaver cs5开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs5可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Dreamweaver cs5的的操作和应用。增强动手实践能力，进一步加强自身综合素质。2.设计情况的简介

我做的网站是以动漫世界为主题，内含各种风格和类型的动漫。网站中插入了大量的图片和链接，界面简单明了。网页常规技术.素材处理.网页创意.实用性和推广性等方面均有所涉及和注意.3.设计原理与规模介绍

主要运用一些基本的网页制作技术,分三大板块分级进行阐述主题。规模上，属于小型和个人兴趣类型的网站。二.网站需求分析

本网站符合大众喜爱动漫的心理。动漫爱好者对于动漫的要求首先要是好看的动漫，其次便是种类多样的动漫。网站首页需要做到简洁明了，针对性强，因为这样才可以留住顾客以及开发潜在顾客。

三.网站概要设计

网站主页分为三级页面。第一级为主页面，内含网站的各种信息。第二级页面分大类解释网站动漫种类信息，第三级页面就是对于每一部动漫的详细解释。另外就是站主介绍，这是网站中虽不重要却不可缺少的部分。

四.网站详细设计

网站分国产动漫，最新动漫，经典动漫三个部分。每一部分都有更细的下一级页面对其进行详细描述。站中插入大量图片，在每一部动漫介绍时均有图片介绍以及链接。网站中需要运用的一些常规技术蕴含其中得以体现，比如在页面中，插入文字、图片、超级链接等技术。另外还需要对文字图片进行进一步修改，比如字体颜色图片大小以及背景颜色等等。

五.网站实现与调试

在网站做好之后，我对网站进行整体调试，确保每一级链接没有发生错误。不过，却发现另一个问题，链接虽然没有问题，可是在插入的图片上添加链接时却把图片给裂开了。于是只好把超级链接改为热点链接。

六.收获与体会