制作党建学习网页

制作党建学习网页（精选10篇）

制作党建学习网页 篇1

关键词：《网页设计与制作》课程,教学方法,实践环节,考核方式,快乐学习

随着万维网的迅速发展, 网页已经成为网络世界传播信息、开展业务的最主要载体, 网页制作相关职位的市场需求持续增长。中等职业学校相关专业纷纷开设了网页制作课程, 但是对于非计算机专业的学生来说, 没有前期基础知识的支撑, 对于理论的学习会觉得较枯燥, 实践操作上手容易, 但想要融会贯通却很难, 很多学生死记硬背, 久而久之学习变成了一种负担, 学生的学习积极性和主动性都受到了一定的影响。在这样的教与学的过程中, 想要让学生体会到学习的快乐就变得更难, 快乐学习成了一纸空谈。面对这样的状况, 在网页设计与制作教学中, 我积极探讨多种教学方法, 合理设计教学环节, 采用适当的评价方法, 努力增强学生的学习快乐感。

一、采用适当教学方法, 激发学生的学习兴趣

传统的教学方式是教师在课堂上讲授理论内容, 学生上机练习, 教师辅导。这样一堂课结束后, 学生可能对上课讲的内容听明白了, 但在实际操作时往往无从下手。《网页设计与制作》是一门实践性很强的课程, 教师让学生动手去做, 经历网页制作、网站设计的各个细微环节, 实现教与学的互动, 才能充分激发学生主动学习的兴趣。学生具备了网页制作的基本知识和操作能力, 教师可以采用“模仿”式教学, 让学生设计和制作一个完整的网站, 边做边学, 使学生进一步熟悉相关理论知识的应用与实际操作。

在教学中, 教师要选定一个难易度适中的网站, 既不能太难模仿, 使学生产生畏惧心理, 又不能太简单, 而达不到教学的目的。学生在“模仿”课环节, 对指定的网站首页和其他主要网页进行模仿还原, 该网站的各类素材可以直接使用, 对于页面在尺寸、色彩、外观上也可以相同。对于这种特定的、明确的任务, 学生往往会表现出极大的热情。学生在演练的过程中难免会遇到各种问题, 网站完成以后, 普遍都会存在着不同方面的缺陷。老师应通过实际案例的具体剖析, 拉近学生与课程教学的距离, 将收集的典型的问题重点讲解。学生因为刚刚实际操作过, 对具体的问题有具体的认识, 因而在听讲过程中针对性较强, 对如何解决自己遇到的问题也会很感兴趣。兴趣是最好的老师, 有兴趣才有快乐可言。

这样, 学生既可以复习网页制作的基本操作, 又能对完整设计一个网站的流程有更深的了解。学生在模仿教学的过程中, 会不断地克服一个又一个的困难, 学习自信心会大大地增强。爱默生说过, 自信是成功的第一秘诀。有了信心, 学生才能扬帆起航去找寻学习中的快乐。

二、注重综合实践环节, 调动学生的学习主动性

在学生基本掌握了本课程的内容后, 教师要注重综合实践环节的融会贯通, 可布置一份综合作业, 要求学生设计一个个人网站, 网站既要有鲜明、统一的风格, 又要有完善的内容, 页面的结构、图片的位置、链接的方式设置合理, 做到网页布局的和谐统一, 还要做到容易更新, 等等。要做到这些, 学生就必须在制作网站之前, 对网站进行一个总体规划, 然后逐步进行设计。

为了让学生展现良好的创作技巧和独特的风格, 布置综合作业之后, 教师可先让学生进行选题, 构建出自己的网站结构, 然后上网查询相关的资料, 再对网站进行规划, 写出书面的网站设计方案, 教师对每个学生的方案进行审查和评阅, 及时指出应改进的地方和存在的问题。通过这些环节让学生学会查找、阅读专业文献资料的方法, 培养学生撰写方案的能力。

如此完整的综合实践, 放手让学生依照自己的想法设计、制作属于自己的网站, 让学生自己做主, 学生的学习主动性会大大提高, 就能愉快、积极地去学习, 调动自己的内在潜能, 不断完善和提高自己。学生对某一件事和某一项活动的主动性发挥得越充分, 与之相关的能力发展得就越快。

三、综合全面评价学生, 增强学生的学习成就感

《网页设计与制作》课程的考核方式承袭传统的应试模式, 考试内容侧重于对记忆型知识的考查, 忽视实践动手能力和知识运用能力的考查。这样传统的考核方式既不能考查出学生真正的实力, 在某种程度上又束缚了学生多向思维的发展。为了让学生对学习《网页制作与设计》课程产生兴趣, 除了理论考试之外, 我们还应该将整个考核过程融入到日常的教学环节中去, 设计出让学生容易接受并感到“快乐”的考核方法。

实践表明, 《网页设计与制作》课程的考核方式应该以学生实际制作的网页作品作为考核的主要内容。在作品考核的基础上, 把学生的学习过程也纳入考核的范围, 形成“过程+作品”的考核模式。教师可以将学生不同阶段作品的完成情况作为考核依据。这样, 教师不仅可以有效控制学生的学习过程, 而且可以根据反馈, 适当调整教学进度。

一直以来, 考核都是教师的“专利”, 学生是被动的“待估品”, 这样传统的考核方式让老师和学生的距离拉得太远, 产生疏离感。“亲其师”才能“信其道”, 只有老师做学生的朋友, 亲近学生, 与学生相互学习、共同切磋, 以学习成员的身份与学生一起参与到学习的过程中, 学生才敢在老师面前放松身心, 体验到零距离带来的那份亲切, 敞开自己的心扉。因此在考核中, 教师要放弃自己的“权力”, 和学生一起相互的讨论、评价, 让学生享受到自己考核自己的乐趣。学生在其中找到自己的优点, 会肯定自己;发现自己的缺点, 会提高自己, 学习成就感会逐渐增强, 考核过程就不再是痛苦的, 而是蕴藏无限快乐的过程。

在网络高度发展的今天, 学生可以非常便捷地在网络上获取到大量的关于网页制作的学习资源, 因此老师面临着更多的挑战, 不仅需要对网页制作相关技术进行持续研究, 而且要在教学方法、教学手段上不断进行革新, 以充实的内容吸引学生, 以活跃的氛围打动学生, 让学生爱学习、好学习, 在学习过程中获得成就感和满足感, 得到身心的愉悦, 实现快乐学习。

参考文献

[1]谢志妮.案例教学法在《网页设计》课程中的应用[J].广东青年干部学院学报, 2007, (68) .

[2]余平.高职高专网页设计教学改革实践与探索[J].文教资料, 2007, (2) .

[3]张伟娜.《网页设计与制作》课程教学的探讨与实践.乌鲁木齐成人教育学院学报, 2005, 13 (1) .

制作党建学习网页 篇2

关键词：探究式学习网页制作创设新情景自主探究体验成功

《网页制作》是一门技术性、应用性和实践性很强的课，教学难点主要体现在以下三个方面：首先是HTML语言比较难掌握，很多学生在学习网页制作之前，并没有学习过编程语言，感觉学习HTML较为困难；其次是网页制作的相关知识较多，除了HTML以外，学生还要掌握网页开发工具、图形制作工具、文件上传工具、网页版面设计等多方面的知识，学生要将这些知识融会贯通比较困难；第三是制作容易设计难，很多学生虽然掌握了网页制作的技术，但是设计能力较差，这需要了解色彩搭配、图文搭配等平面设计方面的知识。

几年来，我通过教学的不断实践，使我深切地认识到，要使学生应用和接受探究式学习，从而取得良好的学习效果，不能只是单纯地传授知识，也应重视学生探究式学习兴趣的培养。下面就是我在网页制作课程教学过程中就如何培养学生探究式学习的兴趣的一些见解。

一、创设探究新情景，诱发学生探究兴趣

正如布鲁纳说的：创设新情景，能引发学生对知识产生学习兴趣和认知需要，激发学生自主探究的学习动机。教师在上课时要创设一种学生思考的氛围，为学生提供一个自我表现的机会，从学生内部来培养学生的问题意识。

所以教师应设计富有创意的问题情景。这是开展探究性学习的先行，没有问题情境就不可能有探究性学习。学生只有对学习内容充满兴趣和疑问时，才会产生探究欲望。例如：在学习《网页制作》时，因为学生都有上网的经历，所以在学习网页制作的开始，我引导学生去观察事先准备好的许多优秀的网页，而不是仅仅局限于教材上提供的资料。通过教师精心选择的资料，使学生进行一个美好的“情境”，激发学生的学习兴趣，进而有针对性的学习解决问题。

二、教师注重自身修养，提高学生探究式学习的兴趣

教师自身素质的提高是学生探究式学习兴趣培养的重要前提。学生在上课时都抱着学习新知识，探索科学的奥秘来上课的。只要是学习新的内容，学生都会感兴趣的，教师应充分利用学生的这个特点最大限度地激发学生的探究学习兴趣。这就要求教师要有很高的教学水平和自身素质，用自己渊博的知识来感染学生，来解答学生的难题。为此，教师应不断学习，提高自身素质，以免让学生失望。所以教师自身素质的提高是培养学生探究式学习的重要前提。

另外教师自身的探究兴趣也是培养学生探究式学习兴趣的途径。在信息技术课的教学中，学生会有很多感兴趣的问题，想与教师探究，如果教师以对学生的问题，一点也不感兴趣，学生也会没有探究的兴趣的。在操作中时，学生为了探究新问题，有时可能提出教师上课前没有准备的问题、或教师从来没接触的问题，这正说明了学生有探究的兴趣，教师应尽力与学生一起去搜索资料探究这些新问题，以满足学生的这些合理的要求。尤其是信息技术这门操作性比较强的课，老师更应有探究精神，这样才能提高自身专业修养和知识面。

三、成功的体验是培养学生探究式学习兴趣的手段

学生的探究兴趣是与成功相辅相成的，兴趣可促使学习取得成功，而成功又可以激发学习的兴趣。因此，在每一次课的教学中都要让学生体验到探究成功的喜悦。例如：在学习《网页制作》表格的使用时，逐步展开三个任务，让学生去完成。在每个任务展示之前都会稍稍提示并演示操作。（如果学生最后听完还没有掌握的，可以自行浏览预先把演示操作的教学视频等文件放在“发卷”中的文件夹“视频教学”里面，学生可以浏览，提高学生自主学习的能力。任务一：网页“古诗一首”的制作，目的让学生掌握插入表格的基本操作；任务二：网页“齐白石作品展”的制作，目的让学生掌握合并单元格与拆分单元格的基本操作；任务三：网页“课程表”的制作，目的让学生掌握表格背景的设置与边框的设置等基本操作。学生完成练习时间（10分钟），练习过程中把学生的问题集中辅导解决，细抓重点；任务四：制作一张网页，提供一些资源（文字、图片），围绕“广州概况”为主题，让学生设计简单的網页（可以先让学生预先在纸上画好草图然后再开展）。目的是让学生利用表格的优越性，在体验中学习，为后继的网页设计打好基础；任务五：网页“精美台历”的制作（属于拓展进阶任务：让学有余力的学生选择性学习，掌握表中表的操作）。

总之，对学生探究学习兴趣的培养是多方面的，只有把学生探究学习兴趣的培养放到重要的位置来抓，信息技术课的教学效果就会明显得到提高。学生的这种探究学习兴趣是需要激发和培养的，信息技术课教师应具备这种能力，在教学中引导学生从无趣到有趣，由有趣到乐趣，由乐趣到志趣，形成自己的能力，为学生的终生探究奠定了基础。

参考文献：

[1]张行涛.新课程教学法.中国轻工业出版社，2004 .

[2]尹后庆.关于“研究性学习”若干问题的思考”.上海教育.

制作党建学习网页 篇3

学好一门编程语言有两个条件是必不可少的，一是理论和实践结合，在实际例程去验证书本上的理论能加深你对理论的理解；二是学会总结，把学习、运用中的心得体会记下来，当成一种经验或教训加以提炼并在日后的应用中加以改进，一定能提高你对这门编程语言的认识。以下是笔者在学习和运用ASP编程中的两点经验，希望能对大家有所帮助。

ASP页面内VBScript和JScript的交互

ASP具有管理不同语言脚本程式的能力，能够自动调用合适的脚本引擎以解释脚本代码和执行内置函数。ASP研发环境提供了两种脚本引擎，即VBScript（缺省）和JScript。不过，研发者并没有被限制于只能使用这两种语言，只要能够提供合适的ActiveX脚本引擎就能使用所有脚本语言。

脚本语言的选择往往基于许多不同原因：他可能是研发者最为熟悉的语言，可能是对给定工程来说能够提供最多特色支持的，也有可能是最具效率的。不同的环境和需求使得我们在选择脚本语言时注重不同的因素，同时也使得我们在某些时候面临选定的脚本语言不能直接提供其他语言固有的函数这一问题，或某个脚本已写成但用的却是另外一种脚本语言。

此时应该怎么办？是否需要用当前所用的脚本语言重写这些脚本？或说，是否有可能在一种脚本语言中调用其他脚本语言的内置函数？本文要说明的就是在ASP应用中怎么让VBScript脚本和JScript脚本交互以最大限度地获得两种脚本语言的特色支持。

一、VBScript和JScript的内置函数

在VBScript和JScript中，有大量的内置函数功能是相同或类似的。然而，在一种脚本语言中内置的函数并非总是在另外一种脚本语言中也有对应的函数。例如，VBScript提供了许多用于操作字符串和格式化数据的函数，这些函数在JScript中并不存在。这些函数包括StrReverse()、Filter()及FormatCurrency()等。在另一方面，JScript所提供的用于管理数组、字符串编码等的函数在VBScript中也没有定义，如join()、reverse()、pow()、位操作、escape()和unescape()等。

那么，如果在JScript程式中需要一个VBscript函数该怎么办呢?

二、异种脚本的互相调用

如果需要在JScript脚本中调用一个VBScript中内置的函数，则应该写一个VBScript用户定义函数（在这里调用VBScript内置函数），然后在JScript脚本中象调用公用JScript函数相同调用这个用户定义函数。

例如，如果要调用的VBSCript内置函数是FormatCurrency()，则能声明如下自定义函数：

< SCRIPT LANGUAGE=“VBSCRIPT” RUNAT=“SERVER”> Function FormatValue(Value)

FormatValue = FormatCurrency(Value)End Function

< /SCRIPT>

接下来在JScript代码中就能象普通JScript函数相同调用FormatValue()了。用类似的方法也能实现VBScript代码调用JScript函数。

应用同样的规则，我们能在所有脚本内调用所有用户定义函数。不过，从JScript脚本内调用一个不带参数的VBScript过程（Sub）时应略加注意，此时在JScript中应该象调用一个不带参数的JScript函数相同调用他，如用foo()调用VBScript Sub foo过程。

三、数据共享

在某些情形下混合运用VBScript和JScript函数是非常有用的，但在不同语言脚本之间共享数据也可能非常有用。实现这种共享的方法非常简单：不管使用的是什么语言，只要是在页面级声明的变量就能任意引用。

对象的使用方法也相似，能任意选用合适的语言读取、修改属性或调用对象的方法。当然给定对象的属性和方法是由创建该对象实例的语言所定义的。正如上例VBScript的过程调用，当从JScript中调用一个不带参数的VBScript对象的方法时，其调用方法也遵从JScript的调用规则，反之亦然。

四、数组管理

数组共享问题稍微复杂一点。虽然数组也象其他变量相同能在不同语言脚本之间共享，但必须注意兼容方面的问题。

VBScript数组在JScript下能用VBScript的符号引用，即用myArray(2)引用数组元素而不是JScript的数组元素引用符号myArray[2]。此外，还能使用一个特别的JScript对象??VBArray对象将VBScript数组转换为JScript数组。下面的代码从VBScript数组myVBArray创建JScript数组myJSArray：

var Temp = new VBArray(myVBArray)

var myJSArray

myJSArray = Temp.toArray()

上述代码首先创建一个临时的VBArray对象，然后使用他的toArray()方法将自己转换为JScript数组。此后就能象普通JScript数组相同使用myJSArray，如myJSArray[1]。但应当注意的是，toArray()方法将把一个多维的VBArray转换为一维的JScript数组。

从VBScript中引用JScript数组更为复杂。虽然在VBScript中我们能直接访问JScript数组相关的方法和属性，但没有直接访问JScript数组的单个元素的方法。也就是说，我们能在VBScript脚本中读取JScript数组的长度属性，如下所示：

x = myJSArray.length

但无法直接读取该数组的单个元素，下面的VBScript代码是不正确的：

x = myJSArray(3)

解决该问题的一个可行的方法是执行一个转换过程，如下面的代码所示，此处假定VBScript是缺省的脚本语言：

< %

Dim Temp

Dim myVBArray

Temp = myJSArray.join(“, ”)

myVBArray = Split(Temp, “, ”)%>

此处的JScript join()方法将数组myJSArray元素转换到一个以逗号为分割符的字符串，VBScript Split()函数将字符串转换为VBScript数组。注意这里我们是在VBScript环境下调用JScript的join方法。依照此例，我们能通过自定义VBScript函数来模拟JScript的VBArray对象的toArray()方法以实现JScript数组到VBScript数组的转换。

用模板建立动态ASP页

对于模板，我想大家可能都有一些概念，在word中非常多模板，设计好了大概的版面，你只要用你自己的话填充那些占位字符就好了。这儿的模板大概也就是这个意思，页面中相对稳定的部分固定下来，其他的部分根不同的情况在输入不同的内容。其实在DreamWeaver中也有模板的功能，不过那个静态的，只能手动填充内容，而这儿讲的是动态的自动的内容填充。

首先，我先来解释一下为什么要用到模板文件。有时候，模板能够带给你对网页功能和布局更为完整的概念。当你看到Word的模板格式之后，就知道最后版面是个什么样子的了，在这儿也是如此。例如，你能保留ASP语句，而使用不同的模板来建立不同的页面风格。

这样，你就不用为每种不同风格的网页分别来写不同的ASP页面了，这显然能为我们节省非常多时间和精力。而且，模板文件能够让你更容易的浏览页面代码，不用担心ASP和HTML的混杂搞的你头昏脑胀。你能只用把注意力集中在HTML上，而完全不用去管ASP了。再有就是，摸板非常简单，你绝对非常快就能搞懂搞定。在这篇文章中，将会用到一个数据库??一个用的非常广泛的雇员表。包括雇员ID，姓名，照片，及工作摘要和照片的注脚。下面是这个Access数据库的结构:

文件名Employees ID

自动计数(Autonumber)FullName

文本最多255个字符

Duties 注释类型

PicCaption

文本-最多50个字符

一个非常简单的数据库，是吧。当然你能按需求来扩展他，那就是你自己的事了。我假设你已了解数据库的基本操作，这样我不用在这上面花太多的笔墨，其实这儿的代码都是非常简单的，只要你知道一些基本的东西，就能把他看懂。建立了数据库之后，我们能开始建立模板文件了。这个文件是每个页面的骨架。我没有用到表格，那样有些麻烦，而我非常懒，而且，也不用加入,标签，因为那是要加在ASP页面中的。所以到最后，他的样子就是这样了：

Full Name:

%name% < br>Description of duties:

%duties%

This picture was taken: %date%

Employee ID: %empID%

就是这样了！这就是个简单的模板。把他存为template.tmp，在后面的ASP页面中将要引用到他。要注意的是：我们能在模板中加入各种HTML标签，你完万能在摸版中定义好网页的结构和样式，就像实际写一个网页相同，只是要把关键的地方标出来??注意到了那些%围着的东西了吗？那就是模板的精髓了。或许你已注意到，那些%围着的是和数据库中的字段意义对应的。看看下面的ASP代码，是怎么读入模板和数据库文件，把他们揉和在一起，然后输出我们想要的HTML页面。

网页制作合同 篇4

甲方：

乙方：

鉴于甲方受乙方委托制作主页，帮助乙方实现网上信息发布,为明确双方责任，经双方协商，签订此合同，双方共同遵守。

一、甲方的权利和义务

1、按照乙方提供的材料、需求按时完成网页的制作；

2、有权在乙方主页中明示或隐式注明网页制作者名称；

3、拥有网页中由甲方制作、提供的素材的版权，包括但不限4、5、二、乙方的权利和义务

1、提供制作网页所需的文字内容材料及图片，应保证材料完

整,图片清晰；

2、所提供内容必须符合国家有关法律规定及保证其内容的3、4、三、主页制作完成及发布时间

收到全部材料____日后制作完成，验收付款后壹日内传至网上发布。

四、合同金额及付款方式

合同签订当日内乙方向甲方支付伍百元网页制作订金。本合同涉及总金额以网页制作完成并经过客户验收同意后的《网页制作费用明细单》中“实交金额”项目为准，乙方验收同意当日补交网页制作费用余款。

五、验收标准和验收后修改补充

1、乙方可以通过任何与因特网连接的计算机浏览自己的网

页。

地址：E-MAIL1 ：

电话：传真：网址：

于图片、动画、程序等； 有权在对外宣传中引用乙方单位名称、网页内容等； 有权依合同收取费用。真实性并对所提供内容承担全部责任； 拥有所制作网页整体内容的版权；按时向甲方支付费用；2、3、4、网页无文字拼写及图片（以乙方提供的材料为标准）错误。验收合格，乙方以书面方式签收。验收期自甲方书面或口头通知乙方制作完毕起最长为一

星期，若乙方在验收期内未提出书面异议，则视为验收通过。

验收合格网上发布后，如乙方需要修改页面，甲方在合同签订后壹年内免费为乙方修改两次（修改内容不得超过总内容的20%），免费修改之后如需再次修改，每次修改内容不超过整体内容的20%，按50元/次收费，超过20%，改动较大者须重新交制作费，改动较小者收取制作费用的50%。

5、六、合同期限、变更、中止及解除

1、本合同有效期为壹年，双方签字即日生效。

2、合同欲变更，双方应协商一致以书面形式加以补充。

3、合同双方任何一方未履行本合同条款，合同中止。

4、如果乙方不能按本合同的规定按时支付甲方相应的费用，甲方有权中止合同中规定的服务。

七、争议解决

本合同履行过程中如发生争议，双方协商解决。如双方不能达成一致，可诉诸法律部门进行解决。

八、附则

本合同一式两份，甲乙双方各执一份。未尽事宜双方协商再订，补充条款、合同附件与本合同具有同等的法律效力。

甲方乙方

代表人签字：代表人签字：盖章：盖章：

地址：E-MAIL2 ：

网页制作合同 篇5

甲方（委托人）：__________________________

法定住址：________________________________

法定代表人：______________________________

职务：____________________________________

委托代理人：______________________________

身份证号码：______________________________

通讯地址：________________________________

邮政编码：________________________________

联系人：__________________________________

电话：____________________________________

传真：____________________________________

帐号：____________________________________

电子信箱：________________________________

乙方（受托人）：__________________________

法定住址：________________________________

法定代表人：______________________________

职务：____________________________________

委托代理人：______________________________

身份证号码：______________________________

通讯地址：________________________________

邮政编码：________________________________

联系人：__________________________________

电话：____________________________________

传真：____________________________________

帐号：____________________________________

电子信箱：________________________________

甲方委托乙方制作主页，帮助甲方树立企业形象，扩大宣传，拓宽销售渠道，为明确双方责任，根据相关法律，经双方协商，签订此合同，以期双方共同遵守。

第一条 委托项目

甲方委托乙方制作甲方网站http：//_________的主页，乙方应按照甲方的要求制作主页，并达到甲方满意的效果。该网页内含有／不含有后台管理系统。

第二条 网页制作费用

1．首页设计，制作费：_________元；

2．内页设计，制作费：_________元；

3．gif多层动画设计，制作费：_________元；

4．flash页面设计，制作费：_________元。

5．其他页面设计，制作费：_________元。

第三条 付款方式

1．合同签订后当日，甲方应当预付_________元定金。

2．网页制作费用共计人民币：_________元整，应在验收期完成后_________天内交付。

第四条 资料提供

1．甲方负责提供制作所需的一切资料（包括文字，图片以及其他相关文件），并制作成电子文件。在乙方开始制作网页时，甲方应备齐全部内容资料，并保证材料完整，图片清晰。

2．甲方应保证所提供的资料不侵犯任何第三方的知识产权。乙方对甲方提供的文字及图片资料中所涉及的包括知识产权在内的一切法律问题不承担任何法律责任。

3．双方合作期间，乙方对甲方提供的文字及图片资料未经甲方许可不得以任何方式泄露给第三方。

制作党建学习网页 篇6

一、J SP与PHP、ASP相比较

开发网站的技术很多, 之所以采用JSP, 因为其具有强大的生命力和发展潜力。

JSP跨平台, 访问数据库速度快, 扩展性好, 安全性高。

PHP简单易学, 特别是对有一定基础的, 适合快速开发。

ASP不跨平台, 漏洞多, 采用该技术所开发的网站容易被攻击, 开发ASP的微软公司已经放弃了对其进行技术支持和升级。

二、专题学习网站页面结构设计

职业学校专题网站的功能主要是提供给学习《网页制作》的专业知识的途径。

职业学校《网页制作》专题学习网站的页面结构采用框架进行设计, 通过HTML语言中的<frame>标签和<frameset>标签将页面布局设计成三部分, 分别是“网页导航”、“网页顶部”、“页面内容”。这种设计将每一个页面都分别单独放在一个框架里面, 学习者登录专题学习网站后, “网页导航”和“网页顶部”是固定不变的, 学习者在浏览器里的操作就会在“页面内容”中显示结果。这种结构设计的优势如下:

(一) 浏览器反复加载“网页导航”和“网页顶部”等相同内容的现象可以被有效避免, 从而极大加快了浏览器访问《网页制作》专题学习网站的速度。

(二) 无需在JSP页面中大量引用<include>动作标签。

三、专题学习网站内容设计

主要内容设计为“网页制作基础”、“网页制作工具”和“网页制作技术”三部分。

(一) “网页制作基础”:主要介绍互联网的发展历史和现实应用, 网站和主页的定义及概念。

(二) “网页制作工具”:Flash、Dreamweaver、Firework是网页制作的三个常用软件。

(三) “网页制作技术”:框架网页的制作、网页的布局视图排版、网站的发布。

四、专题学习网站文件夹结构

在校园网专题学习网站服务器上创建文件夹webpageproduction, 网站名称是webpageproduction, 专题学习网站主页上的栏目有:“网页制作软件”、“网页制作教程”、“网页制作视频”、“网页制作范例”、“网页制作模板”和“网页制作资源下载”, 在服务器硬盘上webpageproduction文件夹下相应的建立子文件夹software、tutorial、video、example、template和download。在webpageproduction文件夹里保存主页文件, 其他栏目的文件被相应存储在各自对应的子文件夹里。每个文件夹均采用小写英文字母命名。

五、专题学习网站查询功能设计

(一) 条件查询

在JSP页面中输入查询条件, Tag文件可以根据JSP提交的条件进行查询。Tag文件是一种特殊的文本文件。Tag文件和JSP文件很类似, 可以被JSP页面动态加载调用, 但用户不能通过该Tag文件所在Web服务目录直接访问这个Tag文件。Tag文件是扩展名为.tag的文本文件, 其结构几乎和JSP文件相同。一个Tag文件中可以有普通的HTML标记符、某些特殊的指令标记、成员变量和方法的声明、Java程序片和Java表达式。

(二) 随机查询

为了在结果集中能前后移动, 随机显示若干记录, 就必须要返回一个可滚动的结果集。

Statement stmt=con.create Statement (int type, int concurrency) ;

ResultSet re=stmt.executeQuery (SQL语句) ;

(三) 顺序查询

和数据库建立连接对象con, 调用get MetaData () 可返回DatabaseMetaData对象。Metadata对象再调用get Columns () 方法可将表的字段信息以行列的形式存储在ResultSet对象中。

(四) 模糊查询

在JSP页面中输入模糊查询条件, Tag文件可以根据JSP提交的条件进行模糊查询。可以在SQL语句中使用LIKE操作符进行模式匹配, 用“%”代替零个或多个字符, 下划线“_”代替一个字符等。

(五) 排序查询

在SQL语句中使用ORDER BY子语句, 将记录排序。在JSP页面中输入排序方式, Tag文件根据JSP提交的数据进行排序查询。

六、MySQL数据库连接设计

职业学校《网页制作》专题学习网站使用My SQL数据库, My SQL不依赖于平台、功能强大, 是开源项目。加载My SQL的Java驱动程序来和My SQL数据库建立连接如下:

(一) 加载驱动程序

将mysql-connector-java-5.0.4.zip文件解压缩到服务器的硬盘, 在解压缩文件夹里的mysql-connector-java-5.0.4-bin.jar文件是连接My SQL数据库的Java数据库驱动程序。将该驱动程序复制到Tomcat服务器安装目录的commonlib文件夹中。程序代码如下:

(二) 与数据库建立连接

七、专题学习网站展望

专题学习网站可以让职业学校每个学生在校园网里共同分享《网页制作》的教学资源, 随时随地学习, 上传网页制作作品, 学习交流, 共同提高。即使职业学校学生实习或毕业后, 也可登录专题学习网站, 继续学习相应的日异发展更新的先进技术, 符合终身学习和就业、创业的时代要求。

参考文献

[1]王国辉, 等编著.Java Web开发实战宝典.清华大学出版社, 2010年第1版.

浅谈《网页制作》的教学心得 篇7

[摘要]网页制作作为中职教育计算机专业的一门必修课，具有高创造性、应用性强，且入门容易提高难等特点。因此，根据多年的教学经验，分析学生学习呆板、运用困难的原因，并提出从五个方面改善。以“学生为主，教师引导”为主的学习方式教学法。

[关键词]网页制作；教学；引导

[中图分类号]F224-39

[文献标识码]A

[文章编号]1672-5158（2013）05-0299-01

在中职教育中，网页制作作为计算机专业的一门必修课，学好并运用于工作中很重要。脱离了现实对学生来说等于没有学这门课程。很多学生在学习过程中养成了不动脑的习惯，只会生搬硬套，按照“教师讲授，学生模仿、跟练”的模式进行学习，已经不能适应当今对网页设计人才的需要。一旦安排了与老师讲授例子不同的题目，学生无从下手，即使DW等网页制作软件使用很熟练，也无法制作出一个网站来。

学生之所以学习如此困难的原因如下：

1、缺乏学习的自信心。

因为很多学生从一般中学到职业类学校，学习能力参差不齐，普遍都缺乏自信心，不相信自己可以学好，内心深处已经把自己定义为学不好的学生。

2、平时浏览网站数量太少，不会从专业的角度欣赏网站，累积知识。

上网做什么？看电影、打游戏、聊QQ。这就是学生上网的目的。正确引导学生了解互联网，并利用互联网学习是学好网页制作的前提条件。

3、对各种网站的类型没有一个清楚的认识。

网站根据内容、目的不同，分为不同的类型，每种类型有常用固定的页面布局，清楚认识网站类型，掌握网站页面布局，引导学生从专业角度认识网页是学习网页制作的关键。

4、习惯了被动式的学习方法。

网页制作是一门充满艺术性的科目，需要学生的发散思维及创新意识，填鸭式的学习方法阻碍了学生的学习，不利于网页制作这门学科的长远发展。

5、没有自主创新的意识。

网页制作体现了创造思维，体现了个人性格的特点，是表现自己的窗口，教师引导学生有创造的意识，学生才会创新发展。

6、缺乏审美观。

审美观的培养是学好网页制作的重要部分，谨记符合大众的才是真的美，从身边欣赏美丽的事物引导学生。

要让学生从被动接受转为主动创新制作，应该以“学生为主，教师引导”的学习方式改善教学，我主要是从以下几点着手：

1、向学生展示网页，引导学生对网页制作产生兴趣。

我没有一开始就进入网页制作软件的学习，而是先让学生对网页制作有整体了解。知道网页是信息时代的灵魂，通过展示不同类型的网站，开阔学生眼界。强调网页制作在信息化发展中起到的关键作用，学好网页制作，对自己将来工作、学习的影响。

2、介绍常用网站类型及其页面布局方式。

举例描述，每个类型列举一到两个网站，并介绍该类型网站的页面布局特点，打开不同网站，引导学生自己判断网站类型，动手画出网站页面的布局。加深学生对网站类型及布局的印象。

3、引导学生浏览网站，从专业角度欣赏网页，积累网页专业知识，培养学生审美观。

学生平时在浏览网页的时候，只会单纯地浏览网页，没有从专业角度浏览网页的意识，培养学生从专业角度浏览网页的意识，不是一朝一夕就能够做到的，要循序渐进，不断加深学生印象。每天上课之前，都要打开一个网站，介绍该网站的类型、页面布局、logo设计，网站内容特点，发表自己的看法，畅谈该网站的优缺点。一开始老师自己讲，慢慢地就引导学生发表看法，给以学生适当的鼓励，最后做到一起搜索，一起分析。虽然每次只是短短的几分钟，但对学生的影响是深远的，潜移默化中学生就习惯成自然，与老师互动明显，学习更有自主性，思维更发散。课后布置的作业是让学生主动寻找设计特别的网页，介绍给大家。

适当的分小组讨论网站特点，内容描述，不同网站相同之处，不同之处，烘托网站特点采用的方法等。从各个方面归纳总结该网站优点及缺点。小组代表发言总结，同时培养学生的团结合作意识。

4、教学过程中由简单到复杂。

网页制作这门课，涉及到很多软件。主要掌握的是DW。学生在有了一定的计算机基础知识，学习DW并不困难。为了让学生对该门课程引起重视，夸大学习的难度，反而起到反效果，使一部分学生在还没有开始学习就打了退堂鼓，很不利于学习。让学生有一个认识——那就是软件的学习可以举一反三，会一种，就能自己慢慢摸索出其他软件的大概操作。以此来增强学生学习的信心。

采用的教学方法主要是“演示模仿，引导创新”。演示模仿，为了让学生熟悉软件命令。引导创新，主要是提供素材，引导学生运用之前存储的网页知识，结合软件制作出风格迥异的网页。

5、引导学生自主创作网站

学生既积累了网页知识，又能在灵活运用网页制作软件的基础上，展示学生作品，再次调动学生的积极性，鼓励学生，采用讨论的学习方法，讨论网页优缺点。学会写网站系统分析说明书，提起学生展示自己才华的欲望。分小组，布置不同类型网站题目，学生自主创作。完成作品，展示发言，使学生真正掌握网页制作的精髓所在。

网页制作这门课是一门具有挑战性的课程，需要的不仅是教学方法的改变，还需要教师的不断学习和提高，才能真正上好这门课。

参考文献

网页制作策划书 篇8

网

页

制

作

策

划

书

小组成员：王振宇、郭云慧、李勇、邹志远、赵永利

网页制作策划书

项目名称：

游戏生活

项目立项背景：

我小组是以近期为我系大学生所比较感兴趣的各种网络游戏为基础，根据各网络游戏的资料为本做出个适合我系普遍大学生游戏生活的网页，主要分为：游戏背景，游戏人物，角色技能，玩家攻略，玩家论坛五个主要栏目+音乐欣赏一个副页栏目。希望能为更多同学在游戏中带来方便，能让同学们在学习之余、游戏之余放松自己紧绷的神经，减缓自己的学习压力等。不期望我们做到最好，只希望我们能做到更好。

项目目标：

1.短期目标：

我小组在短期为同学们营造良好网络游戏环境，使同学们在游戏之余能放松一下自己的神经，减缓自己的心理压力 2.长期目标

我小组研究本项目是想通过网页的形式把近期大家比较喜欢的游戏总结归纳到一起，使同学们能在这里找到同学们所玩的游戏，找到同学们需要的资料。由于我们小组初学，不可能把网页做到那么完美，但是我们会更加努力。

项目目的：

我们小组的项目目的只有一个就是放松同学们的神经。

网页制作原则：

1、整体规划合理，主辅菜单明显，各栏目规划清晰。

2、网页导航明确，重点突出。

3、网页有良好的扩充性。

4、有安全的运行环境。

5、网页中各功能体现明显，各游戏资料齐全。

6、网页内容与主题相符，不提倡广告等附件。

7、以为大多数同学放松为目的，不提倡不良或非法网

络连接。

8、体现出网页的美感，让同学们能感到温馨，舒服。

网页结构：

网页设计：

1、网站首页

在网站首页我们设计了“游戏背景”，“游戏人物”，“角色技能”，“玩家攻略”，“玩家论坛”五个主要栏目及“音乐欣赏”一个副页栏目，当用户点击五个主要栏目（如游戏背景）时，（以游戏背景为例）我们会为其呈现出“游戏选择”附件，让用户选择自己喜欢的游戏，当用户选择一个游戏（如地下城与勇士）时，网页会出现游戏资料，游戏的背景故事以及发生的年代。以及各游戏的开发商、开发团队等。

2、游戏背景

在本页我们会通过收集资料来根据不同游戏来制作不同的游戏背景，使玩家了解游戏背后发生的故事，我们会根据资料整理出游戏年代里不同的年代发生不同的事迹，以及各人物（包括NPC，BOSS等）的不同事迹以及来历。

3、游戏人物

当用户点击本页时我们会根据用户点击的不同人物提供不同的人物（包括NPC，BOSS等）属性，以及能力值例：物理攻击力：物理防御力：魔法攻击力：魔法防御力：技能加成：

等各项指标以及根据各项指标的数值计算出各个角色的能力值。

4、角色技能

角色人物是游戏里必不可少的，当然在我们这个网页里也是不可或缺的，当然，如果没有技能我相信大家游戏（CF是特例）也没什么兴趣，在本页中，重点介绍游戏人物的技能，我们会将各个游戏里的人物技能呈现给用户，让用户了解各个人物的技能释放以及技能用法。在这里，主要有主动技能和被动技能两种，主动技能即在游戏中需要释放激活的技能，让玩家能攻击或者防御。被动技能主要是玩家在学到该技能后不需要释放激活也能给角色

状态加成或攻击、防御的技能。

5、玩家攻略

当用户了解各个人物（包括NPC，BOSS等）属性以及技能时需要的是如何将这些东西融合在一起，所以就有了“攻略”。我们会将官方攻略，玩家攻略以及一些名人堂的选手攻略（如技能加点，人物打法，任务获取，快速升级，武器装备等）发放到本页，使用户在玩游戏时更加畅快淋漓。

6、玩家论坛

有攻略就应该有交流，在玩家论坛里玩家可以和自己兴趣相投的玩家讨论游戏攻略，聊天交流，等等，在这里玩家可以畅所欲言（非法内容除外）。在本页中玩家注册登陆后可以尽情发言，上传照片（如玩家相册，游戏截图等）。

7、音乐欣赏

当用户玩游戏疲惫时，可以通过听音乐的方式来放松自己的神经，减轻自己的压力，使用户在身心方面都得到放松。在这里我们会根据用户的喜好通过选择方式让用户自己选择自己喜欢的音乐类型来欣赏自己喜欢的音乐。

注：由于我们能力有限也许音乐不够完全，希望能您能谅解。

本网页纯属业余制作，如果有不完善的地方，请多包涵。

电脑网页制作教案 篇9

教员：王晓燕

课时：第一课时，一个半小时 教学目标: 1.知道如何启动和退出Dreamweaver8 2．掌握如何建立新站点，网页的打开和保存 3.掌握如何插入图像，动画，插件 4.掌握如何插入水平线

教学重点与难点：如何插入图像，动画以及修改其属性 教学方式：老师边讲解边指导学生如何操作 教学软件：Dreamweaver8 教学过程： 一.启动Dreamweaver8，“开始”

单击”程序/”Macromedia”/”Dreamweaver8”或双击桌面上的快捷图标，退出时单击工作窗口右上角的关闭按钮 二.三.新建网页, “创建新项目”/”HTML”

新建站点.”站点”/”新建站点”/”站点”

输入站点名称,选择本地根文件夹 四.五.文件的保存 “文件”/”保存”;或”另存为”

插入Flash动画，“插入”/”媒体“ 可以选择插入Flash、Flash文本或Flash按钮，插入对象后，利用“属性”面板设置有关属性 六.插入插件，“插入”/”媒体”/”插件”,在对话框中选中所需文件,单击”插入”,利用”属性”面板设置其大小

解读Div＋CSS网页制作误区 篇10

我们看到有嵌套6、7层的div布局，有不用table的表格，有纯div+a构成的页面，有成百上千的表现层class……现在关于标准的书籍越来越多，除了少数几本标榜“高级技巧”的书籍以外，很少有人不会在自己著作的前几章强调这样一句话——“结构与表现分离”。然而这些书籍的读者们，又有多少人认认真真地读过前几章呢？还是更多地直接跳过那些乏味的结构讲解，一头扎到貌似高深的布局技巧与Hack中去？

其实div+CSS这个说法从一开始就误导了太多的人，急功近利的心态则更是造成这种现象的罪魁祸首。一个习惯了table布局的网页制作者接触标准的第一步，不应该是去盲目寻求实现各种布局的CSS技巧，而是努力改变自己的思维方式。

下面将结合我的切身体会谈一谈顺应标准的思维方式，其中有不少是我曾经走过的弯路，希望对刚刚接触标准的XDJM们有些帮助。

1.“节省代码”是营销手段，不是宗旨

“使用div布局可以比table布局节省更多的代码”，我在很多书籍和网站上见到过这句话。这句话本身是没错的，可以“节省代码”的确是网页标准化所带来的好处之一。然而切记，它只是“好处之一”，而不是“唯一好处”，更不是宗旨。“节省代码”更多的时候是我们用来说服那些顽固不化的老板的营销手段。网页标准化的唯一宗旨是“结构与表现分离”，而绝不是为了节省代码而节省代码。我曾经因为网站边栏甚至主体内容的表现形式相同而采用了统一的class （至今还有一些书是这样教的），这样的确比分别命名id更节省代码，然而这样做的代价是代码失去了良好的结构。失去良好结构的后果是：一、源代码没有了可读性；二、网站增加了未知的维护成本。试想，当某一块内容因为需要而做出表现形式的变动，例如链接的颜色等等，我们就不得不去修改页面源文件，增加额外的class，工作量比起只需要调整id分组就大了许多。而且长此以往，结构将会越来越差，形成难以逆转的恶性循环。

还有一种情况，出现在id的命名方面，也是本人曾经犯过的错误。那时为了“节省代码”，而把主菜单命名为“mm”，二级菜单命名为“m2”，三级菜单为“m3”，结果严重降低了网页的可读性，使其他同事很难接手，图省事却累了自己。同理，文件及文件夹命名方面也不宜过简，像《网站重构》里建议把图片都用“i”目录存放，个人以为并不可取，除非你能为这种高度缩写的目录结构撰写详细说明并保证每个相关人员包括其他制作人员、开发，甚至懂行的老板……都能理解和执行，否则只会给你自己增添不必要的麻烦。

2.ID是狙击枪，class是双刃剑

想要做好网页结构，id与class都是必须熟练掌握的，所谓“两手抓，两手都要硬”。ID就像狙击枪一样，可以帮助我们精准地定位想要加载样式的元素；而class则是侠客的佩剑，信手拈来更加轻盈灵便，两者的结合能够实现结构良好且表现丰富的页面。然而现在有一种错误的观点，就是id完全可以用class来取代，事实上许多网页源代码也的确如此，打开来通篇class，找不到一个id。造成这种现象的理由有很多种，然而自table时代传下来的根深蒂固的“class=CSS”的观念才是本因。的确，class比id用途更广更灵活，但也必须意识到，class对于构建良好的网页结构远不如id有效。id的强制唯一性使得我们可以很容易通过id检索到我们需要的任意模块，而class则没有这个优势。虽然我们可以为模块定义唯一的class名，但前提是只有制作者本人可以动网页样式。否则换一个稍微懒一些的伙计，看到样式相同便直接把前面的class拿来套用，其结果就是我们发现网页里有十几个模块都叫做“gonggao”或者“xinwen”，以至于为了区分还不得不加上大量的html注释，这样的结果显然并不是我们想要的。再者就是前面提到的，通过通用class所节省下来的代码，又不得不在每个单独定义的class中挥霍掉。

ID是狙击枪，class是双刃剑，合则两利，分则两败。

3.并不是所有的内容都需要div做“容器”

主菜单究竟是用