网页教案1

第一篇：网页教案1

网页制作---序言(理论课：1节)

一、常用网页制作工具

1、FontPage2000（Office办公软件）

2、Dreamweaver MX 2004

二、美化网页的工具

1、Flash动画（动画制作工具）

2、PhotoShop(图像处理工具)

3、Premiere(非线性视频处理工具，音乐和视频剪辑工具)

三、网页类型

1、静态网页

2、动态网页

四、常用概念

1、网页、网站

2、站点、文件夹

3、客户端、服务器端

五、Dreamweaver MX 2004启动

1、桌面

2、开始按钮

3、我的电脑

六、Dreamweaver MX 2004工作界面

1、标题栏

2、菜单栏

3、常用快捷钮

4、视图类型

5、编辑区

6、面板组

七、建立站点的方法

注意：

1、自己建立网站所用到的文件（网页、图片、声音、动画、视频等）必须放在站点所对应的文件夹下

2、站点与文件夹的名字可相同，也可不同

3、网页的测试方法

实 验

实验题目：

1、熟悉Dreamweaver MX 2004的工作界面

2、建立站点（包含网页、图像、动画及文件夹）

第二篇：下载网页教案

下载网页教案

一、学习目标：

(1)学会下载网页的方法。

(2)学会移动文件（文件夹）的方法。

(3)以教师演示讲授、引导启发和学生讨论尝试、自主学习相结合的方式，学会在因特网上下载有用的网页。

(4)通过导入展示的精美网页激发学生学习下载网页的兴趣，并进一步提高学生使用信息技术的能力。

(5)在保存图片的自主探究中，培养学生发现问题并自我解决问题的能力，提升学生的自学能力。

二、教学重点、难点：

1、学会下载网页和移动文件（文件夹）的方法。

2、保存网页后应该有两个文件，复制操作和移动操作的区别。

三、教学过程：

（一）导入

师：同学们，我们先一起来欣赏一些网页吧！这些网页好看吗？同学们一定非常想保留下来吧？好！今天我们就来学习下载网页！（出示课题）

（二）新授

1、下载网页

师：如果我们作为小小老师，向别人介绍中国儿童资源网的时候，能把完整的网页也呈现给大家，那同学们就更容易理解了。回忆一下我们前面学习的下载图片和下载文字的方法，那么能不能把网页完整的下载下来，即使在断开网络时也能看到完整的网页呢？

师停顿，生沉思片刻

生回答上台演示

一生：首先全部选定

一生准备按住鼠标左键全部拖动 有学生插嘴：按Ctrl+A 一生用自己方法选定后，又尝试了Ctrl+A，非常成功，然后复制，打开Word文档，粘贴。

师：非常棒！XX学生用了我们前面下载文字的方法复制了网页中所有的内容，真会学以致用但是，我们小朋友仔细观察一下，用这种方法，有没有把网页中所有内容完整保存下来。

生讨论回答，找出不同之处。师：那么怎么办呢？ 二生：把它添加到收藏夹

师：我们一起回忆一下，在哪儿用过“添加到收藏夹”

生回答

师小结：添加到收藏夹是帮助我们快速访问网站的方法，不是把网页下载到我们计算机里。

三生：文件——另存为

师强调保存类型

师让学生掌声鼓励操作正确的三生。

我们来看看保存好的网页，和前面下载文字的文件有什么不同吗？出现了两个文件，一个是网页文件，一个是同名文件夹。这个文件夹里有些什么文件？（学生可以点击文件夹浏览）

如果这个文件夹不见了，或者网页文件放到了其他文件夹里，又会怎样？（如果有学生发生这样的问题也可以由学生提出）自己尝试一下，然后和小组同学交流或者翻看书本，把你的交流结果告诉大家。

讨论保存网页的要领。

好，下面同学们自己来试一试，查找我们江阴一个景点的网页，然后把网页保存到“我的文档”里。

师生解决操作中遇到的问题。

2、移动文件和文件夹。（打开网页文件夹，用缩略图方式显示图片）这是刚才下载的网页中的图片，很漂亮，老师很喜欢，想把它放入自己的文件夹里，可以怎么办呢？（复制文件）（前面有复制文件（文件夹）的基础）

师让学生独立完成移动文件（文件夹）的操作 四人一小组讨论移动的方法 组内汇报演示

学生的汇报实在精彩，方法多种多样

1、按右键剪切——粘贴

粘贴的方法（1）直接在文件夹上按右键粘贴

（2）打开文件夹后粘贴

2、直接拖动

3、在菜单栏上选择“移动到文件夹”

两人合作探究选定多个文件的方法，教师提示两个功能键Ctrl，Shift 学生汇报

1、不连续的选定Ctrl

2、连续的选定Shift

3、用鼠标框住 误操作带来的意外发现

生：按住Ctrl健选定多个文件，不小心进行了“拖动”操作，复制了多个文件。

师总结： shift：按住shift键，把鼠标指针指向最后一个要选定的文件，然后单击，就可以选定首尾两个文件之间的所有文件。被选中的文件都是以蓝底白字显示。（广播演示）ctrl：选定不连续的文件

学会这几种选定文件的方法，有再多的文件要选定我们都不怕了。下面请同学们将下载的网页文件夹里的图片移动到你的文件夹里。

小结：我们可以用复制或移动的方法把文件放入其他的文件夹里，也可以同样的操作把文件夹复制或移动到其他的文件夹里。

3、比较。

刚才我们用了两种方法把文件放进自己的文件夹里，那到底复制文件和移动文件两种操作有什么不同呢？（学生归纳总结）

三、总结。

通过今天的学习，你有了哪些收获呢？希望同学们在以后的操作中，灵活运用我们今天学到的知识！

第三篇：网页教案

三、DW安装应用

在学网页创建中，有一款非常重要的软件叫ＤＷ软件，它件全称：Ｄreamweaver，被称为网页三剑客之一． ＤＷ软件学习内容： １.ＤＷ软件下载安装

２.创建ＨＴＭＬ文档和ＣＳＳ样式表并将二者关联起来 ３.ＤＷ软件的应用 Ａ.ＨＴＭＬ文档的创建 １.打开ＤＷ软件

２.如果想创建一个ＨＴＭＬ文档，只要点击“新建”下面的ＨＴＭＬ，这个就完成了一个ＨＴＭＬ文档的创建。

３.在当前页面点击“代码”，就可以看到我们新建一个ＨＴＭＬ文档的时候，包括“声明”、“标签”、“根元素”还有标签及里面的和

第四篇：网页策划书1

网页策划书

网站首页：

•少采用大型图片，用户关心的信息在首页体现，不应多次点击；

•首页下载速度要快；

•首页有效信息量丰富；

•首页有标题；

•提供一种以上外语链接页面。

•主页布局比整洁，重要信息得以重点体现；

•打开网页不宜弹出多个窗口，影响正常浏览；

•不要刻意追求“创意”效果，以至于很难理解网站要表达的意思。

页面信息：

•重要信息完整，如联系方式和产品介绍等；

•页面信息足够，减少多次翻页；

•去除与企业形象、产品、促销等方面无关的信息；

•产品详细介绍内容过少；

•内容页面没有标题，或者全部使用公司名为标题；

•客户能够方便的及时维护补充，保持其时效性；

•不允许有无任何内容的栏目。

网页字体和美工：

•注重美术效果，但不必w大量采用图片，影响网页下载速度；

•注重美观，但有些连基本信息内容都不可用图片格式，影响基本信息获取；•文字适中、颜色明晰、不影响正常视觉；

•页面不应过于花哨。

网编部蒙琴

第五篇：网页制作教案

网页制作与设计教案

第一讲 网页设计概述....................................................................................................................3 1.1WWW和URL.....................................................................................................................3 1.2IE5的使用............................................................................................................................3 1.3 网页中所使用的技术............................................................................................................4 1.4 制作网页的基本方法............................................................................................................4 第二讲 HTML的基本标志与格式标志.......................................................................................4 2.1 HTML文档的基本结构.........................................................................................................5 第三讲 HTML的文本、图片与超级链接标志...........................................................................5 2.2 插入文字................................................................................................................................6 2.3 插入图片................................................................................................................................8 2.4 建立超级链接........................................................................................................................8 第四讲 HTML表格、表单与框架标志.......................................................................................9 2.5 插入表格................................................................................................................................9 2.6 表单的应用..........................................................................................................................10 2.7 框架窗口..............................................................................................................................10 第五讲 HTML标志综合运用案例.............................................................................................11 第六讲 DREAMWEAVER中简单WEB站点建立与管理.....................................................12 3.1 DREAMWEAVER概述............................................................................................................12 第七讲 DREAMWEAVER中静态网页设计.............................................................................13 3.2 在页面中加入文字和图像..................................................................................................14 3.3 超级链接的运用..................................................................................................................14 3.4.表格的应用.........................................................................................................................14 3.5.在网页中创建表单.............................................................................................................15 第八讲 DREAMWEAVER中动态网页设计.............................................................................15 第九讲 DREAMWEAVER综合性网页设计案例.....................................................................16 第十讲 VBSCRIPT概述.............................................................................................................17 4.1 VBSCRIPT语言简介.............................................................................................................17 第十一讲 VBSCRIPT的基本元素与输入输出.........................................................................18 4.2.基本数据类型.......................................................................................................................18 4.2.表达式和运算符.................................................................................................................19 第十二讲 VBSCRIPT的条件语句、循环语句和过程.............................................................20 4.3 VBSCRIPT基本语句.............................................................................................................20

第一讲 网页设计概述

【教学内容】

讲解网页设计的相关术语及网站制作的基本流程。【教学目的】

使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。【教学重点】

网页设计中的若干术语。【教学难点】

理解网页设计中的若干术语。【教学方式】

讲授式、讨论式、案例分析式。【教学参考】

1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。

2、《Internet 网页工场》Wittime工作室 重庆出版社。

3、《WEB网站设计》Joel Sklar著 高等教育出版社。

4、《HTML网页制作教程》材义语编著 铁道出版社。【新课内容】

1.1 WWW和URL 1.1.1 Web的起源

Web是World Wide Web的简称，一般也称之为WWW或3W 1.1.2 Web的特点和结构

Web最大的特点是使用了超文本（Hypertext）WWW采用C/S（客户机/服务器）工作模式

在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议 1.1.3 URL URL的完整格式

协议://主机名或IP地址：端口号/路径名/文件名

1.2 IE5的使用

Web浏览器是浏览Internet资源的客户端软件

在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic等

1.2.1 IE5的界面 1.2.2 IE5的使用

列表标志的使用。【教学方式】

讨论式、案例分析式、练习式。【教学参考】

1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。

2、《WEB网站设计》Joel Sklar著 高等教育出版社。

3、《HTML网页制作教程》材义语编著 铁道出版社。【新课内容】

2.1 HTML文档的基本结构

2.1.1 HTML语法

1、双标记

语法：

<标记>内容

2、单标记 语法：<标记> 最常用的单标记是

3、标记属性 语法

<标记

属性1 属性2 属性3 … > 例子

4、注释语句 格式

例子

2.1.2 HTML文档的基本结构 【课后小结】

通过本次课的学习,要求能熟练掌握网页面的基本标志与格式标志,并能灵活运用 列表,有序列表,无序列表标志及属性。

第三讲 HTML的文本、图片与超级链接标志

【教学内容】

讲解HTML标准中的文本、图片与超级链接标志 【教学目的】

* 使学生了解标题元素,掌握字体,上下标,及特殊字符的标志。

< EM>......，强调文字，通常用斜体。

< STRONG>......，特别强调的文字，通常用黑体。

......，以等宽体显示西文字符。

......，使文字大小相对于前面的文字增大一级。

......，使文字大小相对于前面的文字减小一级。^......，使文字成为前一个字符的上标。_......，使文字成为前一个字符的下标。......，使文字显示为闪烁效果。2.2.6

文本修饰 2.2.7

预格式化文本 使用预格式化标记

不再忽略在此之间的空格、制表符与回车符等元素 2.2.8 转义字符与特殊字符

一般转义符都是以“&”开始，以“；”结束，一个转义符之间不能有空格 2.2.9 文本强制换行和不换行 文本强制换行

不换行 2.2.10 插入水平线 使用