第四章 网站建设 教学设计

第一篇：第四章 网站建设 教学设计

四川省青川县第一高级中学

网站建设教学设计

网站建设教学设计

四川省青川县第一高级中学

刘雪蓉

一.课题名称：4.2 网站建设 二.课时安排：1课时（45分钟）三.教学班级：高一年级1~6,11,19班

本节课的教学对象是高一年级学生。通过上学期及本学期的教学，大部分学生有了一定的网站建设知识，并且自己也动手操作过，所以学生对网站建设是不陌生的。四.教学目标： 1.知识与技能目标

了解网站建设的前期准备工作;学会如何规划、构思一个网站；知道框架的功能和使用方法。2.过程与方法目标

具有一定的观察和分析能力，能发现在建设网站的过程中出现的问题，并通过实践学会解决问题的方法；能查阅有关Frontpage2003的相关书籍，进行自主学习。3.情感态度价值观目标

通过学习与实践，培养对建设网站的兴趣和主动探索的精神；通过与小组其他同学的密切配合，培养团队协作的精神。五.教学重难点: 本节的教学重点是引导学生掌握建设网站的一般流程和使用方 1

四川省青川县第一高级中学

网站建设教学设计

法，激发学生的求知欲。

本节的教学难点是对“框架”的理解和使用，学生在使用“框架”时，往往不能正确理解“框架”和“网页”的区别，并且容易在框架页面和总页面的保存中发生错误。六.教学方法：

本节课主要以学生上机实践探索为主，通过运用任务驱动教学法，采用贴近学生生活实际的教学，让学生都得到很好发展。七.教学资源：

计算机教室、作品实例、网站建设素材、PPT导学课件 八.教学准备：

本节课的课前准备是建设网站的相关知识。由于学生的水平可能参差不齐，所以课前应了解学生制作网站的大致水平。课前需要熟悉Frontpage2003的使用方法和各项功能，并逐一实现书上的各项任务，以便学生在制作网站的过程中可能出现的问题有所准备。为了更好的增加学生实践时间，课前先准备好建设网站所需要的文字、图片等素材。九.教学过程： 1.导入新课（5分钟）

打开几个不同类型的优秀网站，让学生欣赏，并指出各网站的设计风格、整体规划、素材的运用、颜色的运用等特点，引发学生兴趣，并指出其实这些网站我们都能制作，并有可能比它们做得更好，增加学生学习网站的信心。

四川省青川县第一高级中学

网站建设教学设计

接着打开已制作好的“我爱我校”网站，此网站创意新颖、设计独特、漂亮，让学生的目光一下子集中到这个网站上。通过这样的引入，学生表现出了空前的兴趣，都想一显身手，迫不及待的要求老师马上教他们，这时适时进入新课程学习。2.提出问题（3分钟）

（1）Frontpage2003是一款什么的软件？（----网页制作开发软件）（2）它有什么特点呢？（----操作简便，所见即所得，支持多种网络技术）

要求学生参考课本P129“学习指引”作答。（----让学生进一步熟悉课本知识，了解制作软件。）

3.执行任务一：创建一个新网站（13分钟）

我们了解了这么多，那么网站到底怎么来制作呢？下面就让我们一起来实践一下。布置任务：

（1）按照任务一的要求独立进行上机操作，并填写P115空白处。（观察学生操作，并指导。）操作步骤 :  建立网站所在文件夹  创建一个空站点  准备建站素材

（2）对学生操作步骤进行总结。学生在具体操作的时候会遇到了不少问题，对这些问题集中进行解决。4.执行任务二:创建网站的主页（22分钟）

四川省青川县第一高级中学

网站建设教学设计

（1）要求学生阅读P130“框架使用”部分。（2分钟）(熟悉课本知识)（2）让学生按照教材任务二的步骤独立进行上机操作。（10分钟）（观察学生操作，进行指导）操作步骤：  创建框架  创建网页  保存页面

 设置框架属性和网页属性

 设置框架页面default.htm的属性，使网页不显示边框（3）对学生操作中遇到的共同问题进行解答（5分钟）

如：步骤1中，书中介绍的是frontpage2000的方法，而我们机房装的是frontpage2003，所以在操作有所不同。

（4）结合任务二的操作和“学习指引”讲解框架的使用方法（5分钟）（让学生进一步理解“框架”，并能熟练应用“框架”）5.课堂总结（2分钟）

总结本节课的教学内容，对学生的制作成果表扬鼓励，并提出新的问题，留下悬念，激发学生继续学习的兴趣。如要使自己的网页更美观、内容更充实，具有“商业网站”的味道，我们就必须要对网页进行美化进行装饰，如何去才能实现呢？这是我们下一节要完成的任务。

第二篇：《网页设计与网站建设》教学总结

《网页设计与网站建设》教学总结

本学期11网络1班的网络程序设计基础课程采用的是人民邮电出版社的《动态网页设计与制作——CSS+JavaScript》吴以欣 陈小宁主编。这本教材总体还是比较适合于高职学生。在实际教学中我广泛选择利用其他较适宜的教学资源，注重入门练习。作为教学的补充，我将一些资源和教师多年教学积累整理成课件发给学生。现将一个学期的教学情况总结如下：

一、老师给与学生合理的引导，更要加强自身的素质修养，提高自己的知识水准。

在整个教学过程中，在教学过程中自己还缺少更高的艺术修养和艺术创造能力，所以还要不断的学习；另外就是技术上还需要完善，也需要和有经验的老师多交流，多沟通。相信只有站在一定的高度去看整个项目的实现，会更通俗易懂也更有说服力，所以也不能说都是学生的原因，归结起来还是要提高自己的知识水平和业务素质！

二、了解学生，加强考核。

针对全体学生来说，聪明程度相当，但学习兴趣层次不同，大部分学生只愿意听后选择性的接受，而没有知识的创新利用，或者是没有下去自学，巩固知识，单一的只是听和做。有的同学，上完课后根本就直接把书丢在一边置之不理。综合学生的学习态度问题，个人认为还需要加强考核制度，从严制学，宽进严出，严肃考风！

三、教学内容心得

1.网页制作要简洁大方。网站在设计过程中以简洁大方为主，配合合理的颜色搭配和主题内容的诠释，给访问者赏心悦目的感觉；而避免过多的动画和帧的过多运用，以及不明确的导航，杂乱的颜色，没有主题的胡编乱造。

2.网站风格要统一。所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，也会对你的网站留下一个“很专业”的印象。知识运用中要大量配合合理的模板、CSS样式的运用而避免在网页中反复的字体样式重定义、颜色的胡乱运用，参差不齐给人杂乱的感觉。

3.网站布局合理。避免一些“拿来主义”，一些学生为了设计方便，拿网上流行的模版做网页，做出的网页几乎是千篇一律，没有特色，虽然完成了网页的制

作，毕竟不是出自个人之手，知识缺乏进一步巩固，且让浏览者产生厌倦。另外导航清晰化，能引领浏览者阅读网页，思路一定要清晰，避免交叉链接。

4.网站容量要小。虽然网页更加美观可以吸引浏览者，但是图片，动画容量大会影响浏览速度，所以一定要注意网络容量问题。图片尽量压缩，多采用单一色，或者简单的颜色；动画要尽量简洁实用，用最少的帧做出最漂亮实用的动画，给网页增色。

但是总体来说，通过整个学期网页制作的学习，学生已经了解了网页制作所需要的基本技术，也掌握了网页制作的基本技能。但由于时间紧迫，知识点多，一些重点难点问题还需要勤加练习，比如：静态网页中的布局和CSS 的定义；动态网页中对象的综合运用等等。当然也存在着遗憾，不少学生反映，学习爱好更多的是动画的制作即 Flash的学习，而我们只是笼统的讲解，不能完全满足学生的求知欲！当然针对网页制作来说，还需要加强学生的配色观念以及审美观的培养，以及动态网页的实现技术的把握，在很多方面还需要老师和学生们进一步配合，共同学习和实战，以达到知识运用的一定高度！

第三篇：关于测绘教学网站建设探讨

关于测绘教学网站建设探讨

摘要:随着互联网的迅速发展及其技术的推广应用,网络技术在很大程度上将改变传统的教学习惯和教学模式。能不能充分利用网络,发挥网络资源共享的优点,建立网络测绘教学网站,本文对此作以探讨。

关键词:网络教学;测绘教学;网站前言

随着互联网的迅速发展及其技术的推广应用,网络技术在很大程度上将改变传统的教学习惯和教学模式。网络不但成为学者互相交流的工具,而且也为教学工作提出了新的方向和发展课题。随着数字时代的到来,广大的测绘教育工作者对工程测量、大地测量教学的发展问题进行了不断的探索与研究。能不能充分利用网络,发挥网络资源共享的优点,建立网络测绘教学,已成为人们关注的目标。本文就这些问题,介绍在网络测绘教学方面的尝试。搭建网站的组件

对于开发数据驱动的测绘教学网站这项工作而言,PHP和MySQL这两种软件是最佳组合。PHP是一种用于创建动态Web页面的服务端脚本语言。如同ASP和ColdFusion,用户可以混合使用PHP和HTML编写Web页面,当访问者浏览到该页面时,服务端会首先对页面中的PHP命令进行处理,然后把处理后的结果连同HTML内容一起传送到访问端的浏览器。但是与ASP或ColdFusion不同,PHP是一种源代码开放程序,拥有很好的跨平台兼容性。用户可以在Windows NT系统以及许多版本的U nix系统上运行PHP,而且可以将PHP作为Apache服务器的内置模块或CGI程序运行。用户除了能够精确的控制Web页面的显示内容之外,还可以使用PHP发送HTTP报头。用户可以通过PHP设置cookies,管理用户身份识别,并对用户浏览页面进行重定向。PHP具有非常强大的数据库支持功能,能够访问几乎目前所有较为流行的数据库系统。此外,PHP可以与多个外接库集成,为用户提供更多的实用功能,如生成PDF文件等。如果使用其他数据库服务器的话,PHP也支持Informix,Or acle,Sy base,So lid和PostgreSQL ,以及通用的ODBC.My SQ L是 一个小巧灵珑的数据库服务器软件,对于小型应用系统是非常理想的。除了支持标准的ANSI SQL语句,它还支持多种平台,而在U nix系统上该软件支持多线程运行方式,从而能获得相当好的性能。对于不使用U nix的用户,它可以在Windows NT系统上以系统服务方式运行,或者在Windows 95/98系统上以普通进程方式运行。网络测绘的特点及功能

网络测绘基于互联网来实现信息的共享和交流,同时对在测绘教学工作中存在的一些问题,提出相当的解决方案。例如在传统的大地测量中,工作地区不定、人员分散,测绘外业数据的采集没有走上规范化的道路。有的测量单位存在一些技术上的问题,使得在内业数据处理上会遇到一些不容易解决的困难,需要与同行探讨。这样网络测绘教学网站能为该问题提供一个解决的方法,网络测绘教学网站既具有一般意义上的提供大量信息资源的功能,又具有分布式、交互式和电子商务的特点。它是一个以交流测绘技术、解决测绘教学相关问题、发布测绘教学相关信息、充分利用网络为测绘教学服务的网站,其功能如下。

3.1 测绘前沿知识交流

由测绘教学网络管理人员发布当前国内外与测绘相关的信息,报导国内外知名测绘单位的一些基本情况和新型测绘仪器,介绍常用软件、硬件的功能及使用方法以及测绘领域的新闻动态等,为测绘行业各单位提供交流平台。

3.2 实习外业数据处理

数据处理是为广大测绘教学及生产人员服务的,外业采集到的数据,在以前的测绘教学生产工作中总是要经过工作人员很长时间数据处理,才能得到处理成果,由于数据处理的方法和过程不同,数据处理的速度、精度往往达不到要求。利用测绘教学网站,将外业采集到的数据以指定的格式以文件的形式输人并提交到测绘教学网站的服务器上,测绘教学网站将以最优最快的方法进行数据处理,并将数据分析及处理结果及时发送到用户的信箱中。

3.3 测绘专家在线

在这里有测绘专家介绍测绘理论知识,有助于理解;展示测绘精密仪器的操作方法,在任何时候都能掌握测绘精密仪器的使用。同时还介绍常用测绘软件的使用方法及其使用范围等。无论是在测绘教学还是在生产实验中只要提出疑问,将会有相关方面的专家进行解答或与您共同探讨。建议

建好一个测绘网站,访问者用可以不受时间和空间的限制,只要你登陆互联网,则可以快速方便地了解测绘界最新的动态与信息,也可以进行外业数据处理。同时由于测绘仪器的重大变革,特别是全站仪的出现,测角与测距的功能集于一机之上,使得测绘工作有了更好的前景,但如能在全站仪上安装相应的硬件,使全站仪能够集上网、电信等功能于一身,这样广大测绘工作者带一台全站仪就可以了。他们可以通过全站仪与外界联系,上互联网、与别人进行通讯,并可把外业实测的数据通过互联网传输到相应的数据处理中心,进行数据处理获得相应的结果,以便及时根据处理的结果作出决策。总之,测绘教学网站的建设将为广大分散的测绘工作者提供一个信息获取和信息处理的方便途径,既提高了教学的工作效率,减少了一些不必要的重复工作,也为一些难度较大的数据处理问题找到了答案。构建的测绘教学网站,可以及时地收集、处理和发布各种分散的数据信息,可以很好地解决信息量大、分散、内业处理慢的问题。结束语

近年来,随着国际互联网应用,各行各业都在网上建立了自己的网站,这些网站对于本行业的新技术推广与发展发挥了积极的作用,它们的交互性、时效性、实用性给相关从业人员带来了极大的方便。测绘教学,这个在国民经济中发挥重要作用的行业在网络方面的发展,也已经有了自己的一些特色,如技术交流、数据共享和新技术的推广等,这些将对测绘教学、科研与生产发挥不可低估的作用。

参考文献

[1]廖信彦.PHI应用经典[M].北京:中国铁道出版社,2000.[2]曹建.ASP实例教程[M」北京:电子工业出版社,2000.[3]赵丰年.实用网页设计技术-HEML,CSS与DHTML [M]北京:机械工业出版社,2000.[4]宁津生.测绘工程专业与测绘学[J].测绘工程,2000,(2):7 0-74.[5]周恕义.多媒体CAI开发实用教程[M].北京:中国水利水电出版社,1999.[6]袁海东.Authorware教程[M].北京:电子工业出版.

第四篇：昆山网站建设、设计、制作

昆山网站建设、设计、制作

昆山网站建设、设计、制作以词拆分开就是昆山网站建设,昆山网站设计,昆山网站制作。

概述：互联网公司业务范围,服务范围；也是互联网企业帮助企业或者个人上网的一种业务。金涛科技是昆山地区最

专业,最具规模的网站建设、设计、制作服务公司。

服务内容：

1.网站域名：域名（网址）查询以及申请注册,包括提供网站icp备案。

2.网页设计：网站前台（访问网站看见的）排版制作。

3.网站制作：网站制作主要涉及网站管理后台的制作,这部分主要是由编程员完成。

4.网站美工：美工部分主要包括网站图片处理,动画制作等效果

5.网站空间：及网站服务器,专门储存网站用，国内电信机房服务器较为稳定。

6.网站维护：这项服务主要是网站建成后，可以访问了以后的后期服务，这个服务主要包括2个方面,一是安全维护，这主要是指网站服务器的完全维护，不会出现网站三天两头不能访问这种情况；是信息维护,主要是网站的内容信息服务,这部分通过网站后台企业或者个人自己也可以操作。

注：一般企业网站又4个人组团完成,1人负责策划,第2负责网站前台布局制作,第3人负责网站后台编程,最后1人

负责美工，已经网站上传测试。

0512-36805569

第五篇：网页设计与网站建设

《网页设计与网站建设》实验教学大纲

课程编号070105007

学时学分：总学时：64总学分：4实验学时：

32适用对象：计算机科学与技术及相关本科专业

课程属性：专业方向课

实验属性：非独立设课

一、课程的性质与任务

随着Internet的普及，网页已经成为人们信息发布及获取、思想交流和商务往来最重要的途径，网页制作已成为当今社会上一种比较热门的技术，本课程突出实用技术和应用技能，是计算机专业学生的一门必选课，同时又可作为相关专业学生的选修课。

网页设计课程是学生在学习了高级程序设计语言、数据库原理及应用等课程的基础上开设的一门实用性较强的课程，实验课的任务是通过实验加深对理论知识的理解，基本掌握WEB应用的规划、设计和动态网页制作中对于内容的动态显示与更新技术，培养学生的动手能力和设计能力。

二、实验的目的与基本要求

实验目的：通过实验让学生掌握网站的配置方式和网页设计的基本方法。

基本要求：

（1）掌握页面的设计与布局的基本方法；

（2）掌握JS脚本语言的使用方法；

（3）掌握asp.net控件（包括HTML控件与服务器端控件）的使用方法。

三、实验考核方式及办法

实验成绩根据学生的实验完成情况、实验纪律、实验报告进行综合评定，给出优（90-100）、良（70-89）、及格（60-69）、不及格（60以下）。实验成绩占本课程总成绩的20%，对缺实验成绩或不及格者，《网页设计与网站建设》课程不予通过。

四、实验项目一览表

网页制作实验项目一览表

序 号2 3 4

5实验项目 名称

div布局 css层叠样式单

JS脚本 asp.net控件 ado.net数据库连接

实验 类型

验证性 设计性 设计性 设计性 设计性

实验 要求

必做 必做 必做 必做 必做

适用 专业

理工类 理工类 理工类 理工类 理工类

学 时6 6 6 8

五、实验项目的具体内容：

实验一div布局

1．本次实验的目的和要求

掌握网页设计的DIV布局方式，能够使用DIV进行层布局，认真撰写实验报告，严格遵守实验室规章制度。

2．实验内容或原理

掌握dream weaver软件的基本功能，熟悉dream weaver的工具箱,使用DIV做层布局。

3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有dream weaver软件，搭建好asp.net的开发环境。

4．实验步骤

（1）打开dream weaver软件；（2）使用div布局设计网页；（3）div的布局设计与修改。

5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。

6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。

7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验二css层叠样式单

1．本次实验的目的和要求

通过dream weaver软件的使用，掌握使用css层叠样式单做布局样式控制的方法，要求认真撰写实验报告，严格遵守实验室规章制度。2．实验内容或原理

通过dream weaver软件的使用，使用css层叠样式单做布局样式控制。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有dream weaver软件，建好asp.net的开发环境。4．实验步骤

（1）打开dream weave软件。

（2）用css层层叠样式单做布局样式控制。（3）css层叠样式单编写与调用。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验三JS脚本

1．本次实验的目的和要求

掌握JS脚本的基本用法、变量、函数、DOM文档对象的操作。要求认真撰写实验报告，严格遵守实验室规章制度。2．实验内容或原理

JS脚本的基本用法、变量、函数、DOM文档对象的操作。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有dream weave软件。4．实验步骤

（1）打开dream weave软件。

（2）新建JS文件，编写脚本程序实现对JS脚本的变量、函数、DOM文档对象的操作。

（3）外部调用JS文件。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验四 asp.net控件

1．本次实验的目的和要求

掌握asp.net控件（包括HTML控件与服务器端控件）的使用方法。实验后要求认真撰写实验报告，实验过程中严格遵守实验室规章制度。2．实验内容或原理

运用所学知识，用HTML控件与服务器端控件进行编程，实现简单功能。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有asp.net开发平台。4．实验步骤

（1）打开asp.net开发平台。（2）新建空白页面或者空站点。

（3）用HTML控件与服务器端控件进行编程并调试。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验五ado.net数据库连接

1．本次实验的目的和要求

掌握ado.net数据库连接的基本概念、ADO.NET对象模型、SqlConnection对象。

2．实验内容或原理

建立ado.net数据库连接，ADO.NET对象模型、SqlConnection对象。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有asp.net开发平台。4．实验步骤

（1）打开asp.net开发平台。（2）建立ado.net数据库连接。

（3）通过SqlCommand对象提供的方法传递对数据库操作的命令，并返回命令执行的结果。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

六、实验教材及主要参考资料

翁健红编著，基于C#的ASP.NET程序设计(第2版)，机械工业出版社

七、教改说明及其他

在实验教学过程中可以结合优秀网站分析、优秀作业点评、作业中普遍存在的主要问题及改正方法的分析等方法相互穿插结合进行教学。