制作网页(精选12篇)
制作网页 篇1
1 网页制作的基本方法
一个好的网站具备如下特点:
(1) 具有鲜明的主题。比如远程教育类、图片音乐类、文学创作类、软件下载类等; (2) 合理的站点结构。既便于网站管理者的日常维护, 又满足浏览者快速翻阅感兴趣内容的需要; (3) 统一的站点风格。体现在色彩、文字、按钮、图形等方面的统一搭配, 不至于让人产生杂乱无章的感觉; (4) 动态网页。静止的网页一般而言总不如动态网页来得生动、吸引人; (5) 可交互性。浏览者与浏览者之间可以交互, 与管理者之间也可以有多种方式沟通, 如各类表单、聊天室、公告板等。
因此, 网页制作并非从刚开始就创建各类页面。相反, 最重要的工作还是在于明确主题、搜索各类资料、准备相应素材, 从站点自身的组织和浏览者的角度出发, 详细规划网页内容、分类、结构、表现方式等。整体设计完成之后, 进行素材的搜集和整理工作, 包括一些文本、图片、图画等。另外, 自己还需要制作一些电子素材, 如站点微标、统一风格的按钮Flash动画等, 可以通过Adobe Photoshop、Microsoft Firework、Microsoft Flash等软件进行制作。
接着, 着手建立站点结构。建立网站总目录、相关网页子目录, 如Html用于存放网页文件, images用于存放图片、media用于存放声音和动画等。网站的导航结构、各页面之间的超链接关系都应该有所考虑。
准备工作结束后, 可以开始设计和制作网页。制作的工具有很多, 有文才编辑类的如Hotdog、Homesite、webedit等;也有所见即所得类的, 如Microsoft Front Page、Netscape等。其中, Front Page2000是通俗易掌握、功能强大的一款网页制作和管理软件, 用它可以设计出图文书茂、生动活泼的网页。
完成所有页面的设计和制作工作之后, 就可以将其发布于web服务器上了。当然, 发布之前还应当做一次全面细致的测试, 以及时发现尚不完整之处。
2 常用网页开发工具介绍
2.1 Microsoft Front Page2000
在Front Page2000中, 页面制作由Front Page2000中的Editor完成, 其工作窗口由3个标签页组成, 分别是“所见即所得”的编辑页, HTML代码编辑页和预览页。Front Page2000带有图形和GIF动画编辑器, 支持CGI和CSS。Front Page2000最强大之处是其站点管理功能。在更新服务器上的站点时, 需要创建更改文件的目录。FrontPa8e2000会跟踪文件并拷贝那些新版本文件。
2.2 Netscape。Netscape Communicator和Netsccape Navigator Gold3.0版本都带有网页编辑器
如果喜欢用Netscape浏览器上网。使用Netscape编辑器真是简单方便。用Netscape浏览器显示网页时, 点击编辑按钮, Netscape就会把网页存储在硬盘中, 然后就可以开始编辑了。也可以像使用word那样编辑文字、字体、颜色, 改变主页作者、标题、背景颜色或图像, 定义描点, 挤入链接, 定义文档编码, 插入图像, 创建表格等。但是, Netscape编辑器对复杂的网页设计就显得功能有限了, 它连表单创建、多框架创建都不支持。
Netscape编辑器是网页制作初学者很好的入门工具。如果要制作的网页主要是由文本和图片组成的, Netscape编辑器将是一个轻松的选择。如果对HTML语言有所了解的话, 能够使用Netscape或Ultra Edit等文本编辑器来编写少量的HTML语句, 也可以弥补Netscape编辑器的一些不足。
2.3 Adobe Pagemill3.0
Pagemill功能不算强大, 但使用起来很方便, 适合初学者制作较为美观、而不是非常复杂的主页。如果主页需要很多框架、表单和Image Map图像, 那么Adobe Pagemill 3.0的确是你的首选。Pagemill另一大特色是有一个剪贴板.可以将任意多的文本、图形、表格拖放到里面, 需要时再打开, 很方便。
2.4 Dream Weaver
Dream Weaver是一个功能很强的网页设计软件, 它包括可视化编辑、HTML代码编辑的软件包, 并支持Active X、Java Script、Java、F1ash、Shock-wave等特性, 而且它还能通过拖拽从头到尾制作动态的HTML动画, 支持动态HTML的设计, 使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。Dream Weaver还采用了Roundtrip HTML技术。这项技术使得网页可以在Dreamweaver和HTML代码编辑器之间进行自由转换, HTML句法及结构不变。这样, 专业设计者可以在不改变原有编辑习惯的同时, 充分享受到可视化编辑带来的益处。
2.5 Fireworks
Fireworks的出现使web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发, 具有丰富的支持网络出版功能, 比如Fireworks能够自动切图、生成鼠标动态感应的Javascript。而且Fireworks具有十分强大的动态功能和一个几乎完美的网络图像生成器 (Export功能) 。它增强了与Dream Weaver的联系, 可以直接生成Dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片。
2.6 Flash
F1ash是用在互联网上动态的、可互动的shockwave。它的优点是体积小, 可边下载边播放, 这样就避免了用户长时间的等待。Flash可以用其生成动画, 还可在网页中加入声音。这样你就能生成多媒体的图形和界面, 而使文件的体积却很小。Flash虽然不可以像一门语言一样进行编程, 但用其内置的语句并结合Javascript, 利用它可做出互动性很强的主页来。
2.7 Hotmetal Pro 4.0
Hotmetal Pro既提供“所见即所得”图形制作方式, 又提供代码编辑方式, 是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML才能得心应手地使用这个软件。Hometal Pro具有强大的数据嵌入能力, 利用它的数据插入向导, 可以把外部的Access、word、Excet以及其他ODBC数据提出来, 放入页面中。而且Hotmetal Pro能够把它们自动转换为HTML格式, 是不错的。此外它还能转换很多老格式的文档, 并能在转换过程中把这些文档里的图片自动转换为GIF格式。
3 网页的发布
在发布之前, 还需要对所有的网页进行全面细致的检查, 链接的检查, 及时发现其中的孤立文件断链。若是已经在某个ISP处申请了一个域名, 并有了管理站点的权限, 就可以使用web发布向导或FTP程序发布网页了。
(1) 使用网页制作工具发布网页。大多数网页制作工具都具有web网站发布向导, 使用这些向导我们可以很容易地发布网页; (2) 使用FTP工具发布。这种方式大多数是将web服务器的目录与FTP服务器的目录设置为同一个目录, 这样只要将网页直接上传到此目录就可以了。
摘要:万维网能够处理大量内容丰富的信息资源, 如文本、图像、表格、声音、视频等。这些信息一页一页分门别类以网页的形式存放在各个服务器上, 浏览者可以根据自己的兴趣和爱好翻阅相关的内容。这里所说的网页其实就是一些网络文件, 其中包含了制作者所要发布的信息, 并以一定的方式链接在一起。
关键词:网页制作,基本方法,工具
参考文献
[1]葛竹春.计算机管理[M].北京:中国金融出版社, 2011.
制作网页 篇2
首先,了解网页并不是单纯的认为他仅仅只是为人们服务的,而它的存在也是给我们带来了利益和好处。当然,了解网页首先也从几个软件开始:
1.dreamweaver mx XX(或dreamweaver 8)。
2.flash mx XX(或flash 8)
3.fireworks 8
而网页制作就是开始从这些软件开始着手的,今天,我终于可以学习网页制作了,我们在杜奕老师的教导下,各位同学们也都在聆听老师的讲解和指导我们运用以上这些软件的功能和网页的剖析。所谓网页,就是指一个可以浏览内容并且可以使用ie浏览器打开的内容称之为网页。
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实,但是只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解,不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。如:布局表格、绘制层、制作css样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘,每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
“路漫漫其修远兮,吾将上下而求索”学习的道路是艰苦漫长的,更何况这是关于一个科学技术的一个代名词,随后,课堂的气氛慢慢的好转,耐心的老师和专心的学生在课堂上都尽情的发挥各自的才能,老师也为了能教好每一位学生,而学生也不辜负老师的使命,就这样,网页制作这一门课程进行的很顺利,学习了dreamweaver mx XX对它如何彻底的剖析和分解,我们终于认清了它的原理,摸清了应该怎样去完全的使用它,而我们在老师的指导和训练的结果下,终于开始做属于自己的网页了。
慢慢的快接近尾声了,我们也快临近期末了,老师给我们的任务却是需要我们每人至少做出三个网页来,且内存不能超过3m,刚开始我以为我会对着感到很是吃力,不知道该如何是好,毕竟网页才是刚刚起步,根基不稳,怎么能够做出这样的网页呢?而我对dreamweaver mx XX它也不是很熟悉,心里真是很担忧。
在这最后的时间里,我仔细掂量了一番,网页制作给我的结论是:要想制作一个能够像网上的那样,还得需要经过长时间的刻苦努力和不断地检验及实践,否则,如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识,不像文学那样的纯理论知识。通过这个课程的学习,我从中得到了一些对网页知识如功能、概念的理解,原来要做出一个简单可行的网页并不是一件害怕的事情,而是一件努力和尝试的事情。
网页制作心得(2):
做好主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。
一、准备资料和挑选网页设计的合适工具
俗话说:“巧妇难为无米之炊”。做主页当然要收集、准备资料。在网上多转转,看到什么漂亮的网页,把它保存起来,作为以后自己设计主页时的参考。
另外,还包括搜集美化主页可能要用到的各种材料,如背景、线条、小动画图标等等。你可以在硬盘上建一个文件夹,下分“e-mail图标、背景、线条、动画”等文件夹,养成上网时看到有创意、新鲜的图像,就按鼠标右键存入你硬盘相应文件夹的习惯,时间一长你就有拥有了一个可观的图库,等做主页时随手拈来或加以修改就成你自己的东西了。
二、规划好整个网站
主页的设计应以醒目优先,应该令人一目了然,切勿堆砌太多不必要的细节,或使画面过于复杂。要做到这一点,首先要在整体上规划好自己网站的主题和内容,确定自己需要传达给访问用户的主要信息,然后仔细斟酌,把自己所有要表达的意念合情合理地组织起来;其次,是设计一个富有个性的页面式样,务求尽善尽美。这样制作出来的主页才会清晰、明了、内容充实。切记,页面给人的第一观感最为重要!在网上到处浏览网站的人很多,如果你的主页给人的第一印像没有吸引力,很难令他们深入观赏,而且他们恐怕再也不会访问你的网站了。
三、善用图片,增强艺术效果,加快主页浏览速度
网页的迷人之处之一,要算它上面能点缀许多漂亮的图片。精美的图片设计,可以使自己的网页增辉不少,令人过目不忘。图片的内容应有一定的实际作用,切忌虚饰浮夸,同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。
四、善于借鉴他人主页制作中的设计技巧
网页制作技巧浅谈 篇3
关键词计算机网页制作技巧
中图分类号:TN29文献标识码:A
在制作网站前先要为网站取一个好听好记的名字,一个好的网站名称和域名往往会给访问者留下深刻的印象。如果申请的免费主页空间的网址很长,可以去申请一个转向域名。此外,可结合网站主题设计一个有特色的LOGO。然后,根据网站文档规划好网站蓝图,进行平面设计。
设计网站,首先要力求页面简洁大方,在页面中不要过多地加入一些无关的信息,保证主题内容能够让浏览者一目了然。其次,要确定网站的主题色。一个网站一般要有特定的主题色,一方面可以让浏览者加深印象,另外也不至于显得过分单调与乏味。在使用色彩的同时,如果能够考虑颜色给人心理上的暗示作用,或许还能产生事半功倍的效果。比如,冷色能够使人心情变得平静,而暖色容易使人变得兴奋激动;强烈的色彩容易形成一种紧张感,而暗的颜色又给人以沉重感或压迫感。可以根据所要表达的主题,选择合适的色彩与主题色进行搭配。
那么如何搭配颜色才能让自己的主页更加绚丽多彩呢?一般说来,普通的底色应柔和些,配上黑字,读起来自然、流畅。浅绿底黑字,或白底蓝字都很醒目,但前者突出背景,后者突出前景。而为了追求醒目的视觉效果(如标题),可以使用较深的颜色,然后配上对比鲜明的字体如白字、黄字或蓝字。其实底色与字体的合理搭配要胜过用背景图画,因为背景图画太花哨,有种杂乱的感觉。而纯色给人感觉较好,尤其是在页面上图片多了以后效果更为突出。
在确定好网站的主题和大体颜色后就开始进入制作阶段,在网页制作的过程中,为了能够达到良好的页面效果,有时一些技巧和方法的运用又显得弥足珍贵。
1 表格的应用
通过表格,可以比较随意地把文本与图像插入到相应的位置中去,而不用过分地担心不同的对象元素之间的相互影响,而且制作出来的页面看上去结构比较紧凑,充分利用表格的定位功能,能够准确地将页面中的文字、图片按照一定的次序进行合理的编排与布局。
为了使页面打开快捷,一般在制作页面时尽量不要嵌套过多的表格,因为下载表格内容时,往往要等整张表格的全部内容下载完成后,才能显示该表格的内容。一些优秀的网站,在设计过程中通常都会采用表格来定位,而且大多都是一行一行来进行设计的,当然每个单行排列的表格里也存在表格嵌套,但各个页面的内容可以不放在同一张表格里面。
2 编写HTML代码让页面产生动态效果
要想制作出一张张功能完善、风格独特的网页,还得使用一些HTML语言。比如给文字制作一个简单的跑马灯效果。一般情况下,在表格中输入一些文字,并对其中的文字设置颜色、字体等属性,然后选中该文字切换到代码窗口,就会看到代码窗口的文字呈现出选中状态,在第一个文字前输入,只要将移到最后一个文字后面,在预览时,就可以看到文字从右往左移动,就像跑马灯一样。跑马灯效果的具体参数还可以根据个人喜好和网站整体效果加以修改,下面这段HTML代码是与一个从下往上的跑马灯效果相对应的:,如果把其中的文字内容换成新闻,就可以做成滚动的公告供读者阅读了。
3 几个值得注意的问题
在网站主页上,要有导航栏,可以让访问者了解网站的主要框架。主页上的导航一般应用于重要的版块栏目,方便于访客查找所需要的内容。一个专业的网站,一般都包含有很多其它的元素,例如表格、图片、背景、音乐、动画、动态文字告示等。不要在同一页面使用过多的这些元素,这样会影响网页打开的速度。
链接一般分为文字链接和图片链接,在制作超级链接时,可以采用相对超级链接,使文件或文件夹的移动很方便。网页中的文字,一般不要太大或者太小(如12px字就比较合适,在网页中显示最好),字体不要过多,尤其不要盲目使用下划线,除非是标题等比较重要的文字。
对于长篇文章的网页,如果网页实在很长的话,可考虑使用“自动滚屏”这个特效。另外,在制作较长的网页时,最好分成几个页面,要不然就增加书签。对于网页上的图像最好增加ALT文字,尤其是那些带链接的图片,在图像未显示前或者根本就没有显示的情况下,还能知道这图片大概的内容或者所链接到的网页的名称。
网页滚动字幕快速制作 篇4
下面利用Dreamweaver CS5中的marquee标签的来实现网页滚动字幕的快速制作。通过介绍marquee标签的功能和具体的实用方法,来实现动态网页中游走字幕的动态效果。
1 marquee标签的功能及创建方法
(1) marquee标签的功能是创建一个滚动的文本字幕。
(2)使用【标签选择器]插入[marquee]标签。
启动Dreamweaver CS5,单击“新建”类型的“HTML”,创建一个网页页面文件。
1)把光标插入点放在需要插入滚动字幕的地方。
2)单击插入面板的[标签选择器],弹出[标签选择器]对话框。
3)选择[marquee]标签,点击[插入】按钮。
4)在光标所在位置的“代码”视图中插入[]代码。
5)转换到代码视图中,将光标插入marquee标签内。
6)选择[窗口]→【标签选择器】。然后选择属性,单击未分类前面的[+],可以在[标签检查器]中设置标签的各种用法,如图1所示。
2 marquee标签的主要功能
direction:表示滚动的方向,值可以是left,right,up,down,默认为left。
b ehavior:表示滚动的方式,值可以是alternate、scroll、slide。
(1) alternate (来回滚动),内容在相反两个方向滚来滚去。
(2)scroll (连续滚动),内容向同一个方向滚动。
(3) slide (滑动一次),内容接触到字幕边框就停止滚动。
loop:表示字幕循环的次数,值是正整数,默认为无限循环,“-1”也为无限。
scrollamount:表示设置字幕滚动的速度,值是正整数,默认为6。
scrolldelay:表示停顿时间,值是正整数,默认为0,单位是毫秒。如果要让字幕滚动看起来流畅,数值应该尽量小。如果要有步进的感觉,就设置时间长一点。
valign:表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle。
align:表示元素的水平对齐方式,值可以是left,center,right,默认为left。
bgcolor:表示滚动字幕区域的背景色,值是16进制的RGB颜色,默认为白色。
height、width:表示滚动字幕区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100%height为标签内元素的高度。
hspace、vspace:表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。
onmouseover=this.stop0:设置鼠标移动到滚动字幕时的动作,常设置为停止滚动。
onmouseout=this.start():设置鼠标离开滚动字幕时的动作,常设置为开始滚动。
style属性:设置字幕内容的样式。例如设置字幕文字大小为“font:12px;”。
3 滚动日期的制作
(1)在[文档]窗口中打开创建的网页,将光标网页底部单元格,将单元格拆分成两行。
(2)把光标放在需要插入滚动日期的地方。
(3)单击[布局]→[标准]→[插入Div标签],弹出[插入Div标签]对话框,如图2所示。
(4)设置标签为:在“插入点”,类为“rq”,ID为gsl,单击[确定】。
(5)插入日期。
(6)选择“标签”,单击[行为]→[效果]→[显示/隐藏]效果,弹出[显示/隐藏]效果对话框,如图3所示。
(7)单击插入面板的[标签选择器],在弹出[标签选择器]对话框中选择“marquee”标签,点击[插入]按钮,在光标所在位置的“代码”视图中插入“"代码。
(8)转换到代码视图中,将光标插入marquee标签,输入下列代码:
来定义标签的滚动方式、背景颜色、滚动字幕区域的高度和宽度等参数。
(9)保存预览网页效果。
4 向上滚动文字的制作插入DIV标签
(1)在[文档]窗口中创建新的网页,将光标定于网页绘制的单元格中间。
(2)单击[布局]→[标准]→“插入Div标签”,弹出“插入Div标签”对话框。
(3)定义插入点的类和ID,比如类为textl和Id为“uptext”,单击【确定】。
(4)在标签内,输入文本或者粘贴文本。
(5)选择“标签”,单击[行为]→[效果]→[显示/隐藏]效果,弹出[显示/隐藏元素]效果对话框,在“元素”列表内选择定义的类,单击确定。
(6)单击插入面板的[标签选择器],在弹出[标签选择器]对话框,选择[marquee】标签,点击[插入】按钮,在光标所在位置的[代码]视图中插入“marquee/marquee”代码。
(7)转换到代码视图中,将光标插入
使用不当等问题, 使程序不能顺利运行, 如此类似的错误出现多次后, 对学生学习的兴趣会有较大的影响。
2课程教学过程中的一些具体做法
针对上述一些问题, 笔者主要从以下三个方面对教学过程进行优化。
2.1选择合适的开发语言和平台
2.1.1开发语言的选择
开发动态网站使用的语言有很多, 目前使用较多的主要有ASP、PHP、JSP和ASP.NET等。ASP即Active Server Pages, 是微软公司开发的代替CGI脚本程序的一种应用, 它可以与数据库和其它程序进行交互, 是一种简单、方便的编程工具, 它允许使用VBScript或Java Script这种的简单脚本语言, 编写嵌入在HTML网页中的代码, 现在常用于各种动态网站中。笔者在教学中选用的正是ASP, 主要考虑到了一下两个方面的原因: (1) ASP是微软的产品, 与目前普遍使用的Windows操作系统和IE浏览器能很好地兼容, 服务器的配置、站点的架设比较容易; (2) ASP所使用的脚本语言是VBScript, 它是VB语言的一个子集, 而VB语言本身就是一种比较容易学习的编程语言, 再加上我校计算机专业学生在一年级阶段已经学过了《VB程序设计》这门课程, 在这个基础上, 进一步学习基于VBScript的ASP动态网页, 应该不会有太大的难度。
2.1.2开发平台的选择
在以往的教学中, 通常使用记事本、Edit Plus等编辑器作为ASP开发工具, 通过手工方式编写代码, 不仅工作量大, 而且还不能直接看到页面效果, 学习的过程十分枯燥, 从而使一些程度差的学生产生畏难情绪, 逐渐放弃了学习。因此, 选择合适的开发工具对于提高学生的学习兴趣是十分重要的。
在本课程教学中, 选择Adobe公司的Dreamweaver作为ASP开发工具, 主要原因有两个, 一是学生在前导课程《网页制作》中时已经使用过该软件, 对该软件的用户界面和设计工具的用法都比较熟悉;二是利用Dreamweaver提供的对数据表进行操作的服务器行为, 例如记录集分页、显示区域控制、转到详细页面、插入记录、更新记录、删除记录以及用户身份验证等服务器行为, 就能快速生成各种数据访问页所需的代码, 而且还可以对生成的代码进行编辑, 在这个过程中, 学生几乎不需要手工编写ASP代码, 因而极大地降低学习的难度, 从而提高了学生的学习兴趣。
实践证明, 在手工编码与可视化设计工具的结合上进行ASP应用开发, 可以做到少写或不写代码, 提高了工作效率, 这对于基础较差、害怕编写代码的中职学生而言, 无疑是一种行之有效的方法, 在教学中已收到了良好的效果。
2.2优化教学内容
《动态网页制作》课程的教学目标是通过“任务引领、项目导向”的教学实践活动, 使学生掌握动态网站开发的相关知识和技能, 了解项目开发的全过程, 养成良好的项目开发习惯。考虑到该课程的学习需要对HTML语言有较深入的了解, 再加上现今流行的CSS层叠样式表在网页中的广泛使用, 根据这个思路, 确定了下列5个单元和6个项目为教学的主要内容, 如表1所示, 表中所包含的教学内容, 是以任务实训为主线, 以项目为导向, 突出了课程的实践性、应用性和技能性。
2.3改进教学模式
本课程的教学是在安装有多媒体教学软件的计算机室中进行的, 机房中的每台计算机都预先安装有IIS服务器组件, 方便学生学习如何配置自己的Web站点, 进行ASP动态网页制作, 在测试时, 每台计算机既是动态网页测试的服务器端, 又是显示测试结果的浏览器端。
在以往教学过程中, 教师首先通过屏幕广播方式来展示任务或项目的运行结果, 继而示范和讲授相关的知识和操作步骤, 然后由学生自主完成设计和制作过程。在这个过程中, 如果学生遇到一个需要用较多的课时才能完成的项目, 为了保证项目的连续性, 则需要教师在每次课下课前, 要求学生把本次课上完成的页面直接保存在学生机中, 留待下一次上课时使用, 或者要求学生把这些页面进行打包, 然后通过学生端上传到教师端, 在下次上课的时候, 教师再将学生上次传上来的打包文件通过教师端重新发给学生, 以便学生继续完成同一个项目中后续的任务。在这个过程中, 保存在学生机中已经完成的页面容易被其他人误删, 或者在教师将学生的打包文件重新发回给他们时, 容易被其他学生复制, 从而影响了教学的顺利实施, 进而影响了教学的效果。
针对上述出现的问题, 笔者开发一个《个人主页空间开通系统》网站, 在使用时, 部署在教师机上, 学生在第一次上这门课时, 就通过浏览器打开该网站, 申请一个主页空间, 申请成功后, 每个学生都有一个属于自己的网站空间, 以及一个可以登录自己空间的ftp账号和密码, 每个学生通过自己的ftp账号和密码, 登录各自的空间, 可以对网站中的文件进行管理。
该网站的建立, 对这门课程的教学起到了一个很好地辅助作用。首先, 学生可以在Dreamweaver中以ftp连接服务器的方式定义自己的站点, 如图1所示。
每个学生都可以在自己的计算机中进行网页设计, 在教师机服务器端实时测试网页的运行情况。每次下课后, 学生只要将本次课上完成的网页通过Dreamweaver的ftp功能上传到自己的网站空间即可, 下一次上课时, 可以在前一次课的基础上, 继续完成同一项目中后续的任务, 完全不必理会自己的计算机中的文件是否会被其他人误删, 万一真的被误删了, 他仍然可以从教师机服务器端下载自己之前完成的网站文件, 从而确保学生可以在几个不同的上课时间段内, 连续完成同一个项目中的各个任务, 而且, 由于每次课后, 所有学生都会将本次课上完成的网页上传到教师机的服务器中, 这样就方便了教师可以随时在教师机检查每个学生完成任务的情况。其次, 学生使用的这种管理网站的操作模式, 与现今在Internet的虚拟主机网站空间上发布网页、进行管理的这种操作模式相似, 因此, 通过这样的操作, 学生对网页的发布、 网站的管理会有了一个更深的认识。
另外, 为了帮助学生在课余时间能够进行网上自主学习, 笔者还在外网中搭建了一个动态网页课程辅助教学网站, 在该网站上, 学生可以浏览到许多有关动态网页制作方面的知识、下载和提交作业、进行问题答疑和在线测试。
3结语
总之, 教师应按照中等职业教育的教学规律和学生的认知特点及实际情况, 不断探索、不断创新, 激发学生的学习兴趣, 培养学生的应用能力, 只有这样才能顺应时代潮流的发展, 达到培养高素质高技能人才的目标。
参考文献
[1]邓波涛, 查卫亮, 范夫伟.动态网站项目实训教程 (Dreameweaver CS4+ASP) [M].武汉:华中科技大学出版社, 2011.
[2]陈学平, 康海燕, 董立国.ASP动态网页制作教程[M].北京:人民邮电出版社, 2012.