制作网站教学

① 如何提高网页制作课程的教学效果

《网页设计与制作》课程是我校计算机专业必修的课程，也是非计算机专业选修课程，本课程是侧重学生设计与制作的一门课。那么如何提高《网页设计与制作》这门课程的教学质量，达到师生双赢的结果，这是值得我们探讨的。本人经过几年的《网页设计与制作》课程的教学实践与观察，从课程教学内容、教学方法等几个方面进行阐述。
一.合理调整教学内容
从培养目标出发，《网页设计与制作》课程教学内容重在培养学生的网页设计、实际动手制作的能力，因此对课程的教学内容进行合理的调整尤为重要，在讲述课程内容时，根据教学对象的不同，教学内容也是不同的，但是都没有完全按照教材的章节顺序来讲述，比如对于计算机专业学生来讲，我主要分成几部分，第一部分介绍网页基础知识，网站的种类，网站的概念，并对优秀的网站网页进行赏析；第二部分介绍HTML语言，通过一个典型的小型网站来讲解HTML语言各类标记符的使用方法；第三部分用网站制作软件具体介绍网站建设、网站规划及流程，第四部分为网站综合设计，通过由学生选择设计各类题目，两人一组设计一个综合类网站，进而锻炼学生的团队合作能力，网页设计与制作的能力。对于非计算机专业的学生来说，HTML语言部分就省略掉了，只有在做实例的过程中遇到问题时，在进行简单讲解，经过几年的教学来看，取得了良好的教学效果。
二.改进教学方法，激发学生学习兴趣
本人在此课程中主要采用了案例教学法，案例教学法师一种用案例教学的方法，在教学过程中，按照大纲的要求以实际案例作为剖析对象，在教师的指导下，教师与学生共同参与案例的分析，讨论来寻找完成任务的方法。
比如在讲授使用dreamweaver工具如何编辑文字和插入图像等基本基本知识，我会将一个真实的学校的网页呈现给学生，引导学生对这张网页进行分析，并提出实现方法，最后选择一种便捷的方法进行讲解，学生再进行上机实践。
再比如在介绍网页中表格的布局时，以“制作旅游类网站”为主进行介绍，首先由小组中的一名同学在黑板上画出网页的布局结构，然后再请另一名同学在软件中进行设计，小组协作共同完成这一个案例，在制作过程中难免会遇到一些问题，如表格布局是否合理、单元格是否为顶端对齐、单元格的边距和间距是否为0等现象是学生经常出问题的地方，那么由学生进行操作所遇到的问题，他们自身的印象会更深，这样就使其在今后的实践环节中减少此类问题的出现
实践证明案例教学方法可行，得到了学生的喜爱与好评，也取得了良好的教学效果。
三. 正确引导学生的学习方法
根据我校学生的特点，学生存在学习的积极性不高，不主动，课前不预习，课后不复习等现象，因此，在本课程的教学过程中，正确引导学生的学习方法是至关重要的。
(一)经常与学生沟通交流，使学生养成预习与自学的好习惯。使学生了解，通过预习和自学能够充分发挥其动手的能力，掌握各种技能，培养自身的创新能力，这种方法的运用要比老师单纯地讲好得多。
(二)根据学生的认知水平、思维方式，适当降低教材的理论难底，并多让学生欣赏一些网页制作方面的案例，增加学生的兴趣，调动学生的学习积极性，激发学生的潜能。
总之，《网页设计与制作》课程是一门实践性非常强的课程，如何提高本门课程的教学质量途径多种多样，只要在教学中不断探索，勇于创新，定会寻找出一条既符合实际又有效的途径，让学生在有限的时间内学习到更多的知识，操作的更熟练，为今后的工作、学习奠定良好的基础。同时,我也相信，只要每位教师本着“勤学、善思、实干”的准则，一如既往，再接再厉，调动学生学习的主动和积极性，培养学生观察、思维、推理、自学以及分析问题、解决问题的能力，任何一门课程的教学质量都会得到提高。

② 怎么制作网页

伴随网络的快速发展，上网已成为一种潮流。人们从网上传播和获取信息，而网页则是信息的基本载体。因此制作网页成为学生学习网络相关知识、学习信息传播知识的重要途径。

网页制作与其他教学相比，无论是教学思想、教学方法。还是教学手段、考核方式上都有其特殊之处。教师在教学中，采取怎样的教学模式和教学方法才能激发学生的学习积极性、提高教学质量呢？

网页制作的教学内容决定教学模式和方法，中小学开设信息技术课程的目的是培养学生的创新精神和实践能力、推动素质教育的开展，也就是说其重点是培养学生的动手能力。这样的目标，按照通常的教学模式（教师——内容——学生）的方法很难实现，甚至行不通。笔者采取网页制作教学模式（教师精讲指导——上机操作练习——学以致用）的方法进行教学效果不错。

一、学为主体，突起能力

计算机软件教学是中学信息技术教学的重要内容之一。网页制作教学有别于其他软件的教学。它具有教强的实践性。所以在教学中应充分体现学生的主体作用，即教师可用较短的时间做一些操作演示。还可以给学生展示一些较优秀的网页作品供学生参考，然后大部分时间交给学生，让他们在某一特定主题下自己动手制作。教师在学生制作过程中不要过多指点，应让学生在实践中摸索、在摸索中提高。当然这需要学生事先进行充分的预习，还要有其他软件知识（如Word）做基础。

这样做会不会花费较多时间，从而影响教学进度呢？回答是否定的。首先，从心理学的角度讲，兴趣是获取知识的源动力。学生对网页这种新事物非常感兴趣，早就跃跃欲试。其次，学习网页制作之前学生已有一些软件知识做基础，对软件本身的使用障碍不大。

这样的教学方法使学生的知识获取是通过亲身实践得到的，因此学得扎实，记得牢固。此外，学生在学习过程中遇到的问题是通过分析、摸索得到解决的，这又进一步提高了他们分析问题和解决问题的能力。所以这种以学为主、突出能力的网页制作教学方法是符合学生认知规律的行之有效的方法。

二、提倡创新，体现个性

网页是网络信息的基本载体，它除了为传播信息提供平台外，还体现出制作者的个人审美情趣和艺术修养。因此在网页制作的教学过程中，除了让学生掌握网页的一般制作技巧外，还应鼓励学生在制作网页时突出个人风格，提倡创新。

⒈自选主题

网页制作的作业应置选题分。教师可为学生提供一些网页主题，如环保、助残、娱乐等，学生可以选择教师提供的主题，也可以自拟主题，集中报教师后选题雷同的允许其重选，以利其取得较高的选题分。

2、页面新颖、美观

主页面的布局和制作是网页能否吸引人的关键所在，因此教师应在学生制作网页前将评价标准公布出来，把页面布局合理、制作精致、设计有新意、不雷同等作为加分因素。目的是鼓励创新、避免抄袭。这一标准对美术基础较好的同学十分有利，亦使他们的良好素质得到充分体现。

虽然教师事先准备了相关的文字、图片素材，但为了得到高分，学生们仍四处搜集相关图片、自己动手撰写文章、为自己的网页进行充分的素材准备，以期显示自己的个人风格。

这样进行的网页制作教学不但使学生学会了网页制作的方法，还充分展示了每个学生的个人审美情趣和对素材的组织能力，克服了以往学生们互相抄袭的弊病，能检验出每个学生的真实水平。通过这样的教学过程，学生们制作出的网页各有千秋，使我们老师都大开眼界，真正做到了教学相长。

三、鼓励协作，培养团队精神

“一花独放不是春，百花齐放春满园。”在当今竞争激烈的信息时代，如果只强调个人奋斗、忽视与他人协作，终究难成大器。在信息技术领域，团队精神显得尤为重要。在这个领域，许多软件都是几个、几十甚至几百人合作完成的。如果让一个人单独去做，恐怕当他的软件设计完成之时，也就是该软件淘汰之日。

为了鼓励协作，网页制作的考核中可增设小组附加分，即每四人为一组，小组成员的分数之和为小组分，小组分的30%作为附加分加入到该组每个成员的分数上。

学生在进行网页制作时遇到问题应首先自已分析解决，解决不了可请求其他同学帮助，如果仍不能解决则可组织小组讨论。由于有小组附加分的激励，能力强的同学在完成了自己的任务后，也乐于帮助同组同学，提高了小组总分，亦使自己受益。

③ 怎么用dreamweaver8制作交互网站教学

用dreamweaver做网站来前台页面还可以，但是涉及到源后台就不怎么好了。而且交互网站是需要后台和数据库的。如果你只是想要一个网站试试的话，可以去上找一些网站的后台模板，或者是一些CMS，下载下来在自己电脑上装个iis，或者其他的web服务器，如果有编程基础的话，一般修修改改还是可以的，如果没有编程基础的话，用dreamweaver做个页面都很难。

④ 急求DW制作动态网站视频教学

http://www.enet.com.cn/eschool/zhuanti/dwasp/

Dreamweaver是大家共认最优秀的可视化网页制作软件.其丰富的插件,多样化的模板以及简单易用性深受广大网页制作爱好者的喜欢.动态网页的制作一直是新手的困惑,复杂的命令和数据库等操作都让新手望而却步.但以后不必了,因为今天我们为大家带来的就是通过dreamweaver制作ASP动态网页的实例教程.

第一章 网页制作基础入门

1.1 网页制作入门实例-1 1.1 网页制作入门实例-2 1.2 超级链接设置-1
1.2 超级链接设置-2 1.3-1 表格的插入和属性 1.3-2 制作立体化表格
1.3-3 制作格式化表格 1.3-4 层的创建与操作 1.3-5 层的排版
1.4-1 跳转菜单 1.4-2 表单的运用 1.5-1 弹出窗口
1.5-2 状态栏信息 1.5-3 制作跳转页面 1.5-4 制作下拉菜单
1.5-5 制作网络相册

第二章 动态基础入门

2.1 定义动态站点及链接数据库 2.2-1 制作分页显示 2.2-1 制作显示记录数据页面
2.2-1 制作显示栏的内容 2.2-2 多个记录的显示 2.3-1 删除记录
2.3-1 添加记录 2.3-2 修改记录 2.4 创建查询页面

第三章 动态网页实例

3.1 制作留言板-1 3.1 制作留言板-2 3.1 制作留言板-3
3.2 制作在线调查系统-1 3.2 制作在线调查系统-2 3.2 制作在线调查系统-3
3.4-1 制作图书查询系统 3.4-2 制作图书查询系统 3.4-3 制作图书查询系统
3.5 制作在线聊天室-1 3.5 制作在线聊天室-2 3.5 制作在线聊天室-3
3.5 制作在线聊天室-4 3.6 制作在线论坛-1 3.6 制作在线论坛-2
3.6 制作在线论坛-3 3.6 制作在线论坛-4 3.7 创建新闻发布系统-1
3.7 创建新闻发布系统-2 3.7 创建新闻发布系统-3 3.8 制作电子商务网站-1
3.8 制作电子商务网站-2 3.8 制作电子商务网站-3 3.8 制作电子商务网站-4
3.8 制作电子商务网站-5 3.8 制作电子商务网站-6 3.8 制作电子商务网站-7
3.8 制作电子商务网站-8 3.9 制作下载系统-1 3.9 制作下载系统-2
3.10 制作人力资源管理系统-1 3.10 制作人力资源管理系统-2 3.10 制作人力资源管理系统-3
3.10 制作人力资源管理系统-4 3.10 制作人力资源管理系统-5 3.10 制作人力资源管理系统-6
3.10 制作人力资源管理系统-7 3.10 制作人力资源管理系统-8

第四章 数据库

4.1 构建ASP.NET的开发环境-1 4.2-1 创建数据链接 4.2-2 创建数据链接
4.2 常见数据链接-1 4.2 常见数据链接-2 4.3-1 制作基本ASP.NET动态网页
4.3-2 制作基本ASP.NET动态网页 4.3 制作基本ASP.NET动态网页-1 4.3 制作基本ASP.NET动态网页-2
4.3 制作基本ASP.NET动态网页-3 4.4 在页面之间传递信息 4.5 制作添加,更新和删除页面

相关视频教程

·精华！ASP互动视频教程 ·Dreamweaver 超全面视频教程 ·ASP超速入门视频教程
·入门级HTML基础视频教程 ·Dreamweaver轻松上手教程 ·Dreamweaver实例视频教程

⑤ 本人想学PPT制作，那个网站有这样的教学素材和视频教程呢

PPT名师教程，色彩常识及ppt色彩搭配 ，PPT教程集锦， 网络一下：pptmuban com

⑥ 怎么制作网上教学视频

看你具体要教学什么内容了！如果你只是想制作一个普通的微课视频，可以用专一般的屏幕录制软件属或微课工具，这里推荐“微讲师多媒体教学盒”，是一款老师可自己独立快速制作自己微课的工具，只需要一台笔记本电脑，就可以自己一个人独立进行微课录制，后期编辑也特别简单。
如果你要是想要将那种课堂教学过程实录下来，再做成视频上传到网站上，供学生学习的那种教学视频，可以采用“微讲师多媒体教学盒”，这是一款集无线麦克、无线手写板、激光手写笔、高清摄像头为一体的多功能教学设备，老师只需拿着无线手写板就可站在学生中间远程操作电脑、讲解课件并进行无线板书书写，通过教室现有的投影机或者触摸一体机进行成果展示，并且还可以直接在老师的PPT课件、动画、视频等资源上进行标注；通过该系统的录制、编辑功能，可以将老师的课堂教学过程及讲稿同步录制下来简单编辑就能生成一个教学视频，非常实用。

⑦ 如何制作自己的网站和网页，求Dreamweaver 制作教学视频

这类的教程视频网上很多，你可以直接在网上搜索你要学习的内容就会有很多的视频和图文教程。跟着做就行了、

⑧ 用JSP制作一个教学网站需要安装哪些软件

dreamweaver主要是网页界面设计的,jsp是利用JAVA语言来开发网页的,是SUN公司所设计出来的语言,同时JSP在网页中用版JAVABEAN可以使很权好的使网页的动态部分和静态部分分离出来,也比较利于以后的维护.ASP是MICROSOFT公司推出的网页的开发语言,与JSP相对,也能实现网站中的网页静态和动态分离.JDK是开发工具,JAVA DEVELOP KIT,TOMCAT WEB服务器是运行JSP文件必须的,MYSQL数据库服务器的话,如果你JSP里需要调用数据库,那就需要安装.ECLIPSE是JSP IDE开发环境,JSP的开发环境还有很多,不只ECLIPSE一个.

⑨ 求教学一个div+css网页制作

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>教学</title>
<style>
*{
margin:0;
padding:0;
}
.wrap{
width:960px;
margin:0auto;
}
a{
text-decoration:none;
}
.top{
width:100%;
height:5px;
background-color:#039;
}
.header{
width:100%;
height:200px;
position:relative;
background-color:#6F3;
}
.header.logo{
color:#000000;
margin:20px100px;
}
.headerp{
position:absolute;
right:0;
top:0;
background-color:rgba(0,0,0,.3);
}
.headerpa{
margin:5px10px;
display:inline-block;
}
.headera{
margin-left:15px;
color:#ffffff;
}
.nav{
height:30px;
background-color:#C60;
}
.navul{
overflow:hidden;
width:90%;
margin:0auto;
}
.navulli{
list-style:none;
float:left;
width:9%;
text-align:center;
border-right:1pxsolid#ffffff;
}
.navullia{
line-height:30px;
color:#ffffff;
}
.navullia:hover{
color:#F00;
}
</style>
</head>

<body>
<divclass="top">
</div>
<divclass="wrap">
<divclass="header">
<ahref="#"class="logo">logo</a>
<p>
<ahref="#">加入收藏</a>
<ahref="#">设为首页</a>
</p>
</div>
<divclass="nav">
<ul>
<li><ahref="#">首页</a></li>
<li><ahref="#">技术文章</a></li>
<li><ahref="#">行业动态</a></li>
<li><ahref="#">IT行业</a></li>
<li><ahref="#">资源下载</a></li>
<li><ahref="#">酷图欣赏</a></li>
<li><ahref="#">程序开发</a></li>
<li><ahref="#">设计资讯</a></li>
<li><ahref="#">论坛</a></li>
<li><ahref="#">素材下载</a></li>
<li><ahref="#">English</a></li>
</ul>
</div>
</div>
</body>
</html>

大概就是这个意思，要想精确制作，都是需要psd源文件的。

⑩ 想学习网页的制作，介绍个教学视频吧！

虽然我对这类不专业，但还是说说我的一些看法。

就像你现在看到的页面中，有蓝色的字、有黑色的字，有大字、有小字 ，有框框、有按钮，有图片……

CSS就是决定页面的风格，就像不同颜色、不同大小的字，框框的颜色……

DIV就是决定页面的布局，就像网络栏目在最上面，右上角是个人信息，下面是问题，最下面是推荐问题……

现在我把它们都去除了，就变成了如图片这样的样式：而这也就是最简单的html了，里面有内容，有链接，html也可以定义风格，只是没有CSS那么丰富：

PHP的作用我举一些例子：

你登录时会输入密码，而php就会把密码传入到服务器端进行验证，如果相同就登录成功；

提问时间，回答时间都会通过php传入到服务器存储起来；

还有浏览次数，就像你打开了这个网页，php就会自动传输一个信息让数据库+1。

你的登陆IP，登录时间，都是通过php来判断和传输的……

数据库的作用就是存储数据：

比如存储你的ip，你累计在线的时间，你的文章，你的个人资料……

js的作用：

比如你在某些网站看视频的时候，会有关灯的提示，点一下页面就会变黑；

右边的箭头，点一下就会返回到顶部；

你看图片时上一张和下一张的切换……

php和asp,jsp的作用是一样的，分不同情况使用。

另外，建议你初学不要使用Dreamweaver这类软件，你要先理解和熟悉它们的作用和方法，而不是自动化，所以用记事本写就行了。

学习的网站：http://www.w3school.com.cn