网站欣赏与创建网页-教案

网站欣赏与创建网页-教案（精选8篇）

篇1：网站欣赏与创建网页-教案

网站欣赏与创建网页教学设计

一、教材分析

本节课选自清华大学出版社出版的初中信息技术八年级下册第一单元第1课。本教材贯彻“以学生为主体，教师为主导”的方针，把提高学生的积极性，培养学生的创新能力作为教育的根本目标。本节课所学的《网站欣赏与创建网页》是第一单元的首要内容，本单元是学生初次接触用于制作网站的软件Dreamweaver，让学生了解网页设计、网站制作等的基本知识是必要的，是在学生掌握了计算机基础知识后的能力提高训练，激发学生制作出更加精彩的个人网页。

二、学生分析：

八年级的学生思维活跃，想象力丰富，好奇心强，同时又有了一定的自学能力和动手能力。大多数学生都有QQ号，会使用QQ空间、微博等，学生有一定的信息技术基础和实践操作能力。特别是通过对Internet相关知识的介绍及大量网站的浏览，对网页内容、网页结构、效果等设计的优劣都有了一定的感性认识，并且有了一定的分析、评判的能力，基本上完成了知识和能力的积累。学生对网络学习都有着强烈的好奇心和兴趣，但对网络知识的认识不够全面，需要教师在教学实践中加以引导。

三、教学目标

知识与技能：掌握浏览网页的方法；掌握互联网、网站、网页、首页等术语的含义，以及它们之间的关系；学会使用记事本作为网页编辑工具来编辑HTML代码并生成网页。

过程与方法：通过让学生浏览并介绍他们感兴趣的优秀网站，让学生掌握浏览网页的方法。结合启发、设问、打比喻等方法，使学生尽可能地自己总结出相关知识。通过打字比赛，让学生积极的录入HTML代码。让学生在此过程中，初步认识HTML语言。在修改文档的过程中，探索标签的含义及其与属性值的对应关系。

情感态度与价值观：培养学生的自学探究能力、合作竞争意识和创新精神；引导学生正确地理解网络用途，充分地利用网络为学习服务。

四、教学重难点

重点：网页设计与网站制作的基本知识是本课的教学重点。

难点：学会使用记事本作为网页编辑工具来编辑HTML代码并生成网页。

五、教学过程

（一）激趣导入

提问：同学们最喜欢的在线小游戏网站是什么？ 学生回答，然后选择学生演示浏览网页的过程。师生一起归纳浏览网页的方法：

1、利用导航网页；

2、利用百度搜索；

3、直接输入网址。设计意图：通过小游戏网站讲解浏览网页的方法，吸引所有学生的注意力，从而提高了学习兴趣。如果不讲解打开网页的方法，会有一部分学生产生疑问，但是如果由老师演示，基础好的学生会因为太简单而失去学习动力，所以我选择让学生演示。这样安排既照顾到不经常接触网络的学生，又给操作熟练地学生一个展示自己的机会。

（二）自主学习

任务1：浏览“学生科技网：http://代码，记事本保存为index.html。

提问2：打开index.html文档,浏览网页,查找页面中的不同？（字体、字号、颜色等的设置）

设计意图：让学生复制粘贴代码，通过在页面中寻找不同，引导学生去读代码，初步认识HTML语言的结构。

在操作中感受扩展名对文件的影响。

教师演示作比较，引导学生思考扩展名对文件的影响，既包括其对文件图标的影响，也包括调用应用程序的影响，并引出HTML语言。

（三）合作交流

任务3：观察HTML代码，找找HTML语言有什么特点？修改代码，改变网页。

学生能观察到都是“成对”出现的。“成对”出现的代码叫标签。每个标签的含义都不一样，对照你的网页，大家能不能猜出这些标签的含义？现在因为代码都相同，所以大家的网页都是一样的。是不是觉得这个网页不是完全属于自己？大家试着通过修改、添加、删除代码，让自己的第一个网页和别人的都不同。

设计意图：教师的分析点到为止，引导学生自主探索标签的含义及其与属性值的对应关系。如果直接讲解然后让他们修改，大部分学生会因为觉得没有挑战性，而降低了学习的积极性。这同时是对课本“创作天地”板块中的练习。

（四）展示评价

教师挑出几个比较有代表性的网页，让学生去欣赏作品，互相看一看，评一评，说一说，虚心的学习他人的长处。同时教师适当评价成功之处，对不足的地方加以完善。

学生通过比较作品体验创造的快乐并且反思自身作品，迸发灵感，二次创作，这样在整个班级中将会产生更多的富有创意的优秀作品。

（五）布置作业

在index.html文件中增加标题“遵义市第十六中学简介”，正文字体设为“宋体”，字号设为14pt，颜色设为红色。

篇2：网站欣赏与创建网页-教案

教案

学期：2014-2015-1 班级：2012软件工程

2012计算机科学与技术

课时：44学时 教师：李念

第1讲 HTML基础

1.1 教学目的和要求

1.了解HTML的发展历史和HTML5的特性；

2.掌握HTML的文档结构、代码规范和网页文件的创建过程； 3.掌握搭建支持HTML5浏览器环境的方法。

1.2 教学重点和难点

1.HTML5的新特点； 2.HTML5的新元素；

1.3 教学方法及手段

实例教学，讲授与演示结合。

1.4 教学内容

1.4.1 HTML简介

HTML是HyperText Markup Language（超文本置标语言）的缩写，是一种为普通文件中某些字句加上标签的语言，其目的在于运用标签（tag）对文件达到预期的效果。

HTML5的特性及元素：

(1)实现Web应用程序：绘画的Canvas元素，该元素就像在浏览器中嵌入一块画布，程序可以在画布上绘画；更好的用户交互操作，包括拖放、内容可编辑等；扩展的HTMLDOM API（Application Programming Interface，应用程序编程接口）。

(2)更好地呈现内容：基于Web表现的需要，HTML5引入了更好地呈现内容的元素；用于视频、音频播放的video元素和audio元素；用于文档结构的article、footer、header、nav、section等元素。

1.4.2 HTML编写规范

HTML文档由标签和被标签的内容组成。标签能产生所需要的各种效果。其功能类似于一

个排版软件，将网页的内容排成理想的效果。其格式为：

<标签> 受标签影响的内容 每个标签都有一系列的属性。标签通过属性来制作出各种效果，格式为： <标签

属性1=“属性值1” 属性2=“属性值2” „> 受标签影响的内容 。不推荐使用的标签：在HTML中，某些标签不推荐使用，例如，、、、、、、、、、等标签。

代码的缩进：在编写HTML代码时要注意使用代码缩进来提高程序的结构性和层次性。

1.4.3 网页文件的创建过程

用记事本创建网页 用DW软件创建网页

1.4.4 搭建支持HTML5的浏览器环境

目前，Microsoft的IE系列（仅有IE9及其以上版本）浏览器，以及Opera Software的Opera与Google的Chrome浏览器。

1.4.5 小结

本次课主要讲述了网页设计的步骤和要点以及HTML5的新特征。

第2讲 HTML标签

2.1 教学目的和要求

1.掌握基本的文字与段落标签的使用；

2.掌握超链接、图像、表格和列表标签的使用方法和基本属性； 3.能够进行基本的网页排版。

2.2 教学重点和难点

1.各类标签的使用方法和属性设置； 2.嵌套列表的使用。

2.3 教学方法及手段

实例教学，讲授与演示结合。

2.4 教学内容

2.4.1 文字与段落排版

注释标签 强制换行标签
段落标签

篇3：网站欣赏与创建网页-教案

“淘宝”这个名词已经家喻户晓, 它所指不仅仅是淘宝网, 更是现代人的一种生活状态, 只要上网, 你所需要的服务都能找到, 这就引导着各个公司企业利用个性化网站进行企业宣传和业务推广。电子商务、网上购物、网上银行等已经成为人们生活中不可缺少的一部分。大量的应用导致对网页设计、维护人员的增加, 网页设计课程也就应运而生, 成为各大学校不可缺少的一门课程。而网页设计由于实践性强, 涉及的知识面较广, 容易造成学生学习积极性不高。如何提高学生的学习兴趣和实践能力成为了教学过程中的难点和重点。本文在总结了培训学生技能比赛经验的基础上, 将比赛的因素引入到日常教学中, 收到了明显的效果。

一、以大赛要求为教学目标, 激发学生的学习兴趣

兴趣指人对事物喜好或关切的情绪, 它表现为人们对某件事物、某项活动的选择性态度和积极的情绪反应。兴趣以需要为基础, 在人的实践活动中具有重要的意义。激发学生学习兴趣, 可以提高教学质量。激发并维持学生的学习兴趣要从把握教学目标这个关键点入手。对学生制订的教学目标不能过高或过低。例如, 大赛要求制作一个电子商务类网站, 根据比赛试题和提供的需求, 分析设计电子商务网站的数据库、设计实现电子商务网站, 并完成站点的发布与配置以及商品拍摄、照片处理、商品描述等任务, 选手需提供相应的电子商务网站设计文档。把以上大赛要求作为一阶段教学的目标, 吸引学生的眼球。

现在大多数学生都喜欢网上购物, 特别是我们学校的学生, 由于学生年龄较小, 所以学校管理较为严格, 学生上街购物的时间较少, 网上购物网站和3G手机的出现, 给学生提供了网上购物的机会。他们当中的大部分人都有网购的经历, 上课时谈到网上购物, 大家都很兴奋, 纷纷开始聊起自己在网上的收获, 引导学生将学习到的知识能运用到以后的工作生活中去, 真正做到学以致用。

二、将大赛要求细化, 找出教学中的重点和难点问题

有了明确的教学目标, 教学也就有了明确的方向。确定课堂教学的重点和难点, 是教学设计的重要组成部分。教师需正确把握教学重点和难点, 才能够在教学中有的放矢, 教学针对性强, 效果也才会达到最佳。教师可以根据学生的原有知识水平和技能基础、学生已有的经验和生活体验、学生学习新知识的认知水平、学生的综合素质等确立教学的重点和难点。参加技能大赛的学生都知道, 拿到试题需认真反复的读题, 理解大赛要求, 尽量凸显自己的强项, 淡化自己的弱项。不能在一个问题上反复纠结。

例如:大赛要求选手通过动态网页开发技术, 开发一个完整的电子商务网站。网站界面要求简洁明了, 色彩搭配合理大方;网站能够基本体现电子商务网站的通用功能, 如商品分类、商品管理、商品浏览与订购、订单生成与管理、用户注册与管理、查询与汇总、客户服务、网络营销等功能;为确保网站信息和交易过程的安全能够提供有效的安全防护手段。看到这么多的要求, 对学生来说要在短时间内面面俱到几乎不太可能, 这就要求找到电子商务类网站设计的重点和难点在哪里, 这也是平常教学中的重点和难点。首页是网站的门户, 首页布局是否合理、色彩应用是否恰当及内容是否有吸引力, 直接关系到网站的访问量, 学会首页的制作是重点。而难点在于将其中要求实现的功能逐个击破。

三、将大赛项目及内容要求转化为课程实训案例

《网站创建与网页制作》技能大赛试题是课程期末考试大作业最好的实训案例, 大赛中提出的要求, 可以让学生分组来比赛, 每组素材、试题均相同, 最终实现大赛要求运用动态网页设计技术建立一个完整的电子商务网站平台, 能实现虚拟电子商务交易, 能通过虚拟机正常发布, 并完成项目设计开发文档编写。学生每次课堂上的自主制作过程、整个实训过程, 其实都是一次比赛过程, 优胜者才能有机会展示自己的风采, 这就增强了学生在平时学习过程中的竞争意识。同时, 要想胜出就要不断学习, 学习上有了动力, 就会坚持不懈。这样也就锻炼了学生的意志品质, 培养了学生克服困难的能力, 提升了学生将来就业的竞争力。

四、将大赛成绩评定方法作为课程期末考核标准

课程考核是教学过程中一个十分重要的环节, 是检验教学效果、保证教学质量的重要手段, 其目的在于帮助和督促学生系统地复习和巩固所学知识和技能, 检验其理解程度和灵活运用的能力, 调动学生学习的主动性和积极性, 培养学生的创新精神和创新思维。例如在大赛应用技能方面, 要求选手能够熟练掌握数码相机的使用, 并运用图像处理软件进行美化;运用动态网页设计技术建立一个完整的电子商务网站平台, 能实现虚拟电子商务交易, 能通过虚拟机正常发布, 并完成项目设计开发文档编写。成绩比例:理论比赛15%, 电子商务网站建设50%, 电子商务技能30%, 项目设计文档5%。这样的要求完全符合期末成绩评定的标准, 技能大赛让学生无论在理论知识, 还是动手实践能力都有了明显提高, 通过比赛的洗礼, 他们各方面都会成熟, 让这样的结果在实际课堂中体现出来, 在日常的学习和实训中有意识的加强这方面的素养, 为以后的就业和发展铺路。

2011年5月20日至21日, 职业学校技能大赛项目综合实训课程辅助教学资源审定会在南京召开。省教育厅杨湘宁副厅长强调, 围绕技能大赛, 利用现代信息技术手段对全国技能大赛项目内容进行整理、加工、编辑、制作, 形成综合实训课程辅助教学资源, 这是我省创新发展职业教育的一项重大举措。通过开发综合实训课程辅助教学资源, 能够对技能大赛及时总结反思, 将技能大赛的要求内化到职业教育的教学过程中, 让更多的学生分享技能大赛的优秀成果, 掌握行业、企业最新生产技术和标准, 增强学生就业能力和创业能力。

《网站创建与网页制作》课程是高职计算机系各专业的一门基础专业课程, 通过本课程的学习, 要求学生掌握网站创建与网页设计的基本概念, 学会使用常用的网页设计工具和Html语言综合应用, 能够设计制作一些综合的静态网站, 并对ASP动态网站技术有一定的了解, 具备网站的建立和维护能力, 通过完成学习情境的学习, 学生不但能够掌握网页制作与网站设计的专业知识和专业技能, 还能够全面培养其团队协作、沟通表达、工作责任心、职业道德与规范等综合素质, 使学生通过学习的过程掌握工作岗位所需要的各项技能和相关专业知识。

我们的教学活动都要以培养学生实践能力、独立思考能力为首要任务。因此, 必须运用多种方式着力培养学生学习的主动性和创造精神, 促进学生生动活泼地全面发展。所以教师要打破思维定势, 深入研究学生心理特点, 通过将技能大赛因素引入《网站创建与网页制作》教学过程, 使教学克服知识点多、杂而散的困难使学生感觉到学习过程不再枯燥, 而成为一种乐趣, 从而调动学生积极学习、主动学习, 使教学效果得到显著提高。

摘要：通过将技能大赛的比赛方案应用到日常教学中, 激发学生的学习兴趣, 找出教学中的重点与难点, 通过实训案例来考核课程教学的效果, 让学生真正做到学以致用。

关键词：技能大赛,课程教学,学生

参考文献

[1]姚瑞以兴趣小组为基础的职业技能选拔模式探析中小企业管理与科技2012.10

[2]梁莉动态网页设计教学探讨电脑知识与技术2011.10

篇4：网站欣赏与创建网页-教案

关键词：网站设计与网站管理 教学网站 ASP DIV CSS

一、构建课程教学网站的目的及意义

随着互联网和信息技术的飞速发展，我们的学习方式也在产生变革，学生在查找资料时，从传统的查阅图书到了如今的利用互联网络上的资源为自己答疑解惑。电子商务专业与信息技术紧密相关，而网页设计与网站管理作为电子商务专业的必修课程，更应该实现学科教学与信息技术的完美结合，这必将成为当今学校教学的发展趋势之一。

通过构建课程教学网站，可以给学生和老师提供一个交流的平台，给学生提供一种学习的辅助工具，实现教学资源的共享，提高高校教学质量。

二、构建课程教学网站的技术与方法

1、DIV+CSS

DIV+CSS是一种常用的网页布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式，可实现网页页面内容与表现相分离。不仅让整个网页看起来条理清晰，而且修改起来很方便。

2、ASP+IIS+SQL

现在常用的网站开发语言有ASP、PHP、JSP、ASP.NET等。ASP是微软所开发的一种后台脚本语言，它的语法和Visual BASIC类似，虽然ASP存在着安全性等问题，但是它简单易用。目前在微软的.net战略中新推出的ASP.net借鉴了Java技术的优点，使用C Sharp （C#）语言作为ASP.net的推荐语言，同时改进了以前ASP的安全性差等缺点。但是平台的局限性和ASP自身的安全性限制了ASP的广泛应用。

PHP的源代码完全公开，平台无关性是PHP的最大优点，但是如果在PHP中不使用ODBC，而用其自带的数据库函数来连接数据库的话，使用不同的数据库，PHP的函数名不能统一。这样，使得程序的移植变得有些麻烦。

JSP的最大优点是平台无关性，除了这个优点，JSP/Servlet的效率以及安全性也是相当惊人的。因此，JSP/Servlet虽然在国内目前的应用并不广泛，但是其前途不可限量。

如今主流的Web服务器软件主要由IIS或Apache组成。IIS支持ASP且只能运行在Windows平台下，Apache支持PHP，CGI，JSP且可运行于多种平台，虽然Apache是世界使用排名第一的Web服务器平台，但是众所周知，Windows以易用而出名，也因此占据不少的服务器市场。

综合以上分析，在构建课程教学网站时，采用的是DIV CSS的网页布局方法，结构清晰，修改方便；开发环境选择的是微软的ASP和IIS应用服务器，由于其简单易用，便于学生参与；数据层选择的是SQL Server2008，它是迄今为止最强大最全面的SQL Server版本。

三、课程教学网站的主要内容

1、提供注册登录功能，让学生能够实名上传作业，下载教学课件等；

2、课程安排，将理论课程、实验课程及课程设计安排详细说明及指导文档上传到网络，使学生能把握课程学习的进度；

3、提供教学视频，上传与课程相关的视频供学生学习；

4、作品展示区域，将往届优秀的学生作品在网上展示，供学生观摩学习；

5、开设交流论坛，供学生与老师或学生与学生之间进行交流；

6、资源推荐，将与课程相关的优秀资源网站链接推荐给学生。

根据以上分析，课程教学网站的结构如下：

四、课程教学网站的教学应用

1、學生可以通过教学网站已经学过的知识进行复习，对将要学到的内容进行预习。

2、遇到课堂上没有理解的知识或实践步骤，可以通过下载课件和实践指导，自行练习。

3、教师可以通过教学网站收集学生在学习中所遇到的问题，在课堂中详细进行讲解和点评。

4、学生可以通过登录教学网站，提交课程实践、课程设计等老师布置的作业和任务，还可以在交流论坛中与老师及同学交流。

通过《网页设计与网站管理》课程教学网站的建设，给学生提供了一种新的学习模式，会极大激发学生的学习热情，加强师生之间的沟通和交流。

本文系武汉大学珞珈学院教学研究项目（201216）的研究成果之一。

参考文献：

[1]唐四薪.web标准网页设计与ASP[M].清华大学出版社

篇5：07创建超链接和网页教案

创建超链接和网页模板

一、教材内容分析

本课主要有三个教学内容：制作“超链接”，设置超链接颜色和设置超链接热区。学生对超链接的内容是比较陌生的，所以首先让学生明确超链接的概念。学生明确超链接后教师再讲如何创建超链接的创建。字超链接是最普通的一种超链接形式，教师在讲解这个操作时重点要说明的是要确定超链接的目标。超链接的目标有多种，如网页、图片、音乐、视频等，本课要求学生掌握链接到网页就可以了。图片超链接和文字超链接建立的方法是一样的。超链接热区的建立重点是自选图形的使用。本课重点是超链接的建立，学好本课为后面的网页、网站的设计打下基础。

二、教学目标（知识，技能，情感态度、价值观）

知识与技能：1． 建立文字超链接、图片超链接、电子邮件的超链接； 2． 学会设置超链接颜色和设置超链接热区。

过程与方法：1．通过创建网页超链接的操作，使学生了解网页中创建超链接的基本方法，消除对网页链接的神秘感；

2．通过教师讲解、演示，学生观察、动手操作、理解记忆等学习方法，使学生学会正确建立和修改文字及图片超链接的操作。

情感态度与价值观：1．完成文字和图片超链接的创建，使学生感受成功的喜悦和快乐。2．培养学生勤于思考和自己动手探索新知识的良好学习品质。

三、学习者特征分析

1．该班级学生基础知识比较扎实，思维活跃，学习兴趣浓厚，课堂参与积极、主动。2．该班级学生能熟练掌握电脑的基本操作，能够在网络环境下顺利的开展自主和合作探究活动。

3．该班级学生对超链接这部分内容还不熟悉，对于超链接及超链接热区的创建的实际操作能力有待提升。

四、教学策略选择与设计

直观演示与自主学习相结合，合作练习与教师的讲授相结合五、教学环境及资源准备

多媒体教室、自制教学课件

六、教学过程

教学过程

教师活动

学生活动

设计意图及资源准备

质疑导入

首先，老师演示自己制作的网站，用超链接预览所有的网页，让学生仔细观察。然后，让学生按照老师的方法，演示自己的作品，看能不能进行，为什么？ 对，有“手”形的地方，就是“超级链接”。

学习自主练习

学生踊跃发言，说老师的网页上有“手”的形状

教师制作完成《介绍我自己》网站（含有超级链接）。学生：已制作完成，共4张网页。

拉进学生与知识点的距离，让学生对超链接产生神秘感。

引入网页制作中

合作探究

（超链接的建立及超链接颜色的设置）

一、超链接的建立 提问：“这些超链接（文字、图片）是怎么制作的？” 教师巡视

指出操作要点：建立文字超链接时需要选中制作超链接的文本！提问：超链接制作的方法？ 提问：超链接的对象是什么呢？

二、设置超链接颜色

让同学们观察建立文字超链接后文字有什么变化？我们能够修改超链接的颜色吗？

按照书本上的图示，讨论、探究超链接制作的方法。学生尝试制作超链接

小组发言并演示超链接的建立方法

学生回答超链接的对象可以是网页、文件、网址、电子邮件等 学生通过观察后回答并按照书上尝试改变超链接文字的颜色 小组成员间合作练习掌握超链接文字的颜色的的设置方法

培养学生的自学能力、他人交流合作的能力、语言表达能力 让学生动手制作、体验超链接，提高学生的动手操作能力。培养学生与他人交流合作能力

演示讲解

三、设置超链接热区

课件演示（设置超链接热区后）“米老鼠” 单击“米老鼠”的头链接到“第一个网页”，单击“米老鼠”的手链接到“第二个网页”，单击“米老鼠”的脚链接到“第三个网页”。教师提问：这是怎么制作出来的？

教师讲解演示：通过借助自选图形来建立热区。

指出操作要点：先建立自选图形，并设置自选图形的超链接，再设置自选图形为透明。鼓励学生尝试实践

学生观察教师的操作，掌握操作的方法后自己实践操作

加强学生对超链接的理解。消除对超链接的神秘感。

展示与评价

组织学生将自己的优秀制作向全班同学进行展示，并以组为单位评价作品。

各小组推荐优秀作品进行展示并自评，其他小组对作品进行评价

通过作品展示与评价能够相互取长补短

课后拓展 同学们，今天我们学习了网页间的超链接的制作方法，那么，能不能链接到其他格式的文件，如doc,exe等？

课后学生合作或独立完成。

拓展、作业。

教学流程图

七、教学评价设计

1、在学习的过程中你遇到了哪些困难，你是怎样解决的？

2、对于熟练的学生，探究：如何制作“电子邮件”的超链接？

3、你能为熟练设置文字和图片的超链接吗？

八、帮助和总结

篇6：网页制作与电子商务网站安全

Internet已渗透到了社会的各个领域, 不仅影响着我们的学习和工作, 在Internet的发展中, WWW的发明和迅速推广应用是一个重要的里程碑。网页设计作为一门新兴的技术, 是介于平面设计、编程技术两者之间的一门学科, 它还涉及到美学心理、平面构成、色彩搭配等平面设计方面的知识。只有综合运用多种知识, 才能设计出视听特效、动静结合、人机交互的WEB页面。

电子商务网站是一个非常丰富和方便的系统, 很多是过去无法想像的, 随着今天的社会的发展以及科学技术的发展, 现在都可以想像得到。由此可以想像到未来的网页设计, 那时候网页设计的要求是什么呢?怎样才能适应电子商务的发展呢?我有以下几点想法:网页能具有人性化;网页要具有相当的美感;网页更加强调交互性。

二、电子商务网站的安全现状

电子商务网站安全主要涉及网络信息的安全和网络系统本身的安全。电子商务网站安全的隐患主要来自操作系统、网络和数据库的脆弱性以及安全管理上的疏忽。电子商务网站安全从本质上讲就是网络上信息的安全, 包括静态信息的存储安全和信息的传输安全。从广义上讲, 凡是涉及到网络上信息的保密性、完整性、可用性、真实性和可控性的相关技术和理论都是网络安全的研究领域。因此为了保证网络的安全, 必须保证以下四个方面的安全:运行系统的安全;

网络上系统信息的安全;网络上信息传播安全;网络上信息内容的安全。

以下是对目前国内电子商务站点普遍存在的几个严重的安全问题的一些分析。

1. 客户端数据的完整性和有效性检查

(1) 特殊字符的过滤

在W3C的WWW Security FAQ中关于CGI安全编程一节里列出了建议过滤的字符:&;“”“|*?-<>^ () []{}nr, 这些字符由于在不同的系统或运行环境中会具有特殊意义, 如变量定义/赋值/取值、非显示字符、运行外部程序等, 而被列为危险字符。

(1) CGI和Script编程语言的问题

在几种国内常见的WEB编程语言中, ASP和Cold Fusion脚本语言对特殊字符的过滤机制不够完善, 例如没有对单引号做任何处理等。Perl和php对特殊字符的过滤则较为严密, 如忽略或加上“” (取消特殊字符含义) 处理。C语言编写的cgi程序对特殊字符的过滤完全依赖于程序员的知识和技术, 因此也可能存在安全问题。

(2) Microsoft ASP脚本

普遍存在的问题是程序员在编写ASP脚本时, 缺少或没有对客户端输入的数据/变量进行严格的合法性分析。因此, 如果攻击者输入某些特定sql语句, 可能造成数据库资料丢失/泄漏/甚至威胁整个站点的安全。比如攻击者可以任意创建或者删除表 (如果可以猜测出已存在的表名) , 清除或者更改数据库数据。攻击者也可能通过执行一些储存过程函数, 将sql语句的输出结果通过电子邮件发送给自己, 或者执行系统命令。

(3) PHP和Perl

虽然提供了加上”” (取消特殊字符含义) 处理的手段, 但是处理一些数据库时依然可以被改写。对于My SQL则没有问题, ’不会与前面的单引号封闭, 而当作一个合法的字符处理。针对oracle和informix等数据库暂时未进行相关测试。

另外, 对于PHP或者Perl语言, 很多程序对于数字类型的输入变量, 没有加单引号予以保护, 攻击者就有可能在这种变量中加入额外的SQL语句, 来攻击数据库或者获得非法控制权限。

(2) 数据库问题

不同的数据库对安全机制的不同认识和实现方法, 使它们的安全性也有所不同。最常见的问题是利用数据库对某些字符的不正确解释, 改写被执行的SQL语句, 从而非法获得访问权限。

2. 大量数据查询导致拒绝服务

许多网站对用户输入内容的判断在前台, 用Java Script判断, 如果用户绕过前台判断, 就能对数据库进行全查询, 如果数据库比较庞大, 会耗费大量系统资源, 如果同时进行大量的这种查询操作, 就会有Denial of Service (Do S——拒绝服务) 同样的效果。

三、措施与解决方案

通过查阅一些资料, 下面介绍一些网页制作中安全防范的方法, 以供大家参考。

1. 防范脚本攻击

(1) JS脚本和HTML脚本攻击的防范其实很简单, 只要用server.HTMLEncode (Str) 就可以了。当然全以<%=uid%>过滤, 为了方便的过滤, 只需要将HTML脚本和JS脚本中的几个关键字符过滤掉就可以了, 如下代码所示:

以下是过滤函数CHK ()

(2) 很多站点在用户注册, 或者是用户资料修改的页面上也缺少脚本的过滤, 或者是只在其中之一进行过滤, 注册进入后修改资料仍然可以进行脚本攻击。对用户提交的数据进行检测和过滤如以下代码:

2. 防范sql injeciton攻击

从最一般的.SQL Injection漏洞攻击来看, 主要在用户名和密码上的过滤问题, 提交:用户名为:‘or’‘=’用户密码为:‘or’‘=’从程序出发, 数据库在执行以下操作Sql=“SELECT*FROM l Users WHERE Username=”or“=”and Password=“or”=“”时, SQL服务器将返回l Users表格中的所有记录, 而ASP脚本将会因此而误认为攻击者的输入符l Users表格中的第一条记录, 从而允许攻击者以该用户的名义登入网站。对此类注入的防范可以利用以下代码就可以实现str Username=Replace (Request.Form (“Username”) , “‘’”, “‘’‘”) str Password=Replace (Request.Form (“Password”) , “’‘”, “’‘’‘”)

3. 防止ASP木马

防止ASP木马被上传到服务器的方法很简单, 如果你的论坛支持文件上传, 请设定好你要上传的文件格式, 我不赞成使用可更改的文件格式, 直接从程序上锁定, 只有图象文件格式和压缩文件就完全可以, 因为多给自己留点方便也就多给攻击者留点方便。怎么判断格式, 如下面代码所示:

判断文件类型是否合格

上述介绍的一些安全防范的方法在编写网页代码时被常用到, 这些代码还是较为基本的一些代码, 但能有效的防止一些黑客的攻击, 当然加入了这些代码可能会降低程序的使用效率。做为一名网站的管理人员或网页制作人员在进行网页制作和网站维护时应加强安全防范的意识, 确保在网络上进行数据传输的可靠性。

总之, 随着网页制作的技术不断的发展和提高, 对电子商务的发展有着不可估量的推进作用, 对于网站的安全防范已经成为目前发展电子商务最需考虑的一个问题之一, 在开发网站中应注意在网络安全方面的考虑。目前如JSP、ASP、PHP、XML等一些网站新技术融入网页制作中, 进一步提高了网页的性能。随着新的技术的推出, 我相信网页制作的发展会把我们带入一崭新的信息世界。

摘要：网页制作是目前比较流行的一种行业, 它已经渗透到社会的各个角落, 而电子商务网站中网页制作技术应用的最多, 本文主要从电子商务网站的安全隐患、网站安全现状、网站安全的措施与解决方案、电子商务发展等方面进行探讨, 尤其对于网站安全的考虑, 在编写网页代码时, 应注意的一些防范方法的介绍, 以促进人们对网页制作中的安全防范技术的了解。

关键词：网站,安全,脚本,数据库,交互

参考文献

篇7：网站欣赏与创建网页-教案

专题学习网站是指在互联网络的环境下,围绕某门课程或多门课程密切相关的某一项或多项学习知识点,有机地结合起来形成专题,让学习者进行广泛深入研究的资源型学习网站。它可以用来存储传递加工和处理教学信息,能让学生进行自主学习和协作学习,并对学生的学习情况提供在线反馈。根据这些理论,专题学习网站主要包括专题结构化知识库、专题资源库、专题协作学习工具和专题学习评价四大部分内容[1]。

2 专题学习网站的需求分析

《网页设计与制作》在本校是大专学生比较感兴趣的学科,并且本学科具备操作性强、个性突出、资源广泛等特点,有利于引导学生的学习主导性和协作性。

2.1 专题功能需求分析

根据专题学习网站的总体要求和本学科的特点,本专题学习网站主要实现以下功能:

1)资源管理功能。按专题学习网站的理论要求和教学需要,资源管理功能必须能对资源进行查询、修改、删除、分类、整合等资源处理功能,同时还要提供资源的搜索和资源下载功能。2)交流讨论功能。向用户提供一个交流讨论的空间,可以对学习内容的交流讨论,也可以上传与学习相关知识或问题或作品进行交流讨论。3)评价展示功能。包括作业批改、作品展示、自我测试、竞赛投票等在线评价。4)用户管理功能。包括专题学习网站的资源管理用户、学习留言用户和专题论坛用户。根据不同的需要设置不同的权限,以使师生共同使用和合作管理。

2.2 专题角色需求分析

功能的需求主要来源于角色,不同的角色有着不同的需求。本专题学习网站的角色主要有两类:学习者和管理者。各类用户有自己相应的权限,登录后只能访问自己权限内的功能模块。

1)学习者的功能需求。学习者主要是利用专题网站进行学习活动,包括查看专题知识与相关资源、交流心得与讨论问题、提交作品与上传资源、测评反馈与投票评价。2)管理者的功能需求。管理者主要是利用专题网站向学习者提供学习的资源与协作的场景,包括资源管理、讨论管理、评价管理和用户管理。

3 专题学习网站的系统结构设计

3.1 专题学习网站系统框架设计

根据需求分析中的专题网站功能分析,可以把专题网站分为网页基础、动态技术、数据库、辅助工具、作品展示、专题论坛等模块,网站的框架结构设计如下:

1)专题结构化知识:网页基础、动态技术、数据库、辅助软件。2)专题资源库:拓展资源、相关链接、强化训练、素材集锦。3)专题协作学习工具:学习留言、专题论坛。4)专题学习评价:作业批改、自我测验、作品展示、竞赛投票。

3.2 专题学习网站系统程序流程设计

根据需求分析中的专题网站角色分析,可以把专题网站分为前台应用和后台管理两个模块,网站的程序流程图(如图1所示)如下。

3.3 专题学习网站体系结构设计

专题学习网站作为管理信息系统又称MIS(Management Information System)的一种,根据功能需要,主要包括前端应用程序以及后台数据库的建立和维护的后台管理。要把前端应用程序与后端的数据库联系起来,即给用户提供数据库相应信息和将用户相应信息存入数据库等,本专题学习网站基于面向互联网和用户机要求不高的基础上,采用的体系结构为B/S。B/S是Brower/Server的缩写,客户机上只要安装一个浏览器(Browser),服务器安装数据库。浏览器通过Web Server同数据库进行数据交互。那样通过用户的登录,以及相应的权限,就可以实现在远端对系统的浏览、查询和修改。基于B/S的体系结构得出专题网站运行模式包括有客户机、应用程序服务器、数据库服务器三部分[2],其各部分运行工作如下:

1)客户机:属于表示层,用于界面的入导,接受用户输入,然后向应用服务器部分发送服务请求,最后显示处理结果。2)应用程序服务器:属于业务逻辑层,执行业务逻辑,向数据库服务器发送请求。3)数据库服务器:属于数据存储层,执行数据逻辑,运行SQL式存储过程。

4 专题学习网站的功能设计

专题知识资源的输出应用,即前台显示主要是依托动态技术和数据库技术的结合,根据用户需求提供一定的参数,动态地从数据库提取数据,并自动整合为网页形式输出。而作为专题学习网站的管理部分,即后台管理则是通过管理平台与数据库联合起来实现的。

4.1 专题学习网站资源的形成

为了达到为师生提供结构化的专题知识的需要,必定要将学习内容相关的文本、图形、动画、视频等资源按一定的教学策略进行分类、组织、入库,以此达到知识结构化重组,形成了以网页形式的专题网络教学课件[3]。并且提供上传、下载、维护、搜索等资源管理与应用功能,以此形成专题资源库。除了设计组在初期完成的教师教学资料和收集的资源外,网站的管理员或授权的教师甚至学生根据教学的需要和使用的反馈信息,能不断地对专题知识或专题资源库更新、调整。这是一个不断循环、动态调节的资源生产过程。根据数据库设置的角色,用户可以拥有相应的添加、修改、删除、重组资源等权限。并且还设置了审核权,这个权限要赋予教学的专业教师负责,以确保资源的正确与有学习意义的发布。

4.2 专题知识的结构化重组

使用专题网站教学,既要学习专题知识,又要学习有关联且经过整合的拓展知识;既可以根据个人爱好或能力自主选取相应的其它知识学习,还可以进行相应专题的实践训练。基于这些目的,专题网站必须能够提供有针对性的自主探究学习,才能调动学生的主导性和能动性。由于本专题学习网站采取了网页设计的动态技术和数据库技术,所以除了对专题知识的查询、添加、修改等外,还可以对已有的资源进行重组整合。例如,在教学网页图片的应用时,给学生提供了Fireworks软件的拓展学习资源,那样除了可以根据教学进程发布Fireworks的教程外,在学习完Fireworks后,可以将发布的所有Fireworks教程,重组成一个资源。只需要将所有Fireworks教程根据教学顺序,将其超链接集合成一个新的资源发布到专题知识栏目,如此可以方便学生的学习。同样可以对各章节或各年级学习遇到的问题或教师一个阶段的教学心得等,进行结构化重组,有利于不同程度的或不同级别的学生学习和教师对教学的改进。

4.3 专题协作学习工具

专题学习网站为师生提供协作学习的空间,既利于学生之间的交流,共同学习相应内容,也利于学生对相应学习内容反馈问题和教师根据反馈进行调整或解决问题。同时,对学生以外的网页爱好者开放,更利于学生与互联网上的网页爱好者交流,以使知识面更广和交流更深刻。在本专题学习网站,专题协作学习工具主要包括有学习留言和专题论坛。学习留言主要是专题知识后的留言板,在每一个资源后都给学生提供留下学习心得或需求信息的空间,以便于其他学生的便捷认识或教师掌握教学程度。教师对学习留言拥有整理和回复权,以确保信息的有意义和回复相关问题。专题论坛主要为学习者之间或教与学之间进行讨论、问答、交流而进行的协作、探讨学习的交流工具。根据《网页设计与制作》学科特点,将论坛分为新手上路、CSS美化、图片加工、动画制作、数据库、动态技术、素材源码等栏目,可以让师生分享教程和学习心得,探讨相关问题。除专任教师要管理论坛外,还可以在各栏目设置学生版主,这样既让问题得到及时解决,也让资源得到及时更新,还可以加强资源审核。

4.4 专题学习评价

包括学生提交作品、教师评改作业、学生互评、学生自我测试、竞赛投票等功能,根据评价内容不同,有打分数等级的评价,也有详细评析的评价,也有公开投票的评价。主要是要实现到师生能进行评价、能看到评价、能交流评价、能反馈评价,只有这样才能达到评价的最终目的。首先,通过收集与学习专题相关的思考性问题和总结性考察的评测资料,学生完成相应专题或阶段或知识点后,可以进行自我测试,以检测个人掌握程度;其次,学生在此提交作业,教师对作业打分或评析;再次,学生通过网络提交作业或竞赛作品,教师对作业或竞赛作品进行展示,也给学生之间提供了比较和交流,从而进行他人评价和自我评价。

5 结束语

专题学习网站实际上就是一本拓展的课本和一个开放的课堂,有着多元的内容和多样的评价,既使师生学习的空间得到了拓展,也满足了学生因材施教的发展。但正因为如此,专题学习网站不能成为纯粹的资源收集网站,更应该达到鼓励和引导自主学习、协作学习、创新学习的目的。因为不管是教师在教的过程,还是学生在学的过程,都不仅是一种利用资源的过程,更是一种创新资源的过程。因此,专题学习网站的设计要遵循整合性、自主性、交互性、开放性等原则。在设计中注重把主动权交给用户,不要把学习的模式或内容固定,让用户在教与学的基础上,既能学习基础知识和拓展知识,又能讨论交流和相互评价,更能够在教学过程中创造资源。

摘要：信息技术的发展促进了教育信息化,而网络环境下教育资源的建设是教育信息化的重要内容,专题学习网站则是教育资源建设的重要表现方式。该文以茂名学院高州师范分院《网页设计与制作》学科专题为例,介绍专题学习网站的设计,主要阐述了专题学习网站的需求分析、系统设计和功能设计三大方面。

关键词：专题学习网站,网页设计与制作,设计

参考文献

[1]谢幼如,余红,尹睿.基于专题网站的开发性学习模式的效果分析[J].中国电化教育,2004,1.

[2]赵志升,李桂权.一种基于B/S结构与C/S结构结合的新体系结构[J].电子技术应用,2004,(8).

篇8：浅谈网站设计分析与网页制作