利用主页生成网页模板教案（精选多篇）

推荐第1篇：芝加哥大学网页主页翻译

芝加哥大学

Preparing for College

为大学做准备

十之八九，对大学的期待令人无比兴奋，但这个过程也可能是艰巨的。你不必对此感到紧张，我们只是希望你在接下来的几个月或是几年内能牢固的学习高中课程，参加你认为有意义的课外活动，花时间与你的朋友和家人相处。

你的部分时间会被用于进行一次全面的大学搜索。这个搜索可以在互联网上的任何地方开始，在一个你喜欢的作者传记里，在你的高中指导老师的办公室，或在你地区的大学博览会上。我们希望你询关于大学的一些重要的问题并花时间弄清楚答案，但你也需要问自己些重要的问题例如：你想从你的大学经验中获得些什么。你的答案可能会让你大吃一惊，所以重要的是要保持开放的心态。

Recommended curriculum 推荐课程 High School 高中

当我们查阅你们的申请时，首先关心的是你是否已经准备好在大学里学习。虽然没有具体的中学课程标准规定，大学预科课程的建议是： 4年的英语 3-4年的数学 3-4年的科学实验 3年或更久的社会科学 学习一门外语

Extracurriculars 课外活动

如果你是一个现代的高中学生，你可能已经超负荷学习，不需要我们的任何额外的压力。在芝加哥大学，我们不需求高中时期的特别活动，因为我们并不认为你在大学还会做同样的事。但我们寻找那些有能量有兴趣，关心自己学习和生活的社区的学生（即指参加社区活动）。

在做课程选择时，选择那些能够丰富你挑战你的课程而不是思考它们在学院的申请审核人看来是怎样的。每个学院对申请的审核都是不同的所以说很难预料哪些课程对每个学院来说都是好的。

Timeline 时间表

现在

加入我们的邮件名单（网页有链接） 春季三年级

夏季三年级

8月1号

秋季最后一年

11月1号

12月中旬

1月2号

2月1号

参加SAT或者ACT考试（网页有链接）访问校园（网页有链接） 计划一次会谈（网页有链接） 完成普通的申请（网页有链接）

校园访问和继续会谈（网页有链接）

上课，在校园里过夜

网页有链接） 问老师要推荐信

（网页有链接）

早申请的截止日期（网页有链接）

早申请的录取 （网页有链接）

常规录取截止日期（网页有链接） 所有的财政援助的表格 （网页有链接）

3月末

常规录取（网页有链接）

4月1号-30

已录取的学生访问

5月1

答复的截止日期

康奈尔大学

康奈尔大学需要什么？

无论你是第一年的申请者还是转学的申请者，都没有神奇的公式确保你能进入康奈尔大学。是的，或许你已听说过：康奈尔大学的入学具有很高的选择性，每年只有低于20%的申请者可以入学。

我们无资金需求的录取过程意味着在审查申请时我们不会考虑经济环境。因为我们的多元化和包容性，承受能力对于我们来说极为重要。我们的录取过程是高度个性化的，我们会花费很多的时间对你是否契合大学的文化和人生哲学进行评估。结果是不同学生的丰富混搭成为康奈尔大学的最好的事情之一。

我们需要什么？

你潜在的智慧

你用最高级别的课程挑战过自己吗？你如何展示你对学习的热情？ 你的个性

诚实，开放的思想，主动性，对他人的同情心，你的价值观对康奈尔大学来说十分重要。你的申请论文和推荐信是否充分反映了你强烈的个性特点？

你的参与性

课外活动，社区活动，工作经验，领导能力以及你所发展的特殊才华和兴趣爱好。

你选择康奈尔的原因

你是否已决定了想学的专业，你打算如何利用康奈尔优越的学习环境？为什么它是适合你的地方？康奈尔完全支持平等的机会，没有人会因为种族，宗教，民族或种族，性别，性取向，年龄，或残疾而被拒绝录取，

论文

学生经常会询问我们在提交的论文中我们在寻找什么，以下是供你考虑的一些提示：

提示1：对给出的问题进行深入的思考，而不是写出你认为我们想听到的答案，而是给我们关于你的深入思考后的答案

提示2：在你的论文中帮助我们理解对你而言重要的思想和感觉，我们对你选择的话题感兴趣，你是如何阐述自己的想法，如何表达自己。

宾夕法尼亚大学

弗兰克名言--你想成为怎样的一个人，那做一个真实的自己

每年宾夕法尼亚大学的招生委员会都会挑选出2420名来自世界 各地有着不同背景的优秀的学者，科学家，艺术家，运动员，企业家或是更多。

我们寻求那些渴望在在宾夕法尼亚大学的文科基础，实践，和跨学科的学习环境发展和完善自己的天赋和能力的学生。我们理想的候选人是能够效仿宾夕法尼亚大学创始人本杰明富兰克林运用自己的知识，服务社会的理念。

招生委员会寻找那些有着出色的学术成绩，敢于迎接挑战，有丰富兴趣爱好和才能的学生。在学历方面，我们主要关注的是高中的成绩单，但我们还需要看一看标准化的考试成绩，综合他们高中的表现情况来判断。

此外，宾夕法尼亚大学试图吸引有着求知欲，跨学科思维，渴望运用他们能力的学生。我们理想的申请人是那些能够有能力把他们的想法和兴趣转换成积极行动的人。这些学生的才能和经验会影响我们的校园社区，我们后院的费城，甚至更广阔的世界。

那么我们的招生理念如何与你们的申请相关呢？我们可以很轻易的招入优秀的毕业致辞生和那些有着完美分数的学生，但我们的目标是建立未来领导者的理想摇篮。所以，比起数字我们更看重无形的品质。因此帮助我们从那些有着一样或是相似GPA，测试成绩的分数里发现你是十分重要的。

让我们听到你真正的声音，告诉我们你的故事，在你准备申请时，思考一下这些问题：

1.对你而言，什么是最重要的？ 2.你为什么想加入宾夕法尼亚大学？

3.宾夕法尼亚大学的Locust小道（大学内的一条小路名称在此意会）会带领你走向什么样的道路----学术，社会，个人？

4.你如何计划使用宾夕法尼亚大学的教育资源作为未来你在宾夕法尼亚社区或更大的世界留下印记的基础？

宾夕法尼亚大学坚定致力于这样的教育提供给有着最聪明头脑的人，在招收美国，加拿大，墨西哥的公民或是永久居住者是，我们并不考虑学生的经济背景。此外，所有被录取的学生若有经济帮助需求的他们会在宾夕法尼亚大学的本科学习内得到全面的财政帮助。最后，所有的被帮助学生会被授予无贷款援助计划，允许他们无债毕业。

我们的招生选拔委员会期待回顾你的成就，期待了解你的想法和梦想，希望知道你将会为宾夕法尼亚社区做出怎样的贡献。

推荐第2篇：主页 雪景 古诗词 网页设计

网页设计

一、实验目的

1．掌握Dreamweaver CS5的基本操作。 2．掌握设计简单网页的技术。

二、实验环境要求

安装了Dreamweaver CS5中文版的计算机。

三、实验任务描述

1．创建本地站点。

2．制作古诗网页（添加并设置网页的文本、图像等元素）。 3．设计动画雪景（运用Flash动画）。

4．设计个人简历（表格排版、插入图像、创建并应用CSS样式）。 5．制作主页index.html（网页布局，设置超链接）。

四、实验预备知识

Dreamweaver集网页制作和站点管理于一身，是网页设计的首选工具。 Dreamweaver具有“所见即所得的”设计方式，能够实现网站的管理，并可制作出支持数据库的动态网页。

1．创建本地站点

网站建设的基本方法是先在本地计算机上创建页面，然后将其上传到服务器。一个网站的文件往往比较多，为了便于文件的管理和维护，需将网站的所有文件存放在一个文件夹内，这个文件夹就是站点。

在Dreamweaver CS5中，通过【站点】→【新建站点】命令，可创建站点。

2．文本的添加和设置

在网页中添加文本有三种方法：第一种是直接输入；第二种是复制粘贴（在其他窗口中复制文本，然后粘贴到页面中指定位置）；第三种是导入法（执行【文件】→【导入】菜单中的相关命令）。

通过【页面属性】对话框，可以设置页面中的字体、字号、颜色和背景图像等属性。

3．插入图像和动画

图像具有直观、形象的特点，在网页中插入图像的方法是：光标放置在文档的相应位置，执行【插入】→【图像】命令，弹出“选择图像源文件”对话框，在其中选择要插入的图片后，单击【确定】按钮。

插入Flash动画、音频和视频，可以丰富网页的内容。

4．设置超链接

网络中的所有资源都是通过超级链接联系在一起的。选中文本或图像，在【属性】检查器中即可添加超链接。对文字或图片设置超链接后，在浏览器中鼠标单击超链接载体就会跳转到其他页面。

4．表格布局

表格在网页中往往用来定位和排版。在【插入】面板中，单击【常用】选项卡的【表格】按钮，弹出【表格】对话框，设置相应的参数后，即可插入表格。

在表格中，按住左键拖动鼠标，可选择连续的单元格；按住Ctrl键后，分别单击要选定的单元格，可选中不连续的单元格。

5．CSS样式

CSS（层叠样式表）是现在广泛使用的格式控制技术，是Web标准化体系中重要的组成部分。在Dreamweaver 中能以可视化方式编辑CSS样式，并应用到网页中。

在【CSS样式】面板中，单击【新建CSS规划】按钮，即可创建CSS。

五、实验项目及步骤

实验项目一

在Dreamweaver CS5中创建站点

打开“新建站点”对话框，在其中输入站点名称（学号），并选择“实验24”为本地站点文件夹。

实验项目二

制作古诗网页

网页中最基本的元素是文本和图像，这两种元素可以组成最简单的网页。将诗歌内容与特色背景图像搭配，能较好地表现页面的主题内容。本练习通过对文字与背景图像的设置，制作一个古诗网页，预览效果如图24-1所示。

图24-1 古诗页面

操作步骤：

1．在站点中新建网页文件gsxs.html，标题设置为：古诗欣赏。

2．打开“实验24”的“sc”文件夹中的“sgwb.txt”文件，复制其中的古诗文本到页面中。

3．单击【属性】检查器中的【页面属性】按钮，打开相应的对话框，如图24-2所示。

图24-2 “页面属性”对话框

4．在文字【大小】文本框中选择“24px”；【文本颜色】文本框中选择“绿色”（#360）；单击【背景图像】文本框右侧的【浏览】按钮，在弹出对话框中选择“images”文件夹中的“zhu.jpg”，【重复】文本框中选择“no-repeat”；单击【确定】按钮，将其应用到网页文档中。

5．将光标放置在“咏竹”文本的前面，按Enter键换行。然后单击【属性】检查器中的【内缩区块】按钮，将文本向右缩进（单击五次）；再分别将光标放置在各个诗句的前面，单击【属性】检查器中的【内缩区块】按钮，将文本向右缩进（各单击二次）。

6．选择“咏竹”文本，在【属性】检查器的【格式】下拉列表中选择“标题1”，完成标题格式的设置。

7．保存网页后，按F12键可在浏览器中预览页面效果。

实验项目三

设计网页动画雪景

要想使网页的视觉效果更加丰富，多媒体元素的加入必不可少，而Flash动画是网页中常用的元素之一。本练习将设计网页动画雪景，预览效果如图24-3所示。

图24-3 动画雪景页面

操作步骤： 1．新建网页文件dhxj.html，标题设置为：动画雪景。

2．单击【属性】检查器中的【页面属性】按钮，打开相应的对话框。设置【背景图像】为“images”文件夹中的“dhbj.jpg”，【重复】文本框中选择“no-repeat”；设置【左边距】、【上边距】、【右边距】、【下边距】四个属性值均为0，如图24-4所示，然后单击【确定】按钮。

图24-4 “页面属性”对话框

3．执行【插入】→【媒体】→SWF 命令，弹出【选择SWF】对话框，在其中选择“sc”文件夹中的“snow.swf”，单击【确定】按钮插入动画。

4．在【属性】检查器中，设置Flash动画【宽】为1000px，【高】为650px，【Wmode】的下拉列表中选择“透明”选项，如图24-5所示。

图24-5 “属性”检查器

5．保存网页，按F12键在浏览器中预览页面效果。

实验项目四

设计个人简历

在Dreamweaver中，表格除了归纳的作用外，还具有排版与定位的作用。当一个表格无法满足所有需要时，可使用嵌套表格。本练习运用嵌套表格制作一份具有蓝色细框线的个人简历，其整体效果如图24-6所示。

图24-6 个人简历页面

操作步骤： 1．在站点中新建网页文件grjl.html，标题为：个人简历。

2．单击【插入】面板中的【表格】按钮，在弹出的【表格】对话框中，设置行数和列数都为3，表格宽度为760像素，边框粗细、单元格边距、单元格间距均设为0，如图24-7所示。单击【确定】按钮后，在页面中即插入一个3行3列、宽760像素的表格。

图24-7 “插入表格”对话框

3．分别选择第一行和第三行的所有的单元格，单击【属性】检查器中的【合并单元格】按钮。将单元格合并后，分别在表格的上、左、右、下单元格中插入图像top.gif、left.gif、right.gif和foot.gif，并调整单元格的大小。

4．将光标置于中间单元格中，插入一个13行4列的嵌套表格（宽度为690像素，边框粗细为0，单元格边距为5，单元格间距为1），并用鼠标拖动的方法调整嵌套表格的高度以适应最大外框。然后选定嵌套表格，在【属性】检查器中设置对齐方式为“居中对齐”。

5．打开【CSS样式】面板，单击【新建CSS规划】按钮，在弹出对话框的“选择器名称”文本框中输入tbg，单击【确定】按钮弹出“.tbg的CSS规则定义”对话框，在其中选择“分类”中的“背景”，设置Background-color（背景颜色）为#4BACC6（蓝色），如图24-8所示。

图24-8 “.tbg的CSS规则定义”对话框

6．选中嵌套表格后在【属性】检查器中点开“类”的下拉列表，选择其中的“tbg”，为表格添加蓝色背景；再选中嵌套表格的所有单元格，设置单元格背景颜色为白色（#FFFFFF），从而制作出蓝色细框线的表格，如图24-9所示。

图24-9 蓝色细线边框表格

7．按照图24-6的样式合并相应的单元格，并用鼠标拖动的方法调整单元格的宽度；然后在单元格中输入相应的文字，并设置单元格背景颜色和文字对齐方式，如图24-9所示。其中第

1、

5、

7、12行的背景颜色为“蓝色”（#D2EAF1），文字“加粗”；第

2、

3、4行的第

1、3列和第8行的背景颜色为“灰色”（#EFEFEF），文字水平对齐方式为“居中对齐”。

图24-10 输入栏目名称的表格

8．最后在表格中填入自己的个人信息，右上角单元格中插入头像图片，按F12键在浏览器中预览页面效果

实验项目五

制作主页index.html

图24-11 index.html页面

操作步骤：

1．在站点中新建网页文件index.html，标题为：主页。 2．打开【页面属性】对话框，设置【左边距】、【上边距】、【右边距】、【下边距】四个属性值都为0。

3．插入一个4行3列、宽1000像素的表格（边框粗细、单元格边距、单元格间距都设为0）。

4．选择第一行的三个单元格，在【属性】检查中设置单元格的高度为50px，文本水平对齐方式为“居中对齐”，背景颜色为#F4F4F4，并单击“加粗”按钮。

5．在三个单元格中分别输入图24-11中的导航文本。选中“古诗欣赏”，在【属性】检查器中对其添加超链接（链接到gsxs.html，并设置为“在新窗口中打开”）；第二个单元格中的“动画雪景”文本链接到dhxj.html（新窗口中打开）；第三个单元格中的“个人简历”文本链接到grjl.html（新窗口中打开）。

6．合并第二行的三个单元格，在其中插入图像mxcz.jpg。

7．将第三行的三个单元格背景颜色设置为#EEEEEE，高度为50px，文本水平对齐方式为“居中”。然后分别输入图24-11中的文本，将“友情链接”文本链接到http://www.daodoc.com（新窗口中打开）；“与我联系”链接到电子邮箱hkj@163.com（选中“与我联系”文本后，【插入】面板中单击“电子邮件链接”按钮，在弹出的对话框中输入电子邮件地址）。

8．合并第四行的三个单元格，设置文本水平居中对齐，输入版权信息。 9．最后按F12在浏览器中打开网页，测试超链接。

四川旅游学院信息技术系

推荐第3篇：Frontpage网页设计之主页制作

网页的制作教案

一、教学目标：

1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；

2、认识FRONTPAGE的界面；

3、掌握在主页中插入文字、图片、水平线；

4、掌握页面文件与图片的保存。

二、教学重点：

1、能在指定位置建立只有一个网页的站点（难点）

2、能在页面中插入文字、图片、水平线

3、掌握页面文件与图片的保存（难点）

三、学情分析：

学生已经学习了WORD、POWERPOINT与上网浏览信息，对计算机的基本操作（WORD中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。

四、教学方法

一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。

五、教学过程

设计教师活动：

1、引入课题：

（激发兴趣，活跃气氛）经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。

问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）

问题2：网页是不是就是主页？(第一个页面称为主页,网站设计者可以确定哪一个是主页,主页的文件名一般为：index.htm,主页也是网页) 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。

今天我们学习用Frontpage建立站点，制作一个主页。

先来研究一下没有发布的网站,打开教师做的网站问：同学们看到了什么？（文件夹）

小结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。请学生浏览教师课件，了解学习任务。

2、新建站点：

与word比较，有什么不同？（增加了视图区，编辑区有三个窗口）

小结：视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。

Html窗口：编写HTML（超文本标记语言，它是描述网页内容和外观的标准。） 打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。（教会学生利用导学课件，根据导学课件完成任务）

任务1：学生根据导学课件，在d:\\建立自己站点

教师巡视指导请一位学生示范如何建立站点，教师总结问：在文件夹列表中看到了什么？分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在images文件夹中）

3、编辑主页与保存主页看效果图，

请学生分析主页中的元素总结：鲜明的主题，如：我的世界、我的宠物等，有分割页面的水平线，与主题相关的图片，对网站的简单介绍根据导学软件，学生完成

任务2：设计主页、保存主页与图片。教师巡视指导

4、总结反馈请学生示范，

讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存总结：必须切换到“普通”窗口下编辑主页的保存中存在问题：单击“文件”“保存”或工具栏的“保存”按扭，弹出一个对话框，保存嵌入式文件，改变文件夹，图片必须保存在本站点images文件夹中,便于站点的管理。

5、请学生继续完成自己的主页，有能力的同学完成提高篇，教师巡视指导

6、教师与学生共同评价总结展示学生作品 教师与学生共同评价请学生总结今天的学习内容：建立包含一个页面的站点，主页的设计与保存。学生活动：学生回答问题、观察鼠标指针、学生回答问题、学生观察网站的表现形式、齐声回答、学生浏览课件，并了解本节课的学习任务。学生上机操作，在指定位置建立自己站点、请先做好的学生当小老师，辅导其它学生。学生回答、学生操作，同桌互相帮助，并参考教师做的课件，利用网络环境下的课件自己探索学习，满足不同层次学生的需求、学生总结：课件中包含每一个操作过程的操作步骤及拓展的知识、基本任务与提高任务的效果图。

推荐第4篇：“利用Photoshop制作主页标志”教学设计

“利用Photoshop制作主页标志”教学设计

【设计思想】

本设计是高中信息技术基础必修教材(中国地图出版社)4.2.3《网页中多媒体素材的加工》的第2课时《利用Photoshop制作主页标志》教学设计。本设计遵循新课程标准的指导思想，以建构主义理论为理论依据，以学生为主体、教师为主导，借助于多媒体网络教室，充分利用网络资源，关注学生的学习兴趣和审美能力，通过作品的模仿创作，进一步培养学生发散思维和创新能力，使学生在学习理解Photoshop相关知识的同时，体验Photoshop强大的图像处理功能和其独特的神奇和魅力，激发学生对Photoshop软件学习的兴趣，使学生在感受信息文化的同时，提升审美意识，享受创造出有个性作品的成功的乐趣。

【教材分析与处理】

图像是传递信息的重要媒体，因此让学生学会处理图像尤为重要。本课是高中信息技术基础必修教材4.2.3《网页中多媒体素材的加工》的第2课时，教学安排：由于Photoshop的普及面比较广，有的学生以前学习过，有的只是简单接触过，有的可能一点都没有接触，起点的差异性比较大。面对学生起点水平的参差不齐，个人兴趣、审美能力的差异，为了更好地把学生吸引到本节课的教学中来，我对教材4.2.3《图像信息的加工》的学习顺序做了一点调整，将P102页制作文字网页背景放到前面学习，这样可以让学生增加对Photoshop软件的感性认识，加深对图层概念的理解，体验文字工具的用途，同时对本节课Photoshop的学习奠定基础。

【学情分析】

我校地处城北，由于地区和生源差异，以及起点、个人兴趣、审美能力的差异，如何把学生吸引到Photoshop教学中来，让学生更好地完成本节课的学习任务？教师应当尽量避免单纯介绍知识，而应该让学生多动手实践，在实践中去体验去思考，多鼓励学生在进行模仿的同时，创造性地学习Photoshop，从而调动学生的学习积极性和主动性，经过不同任务的提升，激发他们创作出有个性的作品。

通过以上的分析，结合祝智庭教授等人编写的教学参考书，根据信息技术课程标准和本节课的教学要求，我将本节教学具体的教学目标制订如下：

【教学目标】

知识与技能

1．了解图层概念和作用，学会图层的基本操作。

2．知道图层应用在图像处理中的好处，学会用Photoshop制作网站标志。

3．学会使用选框工具、文字的工具、自定形状工具和文字蒙版工具及文字图层效果的使用。

4．学会“滤镜”菜单的使用，理解“粘贴”与“粘贴入”的区别。

过程与方法

1．根据需求选择合适的素材，创作相应主题的作品。

2．通过作品展示交流，欣赏和评价达到共同提高的目的。

3．通过学生的自主和协作探究，培养学生的自主学习、协作学习的能力

情感态度与价值观

1．通过对作品的模仿创作，使学生体验创作的成就感，激发他们的创新意识。

2．通过作品展示与评价，让学生体验成功的喜悦，激发学生的创造热情，培养学生审美和欣赏水平。

【教学重点、难点】

重点：

图层的应用与操作；

选框工具和文字工具、移动工具、自定形状工具等的使用；

“滤镜”菜单的使用；

“粘贴”“粘贴入”的区别。

难点：

自定形状工具和文字蒙版工具的使用；

文字、图层效果的使用；

“粘贴”“粘贴入”的区别。

【教学策略】

学生是学习活动的主体，只有当他们处于积极的“求学”状态并不断体验成功的喜悦，教学才彰显出真正的意义。本节课采用作品的模仿制作来引导学生参与学习，在教学中，鼓励学生循序渐进，模仿创作，勇于创新，最终在作品中体现知识的掌握与能力的提高，作品完成后，请学生展示和讲解作品的构思和创作特色，其它同学相互欣赏、交流评价。

【教学方法】

1．教学方法

在教学实践中，本人基于建构主义学习理论，在课堂中采用任务驱动教学法、作品展示法、演示法、分层教学法等多种教学法，充分利用多媒体网络机房的优势，首先由教师展示作品，确定教学主题并布置教学任务，学生在教师的引导下完成教学任务，把教学任务分为“基本任务”和“拓展任务”两个层次，要求学生完成“基本任务”，学有余力的同学继续完成“拓展任务”，从而达到分层教学的目的。在学生自主探索学习过程中,采用小组合作,让学生在合作中互相帮助，相互学习。

2．学习方法

探究学习、自主学习、协作学习。

【教学环境与教学资源】

1．学习环境:多媒体网络教室

2．学习资源：导学课件、学案

3．教学和学习中用到的工具：极域广播系统、Photoshop、Word。 【教学过程设计】

【教学反思】

本节课是一节Photoshop技能学习课，通过展示几个著名站点的Logo样张，创设情境，激发兴趣，导入新课。本设计遵循新课程标准的指导思想，以建构主义理论为理论依据，以学生为主体、教师为主导，借助于多媒体网络教室，充分利用网络资源，使学生在学习理解Photoshop相关知识的同时，体验Photoshop强大的图像处理功能和其独特的神奇和魅力，使学生在感受信息文化的同时，提升审美意识，享受创造出有个性作品的成功的乐趣，从而真正达到一种情感升华的美好境界。

由于Photoshop的普及面比较广，所以学生起点差异性比较大。本设计充分考虑学生起点差异，以及个人兴趣、审美能力的差异，把教学任务分为“基本任务”和“拓展任务”两个层次，从而达到分层教学的目的，使优等生“吃得饱”,学困生“够得着”。在学生自主探索学习过程中,采用小组合作,让学生在合作中互相帮助，相互学习，强化合作意识，为适应信息社会的学习、工作和生活打下基础。

本节课最大的亮点在于：让学生在根据学案进行作品的模拟创作的同时，鼓励学生大胆创新，通过网络资源或网上邻居图片素材库，自行选择素材，制作出具有一定意义的作品，并加上适当的文字展现主题，进一步培养学生发散思维和创新能力。

本节课不足之处在于：时间紧，任务重，Photoshop基础薄弱的同学，感到有困难。

推荐第5篇：如何利用dreamever制作网页

如何利用dreamever制作网页

通过dreamever制作网页，我们世纪坐标网站建设小组整理出以下几点：

一、初识dreamever，制作网站的流程 规划网站类型及主题搜集资料素材使用软件 进行网页制作测试及发布

二、认识Dreamweaver 是当前最流行、最方便的网页设计和网站开发工具软件。

三、网页制作：a、创建网页文档（文件→新建→新建文档→常规→类别→基本页 ）。

b、保存指定文件（ 文件→另存为 • 文件→保存全部 ）。

c、网页文件要用英文或数字进行命名 。

d、基本网页的扩展名为.html 。

e、打开已建的HTML文档（文件→打开右击文件选择Dreamweaver打开，拖动到Dreamweaver

f、关闭文件。

四、创建站点：站点简单的说就是一个文件夹，在这个文件夹里包含了网站中所有用到的文件。

通过以上四步，一个简单的网页就可以制作成功。

了解详情

推荐第6篇：网页教案

三、DW安装应用

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

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

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

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

推荐第7篇：主页制作心得体会

主页制作心得体会

一学期的主页制作让我收获不小。主页制作是个很有意思的课程，也非常有用。我个人兴趣还是比较大的。学到了很多东西，基本的主页制作，简单的flash制作，photoshop的使用等等。

关于这次作业:

内容方面，我做了十个页面，主题是自己的个人主页，包括了我的相册，我的日志，我的课堂上的一件flash作品，我的个人简介等。通过照片，文字，视频，音乐等元素介绍了自己，展示了我平时的生活，取得的荣誉，参加过的活动，对一些事件的看法等等。

技术方面，尽量多使用了老师讲过的内容，同时自己尝试了没有讲过的其他内容，比如网络相册等。漂浮物，背景音乐的插入，页面背景的插入，超级链接的设置，文字格式颜色，背景颜色，层的设置，表格的使用，等等，都用到了。但是在制作过程中也发现了自己的不足之处。比如操作不熟练，文件的保存路径等弄的比较混乱，有些技巧都忘记了。这主要是练习不多的缘故。比如珊瑚颂的flash，重新做的就不如当时在课堂上做的熟练。但是凭借我对主页制作的兴趣，我想以后会经常制作。

一学期的课程感觉学到了很多，虽然操作依然不是很熟练，只是能做一些比较简单的页面，但是它让我接触了主页制作，有了一个入门的过程。相信从此会给我带来很大的帮助。

推荐第8篇：网页教案2

注意：做为一个优秀的网站工作者及维护者应该有很强的逻辑思维能力（即所有的文件都放在什么位置自己心里要有谱，管理维护起来能够得心应手），不能让打开你网站的用户感到“乱的一塌糊涂”。

第一章：站点的管理及文本的应用

（15节，含上机操作课）

一、站点的操作

1、新建站点（a）：

新建一个网站，所有资源手动放置在站点所对应的文件夹（或者子文件夹）下面。

2、新建站点（b）：

网站已事先做好，新建一个站点是为了维护网站的方便，即修改网页内容的方便。

3、删除站点：站点所对应的主文件夹及里面的资源依然存在。

4、编辑站点：若改变站点所对应的路径，则文件夹里面的资源将丢失。

二、为什么要引入“站点”的概念

1、管理维护的方便

2、解决文件调用时绝对路径（站点根目录）和相对路径（文档）的问题

3、一般情况下，站点与网站的主文件夹是一一对应的，不能出现冗余的情况。

三、建立站点时应注意

1、站点名称、网站对应的主文件夹及主文件夹下所对应的所有资源的名称一律不能用汉字命名

2、本地根文件夹书写时避免发生以下错误： 1） D;\\toyato2) D:/toyato3) D://toyato 4) D: oyato (不要留有空格) 5） D： \\toyato

3、能够正确区分站点名称与本地根文件夹（网站所对应的主文件夹）的异同

4、切忌将所有的资源全部放在根文件夹下，合理利用子文件夹

5、文件夹的层次不要太深，一般合理就行

四、文本字体的输入及属性的设置

1、文本的输入

2、空格的输入

3、标点符号的输入

4、如何将文本类型设置为特殊字体（操作系统中默认没有的字体）

五、将文本设置为动态文本

1、将文本放置在和之间

2、中参数的设置及输入方法

3、中参数的意义 1）behavior：滚动方式

Alternate：左右或者上下交替滚动 Scroll：循环滚动

Slide：滚动一次到达边界后静止

2）bgcolor：滚动区域的背景颜色3）height、width：滚动区域高度及宽度 4）direction：文本的滚动方向

up ：向上滚动 down：向下滚动 left：向左滚动 right：向右滚动

5 ）onClick(单击)、onDblClick（双击）、

onMouseOut（鼠标移开）、onMouseOver（鼠标经过）时文本的运动状态

例如：onMouseOut=\"this.stop()\" onMouseOver=\"this.start()\" 说明：

this.stop()：当前的对象停止运动 this.start()：当前的对象开始运动

6）scrollamount：设定活动字幕的滚动速度，单位为像素 7）scrolldelay：设定活动字幕两次之间的延迟时间，单位为毫秒，值大了会有一步一停的效果。

8）loop：循环滚动的次数 若值为-1，无限循环

注意：N(n>=o)，循环n次后停止滚动，若n为小数，则自动取整，为去掉小数点后的整数

上 机 实 验

一、实验题目：

1、熟悉站点的常规操作

2、文本的输入及属性设置

二、实验要求：

1、建立一个站点，并将所有文件放在站点对应的文件夹下

2、建立一个网页，向其中输入文本

3、对文本的属性进行设置

4、将文本设置为滚动文本，当鼠标经过文本时停止滚动，鼠标移开文本时开始滚动。

三、实验步骤（请写出在对文本进行相关设置后，“代码视图”中关于文字修饰的相应代码）

推荐第9篇：网页教案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、建立站点（包含网页、图像、动画及文件夹）

推荐第10篇：网页教案3

第二章：一简单的网页（5节，含上操作课）

一、表格的处理

1、表格的宽度

原则：在任何一台电脑上不应出现水平滚动条（垂直滚动条则允许），760。

2、表格的对齐方式：隐含表格的对齐方式应设为：居中对齐

3、表格边框的粗细：隐含表格（边框的值为0）

4、表格相应单元格“自动扩张”的解决

二、水平线的设置

1、利用标签

Align:对齐方式Center:居中Right: 右对齐left: 左对齐 color:水平线的颜色width：水平线的宽度（即线有多长）

size：水平线的厚度（即线有多粗）noshade：是否有阴影

2、利用Photoshop制作水平线

单的水平线（垂直线）混色水平线（垂直线）

三、文字的输入及编辑

1、空格的输入

2、换行

1） 硬换行： Enter（前后两个段落） 2) 软换行：Shift+ Enter（前后为一个段落）

四、图片与文字混排

1、加载图片

2、文字输入项目符号和编号

3、图片和文字的排列方式

五、波浪线的制作

六、加载日期（不会自动更新，仅是最近保存网页的系统日期）

七、给文字增加滚动条

1、层的应用

2、层与表格的混合应用 注意： 1）先加载表格

2）向表格中插入层，调整层的大小（也就是文本要显示的区域） 3）将层的溢出属性设置为：Auto Position:relative( 相对定位) Left:0px Top:0px

八、利用Photoshop处理图片

1、抓取图片

2、裁切图片

3、在图片上添加文字

4、保存图片

九、设置页面属性

上

机

实

验

一、实验题目：

制作一个简单的网页

二、实验目的：

熟悉水平线的制作方法、体会表格在网页布局中的作用，当多个元素被加载在页面中时如何排版。

三、实验要求：

1、利用层将文本区域增加滚动条

2、设置水平线

3、对图片和文字进行排版

4、增加系统日期

三、实验步骤（请写出在网页中对文本区域设置滚动条时的操作步骤）

第11篇：网页元素教案

第1章网页设计基础 教学要求

熟练掌握网页设计软件和网页图形制作软件。

掌握Internet、WWW、TCP/IP、域名系统、URL、静态网页与动态网页等与网站相关的基本概念。

了解网站建设过程中的几种常用语言，包括HTML、JavaScript和VBScript脚本语言、Java语言、ASP、ASP.NET、PHP等。 教学重点

掌握Internet、WWW、TCP/IP、域名系统、URL、静态网页与动态网页等与网站相关的基本概念。 教学难点

常用网页制作软件的使用。 课时安排

本章安排4课时。其中，理论讲授2课时，上机实验2课时 教学大纲

一、网页与网站概述 1．Internet 2．WWW 3．网页与网站 4．网页的基本元素

二、常用网页制作软件及辅助设计软件 1．网页制作软件 2．网页辅助设计软件

三、常用网站程序设计语言

四、使用Dreamweaver制作简单的网页 1．Dreamweaver工作界面

2．使用Dreamweaver构建本地站点 3．简单网页制作 主要概念 1．Internet 2．万维网（WWW） 3．文件传输（FTP） 4．电子邮件（E-mail） 5．远程登录（Telnet） 6．调制解调器 7．浏览器 8．TCP/IP 9．IP地址 10．域名

11．超文本传输协议（HTTP） 12．统一资源定位符（URL） 13．静态网页 14．动态网页 15．主页 16．HTML 17．FrontPage 18．Dreamweaver 19．Fireworks 20．Flash 21．Photoshop 22．JavaScript 23．VBScript 24．脚本语言 25．Java 26．ASP 27．ASP.NET 28．PHP 29．JSP 实验

实验一制作一个名为MySite的个人网页 1．熟悉建立本地站点的一般步骤； 2．掌握常用网页制作软件的使用方法； 第2章 HTML网页元素 教学要求

熟练掌握：HTML的基本标签，内容包括元素和标签的概念、标签、头部标签、标题标签、元信息标签、HTML主体标签的使用；文本元素，包括标题标签、引文标签、署名标签、特殊字符、注释标签、文字标签、文字修饰标签、段落标签、预编排标签、居中对齐标签等的使用；超链接，包括路径的概念、内部链接、外部链接、锚点链接、电子邮件链接的使用方法；图片元素，包括图片标签使用，以及标签的alt属性、height、width属性、align属性的设置，和设置图片为超链接的方法；多媒体对象，包括标签、标签、标签的使用。 教学重点

HTML基本标签、文本元素、超链接、图片元素。 教学难点

超链接、图片元素。 课时安排

本章安排20课时。其中，理论讲授10课时，上机实验10课时。 教学大纲

一、HTML的基本标签 1．头部标签 2．标题标签 3．元信息标签 4．HTML主体标签

二、文本元素 1．文字内容 2．文字修饰标签 3．段落排布

三、超链接

1．超链接的建立 2．内部链接 3．外部链接 4．锚点链接 5．电子邮件链接

四、图片元素

1．网页中图片的格式 2．图片的添加与设置 3．图片超链接

五、多媒体对象 1．插入多媒体文件 2．滚动文字 主要概念

1．元素和标签 2．HTML基本标签 3．头部标签 4．标题标签 5．元信息标签 6．HTML主体标签 7．标签

8．引文标签 9．署名标签 10．特殊字符 11．注释标签 12．标签 13．文字修饰标签 14．段落标签

15．、和标签 16．预编排标签

17．居中对齐标签 18．超链接 19．路径的概念 20．内部链接 21．外部链接 22．锚点链接 23．电子邮件链接 24．标签
25．标签的alt属性
26．标签中的height和width属性 27．标签的align属性 28．图片超链接 29．标签 30．标签 31．标签 实验
实验一 HTML的基本标签（2学时） 1.掌握HTML的基本标签。 2.练习制作简单网页。 实验二文本元素（2学时）
1.掌握控制文本元素的标签使用方法。2.练习制作含有文本元素的网页。 实验三超链接应用（2学时）
1.掌握在网页中插入超链接的方法。2.练习在网页中插入超链接。 实验四图片元素（2学时）
1.掌握在网页中插入图片元素的方法。2.练习在网页中插入图片并设置图片属性。 实验五图片元素（2学时）
1.熟悉在网页中插入多媒体对象的方法。2.练习在网页中插入多媒体对象。 第3章 HTML网页布局 教学要求
熟练掌握：表格，包括表格的结构、设置表格边框、大小、背景颜色、背景图像、标题、行的高度、行的对齐方式、单元格宽度、单元格内容的对齐方式、设置单元格的背景颜色、设置单元格的背景图像、合并单元格、利用表格进行网页布局；框架，包括框架的基本概念、框架结构、窗口框架的分割方式、窗口名称、框架边框的显示状态、指定在框架中显示的网页、控制框架滚动条属性、设置框架的边距、设置框架中的超链接、利用框架进行网页布局；水平线和列表，包括无序列表、有序列表、嵌套列表和自定义列表。
掌握：使用表格布局网页、使用框架布局网页、水平线标签和列表的使用。
了解：设置表格分隔线显示状态、表格边框的颜色、表格的位置、表格边框与内容的间距、行的内边框颜色、行的背景颜色、单元格的边框颜色、设置框架边框的宽度、设置框架边框的颜色、浮动框架等。 教学重点
使用表格布局网页、表格行和单元格的属性设置、使用框架布局网页、框架集和框架的属性设置。 教学难点
使用表格布局网页、使用框架布局网页。 课时安排
本章安排12课时。其中，理论讲授6课时，上机实验6课时。 教学大纲
一、表格
1．表格的基本概念和结构 2．表格的基本属性 3．表格的行属性 4．表格的单元格属性 5．利用表格进行网页布局
二、框架
1．框架的基本概念 2．设置框架集的属性 3．设置框架的属性 4．浮动框架
5．设置框架中的超链接 6．利用框架进行网页布局
三、水平线和列表 1．水平线 2．列表 主要概念 1．表格
2．表格的结构 3．设置表格边框
4．设置分隔线显示状态 5．设置表格边框的颜色 6．设置表格的大小 7．设置表格的背景颜色 8．设置表格背景图像 9．设置表格的位置
10．设置表格边框与内容的间距 11．设置表格的标题 12．设置行的高度 13．设置行的对齐方式 14．设置行的内边框颜色 15．设置行的背景颜色 16．和 17．设置单元格宽度
18．设置单元格内容的对齐方式 19．设置单元格的边框颜色 20．设置单元格的背景颜色 21．设置单元格的背景图像 22．合并单元格
23．利用表格进行网页布局 24．框架的基本概念 25．框架结构
26．窗口框架的分割方式 27．左右分割 28．上下分割 29．嵌套分割
30．设置框架边框的宽度 31．设置框架边框的颜色 32．设置框架边框的显示状态 33．指定在框架中显示的网页 34．定义子窗口名称 35．控制框架滚动条属性
36．设置是否允许调整框架的大小 37．设置框架的边距 38．浮动框架
39．设置框架中的超链接 40．利用框架进行网页布局 41．水平线 42．列表 43．无序列表 44．有序列表 45．嵌套列表 46．自定义列表 实验
实验一表格的应用（2学时） 1.掌握表格的使用方法。 2.练习用表格对网页布局。 实验二框架的应用（2学时） 1.掌握框架的使用方法。 2.练习制作框架网页。
实验三水平线和列表（2学时）
1.掌握在网页中插入水平线和列表的方法。2.练习在网页中插入水平线和列表。 第4章 HTML中的表单 教学要求
熟练掌握文本框、下拉列表框、密码域、图像域、单选按钮、复选框、隐藏域等常用表单控件的使用方法，能够使用这些表单控件制作表单实例。 掌握表单的结构和标签的用法。 教学重点
文本框、下拉列表框、密码域、图像域、单选按钮、复选框、隐藏域等常用表单控件的使用方法。 教学难点
使用表单控件制作表单实例。 课时安排
本章安排6课时。其中，理论讲授4课时，上机实验2课时 教学大纲
一、表单概述 1．表单的结构 2．标签
二、表单控件 1．文本域控件 2．按钮控件
3．单选按钮和复选框控件 4．列表控件 5．隐藏域 6．图像域控件 7．文本域
三、表单综合应用实例 主要概念 1．表单
2．标签 3．单行文本框 4．多行文本框 5．密码域 6．普通按钮 7．提交按钮 8．重置按钮 9．单选按钮 10．复选框 11．下拉列表框 12．列表框 13．隐藏域 14．图像域 15．文件域 实验
实验一表单控件操作练习
1．熟悉表单在html中的结构； 2．掌握常用表单控件的使用； 3．掌握表单实例制作方法。 第5章 CSS基础应用 教学要求
理解CSS的概念以及与HTML标签元素的关系，了解网站中应用CSS的意义；熟练掌握CSS基本语法格式、CSS基本样式的定义以及如何在网页中引入CSS。 教学重点
CSS的概念以及与HTML标签元素的关系，如何在网页中引入CSS。 教学难点
CSS基本语法格式和在网页中引入CSS的几种方法的区别。 课时安排
本章安排5课时。其中，理论讲授3课时，上机实验2课时 教学大纲
一、CSS简介 1．CSS语法 2．层叠性 3．注释
4．在网页中插入CSS
二、设置文本字体 1．字体系列 2．字体大小 3．字体加粗 4．设置斜体 5．字体变形
6．设置字体的多个属性
三、设置文本样式 1．文本段落缩进 2．文本对齐方式 3．文本字间距 4．文本修饰效果 5．行间距
四、设置颜色和背景 1．颜色 2．背景颜色 3．背景图像
五、设置边框 1．边框样式 2．边框宽度 3．边框颜色 主要概念 1．CSS 2．属性、选择符和属性值
3．链接的外部样式表、内部样式表、嵌入样式表和导入的样式表 4．层叠性
5．文本样式、文本修饰 实验
实验 CSS基础应用
1．掌握CSS基本语法结构；
2．掌握如何在网页中引入样式表；
3．熟悉对文本字体和文本样式进行设置的若干属性。 第6章 CSS高级应用 教学要求
熟练掌握CSS中列表的控制、CSS的定位和CSS特效滤镜等高级应用的使用方法，从而对使用CSS实现丰富的网页效果有深入的认识和体会，真正理解CSS引入对网页设计与制作带来的深刻变化。 教学重点
CSS定位和CSS滤镜的使用 教学难点
CSS的定位方式和定位位置 课时安排
本章安排4课时。其中，理论讲授2课时，上机实验2课时 教学大纲
一、列表 1.列表样式 2.列表图像 3.列表位置
二、定位 1.定位方式 2.定位位置 3.叠放次序
三、滤镜 1.Alpha 2.Blur 3.Chroma 4.Shadow和DropShadow 5.FlipH和FlipV 6.Glow属性 主要概念
CSS定位方式、叠放次序和CSS滤镜 实验
实验
CSS高级应用
1．掌握利用CSS控制列表的样式；
2．掌握利用CSS控制网页元素的定位位置和叠放次序； 3．熟悉利用CSS实现不同网页元素的多种滤镜效果。。 第7章 JavaScript基础知识 教学要求
熟练掌握JavaScript语言中变量的定义、命名规则和使用方法，表达式和运算符，选择语句、循环语句、转向语句等流程控制语句；掌握函数的概念、函数的创建以及如何去调用函数。 教学重点
变量的定义、命名规则和使用方法，表达式和运算符，选择语句、循环语句、转向语句等流程控制语句 教学难点
函数的概念、函数的创建以及如何去调用函数 课时安排
本章安排5课时。其中，理论讲授3课时，上机实验2课时 教学大纲
一、JavaScript概述 1．JavaScript主要特点
2． JavaScript运行和编译环境 3． JavaScript代码格式
二、JavaScript语言基础 1．数据类型及转换方法 2．常量和变量 3．运算符和表达式
三、JavaScript控制语句 1．选择语句 2．循环语句 3．转向语句
四、JavaScript函数 1．函数的定义与函数的调用 2．数据类型函数 3．内置函数 主要概念
JavaScript、常量、变量、运算符、表达式、函数、语句 实验
实验 JavaScript语言基础
1．掌握JavaScript语言的运行和编译环境用法； 2．掌握JavaScript变量、运算符、表达式的用法； 3．掌握JavaScript语句的用法和函数的用法。 第8章 JavaScript的事件和对象 教学要求
掌握对象的基本概念，熟练掌握对象的属性的访问和使用对象的方法；掌握事件的使用方法。 教学重点
对象的属性的访问和使用方法，事件的使用方法。 教学难点
对象的属性的访问和使用方法，事件的使用方法。 课时安排
本章安排4课时。其中，理论讲授2课时，上机实验2课时 教学大纲
一、事件
1.事件与处理器 2.事件捆绑 3.鼠标事件 4.键盘事件 5.浏览器事件
二、JavaScript对象 1.对象的概念 2.内置对象 3.表单对象 主要概念
对象、对象属性、事件、事件捆绑 实验
实验
JavaScript对象和事件的使用 1．掌握JavaScript对象的使用方法； 2．掌握JavaScript事件的使用方法； 第9章网站制作综合实例 教学要求
熟练掌握：主页设计的方法、步骤，能够使用Fireworks、Dreamweaver软件进行主页设计，掌握CSS样式的应用方法以及网页中添加Javascript特效的方法。 掌握：网站测试与发布的方法。 了解：网站规划的方法。 教学重点
网站主页设计的方法、步骤，使用Fireworks、Dreamweaver软件进行主页设计， CSS样式的应用方法以及网页中添加Javascript特效的方法。 教学难点
Fireworks对图片切片以及Dreamweaver制作主页方法。 课时安排
本章安排6课时。其中，理论讲授4课时，上机实验2课时 教学大纲
一、网站规划 1．网站目标 2．内容组织 3．链接结构 4．网站风格 5．版面布局
二、主页设计
1．制作主页图片稿
2．利用Fireworks对图片切片 3．利用Dreamweaver制作主页 4．插入图片
三、编辑子页面
四、设置超链接
五、CSS样式的应用
六、添加JavaScript特效
七、网站检查与发布 1．测试检查 2．网站发布 实验
实验一制作个人主页
1．熟悉主页的制作过程；
2．掌握常用网页制作软件的使用方法； 3．了解网页发布过程。 
第12篇：网页制作教案
第一节 制作简单的网页
（一）教学对象分析
学生在学习本内容前，已经学习了利用Word制作简单的网页，并且初步掌握了制作网页的一般流程及基本操作，具有进一步学习的能力。
（二）教学目标
1、了解Frontpage的界面组成及基本功能。
2、掌握在Frontpage中编辑文字、插入图像的方法。
3、掌握在Frontpage中设置电子邮件超链接的方法。
4、培养学生在获取信息的能力，使学生学会利用计算机和网络搜集与准备网页素材。
5、培养学生的知识迁移能力。
（三）教学重点
利用Frontpage制作简单的网页
（四）教学方法和手段
教学方法：以学生自学为主，教师辅导为辅。 教学手段：多媒体网络教学。
（五）教学过程
1、创设情境，导入新课：
展示几幅优秀的网页作品，激发学生学习专业网页制作软件的愿望。Frontpager 功能主要体现在：
1、网页编辑功能。
2、网站管理功能。
一、启动Frontpage i.ii.启动Frontpage Frontpage窗口组成
二、用Frontpage制作网页
1、输入文字
2、设置字体、字号
3、插入剪贴画
4、创建电子邮件超链接
三、保存网页
四、预览网页 反馈操作情况情况
第二节 插入表格
（一）教学目标
了解Frontpage中使用表格的作用。 掌握在Frontpage中插入表格的方法。 能熟练在表格中输入文字、插入图片。
（二）教学重点
在Frontpage 中利用表格组织网页结构。
（三）教学过程
导入新课，表格是网页中经常使用的一种形式，表格里不仅可以存放文字、图像等数据，还可以作为组织网页内容的框架，使网页整齐、美观。
新课讲授：
1、插入空表格
2、在表格中插入图片
3、设置图片属性
4、输入文字
5、设置表格属性
6、插入表格标题
7、保存网页、预览网页 本课总结
第三节 创建表单
（一）教学目标 了解表单的功能。
掌握在Frontpage中创建表单的方法。 掌握在Frontpage中插入表单域的方法。
（二）教学重点 表单网页的结果处理。
（三）教学过程
复习
1、如何制作图文并茂的网页？
2、表格在网页中的主要作用？
3、在网页中插入表格有几种方法？ 导入新课、创设情境
展示几幅含有表单域的网页作品，例如调查表、申请表、提问：表单与表格的异同点？ 讲授新课
一、利用表单网页向导创建表单
1、建立表单
2、修改表单
3、处理表单结果
4、利用表单确认模板制作表单确认页面
二、制作网页背景 反馈操作情况 本课总结
课后任务：利用菜单栏中的命令在网页中插入表单域。 
第四节 利用框架制作首页
（一）教学目标 了解框架的功能
掌握在Frontpage中使用框架的方法。 掌握在Frontpage中建立超链接的方法。
（二）教学重点 利用框架制作首页
（三）教学过程
复习：
1、如何制作表单页？
2、表单的主要作用？
导入新课、创设情境：展示模范的网页作品，激发学生学习的兴趣。 讲授新课：
一、利用框架制作首页
1、新建框架网页
2、设置 右框中的初始网页
3、保存网页
4、建立左框中的网页
二、建立超链接
二、制作网页背景 保存网页、游览网页 反馈操作情况  本课总结
课后任务：练习其他几种超链接方式。宛善网页。 
第五节 站点管理
（一）教学目标 了解站点的基本知识。
掌握利用Frontpage建立站点的方法。 掌握向站点中导入网页的方法。
（二）教学重点 导入超链接
（三）教学过程 复习：
导入新课、创设情境：Frontpage不仅具有强大的网页编辑功能，而且具有强大的管理站点的功能。 讲授新课：
一、建立站点
二、导入网页
三、导入超链接 本课总结 
第六节 发布站点
（一）教学目标 了解发布站点的一般流程
（二）教学重点
把站点发布到因特网上是本节的重点。
（三）教学过程 复习：
导入新课、创设情境：展示因特网上的优秀个人网站。 讲授新课：
一、把站点发布到本机
二、测试网站的表单功能
三、把网站发布到因特网上（介绍） 本课总结 
第13篇：网页制作教案
网页制作与设计教案
第一讲 网页设计概述 ....................................................................................................................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
第一讲 网页设计概述
【教学内容】
讲解网页设计的相关术语及网站制作的基本流程。 【教学目的】
使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。 【教学重点】
网页设计中的若干术语。 【教学难点】
理解网页设计中的若干术语。 【教学方式】
讲授式、讨论式、案例分析式。 【教学参考】
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的使用
- 3
列表标志的使用。 【教学方式】
讨论式、案例分析式、练习式。 【教学参考】
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标准中的文本、图片与超级链接标志 【教学目的】
* 使学生了解标题元素,掌握字体,上下标,及特殊字符的标志。
- 5
......，强调文字，通常用斜体。 
......，特别强调的文字，通常用黑体。
......，以等宽体显示西文字符。
......，使文字大小相对于前面的文字增大一级。
......，使文字大小相对于前面的文字减小一级。 ......，使文字成为前一个字符的上标。 ......，使文字成为前一个字符的下标。 ......，使文字显示为闪烁效果。 2.2.6
文本修饰 2.2.7
预格式化文本 使用预格式化标记 不再忽略在此之间的空格、制表符与回车符等元素 2.2.8 转义字符与特殊字符
一般转义符都是以“&”开始，以“；”结束，一个转义符之间不能有空格 2.2.9 文本强制换行和不换行 文本强制换行
不换行  2.2.10 插入水平线 使用标记
属性：Width，Size，Align，Noshade，color 2.2.11 使用列表
1、无序列表  列表条目1 列表条目2 ......
2、有序列表
  列表条目1 列表条目2 ......
3、定义列表 列表条目1 条目1的说明 列表条目2 条目2的说明 …… 
- 7
...... 2.4.4 图像地图 【课后小结】
本节介绍了在网页中加入文本、图片和超级链接的标志与相应属性，熟练运用这些标志是制作多媒体网页的基础。超级链接标志中，书签链接是一类特殊的链接方式，理解和使用书签链接学习HTML中超级链接标志的难点。
第四讲 HTML表格、表单与框架标志
【教学内容】
讲解HTML中制作表格、表单与框架的标志。 【教学目的】
使学生掌握简单表格、表单与框架的制作。 【教学重点】
* 表格中单元格的合并以及表格嵌套和叠加操作。 * 框架的嵌套使用。 * 表单元素标志与属性。 【教学难点】
* 理解表格属性rowspan与colspan的含义以及表格嵌套实现的基本思想。 * 理解框架属性name、target的意义。
* 理解表单中相应元素对应标志及属性的含义。 【教学方式】
案例分析式、项目教学 【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。
2、《WEB网站设计》Joel Sklar著 高等教育出版社。
3、《HTML网页制作教程》材义语编著 铁道出版社。 【新课内容】
2.5 插入表格
2.5.1 在网页中插入表格
表格的基本构成元素：表头，单元格，列，行   第一行第一列 第一行第二列   第二行第一列 第二行第二列
- 9
FrameSpacing=\"2“
BorderColor=\"#008000“ >
2.7.3 子窗口属性设置
 2.7.4 常见的框架窗口划分方法 （1）标题和正文，分为上下两部分 （2）层次结构，分为上中下三部分 
（3）目录和标题，分为左上、左下、右三部分
（4）标题、目录和正文，分为上、左下、右下三部分 （5）嵌套目录，分为左、右上、右下三部分 2.7.5 不支持框架的网页
  
很抱歉，馈下使用的浏览器不支援框架功能，请转用新的浏览器。
第14篇：《网页制作》教案
《信息技术》第三册
新课程标准教案
制作第一个网页(网页诞生了)
[教学目的]
1．通过浏览几个精彩网页，激发学生制作网页的学习兴趣。
2．熟练掌握启动Frontpage 2000，熟悉Frontpage2000文件菜单和常用工具的
使用方法，新建“只有一个网页的站点”的操作步骤，从中认识Frontpage2000的主界面，理解创建网站的意义．
3．网页的基本步骤，了解创建网页的过程学会在网页中输入文字、编辑文字、插入图片的方法，培养学生搜集、处理信息的能力。
4．作网页，培养学生学习制作网页的兴趣
[教学重点]
创建网站的过程，制作、编辑网页的基本方法。Frontpage2000的窗口组成，
[教学难点]
保存网页文件的方法，创建网站的意义
[教法设计]
演示、练习、讲授、启发引导、任务驱动
[导入新课]
在因特网上，我们可以用IE浏览器获取万维网中各种有价值的信息。同时看到许多
组织机构甚至个人都在万维网上拥有自己的网页。
让学生打开“网上邻居”的“网页”文件夹，浏览从网上下载的几个精彩网页。
 你们有没有想过自己制作一个网页呢?把自己想要表述的内容，
自己喜欢的作文、图片通过网页展示给同学或更多的朋友观看、欣赏、浏览。
[讲授新课]
 制作第一个网页
 网页制作不是一件简单的事情，而是按一定的顺序一步步进行的。请同学们回忆制作网页前应作哪些准备工作?
 现在开始创建网页．我们选用功能强大，操作简单的工具Frontpage 2000来制作。
一．启动Frontpage 2000
 进入到Frontpage 2000界面后，比比看，这个软件与以前学过的Word 2000与Excel2000有什么相同与不同之处呢? (展示两软件界面的图片)
 相同之处是：窗口相似，都有常见的标题栏、菜单栏和工具栏。不同的是：多了一个如教材的图2—2—2所示：1．编辑模式标签卡2．视图框。
二．建立只有一个网页的站点
 为什么不新建一个网页，而要新建一个站点呢?
 新建FrontPage 2000中“个人站点”来启发引导．
 一般来讲，网页文件总是存放在特定的站点中便于管理。因此，第一次制作网页之前需建立一个存放网页文件的专用站点。
教材P76试试看
对于初学者，通常选用“只有一个网页的站点”，今后根据需要可以向网站中添加新的网页。
 看书P76页图2-2-6，仔细观察文件夹列表中唯一的一个网页名称是什么?(它是什么文件?)
 index．htm被命名为主页，即进入网站时看到的第一个网页。
三．在主页面编辑模式下插入文字，插入图片。
 我们知道文字，图片，动画是网页组成的基本元素。
教案设计：陡埠中学
彭荣兵
《信息技术》第三册
新课程标准教案
今天我们就在空白的主页中加入文字和图片，制作一个简单的网页。
打开主页文件，在右边主页页面编辑窗，中完成如下任务：
1．将准备好的介绍班集体的文字(主题和正文)插入(复制，粘贴)到页面中。
2．从计算机E盘里找到存储的“集体照”图片插入到网页中。
复习WORD中学过的文字编辑、排版，插入图片的方法。
问题：
学生插入图片后将其移动到合适的位置及调整图片大小．
1．老师引导，讲解；2．学生演示；3．学生相互讨论。
四．预览网页
 编辑工作完成后就能观看制作的效果了．可以保存之后在IB浏览器中观看，也可以直接通过预览模式标签卡预览、浏览．请同学们参考教材的图示切换“预览”标签卡，预览制作的网页。
评选出网页制作的“速度奖”、“设计奖”、“美观奖”。
五、保存制作的网页
网页制作完成，需要将它保存下来．请同学们按照教材P78页上的操作步骤将网页文件分别存放在images和_private文件夹中。
 今天用网页制作工具Frontpage 2000创建了一个只有一个网页的站点，在主页中加入了文字和图片，制作了一个简单的网页．这只是网页制作的第一步，精彩的网页还要不断地加工、美化和修饰，例如：配上美丽的背景，加上好看的花边和配上动听的音乐，使之变得更完美。
本着以学生为主体的原则，我在本课的教学中设计先让学生浏览网上下载的精彩网页，借以激发他们学习制作网页的兴趣，然后从启动Frontpage 2000开始，直至网页制作完成，老师只是一步步的启发引导，起着主导的作用，大部分时间都是学生自己动手动脑操作，整堂课课堂气氛活跃，收到了较好的教学效果。
教案设计：陡埠中学
彭荣兵
第15篇：《表单网页》教案
《表单网页》教案
【教学目标】
1．知识与技能
⑴了解表单网页的概念和作用； ⑵掌握表单网页的制作方法。 2．过程与方法
通过阅读课本、观看演示回忆、感受表单网页的作用；在递进的操作任务中掌握表单网页制作和美化的方法。 3．情感态度与价值观
体验表单网页在网站中的重要作用，激发他们对信息技术的求知欲，形成积极主动地学习和使用信息技术、参与信息活动的态度。
【重点难点】
表单网页的制作方法。
【课时安排】 1课时
【教学准备】
网络教室、多媒体教学软件。 【教学过程】
一、新课引入（5分钟）
大家有QQ号或者E-mail邮箱吗？ 在申请QQ和E-mail时，我们要输入一些个人信息？这类采集用户信息的网页都被称为表单网单。（阅读课本P119）
展示一个简单的园艺网站来介绍家乡的盆景艺术，如皋是全国有名的盆景园艺之乡，每天有许多人通过网络了解如皋的盆景艺术，怎样才能知道他们对我们网站的意见或建议呢？ （设计一个留言板网页来采集他们的意见。）
二、过程
（一）认识表单网页（8分钟）
表单网页是一种结构化的网页，是网站中提供浏览者发表个人意见、提供反馈信息的互动交流的页面。
：用于接收用户输入的单行文本信息，如姓名、地址等。 滚动文本框：可以输入多行信息的文本框，如意见、建议等。
单选按钮：提供两个或多个互斥选项，用户只能选中其中的一项。如：性别。  ：提供一个或一组选项，用户可选择其中的一个或多个选项。 下拉菜单：允许用户从下拉菜单列表中选择其中一项。
按钮：FrontPage 2000中的按钮表单域有三种类型，即“普通”、“提交”和“重置”。“提交”用于表单提交；“重置”用于清除表单所填内容，回到初始状态；“普通”用于执行其它客户的操作。
（二）制作表单网页（15分钟）
表单网页制作方法步骤：依次单击“插入” →“表单”，弹出下级菜单。 实践：制作一个“留言”功能的表单网页。
活动1 建立表单（根据提供的效果样张，完善表单网页） 提示：
①在“姓名”后插入一个“单行文本框”； ②在“性别”后的各选项前分别插入“单选按钮”；
③在“您的兴趣爱好”后的各个选项前分别插入“复选框”，可以复制； ④在“您的职业”，后插入一个“下拉菜单”。添加“工程师”和“公务员”和“其他”等菜单内容（单击“添加”按钮，添加“工程师”菜单项，重复操作）；
⑤在“您对我们的建议或要求”后插入“滚动文本框”，调整其至合适大小； ⑥修改默认的按钮名称（双击按钮）； 
（三）表单网页的美化（5分钟）
活动2 在最后一行表格中插入一个名为“yy.swf”的Flash动画？ 提示：单击“插入”菜单中的“高级”“插件”。
思考：插入一幅GIF动画图片（.gif）和一个FLASH动画（.swf）有何不同？  活动3 为当前的表单网页添加一个名为“song.mid”的背景音乐。 提示：在网页中的任意位置右击鼠标，选择“网页属性”命令（或单击“文件”菜单，选择“属性”命令），在“常规”选项卡中操作？
保存编辑的表单网页并利用平台提交。 作品展示：（5分钟） 小结：PPT（3分钟） 
二、【检测与评价】（4分钟）
1．通常可以使用（ ）来收集访问者的意见，统计调查访问信息。 A.表格 B.框架 C.表单 D.单元格
2.利用表单制作留言板时，若要采集访问者的性别，可以选用的表单字段有（ ）。
A.复选框 B.单选按钮 C.下拉菜单 D.单行文本框
3.利用表单中的字段，我们可以设计功能强大的交互式在线考试试卷。以下（ ）字段可以用来采集不定项选择题的答案。
A.单行文本框 B.单选按钮 C.复选框 D.下拉菜单 4．插入FLASH动画时，使用“插入”菜单下的（ ）命令。 A．图片 B.组件 C.表单 D.高级→插件 5．若要为当前网页设置背景音乐或背景图片，应下面的（ ）属性中进行设置。
A．图片属性 B.网页属性 C.表格属性 D.单元格属性
【课后延伸】
表单网页提交的数据提交到哪儿去了呢？请同学们课后阅读课本P120的相关内容，也可以利用因特网搜索去解开这个奥秘，在学习本册第七章第三节时，我们会为大家解开这个奥秘。
第16篇：计算机网页教案
五年级上册计算机教案(一课时) 学习目标：
1、了解Frontpage2003的主要作用，了解网页的初步知识，对网页制作页面工具的作用具有初步了解；
2、学会将搜集的图片文本素材存放相关文件夹，并了解设计网页的基本理念，学会做网页制作规划图；
3、学会根据规划创建网站，能够根据规划设计简单首页并进行保存。
德育目标：
通过学习网页制作理解网络设计工作者的辛苦劳动，在设计规划时学生可以了解到做事前需要提前准备的重要性。 
新课讲授：
1、导入：多媒体展示部分设计新颖的网页页面，点击超级链接转换不同页面带起学生的兴趣，提问学生对网页的个人了解，之后引入网页制作的概念，进入主题。
2、新授：
(1)多媒体展示网页制作的相关知识，并由学生讨论设计网页需要哪些内容。总结并补充学生回答，引导学生打开Frontpage2003，介绍网页制作页面相关工具，并由学生自主操作试验它们的作用；
(2)展示多媒体，使学生了解需要准备各类素材并存入相应文件夹。由学生搜集并存入个人设置文件夹内，通过自己构思的设计形式绘制网页设计规划图，并由学生分享他们的规划；
（3）讲解如何创建一个网站，指导学生创建网站，并个人保存相应路径。之后引导学生设计自我规划的特色首页，进行简单自我设计后保存页面，师生共同评价部分首页设计。
3、总结作业： 总结本课知识点，提问学生本课主要内容检查目标达成情况。布置学生准备其他页面资料，并在其他渠道了解网页设计方面知识。
反思总结： 
第17篇：《框架网页》教案
《框架网页》教案
八年级信息技术备课组
组长签名
授课人
教学目的：学习框架网页的制作方法，掌握框架网页的构成。 教学重点：框架网页的制作, 框架网页的属性。 教学时间：2课时 教学步骤： 一）、框架页的基本组成
框架页是一种特殊格式的网页，主要由边框、网页、滚动条组成。在框架页中，每个框架都有一个网页相连接。当打开框架页时，则同时载入每个框架所相连的网页文件。
在框架页中显示的是三个独立的网页组成的（实际下载了四个网页，还包括框架页本身这个网页）。主体框一般用来显示正文内容的。 二）、创建框架页
FrontPage 2000提供了10个框架网页向导帮助我们创建框架页。其操作步骤如下： （1）打开【文件】菜单，选择【新建】菜单项，在子菜单中选择【网页】菜单项，出现新建对话框。
（2）在对话框中单击【框架网页】选项卡。
（3）在选项卡中选择【目录】，此时在【预览】栏中会显示被选中的框架结构图，并在上方显示说明情况。
（4）单击【确定】按钮后，出现框架结构图。
（5）新创建的框架结构共有2个网页窗口，其中一个在左边，另一个在右边。这时单击【新建网页】按钮后，我们可以在当前框架网页中输入文字、图片等内容了。（如果这时单击【设置初始网页】按钮后，将弹出一个“创建超链接”的对话框，可以为所在的框架超链接到指定的网页上去。）
（6）框架的保存：单击“
”工具按钮，出现【另存为】对话框。
 保存左边框的网页文件。在对话框右面的框架示意图中，单击左边框后为蓝色，表示左边框中的网页正准备保存。在“URL”中输入文件名“in1”，单击【确定】按钮后，此时左边框的网页文件被保存起来。
 保存右边框的网页文件。紧接着，在对话框的框架示意图中，右边框显示为蓝色。在“URL”中输入文件名“in2”，单击【确定】按钮后，右边框的网页文件也被保存起来。  保存框架本身网页。在对话框中整个框架示意图的边框为蓝色，在“URL”中输入文件名“index.htm”，单击【确定】按钮后，此时保存的是整个框架页文件。 三）、框架及框架页的属性
1、设置框架的属性
框架有很多属性，例如框架的名称、宽度、高度、边距、滚动条、可调整性、间距等。以框架页为例说明，其具体操作方法如下：
单击要设置属性的框架，然后单击【框架】菜单，再单击【框架属性】菜单项，出现对话框。可以在此对话框中修改框架的属性了。
2、框架页的属性
以上是设置每个框架的属性，而修改整个框架页的属性，其具体操作如下： 在【框架属性】对话框中，单击【框架网页】按钮，会出现“网页属性”对话框。
第周八年级信息技术教案 在这个对话框中的“框架”选项卡中只有两项：
 “框架间距”：指框架之间的边框的宽度，默认值为2。
如果框架不要显示出边框时，可单击“显示边框”前面的单选框，取消“√”。 四）、框架页的编辑
在框架页中，当要拆分某一框架时，单击框架→拆分框架→选择并确定。当要删除某一框架时，单击框架→删除框架→选择并确定。 五）、框架页的超链接
在框架页中，当单击左边的超链接时，在右边框中显示该超链接网页的内容。下面我们将以框架页为例，说明怎样实现框架网页之间的超链接。其操作步骤如下：
（1）在左边的框架中选择要设置超链接的“ （2）单击“选择“jbxx.htm”。
（3）在对话框右下角“目标框架”栏，单击“标设置”栏中就相应显示所选定的区域名称。其中：
 网页默认值(main)：超链接的网页将显示在右边框（即“main主体”）。  相同框架：在左边框单击某个超链接时，其链接网页也将显示在左边框。  整页：单击某个超链接时，只显示所链接的网页，原来框架不再显示。  新建窗口：单击某超链接时，所链接的网页将显示在新打开的浏览器中。  父框架：单击某个超链接时，将返回上一级的框架。 六）、上机操作
练习设计框架网页
”图片（或文字）。
”超链接工具按钮，出现【编辑超链接】对话框。这时在对话框的文件列表中
”按钮，出现一个对话框。
在对话框中，单击框架示意图中不同的区域，也可以单击右边列表框的选项，在对话框的“目
课堂小结
板书设计 ：
教学反思
第
周八年级信息技术教案
第18篇：网页制作教案
HTML第一节课
1.本课程主要目标
使用DIV+CSS布局网页
使用CSS美化网页
制作精美的商业网站 2.整体课程内容
3.本课程授课目标
3.1了解HTML整体课程 3.2 会使用HTML标签
3.3 了解并会使用 CSS 层叠样式表 3.4 div+CSS 做网页 3.5完成一个完整的网页 4.本章目标
会使用HTML的基本结构创建网页 使用文本相关标签排版文本信息 使用图像相关标签实现图文并茂的页面 会使用超链接相关标签实现页面间的跳转 5.本章重点
本阶段的重点是让学员熟悉HTML的基本结构、HTML中的一些基本标记以及标记的属性，以及HTML中的链接。 6.本章难点
HTML基本标记及其属性 7.授课思路
以提问和演示的方式 边讲边演示 
7.课程知识点讲解 7.1什么是HTML
超文本标记语言，是英文Hyper Text Markup Language的缩写 什么是超文本
就是指页面内可以包含图形、动画、声音、表格、链接等非文字元素。
什么是标记 
就是我们要学的标签 也就是说标记语言是由一套标签组成的
HTML发展史
7.2HTML基本结构
7.3用记事本创建网页的步骤
答：
1、打开记事本 
2、输入HTML代码
3、保存为*.html文件，注意格式问题 
4、打开网页预览效果 8.标签
8.1 标题标签
  H1 H2 H3 H4 H5 H6 由大到小 标题内容  
讲课思路：先演示h1的效果，在边演示边讲解h1-h6的变化，以及他们都是加粗字体
  提问：有没有h7，然后演示， 结果：和正常字体一样 
8.2段落标签
p 格式 
段落内容
讲课思路：先演示两段。
提问 ： 与正常见到的段落有什么不同
答；首行没有缩进，没有换行 可以先用空格代替 缩进学完样式后就会使用 接下来讲换行标签
8.3换行标签
  代表换行
第一个但标签 书写方式 与双标签的区别 个数 及 /的位置
讲完换行标签后与段落标签对比，告诉他们根据空隙的大小区别什么是段落（间隙大）、什么是换行（间隙小）
8.4水平线标签
水平线标签 
第二个单标签 是一条水平线
先演示 然后告诉他们可以改颜色---引出属性
解释什么是属性 就是用来修饰标签的 属于标签的性质 要写在标签里 书写写法 属性名=\"具体值\" 并演示给他们
8.5 加粗、斜体标签
加粗的字 斜体的字 
挑选部分字体演示 
8.6 特殊符号
   
效果：不会显示在页面上 作用：1网页的作者 2注释部分代码 试用于找错的时候
空格   >>
首先敲一个空格 提问：是否有效果 再敲多个空格 提问；是否有效果 展示并引出空格特殊符号  \"  ©
先敲一个
问他们是否会显示在页面 然后再说出替代的  特殊符号
最后提问 有没有注意过版权符号 提示他们网站的最下面版权部分 最后演示写法
8.7 图片标签   思路---------标签与标签的属性----可以回顾 已经学习的标签 与 a标签的区别 双标签 单标签 标签属性
图像首先说明是单标签 然后介绍第一个属性 src 路径介绍：相对路径 上一级 ../ 上上级 ../../ 下一级 同级名/ 绝对路径
file:///C:/Users/Administrator/Desktop/Chapter01/demo.html  第二个属性：alt 演示图片不显示的情况   第三个属性：title 书写并将鼠标放到图片，查看效果
第四个属性：width 单独设置宽度时的效果 高度成比例缩放
第五个属性：height 单独设置高度时的效果 宽度成比例缩放
如果想要具体的大小 则要同时设置宽和高   
8.8 链接标签
先写一对 标签 然后再在里面写上href属性 告诉他们与图片的src属性相似，都是地址路径  再告诉他们href=\"\" 里面可以是别的网页 也可以是网址、邮箱地址 没有具体的可以写#表示空连接
演示相关链接 其中要注意，告诉他们没有在标签中间写内容 网页是不会显示任何内容的并演示
target=\"在哪里打开新链接（_self:本身窗口 _blank:新窗口打开链接）”>文字 图片
讲解target 属性：是跳转位置，是本页面还是新的页面 并演示给他们
锚链接
结合之前的超链接 锚点就是大船停泊时抛出的锚，只有锚固定了，船舶才能停住 同理
 只有设置锚点了超链接才能找到指定位置
锚点的写法 也是先写 只不过这次的属性是 name=\"\" 就是给你的锚点起个名字
而且这时超链接的href=\"\" 里面要写成#+你起的名字 最后演示效果
第19篇：《网页制作》教案
《网页制作》教案
潘有寅
一、说教材：
(一)教材分析：现在网络快速发展，广大的学生接触，使用INTERNET的机会也大大增加，学生在使用网络 获取信息时，更多的是通过浏览网页这一方式，我认为上好这节课是非常必要的，这对学生进一步认识、使用INTERNET更有益处，同时通过网页制作这一过程也利于学生对计算机常用素材的类型有更深入的了解，在一定程度上也起着培养学生运用综合知识能力作用，所以我认为这节课是非常值得我们去研究上好的 ，考虑这节课的内容及教法、学法的需要，我把这节分为两课时，第一时：在引导下学生学，练 DREAMWEAVER制作网页的基本方法；第二课：让学生自己构思创意一个与自身相关的内容丰富的，页面美观的网页。
(二)教学目标：根据对教材的分析及学生实际情况，制定如下的教学目标：
(1)知识目标：
1、有关建设第一个网页的理念思想构成。
2、熟悉用DREAMWEAVER制作网页的基本方法
3、超级链接是网页实现互相链接的基本方法
(2)能力目标：
1、培养学生的自学能力
2、创意构思能力
3、能制作出具有多重链接、多种素材、内容丰富的网页。
(3)情感目标：
1、教育学生正确认识和理解信息技术相关文化，伦理和社会问题，负责地使用信息技术。
(三)教学的重、难点：
根据对教材的分析及网页制作过程中的 实际情况，我认为要出制作内容丰富的网页，关键是要知道为什么要做网页，明确你做网页的目标。从培养学生运用信息技术综合能力这点出发，我认为如何引导学生进行思考定位、以及通过网页的制作这过程使学生对互联网有更深入的了解和运用，应该做为本节的难点内容。
二、说教法：
我采用了主体式教学模式，首先我创设了一个学习情景，让学生在情景中积极地完成任务，在任务完成阶段，我是一名帮助者、引导者，教学时注意观察学生，及时总结共性问题，个性问题留给小组学生讨论，不断激发学生的学习兴趣，以达到最佳教学效果。教学方式上①我采用了“任务驱动”教学方式，强调“实践出真知”的科学思想，授课时出示明确的，可操作性强的教学任务②分层教学，分类指导即两分：考虑学生计算机水平的差异，我把学生分为A、B两层，不同层次学生完成的学习目标不同，不同层次的学生教师指导方法不同。A层学生只要求完成知识目标，及能力目标第一个，B层学生同时要求能力目标的
2、3 项。
三、说学法：
以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体，引导学生按以下两种方式来完成任务：①自学自练：通过学生自己在计算机进行操作从中获取对知识的正确理解，探求问题解决的方法；②协作学习：在实际操作中遇到的问题鼓励学生共同研究讨论、解决，使学生可以看到问题的不同侧面和不同的解决途径，开阔学生的思路，从而对知识产生新的理解。 
四、说教学过程
教学环节
教师主导
学生主体
设计意图
导入新课：
同学们，互联网近年发展迅猛，大家都离不开网络了，那么同学们平时上网看的都是别人做的网页，如果自己也可以在网上看到自己制作网页，那中动手的满足感该有多好啊。这节的学习的目标就是网页的制作，准备共用两课时完成这部分内容，第一课时：自学自练DREAMWEAVER制作网页的基本方法；第二课时： 自己设计制作网页。 学生回答，明确学习目标 通过展示教师制作的学校网页，激发学生的学习兴趣，同时给出学习目标，让学生明确学习任务，做到有的放矢。
讲授新课第一课时： 再具体操作之前，同学们应先了解有关网页的一些相关知识。
阅读内容、分析，总结激发学生主体参与意识，培养学生阅读归纳知识的能力 理念的构成， 寻找可模仿的同龄人制作的网页。找出网页内在的逻辑关系及理念。先模仿再创造。 观察，调动的兴趣，明确学习的途径，方法，坚定学习成功的信心。 通过展示学生们制作的班级网页，进一步激发学生的学习兴趣，同时坚定学生的学习信心，告诉学生通过自己的自学自练就可实现学习目标，进而培养学生的自学习惯。
总结或补充
1、网页制作方法很多，我们要学习的只是其中的一种；
2、无论哪种方法制作的网页，生成文 件扩展名均为html或htm，即对应是html语言
3、当浏览网页时，看到的不是语言代码而是语言代码所描述 的形象。总结 理解、记忆在上课的最佳时间内，让学生了解有关网页的相关知识，这利于学生的记忆
教师指导(分类指导)共性问题做小结
自学、自练协作学习培养学生自学能力，阅读、分析、解决问题实际操作，使学生成为学习的主体，学习的主人 小结 1解决操作中的共性问题
2指出超级链接是实现多网页链接的的基本方法：
3、保存文件为htm或html格式并预览 学生总结并提出问题，理解超级链接，预览自己的练习作品
解决操作中的问题，为下步学习扫清障碍，将本节的重点问题突出，通过预览对网页设计有一个初步设想
展示第二课时目标：
设计一个网页，内容丰富，突出主题，展示个性
多种素材综合运用(可以自己准备素材)
明确下课时学习任务，主动思考
通过一下课时的目标展示，使学生可以有更多时间去构思、创意，促动学生主动的去思考、去学习，引导学生习惯于创新，展示独特创意。
第二课时
展示第二课时目标：
计一个网页，内容丰富，突出主题，展示个性
多种素材综合运用(可以使用自己的准备素材)
明确任务 
明确目标、任务，理清设计思路
指导(分类) 
设计自己的网页 
培养学生实际操作能力，综合运用知识能力在这过程中学生将会将上节自学的内容及以上学习综合运用，这对培养学生综合能力是相当有好处的。
通过局域网展示网页
学生推荐、自荐、评论 
激发学生向上进取的学习态度，也可以使学生横向学习
课堂小结及课后要求
小结：找优缺点
思考、总结 
进步引导学生学习
课后思考
1、让你的网页互相网上也被全世界人所浏览，那你该怎样实现
2、用DREAMWEAVER制作的网页与我们平时所见的网页效果一样吗？
全班互动学习进一步拓展学生的学习思路，学习空间，加强自学、互学的能力
五、说板书设计：
考虑到信息技术学科教学的实际特点，所以在板书设计上我主要体现了以下三个特点。
突出简要内容
突出课时目标
设置“共性问题”、“总结解决”版面
板书设计 网页制作
第一课时：
网页文件说明
1、常见的网页制作工具
2、网页文件的扩展名为htm或html
3、浏览器所显示的不是语言代码而描述的形象
二、理念构成
1、目标：熟悉用dreamweaver制作网页的基本方法
2、分类指导
共性问题
总结解决 第二课时目标
设计网页，内容丰富，突出主题，展示个性多种素材综合运用(可以自己准备素材)  第二课时：
一、目标：
1、设计网页，内容丰富，突出主题，展示个
2、种素材综合运用(可以使用自己准备的素材)
二、设计制作：
共性问题
总结解决
三、展示、讨论
四、课后思考
第20篇：网页设计教案
课程：
课时：
教学对象：教师： 
公 开 课 教 案
课题：
时间：
地点：多媒体教室五
教学目标：
 严格把握信息产业部关于“网页设计师”职业技能鉴定大纲，使学生能够最大程度满足企业对网页设计人员的需求，掌握网页设计软件的高级应用。
 掌握CSS的基本语法与功能。
 熟悉“CSS样式”面板与“相关CSS” 面板的使用。  学会创建、插入样式表。  学会套用CSS样式。 教学对象分析：
由于讲授对象为高职院校大专生，所讲内容以实际操作为主，注重训练学生动手能力，所以本课程以案例教学的方式讲解。 教学重点：
CSS样式的创建、编辑、导出及应用 教学难点：
应用类样式，设置CSS样式属性 教学方法和教具准备：
在带有大屏幕投影仪和计算机相连接的多媒体教室，采用教师讲解与学生实践相结合的授课方式。 教学过程：
一、导入课题
复习上一章表单知识，简要回顾前面几章的学习：设置文本和网页属性、使用图像、插入表格等，但是仅仅利用以上所学知识做出来的网页比较枯燥，页面并不完美。在网络上形形色色的网站中，怎么才能让自己的页面独树一帜？
1、CSS样式功能：能够使你的页面保持统一的风格，它可以调整文字间距、行间距、删除链接下划线、固定背景图像、制作特殊的边框、改变鼠标指针形状等，并能够简化网站的制作过程。
2、拿c样式做出来的页面效果和没有使用c样式的页面做比较，演示c样式的特效 
二、新课讲解
1、CSS概述
⑴ 什么是CSS？
CSS（Cascading Style sheets，层叠样式表）是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。CSS定义了控制元素外观的样式属性。
⑵ CSS由来
CSS样式由全球广域网协会制定，分别是CSS
1、CSS2 
2、实例讲解
实例
1、利用c样式“类型”选项改变文本属性
分析：Dreamweaver的文本控制功能不足，无论是字体大小，排列方式，还是行间距，等等，它所提供的选择并不多，为了让我们的网页更加美观，更加规范，有必要使用CSS。
步骤：
1. 单击“CSS面板”右下角“新建CSS样式”按钮，弹出“新建CSS样式”对话框。设置完毕后点击“确定”按钮。 2. 在对话框 “类型”选项中，“字体”下拉列表框中选择“华文新魏”， “大小”选择“18”， “颜色”中选择“#003300”，加粗，单击“确定”按钮。 3. 在文档窗口中选择文字，从“样式”下拉列表框中选择该样式即可。
小结：本例中用到c样式列表中的“类型”属性。它可以帮助我们轻松地实现对文本格式的各种设置。
扩展：
1.引入外部样式表
2.利用“区块”选项组设置字母间距、縮进等属性 
实例
2、作出单张图像的背景
分析：默认状态下在“页面属性”中选择图像，则在网页文档的整体背景上重复出现，在c中可以使背景图像在指定位置上只显示一次。
步骤： 1.单击按钮，选择“新建”
2.在“背景图像”中选择合适的背景图像，在“重复”列表中选择“不重复”，在“水平位置”中选择“右对齐”，在“垂直位置”中选择“居中”，在“附件”中选择“固定”，单击“确定”按钮。
3.选中标签，在属性栏的“样式”中选择该样式。
小结：本例中用到c样式列表中的“背景”属性。它可以帮助我们随意设置背景图像。
实例
3、利用c样式给表格设置特殊边框，用图像作列表、改变鼠标指针。
分析：利用c样式为表格设置不同颜色、样式的边框，用漂亮的图标作列表也可将鼠标指针改成动画。
步骤：如实例2，但使用不同的新建及应用方式。
扩展：为标签加双线边框、利用“定位”列表项将表格像“层”一样任意移动。
实例
4、特效文字
说明：在photoshop等图像制作软件中经常会听到滤镜的概念，滤镜能作出很多神奇的特效，然而在dreamweaver mx2004中我们可以利用样式表设定各种滤镜效果。
实例
5、图像特效
说明：利用“滤镜”项为图像设置不同样式。
思考题：改变网页超级链接样式 
作业：
p204页，课后习题
上机练习：
1.对已经编辑的文档使用新的文本样式（包括超级链接时样式改变） 2.将单张图像作背景并且不滚动、水平:右对齐，垂直:底部 3.改变鼠标指针样式 4.光晕字
5.对图像使用滤镜功能 
三、教学后记

    
    

        
《利用主页生成网页模板教案.doc》
        
将本文的Word文档下载到电脑，方便编辑。
        

            推荐度：





        
    
    

        
        

            
点击下载文档
        
    


相关专题