推荐第1篇：八年级信息技术练习题(网页制作)
八年级信息技术练习题（网页制作）
1、网页就是把用（
）、图形、声音、影视等多种媒体形式表达的信息，以及发布在因特网上的相关信息，相互链接起来而构成的一种信息表达方式。
A、文字
B、视频
C、图片
D、图像
2、网页就是把用文字、（
）、声音、影视等多种媒体形式表达的信息，以及发布在因特网上的相关信息，相互链接起来而构成的一种信息表达方式。
A、视频
B、图形
C、图片
D、图像
3、网页就是把用文字、图形、（
）、影视等多种媒体形式表达的信息，以及发布在因特网上的相关信息，相互链接起来而构成的一种信息表达方式。
A、视频
B、图片
C、声音
D、图像
4、网页就是把用文字、图形、声音、（
）等多种媒体形式表达的信息，以及发布在因特网上的相关信息，相互链接起来而构成的一种信息表达方式。
A、视频
B、图片
C、视频
D、影视
5、Frontpage是专门来制作（
）的软件。
A、图片处理
B、画图
C、网页
D、动画
6、用FrontPage制作一个网站，首要的任务是（
）. A、建立一个文件夹
B、建立网站主页
C、建立超链接
D、建立一个新站点
7、FrontPage有三种视图方式，分别是普通、HTML和（
）。
A、隐藏
B、只读
C、预览
D、查看
8、FrontPage有三种视图方式，分别是普通、(
)和预览。
A、隐藏
B、只读
C、HTML
D、查看
9、FrontPage有三种视图方式，分别是（
）、HTML和预览。
A、隐藏
B、只读
C、普通
D、查看
10、网页中使用过的图像文件习惯上保存在(
)文件中。
A、我的文档
B、images C、My Picture
D、My web
11、使用Front page编辑网页时，按下（
）会产生一个强制换行。
A、Shift+Enter
B、Ctrl+Enter C、Shift+Ctrl
D、Shift+DeL
12、通常主页的文件名都是（
）。
A、index.htm
B、images.htm C、index.wps
D、images.wps
13、“导航栏”是网页上的一种（
）。
A、超链接
B、目录
C、网站说明
D、活动横幅
14、使用FrontPage制作网页的过程中，用浏览器打开网页的方法是：
A、“文件”——“在浏览器中预览”
B、“编辑”——“在浏览器中预览”
C、“格式”——“在浏览器中预览”
D、“选项”——“在浏览器中预览”
15、下面（
）是FrnotPage的快捷图标.
A、
B、
C、
D、
16、新建网站默认路径是（
）。
A、C:\\My Documents\\My Webs\\Myweb
B、Ｄ:\\My Documents\\My Webs\\Myweb C、C:\\My Webs\\Myweb
D、C:\\My Web
17、一个网站最多有（
）主页。
A、1个
B、2个
C、3个
D、4个
18、下面哪个软件是制作网页的（
）。
A、Word
B、金山文字
C、photoshop
D、FrontPage
19、FrontPage 2000窗口的三种视图方式：（
）、HTML、和（
）。
A、普通
B、隐藏
C、查看
D、预览
20、FrontPage 2000窗口的三种视图方式：普通、（
）、和（
）。
A、HTML
B、隐藏
C、查看
D、预览
21、网页文件的扩展名一般为（
）或（
）。
A、bmp
B、htm
C、html
D、jpeg
22、为了使因特网上的其他计算机也能顺利地显示网页中的文字，网页中最好只使用黑体、楷
体、宋体、仿宋体和（
）这5种标准字体。
A、华文行楷
B、幼圆
C、华文新魏
D、华文仿宋
23、为了使因特网上的其他计算机也能顺利地显示网页中的文字，网页中最好只使用黑体、楷
体、宋体、（
）和幼圆这5种标准字体。
A、华文行楷
B、仿宋体
C、华文新魏
D、华文仿宋
24、单击下列（
）按钮可以给网页中的文字加粗。
A.
B、
C、
D、
25、单击下列（
）按钮可以给网页中的文字加下划线 。
A、
B、
C、
D、
26、单击下列（
）按钮可以使网页中的文字居中。
A、
B、
C、
D、
27、单击下列（
）按钮可以设置字体颜色。
A、
B、
C、
D、
28、在网页中添加背景图片的方法是（
）。 A.、“窗口”—“背景”
B、“格式”—“背景”
C、“工具”—“背景”
D、“表格”—“背景”
29、在网页中添加水平线的方法是（
）。
A、“插入”—“水平线”
B、“格式”—“水平线”
C、“插入”—“图片”
D、“工具”—“水平线”
30、在网页制作中，要改变水平线的长度占显示窗口宽度的比例应对（
）进行设置。
A、宽度
B、高度
C、对齐方式
D、颜色
31、FrontPage默认的文件保存名是（
）。
A、文档1.xls
B、book1.xls
C、newpage1.htm D、无标题.xls
32、为了使因特网上的其他计算机也能顺利地显示网页中的文字，网页中最好只使用黑体、楷体、宋体、（
）和（
）这5种标准字体.
A、华文行楷
B、幼圆
C、仿宋体 D、华文仿宋
33、在FrontPage插入图片时不提倡使用的格式是（
）。
A、JPG
B、GIF
C、PNG
D、BMP
34、在FrontPage插入图片时不提倡使用的格式是（
）。
A、JPG
B、GIF
C、PNG
D、PSD
35、下列说法不正确的是（
）。
A、在网页中可以插入视频文件
B、在网页中可以插入音频文件
C、在网页中不能同时插入视频和音频文件 D、在网页中可以插入图片文件
36、在网页中插入图片的方法是（
）。
A、“插入”—“图片”—“来自文件”
B、“格式”—“图片”—“来自文件”
C、“表格”—“图片”—“来自文件”
D、“表格”—“图片”—“来自文件”
37、删除网页中的图片，选中图片，按（
）键。
A、Delete B、Enter
C、Shift
D、Tab
38、要想改变图片的大小，可以（
）。
A、单击放大镜按钮
B、按键盘光标键
C、图片四周的缩放点 D、格式刷按钮
39、在网页制作中，可以使用（
）按钮去掉图片底色。
A、“设置透明色” B、“设置背景色” C、“设置背景图片” D、“设置图片颜色”
40、在网页制作中，可以使用（
）按钮去掉图片底色。
A、
B、
C、
D、
41、下面哪个可以使图片显现凹凸效果的按钮（
）。 A、
B、
C、
D、
42、在网页制作中，可以减低图片中亮度的按钮是（
）。
A、
B、
C.
D.
43、在网页中插入剪贴画的方法是( ).
A、插入—图片— 来自文件
B、插入—图片—剪贴画
C、工具—图片— 来自文件
D、窗口—图片—剪贴画
44、在“图片”对话框中，单击（
）按钮可以出现“选择文件”的对话框。
A、
B、
C、
D、
45、关于插入图片的说法不正确的是（
）。
A、网页中的图片不宜太多，特别是少用大的图片或动画
B、网页中图片占用的存储空间比文本文件大得多 C、网页中一般插入jpg或gif格式的文件
D、网页制作应该应尽量多插入图片，这个样才能使网页更加好看。
46、在制作网页时，绝大多数图片格式都可以插入到网页中，但是考虑到网页的下载速度，一
般提倡使用的图片格式是（
）和（
）。 A、jpeg
B、bmp
C、gif
D、pdf
47、Frontpage是专门来做（
）的软件。
A、图片处理
B、画图
C、网页
D、动画
48、用FrontPage制作一个网站，首要的任务是（
）。
A、建立一个文件夹. B、建立网站主页
C、建立超链接
D、建立一个新站点
49、一般把网站的主页命名为（
）。
A、tm
B、html
C、index
D、http
50、习惯上，Frontpage网页中的图片文件保存在（
）文件夹中.
A、我的文档
B、Myweb
C、Mypicture
D、images
51、Frontpage中使用“文件—新建—站点”创建的网站，（
）文件夹来管理网页中使用的图像文件。
A、_private B、images
C、建立网站的根目录
D、My picture
52、网页中使用过的图像文件习惯上保存在(
)文件中。
A、我的文档 B、images
C、My Picture
D、My web
53、在制作网页时，绝大多数图片格式都可以插入到网页中，但是考虑到网页的下载速度，一般不提倡使用的图片格式是（
）。
A、IF
B、JPG
C、PNG
D、BMP
54、Front page编辑网页时，按下（
）会产生一个强制换行。
A、Shift+Enter B、Ctrl+Enter
C、Shift+Ctrl
D、Shift+Del
55、使用Front page编辑网页时，按下（
）会产生一个强制换行。 A、Ctrl + Enter
B、Alt + Enter
C、Enter
D、Shift+Enter
56、导航栏”是网页上的一种（
）。
A、超链接
B、目录
C、网站说明
D、活动横幅
57、网页中的表格将（
）隐藏了，这样网页中的内容看起来很有条理，却丝毫没有表格的影子。 A、加深了
B、变化了
C、隐藏了
D、出现了
58、若想制作出的表格无边框那么，边框线应该是（
）。
A、3
B、2
C、1
D、0
59、在网页中如何插入表格(
)。
A、菜单栏“文件”选项
B、菜单栏“编辑”选项
C、菜单栏“表格”选项
D、菜单栏“工具”选项
60、在表格中如何插入一个两行四列的表格( )。
A、打开“表格”菜单，将鼠标指向表格菜单中的“插入”，打开“插入表格”，在插入表格对话框中，输入出入表格的行数2，列数4，单击“确定”
B、打开“表格”菜单，将鼠标指向表格菜单中的“插入”，打开“插入表格”，在插入表格对话框中，输入出入表格的行数4，列数2，单击“确定”
C、打开“工具”菜单，将鼠标指向表格菜单中的“插入”，打开“插入表格”，在插入表格对话框中，输入出入表格的行数2，列数4，单击“确定”
D、开“编辑”菜单，将鼠标指向表格菜单中的“插入”，打开“插入表格”，在插入表格对话框中，输入出入表格的行数2，列数4，单击“确定”
61、表格中用来填写数据的每一个小方格成为( )。
A、表格
B、表
C、单元格
D、数据
62、在网页中表格里的文字习惯上是（
）对齐。
A、左
B、右
C、分散
D、居中
63、在网页的表格中输入文字的方法和（
）中一样。
A、Word
B、AcDee
C、Photoshop D、Flash
64、在默认情况下，表格的背景颜色和（
）的背景颜色是一样的。
A、网页
B、文字
C、图片
D、表格
65、在（
）对话框中可以改变网页中表格的颜色。
A、插入
B、表格
C、拆分单元格
D、表格属性
66、在表格中插入一行，位置应该在（
）。
A、插入点的上面
B、插入点的下面
C、插入点的左面
D、插入点的右面
67、删除一行的方法是（
）。
A、拖动鼠标选中该行，然后单击鼠标右键，从弹出的快捷菜单中单击“清楚内容”即可。 B、拖动鼠标选中该行，然后单击鼠标右键，从弹出的快捷菜单中单击“删除单元格”即可。 C、拖动鼠标选中该行，然后单击鼠标左键，从弹出的快捷菜单中单击“删除单元格”即可。 D、拖动鼠标选中该行，然后单击鼠标左键，从弹出的快捷菜单中单击“清楚内容”即可。 6
8、如何把一个单元格变成两个。
A、入点出现在该单元格上，然后单击鼠标右键，从弹出的快捷方式中单击“拆分单元格”在“行数”框中输入2，即可。
B、将插入点出现在该表格上，然后单击鼠标右键，从弹出的快捷方式中单击“拆分单元格”
在“行数”框中输入2，即可。
C、入点出现在该单元格上，然后单击鼠标右键，从弹出的快捷方式中单击“拆分单元格”在“列数”框中输入2，即可。
D、将插入点出现在该表格上，然后单击鼠标右键，从弹出的快捷方式中单击“拆分单元格”在“列数”框中输入2，即可。
69、将网页存盘的方式有（
）。
A、文件—保存
B、单击工具栏上的“保存”按钮
C、窗口右上角上的“保存”按钮
D、保存
70、网页中可以用于链接的内容是（
）。
A、片
B、汉字
C、英文
D、以上均可
71、具栏上的超链接图标是（
）。 A
B
C
72、将网页上的文字建立超链接后，文字会（
）。
A、没有变化
B、变大
C、变小
D、带有下划线
73、网页中的内容很多，不方便浏览，可以在网页中设置一些关键词，并把它们与网页中的内
容链接起来，这成为（
）。
A、链接
B、超级链接 C、建立书签
D、关联 7
4、在网页中建立了（
）后，别人可以很方便的给你发电子邮件。
A、文字 书签
B、电话
C、电子邮件
D、超链接
7
5、真正的网页应具备（
）功能。
A、文字编辑
B、图像处理
C、超链接
D、图文排版
76、真正的网页应具备（
）功能。 A、自动计算
B、超链接
C、文字编辑
D、图像处理
77、网页中的（
）内容经常用于建立超链接。
A、文字、图片
B、文字、背景
C、图片、背景
D、背景、表格
78、网页中的（
）内容经常用于建立超链接。
A、背景
B、文字
C、图片
D、表格 7
9、网页中的（
）内容经常用于建立超链接。
A、图片
B、按钮
C、背景
D、表格 80、单击常用工具栏上的( )按钮，打开“创建超链接”对话框。 A、新建
B、超链接
C、保存
D、刷新
81、单击常用工具栏上的( )按钮，打开“创建超链接”对话框。
A、新建
B、打开
C、超链接
D、格式刷
82、单击常用工具栏上的(
)按钮，打开“创建超链接”对话框。 A、打开
B、超链接
C、主页
D、帮助
83、网页上文字变成了（
），说明这几个字已经变成了超链接标志。
A、蓝色不带下划线 B、红色并带下划线
C、蓝色并着重号
D、蓝色并带下划线8
4、网页上文字变成了（
），说明这几个字已经变成了超链接标志 。 A、黑色并带下划线 B、蓝色并带下划线 C、蓝色并带删除线 D、蓝色并带着重号 8
5、网页上文字变成了（
），说明这几个字已经变成了超链接标志.A、黑色
B、带下划线
C、蓝色
D、带着重号 8
6、单击常用工具栏上的（ ）按钮，可以将网页存盘。
A、打开
B、新建
C、保存
D、打印
87、可以将网页存盘的操作是：
A、单击常用工具栏上的“保存”按钮
B、单击工具栏上的“新建”按钮
C、单击“文件——保存”命令
D、单击“文件——打印”命令 8
8、可以将网页存盘的操作是：
A、单击工具栏上的“粘贴”按钮
B、单击常用工具栏上的“保存”按钮
C、单击“文件——打印”命令
D、单击“文件——保存”命令 8
9、可以将网页存盘的操作是：
A、单击工具栏上的“新建”按钮
B、单击常用工具栏上的“保存”按钮
C、单击“文件——打印”命令
D、单击“文件——另存为”命令 90、将鼠标指针移到有超链接的位置上，指针的形状变成（
）。
A、手形
B、沙漏形
C、向左上的箭头
D、向右上的箭头
91、将鼠标指针移到有超链接的位置上，指针的形状变成（
）。
A、心形
B、手形 C、双向箭头
D、沙漏形
92、将鼠标指针移到有超链接的位置上，指针的形状变成（
）。
A、向左上的箭头
B、向右上的箭头 C、双向箭头
D、手形
93、在网页中建立了(
)后，当别人浏览你的网页时，如果有什么建议或意见，单击它，可
以很方便地给你发电子邮件。
A、电子邮件
B、超链接
C、电子邮件超链接
D、电子邮箱
94、在网页中建立了电子邮件超链接后，当别人浏览你的网页时，如果有什么建议或意见，（
），
就会自动打开“新邮件”窗口，其中“收件人”栏中已经自动填好了你的E～mail地址，可以很方便地给你发电子邮件。 A、单击这个超链接
B、启动电子邮箱 C、打开你的电子邮件 D、打开自己的电子邮件
95、在网页中建立了电子邮件超链接后，当别人浏览你的网页时，如果有什么建议或意见，单 击这个超链接，就会自动（
），其中“收件人”栏中已经自动填好了你的E～mail地址，可以很方便地给你发电子邮件。
A、打开新的网页
B、打开“新邮件”窗口
C、打开你的电子邮件
D、给你发邮件
96、在网页中建立了电子邮件超链接后，当别人浏览你的网页时，如果有什么建议或意见，单
击这个超链接，就会自动打开“新邮件”窗口，其中（
）已经自动填好了你的E～mail地址，可以很方便地给你发电子邮件。
A、“发件人”栏中
B、“主题”栏中
C、“附件”栏中
D、“收件人”栏中 9
7、在网页中建立了电子邮件超链接后，当别人浏览你的网页时，如果有什么建议或意见，单击这个超链接，就会自动打开“新邮件”窗口，其中“收件人”栏中已经自动填好了(
)，可以很方便地给你发电子邮件。
A、自己的E～mail地址
B、建议或意见
C、你的E～mail地址
D、附件内容
98、在网页中建立了电子邮件超链接后，当别人浏览你的网页时，如果有什么建议或意见，单
击这个超链接，就会自动打开“新邮件”窗口，其中“收件人”栏中已经自动填好了(
)，可以很方便地给你发电子邮件。
A、主题
B、你的E～mail地址
C、附件内容
D、建议或意见
99、建立电子邮件超链接的步骤是（
）①选中位置 ②单击“超链接”按钮，打开“创建超链
接”对话框，③单击右下方的信封状按钮，打开“创建电子邮件超链接”对话框④输入自己的E—mail地址，然后单击确定，⑤返回“创建超链接”对话框再单击确定⑥将网页存盘
A、①③②④⑥⑤
B、①②③④⑤⑥
C、①②③④⑥⑤
D、③④①②⑤⑥
100、建立电子邮件超链接的步骤是（
）①输入自己的E—mail地址，然后单击确定， ②单
击“超链接”按钮，打开“创建超链接”对话框，③单击右下方的信封状按钮，打开“创建电子邮件超链接”对话框④选中位置⑤返回“创建超链接”对话框再单击确定⑥将网页存盘
A、①③②④⑥⑤
B、④②③①⑤⑥
C、①②③④⑥⑤
D、③④①②⑤⑥
10
1、建立电子邮件超链接的步骤是（
）①选中位置 ②单击右下方的信封状按钮，打开“创建电子邮件超链接”对话框③单击“超链接”按钮，打开“创建超链接”对话框，④输入自己的E—mail地址，然后单击确定，⑤返回“创建超链接”对话框再单击确定⑥将网页存盘
A、①③②④⑥⑤
B、④②③①⑤⑥
C、①②③④⑥⑤
D、③④①②⑤⑥
10
2、如果网页中的内容很多，不方便浏览，可以在网页中设置一些（
），并把它们与本网页中相关的内容链接起来，这称为建立书签。
A、标题
B、位置
C、专题
D、关键词
10
3、如果网页中的内容很多，不方便浏览，可以在网页中设置一些关键词，并把它们与本网页中相关的内容链接起来，这称为（
）。
A、建立网站
B、建立网页
C、建立目录
D、建立书签
10
4、在网页中建立书签时，说法正确的时（
）。
A、先选中要建立书签的关键词，用“插入——书签”命令建立书签。再用超链接链接到该书签即可。
B、中要建立书签的关键词，建立超链接。再用“插入——书签”命令建立书签。 C、先选中要建立书签的关键词，用“超链接”命令建立书签。再用“插入——书签”链接到该书签即可。
D、选中要建立书签的关键词，用“插入——书签”按钮建立书签。再用超链接命令链接到该书签即可。
10
5、在网页中建立书签后，在浏览器中打开该网页，当鼠标指针移到（
）位置时，鼠标指针变成手形 ，单击，就会直接跳到（
）处的内容。
A、书签，超链接
B、超链接，书签
C、书签，书签 D、超链接，超链接
10
6、传送网站之前，应该再做一次全面检查，包括（）、（
）。
A、检查网页文件
B、检查素材
C、检查文件
D、检查超链接
10
7、要将自己的网站传送到因特网上，需要在因特网上拥有一个（
）。
A、单独的网页
B、单独的服务器
C、单独的IP地址
D、网站空间
10
8、网站中的网页都制作好之后，接下来要做的是把它传送到因特网上某个网站的服务器上,简称“(
)”，让全世界的人都能够看到它。 A、上传
B、上报
C、上交
D、保存
10
9、网站中的( )都制作好之后，建立网站的工作就大功告成了!
A、报表
B、超链接
C、书签
D、网页
110、在上传网页之前，应该再做一次( )，看一看素材文件是否有遗漏、超链接是否正确等。 A、文字编辑
B、图像处理
C、全面检查 D、视频剪辑 1
11、上传网页之前，应该再做一次全面检查，看一看( )是否有遗漏、( )是否正确等。
A、素材文件
B、图像文件
C、超链接
D、书签
1
12、在上传网页之前，应该再做一次全面检查，检查内容主要包括以下两个方面。( )
A、检查网页文件
B、检查文本文件
C、检查超链接
D、检查书签
1
13、检查网页文件时只需把（
）打开即可，不需要把（
）打开。
A、超链接
B、网站
C、网页
D、书签
1
14、打开站点命令在（
）菜单中。
A、文件
B、编辑
C、查看
D、格式
1
15、单击视图栏中的（
）按钮 ，可以看到网站中的所有文件，包括网页、图片以及rontPage
自动生成的设置文件。
A、网页
B、文件夹
C、报表
D、导航
1
16、单击视图栏中的“文件夹”按钮 ，可以看到网站中的所有文件，包括（
）①网页②图
片③声音④FrontPage自动生成的设置文件。
A、①②
B、①②③
C、①②③④
D、④
1
17、在（
）视图中，可以对其中的文件进行改名、删除、移动等操作，操作方法和Windows
的资源管理器一样。
A、网页
B、文件夹
C、报表
D、导航
1
18、“文件夹”视图中，可以对其中的文件进行（
）等操作，操作方法和Windows的资源管
理器一样。
A、移动
B、删除
C、文字编辑
D、图像处理
1
19、“文件夹”视图中，可以对其中的文件进行（
）等操作，操作方法和Windows的资源管
理器一样。
A、文字编辑
B、图像处理
C、重命名
D、视频剪辑
120、单击视图栏中的（
）按钮 ，可以打开“超链接”视图。
A、文件夹
B、报表
C、导航
D、超链接
1
21、在（
）视图中，单击“文件夹列表”中任何一个网页文件，就会在右边的窗口中看到与
这个网页相关的超链接。
A、超链接
B、文件夹
C、报表
D、导航
1
22、在“超链接”视图中，单击“文件夹列表”中任何一个( )，就会在右边的窗口中看到与
这个网页相关的超链接。
A、文件夹
B、网页文件
C、图像文件
D、声音文件
1
23、在“超链接”视图中，单击“文件夹列表”中任何一个( )，就会在右边的窗口中看到与
这个网页相关的超链接。
A、网页文件
B、图像文件
C、声音文件
D、视频文件
1
24、在“超链接”视图中，单击“文件夹列表”中任何一个网页文件，就会在右边的窗口中看
到与这个网页相关的( )。
A、图表
B、表格
C、超链接
D、文件
1
25、在上传网页之前做全面检查时，如果发现漏掉了超链接或某个超链接连错了，可以（
），
重新编辑超链接。
A、将该网站打开
B、将该网页打开
C、将该超链接打开 D、删除该网页 1
26、要想将自己的网站传送到因特网上，需要在（
）上拥有一个网站空间。
A、服务器 A、服务器
B、因特网
B、因特网
C、网站
D、网页
1
46、在网页中加入水平线，设置水平线颜色为红色，线长占窗口的70%，居中。
1
47、把“书海拾贝”网页中标题后面图片的底色去掉。
1
27、要想将自己的网站传送到因特网上，需要在因特网上拥有一个（
）空间。
C、网站
D、网页
C、因特网
D、网站 1
28、要想将自己的网站传送到因特网上，需要在因特网上拥有一个（
）空间。
A、QQ
B、服务器
1
29、申请网站空间时，登录到提供网站空间服务的网站后，选择自己需要的（
），按要求填写真实的个人信息、电子邮件地址以及网页的类型等。
A、网页
B、网页类别
C、网站类别
D、服务类别
130、申请网站空间时，登录到提供网站空间服务的网站后，选择自己需要的服务类别，按要求填写（
）以及网页的类型等。 A、真实的个人信息 B、虚假的个人信息 C、电子邮件地址
D、网页地址
1
31、申请网站空间时，登录到提供网站空间服务的网站后，选择自己需要的服务类别，按要求填写真实的个人信息、电子邮件地址以及( )的类型等。 A、网页
B、网址 A、一定的费用
C、网站
D、空间
1
32、你的申请网站空间申请被受理后，通常还需要缴纳（
），然后你会收到一封电子邮件。
B、一定的现金
C、一定的押金
D、一部分费用
1
33、你的申请网站空间申请被受理后，你会收到一封电子邮件，告诉你给你的网站分配的网址、（
）等，并且教给你上传网站的方法和常见问题的解决方法。
A、邮箱地址
B、用户名密码
C、密码
D、暗号
1
34、有些提供免费空间服务的网站不允许使用( )直接上传网站。遇到这种情况，可使用CuteFTP或WS—FTP等专用软件上传。
A、PowerPoint
B、FrontPage C、Internet Explorer
D、Outlook Expre 1
35、有些提供免费空间服务的网站不允许使用FrontPage直接上传网站。遇到这种情况，可使用( )等专用软件上传。 A、CuteFTP
B、PowerPoint
C、Internet Explorer
D、WS—FTP
1
36、在“D：\\书海拾贝”位置建立一个新站点
1
48、在“书海拾贝”网站中新建一个网页，网页标题为“自我介绍”，文件名myself.htm。1
49、打开“书海拾贝”网页，把一个小鸟飞翔动画（flybird.gif）插入到标题的后面，然后保存网页。
150、在“书海拾贝”网站中建立一个新网页，网页标题为“历史故事”。
1
37、新建一网页，将网页命名为index.htm，并保存到“D：\\书海拾贝”位置。
1
38、在网页中打入“历史典故”四个字，改变字体幼圆、24磅、加粗、家红、居中。1
39、在网页中打上“书海拾贝”四个字，设置字体为宋体、深蓝色、居中、14磅。
140、在网页中输入“书海拾贝”四个字，设置字体为仿宋体、红色、斜体、20磅。
1
41、在网页中输入“书海拾贝”四个字，设置背景颜色为红色。
1
42、在网页中打入“历史典故”四个字，设置字体颜色为红色，设置背景颜色绿色。
1
43、在网页中加入水平线，线长占窗口宽度的75%，线宽为3像素，居中。
1
44、在网页中加入水平线，线长占窗口宽度的50%，线宽为5像素，居中。
1
45、在网页中加入水平线，设置水平线颜色为绿色，线长占窗口的60%，居中。
推荐第2篇：八年级学生网页制作实践
八年级学生网页制作实践
丰润区七树庄学校 谷兴华
活动背景
苏北地区师生观念滞后，硬件设施不足，在这种情况下，我们的高中学生如何更好的开展综合实践活动课程，进行研究性学习，是我们一直在探索和实践的课题；在具体的实践过程中，依据地区和学校情况以及学生身心特点，来指导开展有实际意义的研究性学习，在课程设计上，体现以学生实践操作型的探究学习为主线，以问题解决为突破，强化知识的拓展和吸收，增强学生的体验和感受，从而达到教学内容的展开与学生探究学习相匹配的效果。
学情和资源分析：
1、学生计算机基础较差，对信息技术特别是现代化技术手段在现代社会生活中的重要作用认知不够，部分学生对计算机及网络的认识停留在游戏聊天等娱乐层面上；
2、学生对各大网站有神秘感，认之为高科技，只能用之娱乐而无法涉入更深层次，无法掌握其中的技术等，与之相对应的就是部分大学生毕业后因无一技之长而应聘无门；
3、部分学生对国家社会的进步视而不见，对优美的人文景观、博大精深的传统文化弃之一边，在高中阶段这个人生观价值观形成的重要阶段中依然存在沉迷网络游戏不等良恶习。
4、开设这门课程的时段是学生学习过基础的网页制作知识和技巧，图形图像处理简单技巧。第二学期选修网络技术应用部分也包括网页制作加深内容。
5、学校领导的重视和对硬件的投入，由特级教师、高级教师担任顾问， 还投资购置了500余台先进的网络计算机教室，每年2万多册最新图书以及专业级摄影摄像器材，有效保障了综合实践活动课程的有序正常开展。 活动安排及活动目标
活动安排
本课程采用模块化专题活动方式，设计并组织教学内容，具体是在每学年的下学期，活动具体分四个阶段：选题立意阶段（确立主题）、设计规划阶段（规划内容结构和收集素材）、开发制作阶段（加工素材制作网页）、评估测试和交流阶段（展示作品各组互评收集反馈评价修改），活动形式分为分组自由活动，集中解疑，时间上安排有上课时间，也有课外活动时间和双休日。 活动目标
知识与能力目标：
1、了解图书馆图书编目相关知识，能够快速查找所需图书资料；
2、学会使用数码相机扫描仪等设备，掌握简单拍摄技术，部分同学能掌握专业单反相机的使用；
3、了解课题涉及的科学知识，拓宽学生的知识面，使用各种科学有效的方法收集信息，并在调查等过程中培养人际交往能力；
4、通过网页制作活动学会使用信息技术手段加工和交流信息，增强表达和动手能力；
5、调动学生的主动性，培养创造性学习能力。过程与方法目标
1、培养善于总结勤于交流的习惯，记录点滴心得体会
2、训练学生科学的信息资源管理素养
3、让学生体验在实践中验证理论，用理论来指导实践 情感态度价值观目标
1、培养团队协作、团结互助的意识，学会理解、合作与分享；
2、在交流中学会尊重，尊老爱幼，爱护环境；
3、引导学生正确认识计算机技术和网络技术，更好的应用于学习和工作过程中。不沉溺网络游戏，学会网络上的自我保护；
4、通过学生的亲身体验，帮助学生理解所学知识，激发学生积极的学习态度和人生追求。
活动准备
教师指定和引导帮助学生制定阶段性课题名称 分组并选举小组长（组长负责领用、保管器材）
每组一台数码相机，其他学生可自备；一台扫描仪，网络机房备用 制定各阶段活动时间活动地点及预期目标 活动过程
一、确定课题名称
学生建议小组讨论教师指导或根据近期相关活动确定课题名称，如最近一期实践活动课题：中国的传统节日，旨在宏扬博大悠久的文化传统，激发学生的民族自豪感。
二、规划网站结构
经过分组讨论和简单查阅资料，确定网站栏目以七个传统节日为栏目标题 首页|春节|元宵|清明|端午|七夕|中秋|重阳 栏目分类要合理美观，便于形成网站整体风格
三、分组目标
按照学生兴趣和活动要求组成5个活动小组：图书资料收集组、网络资料收集组、民间故事调查组、实地实景拍摄组、其他资料收集组，制定小组活动计划，明确小组活动任务和目标
1．图书资料收集组：到图书馆查阅并收集文字及图片资料；
2．网络资料收集组：根据要求到因特网上查找相关的文字及图片资料； 3．民间故事调查组：根据团委介绍利用双休日时间到附近敬老院中陪孤寡老人聊天，帮助老人们打扫卫生，并记录古人对这些传统节日中出现的神话故事等；
4．实地实景拍摄组：利用双休日根据查询到相关景点或古迹处拍摄所需图片，如元宵节花灯会等
5．其他资料收集组：可以利用亲朋好友手中已经资料特别是有明显节日特征的图片文字等资料，同时协调帮助其他小组按时完成任务
四、开展活动，收集资料，做好记录
图书资料查询组要学会快速分类查找图书，和图书管理员学习图书编目知识，文字量较大时可以复印图书等，教师要指导学生分类记录和整理资料
网络资料查询组需要掌握分类搜索和关键词搜索的技巧和方法，学会快速准确的从因特网上查询下载相关历史典故、节日介绍以及部分节日相关的图片等
故事调查组利用双体日时间由老师带队前往附近老人院，帮助老人们做些力所能及的事，陪老人们聊天，让老人们感受到青少年的气息，同学们自己也能从中受到教育，学习老人们的优良传统，学会尊敬老人，对聊天过程中老人们讲述的故事要注意加以记录整理，整个过程要讲文明、有礼貌、有风格，要注意交通安全。
实地拍摄组可以选取一些典型的古迹景点等进行拍摄，如春节的热闹场景，元宵节时举办的花灯等，从自己的镜头中亲身体验中华民族博大悠久的历史，科技发达国力强胜的今天，优美的自然人文景观等，激发同学们的民族自豪感。 要求各组学习科学有效的收集资料的方法，礼貌待人，文明交往，体现新时代青少年的精神岁月，并及时记录感受体验，集会课时各小组互相交流学习
五、加工整理资料，小组交流汇总，共享资源，查漏补缺
各小组对收集到的文字图片等资料进行简单加工整理，分类汇总，形成总体性共享资源。
记录下来的文字录入计算机，部分扫描文字可以进行文字识别，体验先进的计算机技术给学习工作带来的便利
对各类图片进行初加工，如亮度、平衡以及大小等
在这个过程中教师要及时指导学生学会科学的信息资源管理方法，如文件和文件夹的分类和命名，进而引导学生在平时的学习生活中如何科学有效进行资源管理。
六、分组深加工素材，开发制作网页
各组对共享素材根据本组创意，深加工素材，形成具体网页直接可用素材，最后制作形成网页作品
各小组集思广益，既展示个人的能力也显示了集体的智慧，互帮互助，小组内根据专长，分工明确：
文字编辑：要求语文基础较好，平时写作能力较强，有一定文学基础，负责筛选、加工、组织、审核网站所需文字内容
图片编辑：艺术审美能力较强，有一定的绘画能力，能熟练使用计算机图形图像加工软件如photoshop、flash、gif Animator等软件处理合成图片，制作gif动画和标题flash动画等
美工编辑：艺术审美能力较强，有一定的绘画能力，特别是要求对色彩比较敏感，负责对网页色彩进行规划设计；
网页制作：能够熟练使用frontpage等网页制作软件，对HTML语言有一定基础，熟悉网站制作过程以及发布网站相关要求，负责根据课题以及小组集体讨论要求制作完成网页作品。
网页制作步骤：
1、建立站点
2、制作主页及其他各栏目页面，插入表格并按网页结构设置修改表格
3、插入文字，简单排版
4、插入图片及动画
5、调整网页字体颜色等设置
6、保存网页
以上分工不定人数，在制作过程中要团结协作，做到：不懂的多问，个人不会的小组协商解决，小组协商不能解决的请老师指导帮助解决。 成果交流
作品完成后，小组内部形成共识，要开展自评自查，要写出报告，说明网站建立的出发点，通过那些手段表达主题，制作过程有那些感受，有那些得意之处和不足之处等
再开展作品展示，小组互评，集思广益，体验成功的喜悦和团结的力量，学会关心、参与和进取。
学生的语言表达能力人际交往能力再次得到锻炼提升。 活动评析
成功之处：
1、本项综合实践活动课程的开设得到了学校领导及相关部门的大力支持，时间安排合 理，依托信息技术课程，利用课外活动和双休日时间开展活动，充分使用现有软硬件设备。
2、多种多样的学习方式充分调动了学生学习的主动性，培养了学生创造性学习的能力
通过实地调查、问卷调查、网络学习等方式学习，学生兴趣高，积极主动，锻炼了口头表达能力，效果良好。
3、拓宽了学生的知识面
在综合实践活动课程实施中，学生接受了最新科技与社会学的知识和信息，学生得到课本上难以获得的地理、人文、景观、自然、社会、生活、传统习俗等多个领域的广泛知识，学会了新的获取信息方法，科学的信息资源加工管理手段，大开学生眼界，一定程度上弥补了单一学科知识的缺点。
4、提高了学生和各项能力
在综合实践活动过程中，学生在教师的指导下，独立思考能力、团结协作能力、人际交往能力、动手能力等多项能力都能够得到不同程度的提高。
5、有利于学生树立正确的人生观价值观
在综合实践活动课程中，学生学会正确认识人类社会、自然以及人生的选择与追求，有助于学生树立正确的人生观价值观。 遗憾之处：
1、作为经济欠发达地区，师生观念滞后，学生整体层次较差，个体差异性较大，给综合实践活动课程的开展带来一定的难度；
2、要进一步和学生家长沟通交流，部分学生家长不能理解配合也给本综合实践活动课程；
3、课题的知识性和教育性还需要进一步加深。地域性的原因，风景、名胜、古迹以及纪念性较强的素材较少，难以开展爱国主义等类课题；
4、师资力量和生均硬件设施还有待加强。综合实践活动师资力量不足也是综合实践活动课程良好开展的一大制约因素。 体会与反思
综合实践活动是学生主体性的活动，自主性很强，但也需要教师的指导。参与学生实践研究过程，协助学生进行分组分工等事项，引导学生思考、团结、协作；学会人际交往，懂得尊重别人，方明礼貌，爱护环境注意安全；要及时引导协助或帮助学生解决实践过程中遇到的各种难题，指导学生如何更好更快更准确获取信息，要转变教师在教学中是绝对权威的观念。
综合实践活动对教师有产生了新的挑战，课程内容的开放性生成性使教师的知识结构面临严峻考验，要使学生认识到，教师不是万能的，也不可能是万能的。教师只是组织者、引导者、参与者，同样要努力学习研究，充实自我，而信息技术手段正是更好的终身学习的工具，教学相长，得到充分体现。
推荐第3篇：网页制作教学案例
《网页制作》教学案例分析
【课时安排】1课时
【教学内容分析】 本节课的主题：让学生认识并利用Dreamweaver软件制作简单的网页，学会建立站点和设计有一定主题思想的主页，本课是用该软件创建环保网站，也就是用所掌握的信息技术知识解决生活中的实际问题，使学生能够学以致用。发挥信息技术学科的优势，以素质教育的新理念，增强学生的动手能力，提高学生的综合素质。
1、以教材为基石，作为构建知识的桥梁，依据《课程标准》，创造性、合理的对教材进行二次开发与重组。如：导入新课时，利用学生对美好事物的向往，激发学生的求知欲和学习兴趣；采用任务驱动教学，增强学生自学能力；对学生的评价方式，采用学生作品展示，是学生学习的一个延续，对学生学习起到一种推进的作用。
2、对教材内容进行引申与组合，让学生利用网络强大的功能搜集资料，分组搜集不同内容，包括图片与文章，采用任务驱动，协作互助的授课模式，发挥教师的主导作用，增强学生的主体地位。通过创建环保网站增强学生的审美意识与想象力，提高学生的综合能力。
【分析教学对象】
1、学生的年龄特点和认知特点：
学生对周围的一切充满了好奇，他们急于表现自己，对于教师布置的任务能够认真对待。对于Dreamweaver的知识掌握的较好，但综合运用能力尚有欠缺；能够上网搜集资料，但速度与技巧还有待提高。本节课给学生提出一个总的任务：创建环保网站，此项任务的设置合理、艺术，对于学生各项能力的提高有很大帮助。
学生创作欲强，因此本节课中，提倡、鼓励独立完成作品，培养学生热爱自然热爱环境的情感，以增强学生的保护地球、保护环境的意识。
2、在学习本节课之前学生应具备的基本知识和技能：
能掌握基本的文字修饰与排版功能并能查找指定地点的文件，会浏览网页与下载资料。
3、学习者对即将学习的内容应该具备的水平：
本课是学生初次认识Dreamweaver并能应用它制作简单的网页，培养学生综合运用知识解决问题的能力，以及各方面素质的一次综合评价。
【教学目标的设计】 1.知识目标：
（1）了解网页的概念；
（2）初识FrontPage2000并学会简单地应用； （3）了解建立网站的一般方法；
（4）学习制作包含文字、图片和声音的网页。 2.技能目标：
学生通过探究学习过程中，掌握网站的建立方法与创建简单网页的操作。 3.情感目标：
培养学生在学习过程，自主探究能力和分类汇总知识的能力。培养学生热爱环境、保护环境的情感并能号召人们行动起来保护地球、保护我们生存的环境。
【教学重点与难点】
（1）重点：建立网站与在网页中插入文字、图片、设置背景和背景音乐。 （2）难点：将网页存在网站内并把涉及到的文件分类汇总在相应的站点文件夹中。
【教学策略设计】
1、根据教材内容和学生的实际情况，本课采用“任务驱动”、“问题──探究”等教学方法，创设一个板报展览的情境（创设情境），以逐个任务和问题驱动学生多动手、多思考、多实践，从而了解和掌握Dreamweaver的基本知识和技能。并以英语的鼓励语言和信息技术专业术语增强学生的学习兴趣。
2、本课传授给学生的学法是“问题驱动下的自主学习──分组协作学习──探究发现学习”。让学生在创建环保网站的过程中，既鼓励个性张扬，又提倡某些问题的分组协作与自主探究，指导学生对图片及文字的来源进行探究发现（从网络中搜集）。建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。故此本课教学过程中，以问题驱动，激发求知欲望，让学生带着逐个任务通过探究发现、相互合作、实际操作等方式，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。
3、是在网络教室中完成的，利用多媒体局域网络，实现教师演示、个别指导、网上交流、作品提交及作品展示评比。在出现共性问题与个别错误时教师可以利用网络教室软件演示和个别指导，在创作作品的同时，生生可以进行网上交流。体现教师的指导、组织作用，学生主体、探究协作地位。
【教学评价设计】
1.采用小组间竞争机制，比赛哪个小组解决问题或是完成任务的速度快与质量高，增强学生协作互助的意识。
2.最后进行作品展示，评出“速度”奖，“质量”奖，“原创风味”奖等几个奖项，进一步激发学生的学习热情。对自己的作品有一个反思，增加相互学习、相互交流的机会，让学生学会自己梳理知识，增强自学能力。
【教学过程设计】
一、情景导入
先前我们学习了使用搜索引擎查找我们所需要的资料，这些资料是以网页形式存在于网络中，大家想不想拥有自己创建的网页？（激发学生的求知欲） （学生回答：想）
从这节课开始我们就学习制作网页，到底什么是网页呢？
二、问题驱动 任务一：大家打开课本阅读和浏览一些好的网站了解网页概念，网页与网站的关系？看哪个小组能最先解答该问题？
学生阅读课本（3分钟）分小组讨论自己的理解。
小结：
1.网页使用文字、图形、声音影视等多媒体的形式表达信息，使表达的信息更加鲜活；
2.问网站时看到的第一个页面（网页）就称作网站的首页或主页；3.网页如同大家一样都必须有一个“家”，这个家就是网站； 4.存在网站中的网页之间采用了链接式的方法将网页串接起来。
任务二：在我们了解网页与网站后，会有疑问：使用什么软件制作网页呢？带着这个问题阅读课本，同时跟随课本启动这个软件。看哪个小组成员最先完成？ 学生阅读并实践„„ 小结：
大家会有疑问为什么选择它，还有别的软件吗？有，如FrontPage网页制作软件等，课本中使用了Dream weaver这个软件简单易学，并且窗口与我们使用操作系统windows都是基本一致的。
推荐第4篇：网页制作教学设计
《网页制作》教学设计
一.教材分析
《网页制作》是浙教版《信息技术基础》第六章第二节的内容，它以“北京故宫”网站为例，介绍了网页制作的一般步骤。本文设计了两个实践体验“设计制作网站主页”和“设置超链接”，而这恰好是制作网站最重要的两个环节。《网页制作》这一部分的内容不仅在会考还是高考都是一个专题模块，因此这部分知识在整本书中占有举足轻重的地位 二.学情分析
高中的学生只要在初中上过信息课，他们都曾接触过制作网页制作的简单操作，而且大部分都上过网，对网页的布局、设计和制作带来了方便。教材中采用的网页制作软件是FrontPage2000，由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面。在第三章，学生已经学过了Word字处理软件。因此，学生对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识的迁移对后续的学习非常有利。 三.教学目标
（一）知识与技能
1、FrontPage2000的启动
2、新建与保存网页
3、主页命名与设置网页标题
4、文字与图片的插入及属性的设置（如文字大小、字体、颜色等，图片大小、格式转换、环绕样式等）
5、表格的插入及边框粗细的设置
6、单元格的合并于拆分
7、超链接的制作
（二）过程与方法
1、通过简单网站的制作，认识网站的结构
2、通过网页的制作，掌握设计网页的一般步骤
3、欣赏别人的网站，学会规划与设计网页的能力
（三）情感态度与价值观
1、通过自行制作的网站，体验创造的乐趣和成功的喜悦
2、通过欣赏和评价优秀的网站，激发学生创作欲望和学习兴趣 四.教学重点和难点
重点：
1、文字与图片的插入
2、表格的应用
3、超链接的设置
难点：
1、如何安排文字与图片的位置关系，使页面更和谐
2、如何拆分与合并单元格，使表格的布局更为合理 五.教法与学法指导
教法：任务驱动法 演示法
学法：小组合作法 探究法 六.教学准备
本节课的学习是在机房中进行的，除了需要连成局域网的机子外，还需带广播功能的软件，如极域软件等。教师准备一个优秀的网站及一些制作网站的素材 七.教学策略与总思路(或总环节框架)
学生是学习的主体，应掌握学习的主动权。本节课的设计，以提升学生的自主探究能力以及分析问题、解决问题等能力为目标。本节课刚开始通过名人并且是制作优秀的个人网站展示，让学生分析网站中的元素，然后通过任务驱动的方式，让学生自主探究如何制作这些元素，接着通过小组合作的方式来制作他们喜爱的站，最后来交流和评价他们的作品。 八.教学过程
（一） 情景创设（2’）
展示“姚明”的个人网站，学生不仅看到了他们的偶像，更重要的是被精美的网页所吸引。接着要求学生通过阅读课本，提问1：网页中所包含的元素有哪些？提问2：这些元素是如何制作的？
【设计意图：通过欣赏“姚明”的个人网站，吸引学生们的注意力，激发他们的学习兴趣。同时为引出下面的知识做好铺垫】
（二） 新课讲授（2’）
1、文字的插入：复制－粘贴
2、文字属性的设置：选中文字，再按要求在文字工具栏上选中相应的值
3、图片的插入：插入－图片－来自文件
4、图片格式的转换：右击图片－图片属性－常规－类型
5、图片的环绕样式：右击图片－图片属性－常规－样式－格式－定位
6、表格边框粗细的设置：右击表格－表格属性－边框粗细
7、单元格的合并与拆分：选中要合并的单元格或要拆分的单元格，再右击
8、超链接的对象：既可以是文字也可以是图片
9、常见超链接的类型：①链接到网址②链接到本地网页文件③链接到电子邮件
【设计意图：这个环节老师只花2分钟的时间，点到即止，告诉学生碰到问题可以在操作提示中去寻找帮助（由于之前学生学过word，所以有些操作能力比较强的学生可以不借助于提示），并不做详细的操作演示。因为它包含在下面操作任务的提示中，目的在于培养学生自主探究能力】
（三） 实践体验
任务一：将“shouye.htm”另存为“index.htm”,并设置网页的标题为“2010年上海世博会” （2’）
【设计意图：让学生掌握网页的主页一般命名为“index.htm”，同时掌握网页标题的设置】
任务二：在单元格5中插入素材文件夹中“wenzi.txt”文字，并设置字体为4号、宋体、黄色；在单元格8中插入素材文件夹中“logo.bmp”图片,要求图片与文字为左环绕样式，同时将bmp格式转换为jpg格式（3’）
【设计意图：让学生掌握文字与图片的插入，文字属性的设置和图片格式的转换以及图文混排（环绕样式）】
任务三：让学生制作和下面一样表格的网页首页，不需要插入真正的图片和文字，模仿即可，但在预览时表格的边框是看不到的。（5’）
图片
超链接1 超链接2 超链接3 超链接4 超链接5
图片+文字 图片+文字 图片+文字 图片+文字 图片+文字
版权
【设计意图：让学生掌握表格的插入，边框粗细的设置及单元格的合并或拆分，这里仅仅是模仿，为以后的创新打基础】
任务四：给其中的一个超链接（超链接1－5中的任何一个）设置为有效的超链接，链接到素材文件夹中的“fenguan.htm” （4）
【设计意图：让学生掌握超链接的设置】
【设计意图：实践体验这个环节所有的操作均有操作提示，学生可直接上FTP去下载，当然有能力的学生可省去这个步骤。这个环节纯粹是为了练兵，掌握本节课的知识点，并没有按照学生的意愿去设计他们的作品】
（四） 作品制作（20）
4个学生一组去设计他们感兴趣的网站，这个网站至少要有一张主页，一张分页，有能力的同学当然可以多设计几张分页。所有素材都有教师提供。具体分工为：1人收集素材，2人制作网页，1人负责解说他们设计的网站
【设计意图：如果说“实践体验”那个环节束缚了学生思维的话，那么这个环节学生可以充分发挥他们的想象，可以综合运用所学的知识去设计自己想要的作品。这个环节不仅可以起到巩固知识的作用，同时学生们也可以体验通过小组合作成功设计出他们自己作品所带来的喜悦。】
（五） 交流评价（5’）
评价的依据：
Ⅰ、网站中是否至少有一张主页，一张分页，主页是否命名为index.htm Ⅱ、网页中是否有文字与图片要素
Ⅲ、超链接是否有效
Ⅳ、文字与图片混排是否和谐
Ⅴ、网页布局是否合理（表格是否用得恰当）
Ⅵ、作品内容是否有意义，积极向上
Ⅶ、网站的整体感觉是否给人“美”的享受
【设计意图：这个环节不仅能够培养学生们的解说与欣赏能力，同时通过作品的比较与交流，可以起到查漏补缺的作用，让学生们更好地认识自己的作品，从而更好的掌握某些知识技能的应用】
（六） 课堂小结（2）
本节课主要介绍了制作网页的一般步骤，如何设计主页与分页以及他们之间的超链接，如何在网页中插入各种元素以及如何设置元素的属性让网页看起来更和谐，更美观。
设计意图：巩固本节课所学的知识，并引导学生学以致用】 评委会点评
优点：各教学设计环节清晰，描述恰当，分析合理。教学过程的设计符合新课程理念，突出学生的主体地位。
缺点：知识与技术目标缺少程度描述，教学过程设计较理想化。
推荐第5篇：网页制作教学设计
《网页制作》教学设计
阜新市第十八中学
彭勇
一、教材依据
辽宁师范大学出版社 初中信息技术八年级上册，第二单元《网站设计与制作》，活动1“创建个人网站”以及活动2中的关于部分FrontPage2000的内容。
二、设计思想
【教学指导思想】
信息技术课是一门实践性很强、极富创造性、具有明显时代发展性特点的课程。而现代教育理论提倡以学生为中心，强调学生“学”的主动性，学生是信息加工的主体，教师的作用体现在组织、指导、帮助和促进学生的学习、充分发挥学生的主动性、积极性和创造性，从而使学生最有效地进行学习，达到最优的教学效果。 因此本课题遵循“教师主导，学生主体”的设计理念，让学生在教师的引导下，对所学的内容进行探索、分析、研究，在实践操作中培养学生科学的态度和价值观，同时培养学生的学习兴趣。
【教学对象分析】
.学生的知识能力
教学对象是八年级的学生，这一阶段的学生正处在抽象逻辑思维逐步形成的过程中，但形象思维仍是获取知识的重要思维方式。而本节课中涉及到的HTML语言有其枯燥难懂的一面，学生在理解上存在着一定的难度，所以教师在教学设计中希望能通过学生自己的双眼、双手以及思考来发现新知识，从而减轻他们对新知识的畏惧、降低理解的难度。
.学生心理特点分析
初中学生活泼好动、好奇心强、求知欲旺、视野广泛，对信息技术充满兴趣，大部分学生都能熟练使用浏览器浏览网页，他们对上网和网页有着极大的兴趣。所以在本课题中教师利用学生的这种心理设计了一个趣味导入，从趣味引入学生感兴趣的网页，使学生在课堂中保持着较高的学习积极性。
【教学内容分析】
本节课是新授课且是第二单元《网站设计与制作》的第一节课，教师将这节课的重心放在了“启下”上，目的是激发学生的学习兴趣和他们的求知欲，为顺利开展以后的教学活动打好基础、做好铺垫。本节课的教学内容有两个方面，一是初识HTML语言，二是初识FrontPage2000的窗口组成。教师设计的重点并不是让学生充分理解HTML语言的结构，而是通过HTML语言能够有效地引出制作网页的软件FrontPage2000，继而使学生能顺其自然产生使用FrontPage2000制作网页的兴趣。
教学内容的整合：课本上将初识HTML语言和FrontPage2000的窗口组成分在了两个活动中，考虑到信息技术课一星期一个班只有一节课，如果第一节课只讲HTML语言，不涉及制作网页的软件FrontPage2000，会令学生感到枯燥，同时这种枯燥感很可能会维持一个星期直到下节课，这样学生对制作网页的兴趣就远不如将两个教学内容结合起来的高，也不利于今后的教学活动开展。所以教师将本节课的重心放在让学生理解HTML语言与FrontPage2000之间的联系上。
三、教学目标
【知识与技能】
（１）了解网页与网站的有关知识；
（２）了解HTML标识性语言的功能及结构；
（３）认识构成网页的基本元素；
（４）了解常用的制作网页的软件； （５）了解网站策划与定位的重要性，掌握网站的规划流程；
（６）了解网站设计软件FrontPage2000的窗口组成；
（７）学会设计有意义的网站主题，收集网站相关资料，画出网站的结构图。 【过程与方法】
（１）趣味导入新课的内容，极大地发挥学生主体、教师主导的作用；
（２）适时引导学生产生新的问题，再通过教师的讲解与演示、对比和学生的自主学习来解决问题。
【情感态度与价值观】
（１）强烈的求知欲激发学生的学习兴趣和学习积极性；
（２）了解信息技术的前沿知识后，学生会对信息技术课保持新鲜感和兴趣感；
（３）学生在不断实现自己主体地位的同时，也获得了新知识，更从中体会到了学习的快乐。
四、教学重点和难点
重点：
1、认识构成网页内容的基本元素，理解网页布局的特点；
2、了解HTML标识性语言的功能及结构；
3、学会启动FrontPage2000，了解网站设计软件FrontPage2000的窗口组成，理解各组成部分的功能；
4、网站主题的确立，规划网站结构图，学会创建新站点的基本方法。
难点：
1、理解HTML标识性语言的结构及应用HTML语言编写简单网页；
2、网站如何定位；
3、如何收集网站的相关信息；
4、在导航视图模式下建立网站结构。
五、教学准备
①搜集常用的网页制作软件的相关信息；
②打开多媒体电脑教室的教师机和学生机，保证电脑教室的广播系统工作正常；
③共享班级文件夹；
④示例的班级网站及网页。
六、教学模式选择
“学生主体，教师主导”的教学模式。
七、教学过程
1.情境引入： 向学生展示一组优秀网站、网页，激发学生创作自己个人网站的兴趣和欲望。学生在观看，欣赏网站时，受到激励产生想制作一个网页的冲动。在师生欣赏网页作品时复习回顾已学并已淡忘的基础知识。问题：网页的构成元素及布局？教师分析案例，与学生共同回顾文字的插入、图片的插入和设置、动画的插入和设置、表格的相关操作等相关知识。让学生在案例中回顾基础，激发灵感。并引入本节主题，自己动手制作网页。
2.展示模板：
教师向学生展示本节课要完成的网页。要求学生会模仿制作出该网页模板，并能够自己创作出新的网页模板。
3.本节任务：
1）网页与网站有什么区别？
2）一个网页由哪些元素组成？对照给出的网页分析网页的组成元素—标题图片，标题栏，水平线，滚动字幕，图片，文字及背景等等。
3)用Photoshop 处理素材，达到给出网页中图片标题，并设计出突出自己主题的网站标题。 拓展：用photoshop软件，画图软件，或flash软件设计自己需要的网页图片。 4）要求学生会模仿制作出该网页模板，并能够根据自己确立的主题制作一个网页模板。 学生自主完成模板仿制，并自主探究设计一个复合自己设计主题的网页模板。小组内成员可相互交流，教师巡视，随时解决学生在学习过程中遇到的问题，并注意收集有共性的问题，并适时给以学生以点拨。尤其关注一下学困生。
5）小组选出最佳模板，探究完善此模板，然后以此模板设计网页。 4.评价展示：
作品完成，提交给教师机，自我评价，小组互评，选出小组最佳作品提交展示，师生共同赏析评价，挖掘作品优点，并指出改进之处。培养大家的审美能力，并挖掘大家的创新能力。
5.课堂小结
师生共同回顾这节课的基础知识与基本技能，并加强网络道德意识，注意版权。
八、教学反思
在信息技术教学中，必须以新的教学理念和教学理论为指导，根据新的课程标准，探索适合信息技术课堂教学的教与学的新策略和新模式来挖掘学生潜能，提高学生素质。
以前我总认为信息技术课就是教会学生如何操作，课堂中总是采用“教师讲，学生听”的传统模式，是“学”跟着“教”走，只要“我说你做”就可以了。现在我尝试着做一些改进，在本课题中围绕“学生主体、教师主导”的设计理念去设计每个教学环节，积极体现学生的主体作用，努力提高学生的学习效果。
实践证明我的想法是好的，但是在实践中难免有疏忽和做的不够细的地方。比如：由于我的观察不全面，忽略了个别学生学习中的心理障碍，有些学生的畏难情绪影响到他的整个学习效果；课堂学习气氛热烈但不够和谐。这些都说明了一个问题：我仅仅注重了学生整体主体的体现，而忽略了个体。经过思考，我认为在这节课的教学设计中可以多增加个体展示的机会，特别是那些学习有困难的学生，我应该多关注他们的动态，多帮助他们。
本课的教学目标是掌握使用FrontPage制作网页的基本方法；重点是掌握在网页中插入文字和图片的方法；难点在于插入表格规划网页的结构。
备课时，发现教材以一个标题，一张图片以及一篇文章的简单结构示例，如果完全依照教材进行授课，势必无法突破难点。于是设计了一个将学生前期制作的环保报刊，利用FrontPage软件制成网页的环节来帮助学生突破难点。并取学生环保报刊中具典型结构的五份。制作出引导学生分析结构，规划框架的演示片备用。
课堂以自主探究的模式展开，同学们在以往的学习中已掌握了在Word中插入表格、图片等方法，在FrontPage中他们很顺利地完成了教材呈现的目标。基本掌握了单张网页的制作方法。
接下来就是突破难点的训练。面对演示片呈现出的任务及教材相关提示。此时，问题集中到如何插入一个布局表格来实现规划好的结构。而教材上完全没有提示学生探究FrontPage “表格”与Word “表格” 功能的异同。少数同学开始试着插入适合自己网页结构的框架表格，而大部分的同学则完全没有考虑结构问题，做起直接的搬移，将FrontPage当成Word来用。直到出现无法将图片，文字放置到设想位置时，才意识到教材中“FrontPage通常用表格来安排网页中各种内容（文章、图形等）的版面位置。”这问话的含义是否明确。急着寻求解决的办法。我便让哪些意识到要先插入适当结构框架表的学生来说说他们的想法。并及时出示与学生思维一致的演示片，将探究FrontPage “表格”功能的提示呈现给他们。同时利用极域教室的功能，向全体同学展示同伴的探究结果，让学生不同的思绪方式及智慧产生碰撞，相互启示，顺利突破教学难点。
推荐第6篇：网页制作
你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键 ，再选create link，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。
在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是~~~~~~
将你制作好的安放在网上
要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！
需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了网页制作网址大全
推荐第7篇：制作网页
制作网页
课堂实践活动方案：
将学生分成四组，每组12名学生。（按照平时学习情况进行分组，要保证每组都能独立完成网页制作）每个小组自选一个主题，让学生利用学过的知识进行进行网页制作，然后进行评价比较，评出各组的名次。
评价方案：
按照网页制作的基本方法进行评价：
1.
2.
3.
4.
5.
6.
7.
8.
9.插入表格 合并和拆分表格 调整单元格的大小 在表格中插入文字 在表格中插入图片 在网页中使用缩略图 网页中图片的排版 保存网页 预览网页的效果
参照以上网页制作过程对各小组制作的网页进行比较评价，各组进互相进行比较，学习，最后选出网页制作最好的一组进行表扬，演示。
设计成功经验：
1、在课堂教学活动实践中，这种方式很容易调动大部分学生的学习积极性，能让每名学生都参与进来，是学生学到的知识得到利用，从而激发学生的学习积极性。让学生感有成就感。
2、有利于提高学生的集体荣誉感。
3、有利与培养学生的合作意识。
存在问题：
1、分组进行课堂实践活动容易使一些平时不好好学习的学生浑水摸鱼，滥竽充数，同时教师在课堂上很难对每名学生进行有效的评价。
2、不容易调动个别学生的创新意识，阻碍个别学生的发展
推荐第8篇：网页制作
1.先下载网页制作工具，Dreamweaver v8.0 简体注册版
下载地址：
http://www.daodoc.com/
2.开始学习，去网易学院学习网页制作的方法。
《网站设计系列多媒体教程》
http://tech.163.com/
3.如果会做了，申请免费主页空间，如果自己有更好了，（注：主机是空间）没有请去这里找一个适合自己的申请，免费。
http://www.daodoc.com
4.把做好的主页上传到您的空间。需要FTP上传软件。
下载地址：
http://www.daodoc.com/
5.用您自己的或者申请的免费域名（一般申请免费空间都赠送一个二级域名）访问您的主页。
再给你一个详细的好了
时下随着各种通讯技术的发展，互联网已在中国逐步进入普及阶段，许多人在充分享受浏览新闻，网上聊天，网络游戏，网上交易，收发电子邮件等网络的各种乐趣后，开始不满足于被动式的接受，希望能主动参与网络，因此大量的个人网站应运而生了。
计算机与网络专业技术人员能利用一技之长及在某一方面的专长轻松制作网页，但大量的网络菜鸟级人物如何制作个人主页，建立个人网站呢？我大概总结了以下几点，希望对一些对这方面缺乏基本了解的人提供一些帮助。如果你是个经常上网的网虫，并对如何建立网站有一定的兴趣，那么请你继续读下去，否则我推荐你使用某些网站推出的傻瓜式的个人网页或请专业的网页制作公司代劳，完全没必要自己动手。
1． 要建立个人网站，首先必须要了解一下目前网页制作的基本语言HTML，入门即可，大概花个一二小时就可。
2． 学会使用目前流行的网页制作软件，如Frontpage、Dreamweaver等一些功能强大，所见所得的软件，初步了解就可，不用全部掌握，一般是边用边学，不断提高使用水平。
3． 广泛的上网浏览各种网页，一开始最好能下载一些较简单的个人网页，因为他们所用到的技术较为简单，可用网页制作软件打开研究。然后推荐去浏览一些专业的网页设计网站，学习一些排版经验，同时可下载一些网页结构模版供自己套用。
4． 确定你的网站主题，我个人不主张开始就想建软件大全、书库等网上流行的为网站主题，因为第一你不够专业，网上已有太多的同类软件，别人不可能上你的网站下载。第二这类网站需要巨大的主页空间，不仅一开始你申请不到这么大的空间，而且你也不可能经常上载维护。网站主题最好是有你的个人特色，实在不能确定我建议自己做一个私人门户网站，将平时自己经常去的网站做一个较为综合的连结。
5． 网页最好不要用特别与众不同的颜色、字体，因为每个人使用的计算机各不相同，特别的颜色、字体别人不一定能看得到。 6． 网页要增加美观图片不可缺少，我建议如果你会用一些专业的作图软件最好自己制作，这会有自己的特色，放些私人照片也可以，但切记各种图片一定要作优化处理，减小它的存储尺寸。提醒一下每页不要放过多的图片，因为第一会使网页显得杂乱，第二会使你的网页显示速度过慢。制作图片的常用软件有Photoshop，Fireworks等。
7． 网页上可以用一些动画与特效增加你主页的美观与功能，动画可上网找，同样最好能自己制作，GIF格式的最常用，可用Ulead的Gig Animator软件制作，目前流行的是Flash动画，更多变化，尺寸更小，缺点是有些计算机上的浏览器缺省没有安装Flash浏览软件，有些计算机用户不能看到Flash。网上还有许多免费的Javascript等可供使用，与图片一样，我建议每页不要放太多的动画与特效。
8． 网页基本建成后，上网找免费的主页空间，以其主机的速度，提供的空间大小和有无基本的CGI功能及其提供的域名是否简单易记为考量依据，所谓CGI是指主机服务器上提供的程序，一般你可申请有免费计数器、留言板等。找到速度快，主页存放空间大，域名简单的网站存放你的网页。
9． 接下来是将网页上传至你申请的服务器上，具体上传的办法你在申请主页空间时就会了解，具体使用你制作网页的软件即可，我个人推荐使用CuteFTP Pro上传，这个软件功能强大，简单易用。
10． 好，现在你的网站已建立，你可通知你的朋友上去浏览，把个人网站印在你的名片上，还想推广你的网站？那你可去各大搜索网站登录你的新站，如雅虎、搜虎、新浪等知名网站。你还可与其它网站申请友情连结、去一些提供连结交换的网站申请广告交换，如太极链，酷站等。在做这一步时你需要做二个468X60和88X31尺寸的广告图片，动画最好，存储大小尽量控制在10k以下。
11． 如果你还想靠你的网站赚一些小钱，你可去一些商业网站申请广告连结，替他们做广告，一般以从你的网页点击到他们的网页次数算钱。
12． 最后我要提醒各位未来网主，你的网站千万不要放一些明显与国内政治相抵触的内容，这事关重大，不可儿戏，否则网站被关闭事小，坐牢也说不定哦。另外，网站内容与性有关可大大增加被浏览的数量，但黄色的内容不要放，虽说性质比不上反动内容，但也有问题。建议打打擦边球，提供一些性教育、性知识，情情爱爱的内容无伤大雅。
随着网络技术的不断发展，网络应用已经渗透到人类社会的各个角落。作为网络世界的支撑点的网站，更是人们关注的热点：政府利用网站宣传自己的施政纲领，日益成为与百姓交流的直通车；企业利用网站宣传自己的形象，挖掘无限商机；个人利用网站展示个性风采，创建彼此沟通的桥梁。越来越多的人希望拥有网站，开辟网络世界里的一片天地。如何设计一个出色的网站呢？关于这个问题，人们讨论的很多，可以讨论的内容也很多，加之网络技术的飞速发展，很难提出一个绝对权威和正确的设计思路，笔者不才，根据自己的设计体
会，总结出以下基本设计思路：
一、定位网站的主题和名称
网站的主题也就是网站的题材，网站设计开始首先遇到的问题。网站题材千奇百怪,琳琅满目，只要想的到，就可以把它制作出来。下面是美国《个人电脑》杂志(PC Magazine)评出的99年度排名前100位的全美知名网站的十类题材：
第1类：网上求职
第2类：网上聊天／即时信息/ ICQ 第3类：网上社区／讨论/邮件列表
第4类：计算机技术
第5类：网页/网站开发
第6类：娱乐网站
第7类：旅行
第8类：参考/资讯
第9类：家庭/教育
第10类：生活/时尚
每个大类都可以继续细分，比如娱乐类再分为体育/电影/音乐等小类，音乐又可以按格式分为MP3，VQF，Ra等，按表现形式分古典，现代，摇滚等。同时，各个题材相联系和交叉结合可以产生新得题材，例如旅游论坛(旅游+讨论)，经典入球播放(足球+影视)按这样分下去，题材可以有成千上万种。这么多题材，如何选择呢？遵循的原则如下：
1、主题要小而精
定位要小，内容要精。如果你想制作一个包罗万象的站点，把所有你认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有，却样样都很肤浅，因为你不可能有那么多的精力去维护它。网站的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的\"主题站\"比\"万全站\"更受人们喜爱，就好比专卖店和百货商店，如果我需要买某一方面的东西，肯定会选择专买店。
2、题材最好是你自己擅长或者喜爱的内容
比如：你擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的战况，球星动态等。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出优秀的网站。
3、题材不要太滥或者目标太高。
\"太滥\"是指到处可见，人人都有的题材；比如软件下载，免费信息。\"目标太高\"是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。
如果题材已经确定以后，就可以围绕题材给网站起一个名字。网站名称，也是网站设计的一部分，而且是很关键的一个要素。你来看，\"电脑学习室\"和\"电脑之家\"显然是后者简练；\"迷笛乐园\"和\"MIDI乐园\"显然是后者明晰；\"儿童天地\"和\"中国幼儿园\"显然是后者大气。我们都知道PIII的中文名称\"奔腾\"，如果改为\"奔跑\"，可能就没有今天这么\"火\"了。和现实生活中一样，网站名称是否正气，响亮，易记，对网站的形象和宣传推广也有很大影响。我的建议是：
1、名称要正
其实就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。
2、名称要易记
最好用中文名称，不要使用英文或者中英文混合型名称。另外，网站名称的字数应该控制在六个字(最好四个字)以内，四个字的也可以用成语。字数少还有个好处，适合于其他站点的链接排版。
3、名称要有特色 名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。例如：音乐前卫，网页陶吧，e书时空等。在体现出网站主题的同时，能点出特色之处。
二、定位网站的CI形象
所谓CI(corporate identity)，意思是通过视觉来统一企业的形象。一个杰出的网站，和实体公司一样，需要整体的形象包装和设计。准确的，有创意的CI设计，对网站的宣传推广有事半功倍的效果。具体的做法是：
1、设计网站的标志(logo) 就如同商标一样，标志是你站点特色和内涵的集中体现，看见标志就让大家联想起你的站点。标志的设计创意来自你网站的名称和内容：
(1)网站有代表性的人物、动物、花草等，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸等等。
(2)网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志等等。
(3)最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体，字母的变形，字母的组合可以很容易制作好自己的标志。
2、设计网站的标准色彩
网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。举个实际的例子就明白了：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。\"标准色彩\"是指能体现网站形象和延伸内涵的色彩。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭配。
3、设计网站的标准字体
和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的\"与众不同\"和特有风格，我们可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。
4、设计网站的宣传标语
也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如：鹊巢的\"味道好极了\"；麦斯威尔的\"好东西和好朋友一起分享\"；Intel的\"给你一颗奔腾的心\"等等。
三、确定网站的栏目
建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网
站的主体明确显示出来。一般的网站栏目安排要注意以下几方面：
1、要紧扣主题
将你的主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势，这样的网站显的专业，主题突出，容易给人留下深刻印象。
2、设立最近更新或网站指南栏目
设立\"最近更新\"的栏目，是为了照顾常来的访客，让你的主页更有人性化。如果主页内容庞大，层次较多，而又没有站内的搜索引擎，设置\"本站指南\"栏目，可以帮助初访者快速找到他们想要的内容。
3、设立可以双向交流的栏目
比如论坛，留言本，邮件列表等，可以让浏览者留下他们的信息。
4、设立下载或常见问题回答栏目
网络的特点是信息共享。如在你主页上设置一个资料下载栏目，便于访问者下载所需资料。另外，如果站点经常收到网友关于某方面的问题来信，最好设立一个常见问题回答的栏目，既方便了网友，也可以节约自己更多时间。
四、确定网站的目录结构
网站的目录是指你建立网站时创建的目录。例如：在用frontpage98建立网站时都默认建立了根目录和images(存放图片)子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议：
1、不要将所有文件都存放在根目录下，会造成文件管理混乱
你常常搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率。另外，上传速度慢。服务器一般都会为根目录建立一个文件索引。当您将所有文件都放在根目录下，那么即使你只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件。很明显，文件量越大，等待的时间也将越长。所以，尽可能减少根目录的文件存放数。
2、按栏目内容建立子目录
子目录的建立，首先按主菜单栏目建立。例如:企业站点可以按公司简介，产品介绍，价格，在线定单，反馈联系等建立相应目录。其他的次要栏目，类似what\'s new，友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：关于本站，关于站长，站点经历等可以合并放在一个统一目录下。所有程序一般都存放在特定目录。例如：CGI程序放在cgi-bin目录。所有需要下载的内容也最好放在一个目录下。
3、在每个主栏目目录下都建立独立的images目录
为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。
4、目录的层次不要太深
目录的层次建议不要超过3层，维护管理方便。
5、不要使用中文目录
6、不要使用过长的目录
五、确定网站的链接结构
网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。建立网站的链接结构有两种基本方式：
1、树状链接结构
类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出。优点是条理清晰，访问者明确知道自己在什么位置，不会\"迷\"路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。
2、星状链接结构
类似网络服务器的链接，每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。
这两种基本结构都只是理想方式，在实际的网站设计中，总是将这两种结构混合起来使用，达到比较理想的效果。比较好的方案是：首页和一级页面之间用星状链接结构，一级和以下各级页面之间用树状链接结构。
六、设计网站的整体风格
风格(style)是抽象的，是指站点的整体形象给浏览者的综合感受。这个\"整体形象\"包括站点的CI(标志，色彩，字体，标语)，版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的，这些都是网站给人们
留下的不同感受。
风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络的黑白色,网易壁纸站的特有框架,即使你只看到其中一页，也可以分辨出是哪个网站的。
风格是有人性的。通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。像诗词中的\"豪放派\"和\"婉约派\"，你可以用人的性格来比喻站点。如何树立网站风格呢？我们可以分这样几个步骤：
1、确信风格是建立在有价值内容之上
一个网站有风格而没有内容，就好比绣花枕头一包草，好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性，这是最基本的。
2、你需要彻底搞清楚自己希望站点给人的印象是什么
可以从这几方面来理清思路：
a.如果只用一句话来描述你的站点，应该是:()
参考答案：有创意，专业，有(技术)实力，有美感，有冲击力
b.想到你的站点，可以联想到的色彩是：()
参考答案：热情的红色，幻想的天蓝色，聪明的金黄色
c.想到你的站点，可以联想到的画面是：()
参考答案：一份早报，一辆法拉利跑车，人群拥挤的广场，杂货店
d.如果网站是一个人，他拥有的个性是：() 参考答案：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的创业者
e.作为站长，你希望给人的印象是：()
参考答案：敬业，认真投入，有深度，负责，纯真，直爽，淑女
f.用一种动物来比喻，你的网站最像：()
参考答案：猫(神秘高贵)，鹰(目光锐利)，兔子(聪明敏感)，狮子(自信威信) g.浏览者觉得你和其他网站的不同是：()
参考答案：可以信赖，信息最快，交流方便，
h.浏览者和你交流合作的感受是：() 参考答案：师生，同事，朋友，长幼。
你可以自己先填写一份答案，然后让其他网友填写。比较后的结果会告诉你：你网站现在的差距，弱点及需要改进的地方。
3、在明确自己的网站印象后，开始努力建立和加强这种印象
经过第二步印象的\"量化\"后，你需要进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化，宣传。以下做法可作参考：
(1)将你的标志logo,尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。
(2)突出你的标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用与标准色彩一致的色彩。
(3)突出你的标准字体。在关键的标题，菜单，图片里使用统一的标准字体。
(4)想一条朗朗上口宣传标语。把它做在你的banner里，或者放在醒目的位置，告诉大家你的网站的特色是...。
(5)使用统一的语气和人称。即使是多个人合作维护，也要让读者觉得是同一个人写的。
(6)使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须一样。
(7)创造一个你的站点特有的符号或图标。
(8)用自己设计的花边，线条，点。
(9)展示你网站的荣誉和成功作品。
(10)告诉网友关于你的真实的故事和想法。风格的形成不是一次定位的，你可以在实践中不断强化，调整，修饰。 4
推荐第9篇：网页制作社团活动工作总结
网页制作社团活动工作总结
孟兆娟
本学期社团活动已经进入了尾声，在校团委和社团联合会的指导下，网页制作社团一共活动五次，取得了令人满意的成效。现在就这一学期的社团活动，做一个工作总结。
一、社团活动的开展得到了学校老师们的大力支持。在这里还要特别感谢团委书记纪金忠老师，每次当我们活动由于无法安排机房，他都会尽量帮我们想办法解决我们的后顾之忧。
二、社团的两个年级负责人一共是两位。高一的王志红同学。每次因为活动、活动场地问题，她都能及时通知到社团的每位成员，并且还做好记录工作，非常认真，也非常勤劳。所以，要向这位同学表示感谢。
三、社团成员在活动过程中，能严格遵守活动纪律，积极，并适当进行笔记。成员们的认真和努力，保证了社团活动的高效开展。感谢社团的同学们。
四、本学期在社团活动中，因为受高一高二总人数影响，我们把网页制作社的高一高二年级分社合并到一起上课，这样就带来了一个问题，高二的同学已经学过了Frontpage网页制作，可以说对网页的整体布局和设置已经有了一个宏观的感觉，所以在设置课程的时候我就先跳过了网页布局设置这些内容，尽量挑Frontpage和Dreamweaver不同的一些内容来讲，并且，让同学们通过操作去感受两种操作工具的不同点，发现各自的优点，从而对Dreamweaver这种网页工具产生更加浓厚的学习兴趣。上课过程中，我们还贯穿了一些优秀网页的展示活动，让同学们通过欣赏这些优秀的网页对网页制作这个活动产生更加浓厚的兴趣。虽然因为高二的学业水平测试占用机房被冲掉了几节课，但是同学们给予了理解和支持，在我们的共同努力下下学期我相信我们的社团活动会开设的更加有序健康！
2013年12月25日
推荐第10篇：教学论文网页制作技术
《网页制作技术》教学方法初探
网页制作技术课程在目前的职业学校中几乎成为必开课程，但由于网络技术更新日新月异，教学方法很难于最新技术达到一致，因此在连续4年的教学当中，我考虑是否应当在教学方法上进行更新。课程的传统教学方式是先由教师在多媒体机房授课，然后安排学生在上机验证教师所讲内容。这种方式忽略了学生的积极性、主动性，学生学到的知识比较零碎，很难开发实际项目。而且我们软件课程的特点就是易学也易忘，因此为了将零散的知识点，一点一滴的灌输到学生的知识库中是每个计算机专业教师必须思考的问题。
随着课程内容的深入，很多学生逐渐失去了学习兴趣，丧失了主动参与的意识，以致课程结束时，几乎没有学生能够设计出具有一定水平的网站。为打破传统的教学模式，突出学生的主体地位，让学生成为教学的中心。我分析了该课程的特点，并结合任课教师为企业开发网站的经验，让教师将所承担的网站建设项目引入课堂教学，引导学生共同开发项目。
此类课程要想取得好的效果，项目教学法便是首选。2003年7月德国联邦职教所制定以行动为导向的项目教学法，它把整个学习过程分解为一个个具体的工程或事件，设计出一个个项目教学方案。按行动回路设计教学思路，不仅传授给学生理论知识和操作技能，更重要的是培养他们的职业能力，这里的能力已不仅是知识或是专业能力，而是涵盖了如何解决问题的能力：方法能力、接纳新知识的学习能力以及与人协作和进行项目动作的社会能力等几个方面。
项目教学法的核心追求是：不再把教师掌握的现成知识技能传授给学生，而是在教师的指导下，学生去寻找得到这个结果的途径，最终得到这个结果，并进行展示和自我评价。学习的重点在学习过程而非学习结果，他们在这个过程中锻炼各种能力。教师已经不是教学中的主导地位，成为学生学习过程中的引导者、指导者和监督者，学生具有较高的积极性。
网页制作是职业学校计算机类专业所特有的实训项目之一，即通过30到60学时，学生必须完成一个完整网站的制作。主要尝试从以下几个步骤实施项目教学：
1 分组
在先学生自愿组合、后教师调配安排下，对全班同学进行分组，3—4人一组，采取组长负责制，由组长统筹安排其组员的分工。2 规划网站
在制作网站前，给学生介绍不同类型的专题网站，让学生上网找出自己感兴趣的网站，要求学生在网站浏览的同时，总结此网站的风格特点，并把自己的心得介绍给老师与同学，这样不但能提高学生的学习兴趣，而且为引入项目教学法做好了铺垫。课前让学生进行网站需求的调查，在调查过程中寻找具有一定的应用价值的网站项目。课堂上让学生结合各自调查情况，提出一个网站设计的项目，参考《网页设计与制作》教材制定好一份初步计划书，确定网站主题。3 细化任务。分工合作
本着发挥学生个人特长，让每一位学生溶入网站设计的全过程，
结合《网页设计与制作》课程的教学内容，在学生制定好具有一定应用价值网站设计计划书的基础上，通过课堂讨论，列出将要实施的几个网站方案，成立项目小组，设立项目经理来负责每个小组完成一个网站。
4 实施项目
学生确定各自在小组内的分工及小组成员问合作形式后，按照已确定的方案进入具体的网站制作。在这个过程中，学生必然会碰到许多新问题，此时教师就可以把问题集中起来，要求各小组在回答问题时充分发表意见，同学问可相互提示帮助，教师根据学生的掌握情况进行及时补充，对学生在应用上有困难的地方，教师提供给他们解决问题的方法。让班上绝大多数学生能完成基本的教学内容。5 小组成果展示
网站制作结束前，经过教师核准验收后，可以宣布整个项目工作结束。作者要向教师及同学展示自己的网站，并进行作品答辩。以团队形式完成作品的，分模块展示，体现合作的同时还应有细致分工，这会更加促进学生的团队意识。
6 评估总结
学生在完成网站设计后，教师要求他们进行网站的自评、互评。这个过程可以与成果展示同时进行。学生对各自网站自评，不仅有利于学生的自主学习，且可以改进课程或教学的设计；学生互评，让学生对学习成果进行共享，从学生的角度发现问题以及提出改进意见。最后教师对各项目组的网站进行综合评价，这一工作是最主要的。教
师在评价学生网站时，不能只进行优劣评价，而应该指出问题所在，给出具体改进及修改建议等，让学生去完善网站。
7 小结
网页制作课程作为职业学校计算机基础教育的重要组成部分，如何采取合适的教学方法，提高教学质量，是每一个计算机专业教师很重视的问题。除了进行教学方法改革外，只有各部门、教师和学生协作和支持，才可能真正提高网页制作课程的教学质量。项目教学对提高职业学校学生的专业技能有了很大的帮助，这也同时给老师提出了更高的要求。身为一位职业学校的专业教师，一个计算机专业的授业者，必须身体力行，加强学习，提高自身素质，用最先进的教育理论引领自己做好职业教育。
第11篇：“网页的制作”教学设计
《网页的制作》教学设计
山东省昌乐二中 滕学梅
【学情分析】
1.在学习网页制作之前，学生进行了网站的规划与设计，还没有就网页制作真正着手练习，对Frontpage的使用比较陌生，但是已经有word等软件的操作基础，很多基本的操作可以迁移过来。并且，通过高一的学习与养成，学习小组的整体意识已经建立，组内合作、组间竞争的氛围已经形成，所以可以采用先进行自主练习，然后合作探究，通过各组推荐的作品展示进行评价，在展示的同时也提高了学生的技术水平。
2.学生操作基础不同，接受能力不同，可以充分发挥各小组“技术顾问”的作用，帮助指导组内其他成员，共同完成学习任务。【学习目标】
1.熟练掌握网页制作和美化的基本操作，提高操作和审美能力；2.大胆动手，积极实践，总结用网页表达主题的技巧和方法； 3.积极、热情地投入学习，体验网页制作的快乐。 【重点难点】
1.重点：利用表格对网页进行布局；网页中的图文设置及超链接的使用。 2.难点：网页间超链接的建立。 【教学过程】
课前准备：提前做好小组座次安排，由学科班长组织大家按组入座。
一、展示导入，明确学习目标（3分钟）
1.展示精彩网页（如北京大学、清华大学网站首页），引导学生简单分析网页风格。2.明确本节课学习目标与主要任务。
二、指导与点拨（3分钟）
1.分析北京大学网站首页，观察其网页布局（如图），引导学生尝试使用表格对网页进行版面设计。2.对网页制作所用的基本操作进行点拨： （1）文字、图片的添加与调整 （2）网页背景的设置 （3）超链接的建立
三、基本功练习（10分钟）
1.任务：快速“克隆”示例网页。（素材发到桌面“基本功练习”文件夹中）
与word中的操作类似，注意迁移 2.要求：（1）先独立练习（参考导学案的“操作导航”）；尝试一遍后可与组内同学小声交流，解决疑难问题；
（2）每组的“技术顾问”完成任务后可下座指导； （3）完成后相互检查超链接的效果。
四、制作主题网页（15分钟）
1.任务：从桌面“主题网页”文件夹给出的四个主题中选择一个，快速完成主题网页的制作；
2.具体要求参看导学案“实践探究”部分；可两人合作，有能力者最好独立完成；
五、作品推选、上传：每组推选一个作品参加组间评选，并将作品文件夹传至FTP。
六、精彩展示（10分钟）各组派一代表向全班展示自己的作品，并简介操作要点。展示前，引导全体学生积极思考以下问题：
1.你从展示作品中学到了什么？有哪些可借鉴之处？
2.你是否清楚各作品的效果是如何实现的？若有疑问，及时提出。3.能不能提出更好的修改建议？
注：1.学生展示过程中，教师要引导大家规范操作，对于重点加以强调。 2.提醒学科班长记录参与展示和积极质疑、解答的同学，汇入评价。
七、完善提升：（5分钟）
1.借鉴所展示作品的优秀之处，进一步完善自己的作品；2.根据展示同学的演示，将新学到的操作尝试一遍。
八、总结：
1.网页制作要领：（1）灵活运用基本操作；（2）版面设计清晰、条理，或者有独特之处；（3）配色和谐，给人美感；（4）超链接顺畅、自由，方便使用。 2.由学科班长公布本节课评价统计情况。
【教学反思】
1.在学生自主练习过程中，适时指导很重要，但教师一人肯定不能照顾全体学生，所以充分发挥学习小组的“技术顾问”的作用很关键。
2.在“制作主题网页”环节，给学生准备四个不同的主题素材是很有必要的，我们在进行教学设计时要考虑到学生个性、兴趣不同，并加以利用，促进教学。
3.对进行展示的同学要进行简单培训（或者对各组长进行培训，由组长传达到展示者），防止展示时只宣讲他们网页中的内容，而忽略技术，浪费宝贵的时间。4.课堂即时评价很重要。学生初次接触一个软件，要经常收获一点成就感才有进一步探索的欲望，这就需要我们教师注意发现、及时鼓励。学科班长记录好大家的课堂参与情况，下课前公布，这项工作若坚持下来，对我们的教学会有很大促进。
第12篇：网页制作软件 教学设计
网页制作软件
一、教材分析
本课是FRONTPAGE中一节基础内容课，也是FRONTPAGE以后知识学习的铺垫。本节课以制作一个简单网页为教学任务，学习目的明确，步骤清楚，希望完成任务而初步掌握简单制作步骤的指导思想。同时对学生网页的创作能力、网页布局和色彩搭配能力进行激发与培养。并为其以后进一步学习网页制作而打下良好的基础。本节课的重点是网页常用编辑器以及网页设计布局，难点是网页的设计及布局。教师重点在导，学生重点在实践与创新。为了合理利用上课时间，将用已有部分拓展知识和演示范例利用网络下传至学生机，以利于学生上课的实践与创新。
二、学情分析
我校的大部分学生在小学就接受过系统的信息技术课程学习，具备了一定的计算机操作能力，加上初
一、初二也学完了word execl powerpoint的知识，应该说学生都具备了一定的基础。但也有部分学生基础没有打好，但基本的操作应该没有多大问题。因此，在教学过程中关于frontpage的打开与保存，这里我让学生自己去学习，教师只给予必要的提示。而关于HTML 和讲授网页布局的过程时，有必要要教师先演示一下，这也是本节课的重难点。
三、教学目标分析：
1、知识目标：
通过本节的教学，学生将了解常用的网页制作软件，掌握frontpage的操作界面，并能亲自尝试做出简单的网页作品。
2、过程与方法
学生将通过教师的引导，学会通过自主的研究探索，主动获取知识，并运用知识解决问题，逐步地培养自己的创新精神和实践能力。这对于学生以后的进一步学习很有帮助。具体过程：课题引入-----教师提示------学生上机自主学习------问题反馈-----教师演示-----学生完成作品-----优秀作品点评-----教师小结-----巩固练习-----课后探究、实践。
3、情感、态度与价值观 ① 活动教学激发学生学习frontpage的兴趣。
② 培养他们自主学习、互相协作的良好学习习惯以及自主创新精神。
4、重点、难点
重点：了解常用的网页制作软件，掌握frontpage的操作界面。
难点：网页的合理布局和色彩搭配。
四、教法阐述
为了实现以上教学目标，结合教材特点，本课采用的主要教学方法有“任务驱动法”、“创设情境法”等。通过学生已经受过的美术教育和信息技术教育（课程整合），创设一个Inter网页在线的情境（创设情境法），设置一个个任务，让学生运用已学知识，自己动手，有机完成课堂设计的各种操作（任务驱动法）（包括：了解常用软件的概况，利用word对frontpage的操作界面熟练掌握，完成自己的第一个网页设计。）以任务驱动的方式查漏补缺，使教学内容合理流动，水到渠成。教学中，启发、诱导贯穿始终，充分调动学生的学习积极性，注意调节课堂教学气氛，使学生变被动学习为主动愉快的学习，使课堂能在生动、有趣、高效中进行。
五、学法指导
本课教给学生的学法是“接受任务——思考讨论——合作操练”。 建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。故此本课教学过程中，巧妙设计，让学生带着一个个任务通过课堂讨论、相互合作、实际操作等方式，自我探索，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。
六、教学设计
1、收集资料，激发兴趣。
在这一环节中，教师利用课前准备好的前期省市获奖网页作品，并将之融合到课件中。教师结合初中学生特点和乡土教育，故利用屏幕广播播放《我的家乡》和《思品斋》，让学生共同欣赏，从而引导学生的创作欲望，激发其兴趣。
设计意图：通过网页实例的导入，将课堂气氛调节得比较活跃，让学生更容易进入学习状态，为以下的学习做好铺垫。
2、初识网页制作软件。 在激发了学生学习兴趣后，教师趁势提出：你们也想制作这样的作品来表达自己的想法吗？顺势引出“三剑客”的概念，引导学生了解常见的html编辑器。
设计意图：通过学生感兴趣的问题设问，吸引学生的注意力，激发学生的学习兴趣。
3、层层攻关（任务驱动 逐步提高 分层教学）
欣赏过网页，教师就提出与学生共同制作简单的网页的想法。在授课中我安排了多次的动手制作活动，制作难度由浅入深，旨在通过学生自己动手动脑，形成自主探究进而创作的能力。
（1）第一关：基本任务：边学边做，牛刀小试
由于是初次制作，所以不易过难过复杂，所以选择了让学生自主进入frontpage的界面，因为有office前面知识做铺垫，学生进入操作界面并可以在较短的时间内熟悉基本的操作界面，又有助于形成学生内心的成就感，提高学生继续学习的积极性。后巡回辅导并观察哪些学生用的方法最快、最简便。
学生：自主学习、互相协作，也可以参考教师已下传上操作方法或正确样例。 设计意图：这是第一关任务，对于已有计算机操作基础的学生来说相对较简单。所以我这里给出提示与操作方法后让学生自己去过这第一关。让学生学会操作，并尝试不同的操作方法来解决问题。 （2）第二关：进阶任务：由学到创，拓展提升
在学习完成第一个环节后，教师趁势提出html的概念，实例中字体、大小、颜色变化，引导学生观察普通、html、预览的不同，以及相关的操作方法。在此基础上，教师进一步设置了拓展问题，让学生设计自己的网页，并通过简单网页的制作体会html的具体含义。最后教师选择相关学生进行总结，教师注意点评。
学生：根据刚才学习的知识和教师提供的素材。先完成自己的作品并与同学进行交流和沟通。学生通过不断的实践，简单修改html的方法，并进行演示。
设计意图：这是第二关任务，其中html也是本节课的重难点，所以教师先用一种常用方法演示html的内容，而修改让学生自主学习完成。 同时让学生相互进行交流，有助于提高他们的学习积极性与成就感，又可以培养他们之间互相帮助学习的良好习惯。方法多样让学生学会用不同的操作方法来解决实际问题，但得让他们自己去实践，这有助于培养他们自主学习的良好习惯。 （3）第三关：挑战任务：展翅高飞，自由创作
在学习制作完第二个环节后，引导学生进入“网页达人”的环节，本环节主要讲解网页的布局等知识，由教师演示常见的网页布局格式，并简单的给学生进行点评和原理分析。在此基础上，引导学生结合自己的上网经历仔细对比异同，同时归纳适合个人网页的布局和颜色搭配方式。
设计意图：在第二关的基础上，对出现的问题，进行分析、演示。让学生在掌握操作技术的基础上对网页布局和颜色搭配有进一步的认识，在此基础上形成对学生审美观的培养。完成第三关操作任务即完成自己的作品。让学生能设计出有创意的作品，培养他们的创新精神。考虑到学生之间的差异，在这里只对背景和图片的接触和了解，让计算机基础好的一些学生能探索出新的知识操作。
4、评价作品 教师总结 评价作品
（1）学生互评：通过教师设置的共享文件夹了解其他学生作品，学生互相发表意见。
（2）学生自己推荐：认为自己作品好的学生可以举手向老师推荐。 （3）教师总结评价：教师对学生们评价出的优秀作品以及自己推荐的作品作评价并结合作品完成的时间前后评选出前5位优秀作品并进行表扬。
设计意图：培养学生评价他人作品的能力。互相欣赏作品可以让学生来检测自己的学习成果，知道彼此之间的差距。让学生有成就感，从而激发学生的学习积极性，进一步活跃了课堂气氛。
教师总结
教师结合学生作品和上课的具体情况总结本节课的主要内容，注意强调知识目标和情感态度价值观的总结。
5、知识竞答大比拼
教师演示准备好的一个知识竞答游戏，学生观看大屏幕，抢答题目。 设计意图：用游戏形式的巩固练习即让学生对本节课的知识学习得到反馈，进一步巩固所学知识，又可以活跃课堂气氛。
6、课后探究实践
教师给出提示，引导学生自主学习，充分挖掘他们的学习潜力
设计意图：让学生在课后有思考问题的空间，进一步激发他们学习frontpage的兴趣。培养他们自主学习计算机其他操作知识。
第13篇：网页制作的教学设计
网页制作的教学设计
一、教学目标
1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；
2、认识 FRONTPAGE 的界面；
3、掌握在主页中插入文字、图片、水平线；
4、掌握页面文件与图片的保存。
二、教学重点
1、能在指定位置建立只有一个网页的站点（难点）
2、能在页面中插入文字、图片、水平线
3、掌握页面文件与图片的保存（难点）
三、学情分析
学生已经学习了 WORD、POWERPOINT 与上网浏览信息，对计算机的基本操作（ WORD 中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。
四、教学方法
在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程设计
教师活动： 1、引入课题：（激发兴趣，活跃气氛）
同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）
浏览新浪网站，浏览的第一个页面称为什么？（主页）
我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题 1 ：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）
问题 2 ：网页是不是就是主页？ ( 第一个页面称为主页 , 网站设计者可以确定哪一个是主页 , 主页的文件名一般为： index.htm, 主页也是网页 )
设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在 internet 上，让所有的人访问浏览。
今天我们学习用 Frontpage 建立站点，制作一个主页。
先来研究一下没有发布的网站 , 打开教师做的网站
问：同学们看到了什么？（文件夹）
总结：
可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。
请学生浏览教师课件，了解学习任务
2、新建站点
FP 的启动
问：与 word 比较，有什么不同？
（增加了视图区，编辑区有三个窗口）
总结：
视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面
普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式
预览窗口：浏览器中出现的效果，与 PowerPoint 中的 “ 放映幻灯片 ” 类似。
Html 窗口：编写 HTML （超文本标记语言，它是描述网页内容和外观的标准。）
打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。
（教会学生利用导学课件，根据导学软件完成任务）
任务 1 ：学生根据导学课件，在 d:\\ 建立自己站点
教师巡视指导
请一位学生示范如何建立站点 , 教师总结
问：在文件夹列表中看到了什么？
分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在 images 文件夹中）
3、编辑主页与保存主页
看效果图，请学生分析主页中的元素
总结：鲜明的主题，如：我的世界、我的宠物等，有分割页面的水平线，与主题相关的图片，对网站的简单介绍
根据导学软件，学生完成任务 2 ：设计主页、保存主页与图片
教师巡视指导
4、总结反馈
请学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存
总结：必须切换到 “ 普通 ” 窗口下编辑
主页的保存中存在问题：
单击 “ 文件 ”----“ 保存 ” 或工具栏的 “ 保存 ” 按扭，弹出一个对话框，保存嵌入式文件，改变文件夹，图片必须保存在本站点 images 文件夹中 , 便于站点的管理。
5、请学生继续完成自己的主页，有能力的同学完成提高篇
教师巡视指导
6、教师与学生共同评价总结
展示学生作品，教师与学生共同评价
请学生总结今天的学习内容：建立包含一个页面的站点，主页的设计与保存。
学生活动：学生回答问题、学观察鼠标指针、学生回答问题、学生观察网站的表现形式、齐声回答、学生浏览课件，并了解本节课的学习任务、学生观察 FP 界面与 word 的不同、学生回答、学生观察教师演示不同编辑窗口的区别。学生上机操作，在指定位置建立自己站点、请先做好的学生当小老师，辅导其它学生。学生回答、学生操作，同桌互相帮助，并参考教师做的课件，利用网络环境下的课件自己探索学习，满足不同层次学生的需求、学生总结
注：课件中包含每一个操作过程的操作步骤及拓展的知识、基本任务与提高任务的效果图。
点评：
教学课题 “ 网页制作 ” 作为初中阶段的最后一部分内容，难度较大，教学的深度较难掌握。这就要教师在备教材的基础上，同时还要备学生，做到对学生的情况有较为深刻地了解，以便很好地完成教学任务，达到预期的教学效果。根据教材和《中小学信息技术课程指导纲要（试行）》中的精神，本课应以 “ 任务驱动 ” 的方式完成，一方面教会学生了解和熟悉具体软件的基本功能，另一方面又能主动地掌握并深入学习思考。寻着这个思路授课教师在课前作了大量的课前准备制作出了相应的教学课件 “ 网页制作 ” 。
一、调动学生的学习热情，变被动学习为主动学习
整个教学过 程张云 老师采取了 “ 引导加任务驱动 ” 的模式进行。首先教师进行导入，导入概念，强调概念；再引导学生学习课件的使用，引导他们读懂课件中的第一个任务：建立一个只有一页的网站，（此处若能引导学生，由学生来完成，减少老师的操作，效果会更好），然后让学生模仿第一步的操作进行下面内容的学习，完成导学材料中给出的一个个任务。
二、突出重点，及时点评
张云 老师在引导学生进行学习、操作后，就主动地去观察和发现学生中出现的问题，甚至于课前对可能出现的问题，也进行有预见性地准备；发现问题及时点评。（点评分为个别点评和全班点评，点评不等于教师将操作过程演示一遍。 张云 老师在点评建成的网站时，重点若再突出些，介绍再清楚些，效果会更好。比如：站点中内容说明不够清楚等。）
三、发挥学生的协作学习精神
张云 老师在教学过程中，对有困难的学生进行个别辅导，同时还需发挥学生的协作学习的精神，充分调动学生学习的积极性，让学有余力的学生充当 “ 小老师 ” ，从而体会到学习的乐趣。（整个教学过程中，这点做地不够，没有充分地让师生互动起来）
四、重点突出、目标明确
最后， 张 老师在整个教学过程中，应再突出教学重点，明确本节课的任务。（课前的导入，最好给出教学目标，课后的小结应让学生总结他本堂课学习到哪些知识，所以感觉这节课重点不突出，内容分散。）
五、教学效果较好
由 于张云 老师在课前对本课作了大量的准备工作，课件制作效果较好，所以学生完成情况很好，教学任务完成情况较好。
第14篇：网页的制作教学设计
网页的制作
一、教学题目：网页的制作
二、教学目标：
1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；
2、认识FRONTPAGE的界面；
3、掌握在主页中插入文字、图片、水平线；
4、掌握页面文件与图片的保存。
三、教学重点：
1、能在指定位置建立只有一个网页的站点（难点）
2、能在页面中插入文字、图片、水平线
3、掌握页面文件与图片的保存（难点）
四、教学难点：
在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程：
教师活动：
1、引入课题：（激发兴趣，活跃气氛）
同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）
浏览新浪网站，浏览的第一个页面称为什么？（主页）
我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）
问题2：网页是不是就是主页？(第一个页面称为主页,网站设计者可以确定哪一个是主页,主页的文件名一般为：index.htm,主页也是网页) 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用Frontpage建立站点，制作一个主页。 先来研究一下没有发布的网站,打开教师做的网站 问：同学们看到了什么？（文件夹） 总结：
可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。请学生浏览教师课件，了解学习任务。
2、新建站点
FrontPage的启动 问：与word比较，有什么不同？（增加了视图区，编辑区有三个窗口） 总结：
视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面。
普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式。
预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。 Html窗口：编写HTML（超文本标记语言，它是描述网页内容和外观的标准。） 打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。
任务1：学生根据导学课件，在d:\\建立自己站点 请一位学生示范如何建立站点,教师总结。 问：在文件夹列表中看到了什么？
分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在images文件夹中。
3、编辑主页与保存主页
看效果图，请学生分析主页中的元素
总结：鲜明的主题，如：我的世界、我的宠物等，有分割页面的水平线，与主题相关的图片，对网站的简单介绍
根据导学软件，学生完成任务2：设计主页、保存主页与图片
4、总结反馈
请学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存
总结：必须切换到“普通”窗口下编辑 主页的保存中存在问题：
单击“文件”---“保存”或工具栏的“保存”按扭，弹出一个对话框，保存嵌入式文件，改变文件夹，图片必须保存在本站点images文件夹中,便于站点的管理。
5、请学生继续完成自己的主页，有能力的同学完成提高篇
六、小结：
展示学生作品，教师与学生共同评价 请学生总结今天的学习内容：建立包含一个页面的站点，主页的设计与保存。
第15篇：《制作网页》教学设计（优秀）
制作网页教学设计
一、教材分析
《制作创建网页》本课为海南出版社出版的信息技术教材八年级下册第三章第二节的内容，教材中采用的网页制作软件是FrontPage2000。FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面，八年级的学生他们已经学过Word2000、Excel2000、PowerPoint2000的操作，对FrontPage2000的许多菜单、工具的操作会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。不仅给学生提供一个自由发挥的空间，同时也给学生提供了自由创新的机会，是学生感兴趣的内容。
二、学情分析
本课教学对象为八年级学生，作为八年级的学生他们已具备一定的网络基础能力，他们好奇，有个性，富有挑战精神。自由选材制作班级主页是学生们很感兴趣的事情。学生之间互相展示作品又使他们受到激励，从而会以满腔热情投入到学习的活动中。这些对本课的学习是十分有利的，有助于学生轻松进入FrontPage的网页创作世界。
三、教学三维目标 知识与技能：
1、经过学习能建立一个站点；
2、初步掌握网页制作的过程，在网页中插入图片、flash动画和文字等元素；
3、制作一个简单的“我的空间站”个人网页。过程与方法：
1.通过欣赏优秀网站，培养学生自学、合作学习和动手能力。2利用适当工具集成信息以表达某一个主题 情感态度与价值观：
1.通过欣赏和评价优秀的网站，激发学生创作欲望和学习兴趣。2.通过动手制作网站，体验创造的乐趣和成功的喜悦。 3.培养欣赏美和创造美的能力
四、教学重点和难点
教学重点：站点的建立、改变网页主题、Flash动画的插入、超链接的设置 教学难点：站点的建立、Flash动画的设置和超链接的设置 教法：任务驱动法、演示法 学法：小组合作法、探究法
教学手段：采用多媒体网络教学
五、教学过程
（一） 情景创设，引出问题
学生上网、浏览网页，访问推荐网站。组织学生讨论网页的组成元素（如：文字、图片、视频、动画、音频„„），教师质疑：喜欢上网，是否想过亲自来设计和制作属于自己的网页，来彰显自己的风采呢？
教师：这节课我们要学的内容是用FrontPage制作网页。在进入本课程前，我们先来回顾上节课所学的知识：建设网站前应做什么准备？
学生：确定主题和收集素材
教师：接下来，我们来学习“我的空间站”的个人站点的相关制作。
（设计意图：情境导入，培养学生观察、审美、发现问题的能力，激发学生的学习兴趣，调动学生的学习积极性。同时为引出下面的知识做好铺垫。）
（二）新课讲授 一）新建站点
1、frontpage的启动步骤及窗口基本组成
2、教师演示操作边讲解：打开frontpage，新建“站点”。
3、布置任务（任务一）
每位同学在C盘新建一个站点，站点名称使用A+班号+学号，然后打开此站点文件夹，观察里面有哪些文件和文件夹。（学生练习过程中，会出现一些问题：如路径输入不正确，导致站点建立不成功。教师巡堂指导学生解决问题的途径。) 提问
1、站点内第一张网页一般起什么名字？
提问
2、站点内有一个“images”的文件夹，有什么用？（学生思考并回答） （设计意图：通过学生自主学习，教师设问引导学生思考，若发现学生的不足，才针对问题进行讲解。从而培养学生的自主学习的能力，以及掌握解决问题的方法。）
二）网页的制作
1、改变网页的主题风格（选择“格式”菜单—“主题”子菜单，点击打开，根据需要选择主题）
2、编辑网页内容（文字、图片、动画等）
重点讲解Flash动画插入步骤：选择“插入”菜单—“图片/Flash影片”子菜单----打开“选择文件”对话框，选择要插入的Flash文件，插入即可。
3、超链接的对象：既可以是文字也可以是图片
重点讲解超链接插入步骤：选择“插入”菜单—“超链接” 子菜单—打开“超链接”对话框，选择连接对象即可。
4、预览网页及保存图片：单击左下方的预览按钮及选择图片保存位置
5、布置任务（任务二）
以小组为单位进行探究学习：每位同学在打开个人站点的首页，按网页制作的步骤进行实践操作。
教师：将准备好的素材传到学生端机子。 学生：上机操作、实践。 教师：巡视课堂，个别辅导。
（设计意图：学生体验从“做中学”的乐趣，培养学生自主学习能力，提高学生的动手实践能力和协作能力，从而激发学生创造欲、表现欲。）
六、交流评价、作品展示 学生上台展示自己的作品，教师讲解，对其中出现的各种问题，提问学生。（此过程可安排如下：教师展示一个做得有欠缺的网页，可以是学生的作品，也可以是课前准备好的作品。和学生一起讨论，对要求掌握的知识进一步巩固。）最后，学生彼此交流学习心得，互评互助。
（设计意图：学生主动参与到学业活动中，培养学生的语言表达能力，强化学生学习的积极性。）
七、课堂小结归纳信息
经过这节课的学习，我们已经会做一张基本的网页了，但是大家在看了许多精彩的网页后会发现，自己现在的这个网页自己还是有许多值得改进的地方。
所以在以后的学习中，我们会学习更多的关于网页制作方面的知识，让大家的制作的网站在网上发布，让成千上万的人去点击！
第16篇：网页制作读书笔记
心得体会之网页设计
网页制作与网站设计心得体会
网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。
通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面，我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如：
1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。
2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。
页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信息。要研究网页设计，就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。
- 1
心得体会之网页设计
计通过文字图形的空间组合，表达出和谐与美。不积跬步，无以至千里。我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。
在具体的制作一个网页时我了解到一个优秀的网页设计还应该具备以下一些基本原则：
1 确定网页设计的内容
一个优秀的风站要有一个明确的主题,整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用。
2 了解你网站所在行业的客户
用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.
3、做一个典型用户
不以用户身份亲身体验网站你才能发现问题，才知道那些需要改进，尽量不要让客户去发现问题，在前期设计时就应该把这些问题解决。
4 优化内容
内容是整个网站的核心。在网站设计之前必须明确网站的内容安排。 优秀网页设计是要建立在平凡的基础上的。
然后在具体的规划一个网站时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。
大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。
框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。
下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。我们称作资料收集。如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。 另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。
在准备材料的时候我们可以用到学习的Flash知识来制作一些小的动画和动态图片，Flash 提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。
然后是开始正式制作主页。 通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。通过个人网页的制作最终把自己的网页上传到互联网上，那种成就感是无法用语言形容的。在今后的闲余时间，我将会学习制作网页的更多知识，使它成为自己的一项技能。
- 3
第17篇：网页制作心得体会
《文文工作室网站设计说明书》
姓名：陈家文 学号：200936627204 班级：电商092
一、网站规划
本工作室主要用来做个人网站，主题是介绍自我，让更多的朋友认识我，面向我的同学和朋友以及想结交我的朋友。
二、网站总体设计
本工作室只要包括我的主页、我的简介、我的日记、我的相册、网站建议等五个板块。通过我的主页可以进入其他四个板块，其他四个板块也可以通过超链接回到我的主页去。
三、网站设计与制作（包括网页设计、图形设计、动画设计中的主要技术、方法和设计效果）
本网站的布局大多是运用CSS进行布局的，这也是老师一直强调我们的。为了增加视觉效果，个别网页还特别添加了flash效果（我的相册），还用到了视频和音乐等素材（如我的主页）。个别网页添加了表格，这样显得网页更齐整。对于美化这部分，我还特别用Photoshop对一部分图片进行了处理，让图片和网页更好地搭配。在个别网页添加表单，可以让浏览者和网站更好地互动，交流信息。
四、学习体会
不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。
建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
首先，我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
然后，我们要找材料。明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
找到材料后，我们还要规划网站。一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。
做好以上三步之后，我们就要选择合适的制作工具。 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，在这里，我们一般都是用有“网络三剑客”之称的Dreamweaver、Fireworks、flash来制作网页 ，对于图片部分的处理，个人觉得Photoshop比较好用。
最后，我们就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
网页做好之后，就要发布到Web服务器上，才能够让全世界的朋友观看，还要不断地进行宣传，这样才能让更多的朋友认识它。这里推荐二个有免费空间和域名的网址给大家：http://www.3v.cm/member/index.html http://5944.net
以上就是我对于网页制作的一些个人心得，由于本人的技术还不是很成熟，还存在很多的不足（如：背景过于单调和网页布置不合理）。选择学习这门课是很正确的选择，虽然在以后不会再有机会去上了，但我还是会通过各种方式继续学习网页设计和制作的，同时很感谢带我入门的徐兵老师，让我有机会去学习有关网页的知识，谢谢！
第18篇：网页制作论文
网页制作论文
简介
网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。其作用为展现公司形象，加强客户服务，完善网络业务。网页制作是企业开展电子商务的基础设施和信息平台，是INTERNET上宣传和反映企业形象和文化的重要窗口。新竞争力也认为注重网站的网络营销价值而不是外在表现。网页制作是指使用标识语言，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，浏览。
网页制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来。
目录
1.网页制作的两种设计模式 2.网页制作常用工具 3.flash 3.1flash简介 3.2flash动画的特点 3.3flash动画的前景 3.4flash在网页中的应用 3.5flash制作流程 4.fireworks
4.1fireworks简介
4.2fireworks在网页中的应用
4.3fireworks的重要性
4.4fireworks制作流程 5.参考文献
正文
1.网页制作的两种设计模式
从前一般网页都使用表格进行排版设计，这样作的优点在于设计制作速度快，尤其在可视化网页编辑器，如Microsoft FrontPage中，这样设计显得直观而方便，然而这让越来越复杂的版面需要许多不断嵌套的表格设计，致使网页代码变得冗长复杂，使文件体积增大，且不容易被搜索引擎查找。同时，这样做也不利于大型网站的改版工作。
于是随着主流网页浏览器对CSS的支援度提高，近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命，其核心在于分隔网页的风格和内容，指标记语言(如HTML,XML)负责定义页面的内容，但不可以定义任何涉及网站外观(风格)的东西。而网站风格就由另外的CSS档案负责。在排版方面，新的模式提倡使用由CSS定义的DIV进行页面排版，而将表格还原为排列数据的最初功能。这种模式有很多好处，例如可以协助搜寻引擎查找网页的情况，减小文件提及提高浏览速度，且由于一个CSS档案可以控制多个页面，这也给改版带来了很大方便。
由于W3C是该模式极力的倡导者，于是业界鉴定网页是否符合W3C标准，就可以在W3C网站自动检测该网站的情况。
这种模式也有缺点，其中一个弱点就是，在不同浏览器出来的效果会有分别，但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面，开始设计CSS时，并不能清楚看到目标，因此显得不直观。
网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（ URL ）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。
2.网页制作常用工具
1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具。Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
2、Frontpage 跟dreamweaver一样，不过还是dreamweaver好。
3、FLASH 网页需要画面流动时的首选择
4、PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。
5、FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。
6、Adobe公司推出的cs3系列，软件之间兼容性较好。可以用此系列对网站的美工特效进行进一步的修饰美化和优化。
3.flash 3.1flash简介
Flash最早出现并兴起于网络，是网络多媒体动画的重要制作形式，它是macromedia公司推出的交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。其运用范围覆盖诸多领域如电视广告、网络广告、游戏、演示动画、课件、网页、手机动画等新兴媒体。现在由于网络带宽的不断提高，Flash动态网页以其具备的声音、动态图像等多媒体优势，相信在不远的将来能够完全替代静态（HTML）网页。
3.2flash动画的特点
（一）Flash动画受网络资源的制约一般比较短小，利用Flash制作的动画是矢量的，无论把它放大多少倍都不会失真。
（二） Flash动画具有交互性优势，可以更好地满足所有用户的需要。它可以让欣赏者的动作成为动画的一部分。用户可以通过点击、选择等动作，决定动画的运行过程和结果，这一点是传统动画所无法比拟的。
（三） Flash动画可以放在网上供人欣赏和下载，由于使用的是矢量图技术，具有档小、传输速度快、播放采用流式技术的特点，因此动画是边下载边播放，如果速度控制得好，则根本感觉不到档的下载过程。所以Flash动画在网上被广泛传播。
（四）Flash动画有崭新的视觉效果，比传统的动画更加轻易与灵巧，更加“酷”。不可否认，它已经成为一种新时代的艺术表现形式。
（五）Flash动画制作的成本非常低，使用Flash制作的动画能够大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。
（六）Flash动画在制作完成后，可以把生成的档设置成带保护的格式，这样维护了设计者的版权利益。
3.3flash动画的前景
现在的Flash平台包括:Flash Studio
8、Flash Player
8、Flash in Mobile flex 1.5、以及应用于通信行业的Breeze 5等；未来即将推出的产品包括Browser client Flash Player、Mobile client Flash Player、Apollo Flash+HTML的客户端工具，以及Flex等企业端工具等。这些工具将满足设计和开发人员跨越各种开放的和专有的平台，包括从桌面到移动设备，提供更丰富的网络内容和互联网应用，企业也能够通过Flash应用获得更大的受益。
（一）网络视频钟情Flash 面对全球超过100万的Flash开发者的期望，Macromedia也不断开发新的领域。而用户对视频应用的垂青，刺激着Macromedia推出新的工具。在上千开发者的注目下，Macromedia推出了Flash Media Server 2，以巩固其Flash Platform作为网络视频最佳选择的地位
（二）Flex 2产品线和Flash Player 8.5出手不凡
Macromedia Flex 2产品线和Macromedia Flash Player 8.5是本次发布会的重头戏。新产品涵盖RIA的全部应用场景，从电子商务产品配置，到需要与实时数据集成的可视交易应用。
Flash Player目前在全球6亿多个桌面和移动设备上安装,估计新版本在12个月内将被80%的联网计算机下载。Flash Player 8.5在Flash Player 8的基础上增加了适合行业使用的编程功能，并构建了先进的跨平台运行时环境。它备有一个新的虚拟机，可以提供更高的运行性能、全面的运行错误报告、增强型调试功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script规范，能够更易于查找及解决问题，从而提高开发人员的工作效率。
3.4flash在网页中的应用
在网络高速发展的今天,越来越多的人们已经不再满意图文并茂的静态网页格式,动态网页应运而生,但是一般的动态图片和网站的背景音乐应用并不合拍.什么时候可以把多媒体应用在网站上呢 Flash正是在这一网络发展的大背景下应运而生的,前身是Future Splash.Flash1.0版本诞生于1996年,由于当时的网络大背景,Flash在出道之时并没有得到计算机行业应有的重视,Flash真正的火爆是从Flash3.0版本开始的,到了1999年6月发布的Flash4.0版本,其制作的动画开始大量的在网上传播,已经逐渐成为了网页交互多媒体动画设计软件的标准.现在,Flash5.0以其特有的ActionScript脚本编程,正在以极快的速度追赶HTML网页标准.它改变了以往静态的,枯燥的,网页形式,利用它短小精悍的文件体积和插件,利用它简单易学的操作方式,利用它的\"流\"式播放形式丰富我们的网络生活.试想,如果它真的超过HTML成为未来的网页设计软件的主流,那也将是网络的一场革命,也是网络生活的福音.3.5flash制作流程
（1）建立一个新的场景
依次选择“文件”、“新建”、“Flash文档”命令，建立空白文档，大小为550*400像素，背景为白色。
（1）
（2） 重新命名场景和涂层名称
依次选择“窗口”、“设计面板”、“场景”命令，在弹出的场景面板中双击默认场景名称，改为“跳动的小球”。然后重新命名涂层名称，双击默认涂层名称，改为“地面”。然后用水平线表示地面，选择笔触颜色为黑色，单击“线条工具”按钮，在第一帧的舞台下方，拖动鼠标画一条直线表示地面。
（2）
（3） 插入水平线结束帧
单击水平线涂层第35帧的小方框，选中该帧；依次选择“插入”、“时间轴”、“关键帧”命令，在地面层的1到35帧之间插入了相同的水平线。
（3） （4）插入跳动的小球涂层，画小球的初始状态
双击默认的涂层名，改为跳动的小球涂层，此图层处于激活状态。设置填充色为黑色，在第一帧的舞台上方，画一个小球，删除轮廓线。
（4）
（5） 插入下一帧
单击跳动的小球层第二帧的小方框，选中该帧；依次选择“插入”、“时间轴”、“关键帧”命令，在第二帧中复制第一帧的图形；拖动小球向下移动一个距离，表示球在下落。
（5）
（6）制作下落动作的变化
重复上一步骤。
（6）
（7）小球变形
在下一帧的位置插入关键帧，利用任意变性工具把小球纵向压缩。单击“任意变形”按钮,指针根据可实现的变形方式箭头右下方的小图形会有所变化；单击小球，小球周围出现8个黑色句柄框；把鼠标指针移动到4个中间句柄处，拖动鼠标，把圆球编程椭球形。
（7）
（8）多次重复上面步骤，在不同的帧中，制作小球被压扁后又弹起的画面。参照第9步，制作小球被压扁后又弹起的画面。重复上述步骤，直到小球静止。 4.fireworks 4.1fireworks简介
Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。 借助于 Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 Macromedia Dreamweaver? 和 Macromedia Flash? 共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。
4.2fireworks在网页中的应用
众所周知，在网页上的jpg图片如果过大，会严重影响页面的打开速度，Fireworks提供优化图片的功能，即缩小图片的KB，而且不影响画面的质量（除非放大了与原图对比）。由于很多人喜欢用photoshop制作jpg图片，所以它的容量会很大（因为它是适合处理印刷品，要求比较清晰），最终还是要用Fireworks来处理一下。
在优化面板里有“导出jpg较高品质”，导出默认的80品质（可以用“2幅”画面对比之前之后的大小）。
4.3fireworks的重要性
为Macromedia家族的一员，三剑客之一的fireworks，她的主要任务和特色就是制作矢量图为网页服务,FW也是Flash的最佳伴侣,在三剑客的MX系列中,FW和Flash的联系更为紧密,所以无论是网页制作和Flash制作,Fw都是不可或缺的利器.在Fw3年的应用实践过程中,我无时无刻不在感受她的卓越和便利。的确,网页制作看重的是效果和速度,并不是你用的软件专业与否,你用了多少个软件作出的网页,设计师作出的网页是为了让大家接受而不是显示自己的本领,在这样的前提下,Fw的确是最好的选择,最好的矢量图效果,最快的速度。
4.4fireworks制作流程
1.准备素材 如图
2、因为这幅图片是位图，我们可以用魔术棒将电视机中间的画面选取成选区
2.选择菜单——将选取框转换为路径，得到电视画面的轮廓路径。当然，也可以用钢笔工具勾勒
出
电
视
画
面
的
路
径
4.将选中区域填充成折叠渐变
颜色可以自己选择：
5.用选取工具拖动渐变方向手柄，接近垂直或接近水平方向：
6.将调整手柄以初选中区域 并在帧属性，选取重制帧命令：选择三帧 或在多些
7.依次选择其他帧，拖动渐变调整手柄将其改变位置：柄以初选中区域 并在帧属性帧命令：
最后保存 导出gif图片 即可完成。
1.在Fireworks中打开一个新的画布，调整画布大小，选择工具栏中的文本工具，输入第一个数字，并设置好文字的字体、像素大小等样式
2.输入文本 1 然后再打开帧属性 选择重置帧 9 因为数字0-9 一共是十个
3.然后选择每一帧，并修改画布中的相应数字。
4.帧面板中右手边显示的是默认的帧延时值7毫秒，即7/100秒的速度。如果速度过快 可以修改值 选择顶部帧，按住Shift键，点击底部的最后一帧，全选这些帧，在帧延时值处双击，在显示的对话框中设置一个更高的值。更高值将减慢动画的播放速度。 5.最后一步，打开优化面板，设置导出文件格式为“Gif动画”，如图：
6.也可以在帧面板的底部设置Gif动画循环，默认为“永久”选项
7.画布颜色可以随意更改 再按f12 预览就可以了， 最后导出文件
5.参考文献
[1]刘宇.Flash短片轻松学中国大陆. 电子工业出版社 ，2009-01.
[2]章精设 ，胡登涛.Flash Action Script 3.0从入门到精通.清华大学出版设，2008-10.[3]陈冰.Flash第1步:ActionScript编程篇(珍藏版) . 清华大学出版社，2006-03
第19篇：网页制作学习心得
网页制作学习心得
网页制作学习心得一：网页制作学习心得
在学习网页制作的这段时间里，我利用了学习之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！
通过这次制作网站的过程，我最大的感受就是制定网站计划的重要性。一个好的计划可以详细制定网站的相关内容，为后面的工作节省很多时间，所以在制定计划时要有充分的准备。
另外做好主页也并不是一件容易的事。它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。
标题在个人主页中起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记，不要符合自己主页的主题和风格。
网页页面整体的排版设计也是不可忽略了，很重要的一个原则是合理也运用空间，让自己的网页井然有序，留下合适空间，会给人轻松的感觉。
主页中不光要有文字，还要适当地加一些图片。俗话说“一图胜千言”，我想它不无道理。一张处理得好的图片不需再多做解释，就能使人一目了然，让人去思考，去了解它。
我通过整个包括主题的确定，网页的设计，资料的整和等制作的过程，才更加深入地理解了这些理论。我会怀着浓厚的兴趣去学习，与同事之间互相协作学习，学会把理论知识运用到实际中，真正提高我的自主学习能力、协作精神和实践能力。向着做一个真正意义上的教育技术专业人士的目标前进。
>网页制作学习心得二：网页制作学习心得>>（1671字）
转瞬之间，半个学期又接近尾声，在李导师的精心辅导下，度过了这个富有生机，富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识，对于我来讲是一个很好的锻炼和充实的机会。
俗话说的好“书山有路勤为径，学海无涯苦作舟”。在这一绝世佳句的鼓动下，我把握了工作之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的收索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！
在学习网页制作的过程中，我深深体会到一点“有付出，就终有回报”，你的付出与你的回报终究是成正比的。经过了多少漫漫长路，经过了多少忘我的投入，经过了多少波折，我的网页与众人见面了。当我第一眼在网络下一览我的个人主页，我是多么的激动，多么的兴奋，就像多年未见的老同学，一种讲不出道不明的感觉。
我在制作主页中的心得体会:
做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。
1.标题
在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格，决不要取一个名不符实的\'好名字\'，别人第一次上了当，下次再也不会光顾了。
2.内容的采集
选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听的歌，一些好的动画作品。把这些内容按类别进行分类，设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超过十个，层次上最好少于五层。
3.图片
做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说\'一图胜千言\'，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去，否则让人觉得是累赘，同时也影响网页的传输速度。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大小（即字节数），在目前网络传输速度不是很快的情况下，图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢，一般来说，图片颜色较少的及在256色以内的最好把它处理成gif图像格式，如果是一些色彩比较丰富的图片，最好把它处理成jpg图像格式，因为gif和jpg各有各的压缩优势，应根据具体的图片来选择压缩比。
4.网页排版
网页页面整体的排版设计也是不可忽略的，要让读者在狭小的电脑屏幕上阅读，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。不要把整个网页都填得密密实实的，没有一点空隙，这样会给人一种压抑感。
5.背景
网页的背景并不一定非要用白色，选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。
6.其它
如果想自己的网页更有特色一些，可适当地加一些网页制作的技巧，诸如声音、动态网页、java、applet等，当然这些小技巧最好不要加太多，它会影响网页的下载速度。
等个人主页做得差不多了，可别忘了在个人主页上放一个留言板、一个计数器。前者能及时获得参观者的意见和建议，及时得到网友反馈的信息，最好能做到有问必答，用行动去赢得更多的访问者；后者能让知道主页参观者的统计数据，可以及时调整设计，适应不同的浏览器和参观者的要求。
7.宣传
昨天，网页与我无缘，那是因为上天不给我们一个见面的机会！
今天，网页与我相识，与我相知，成为我的一个最真诚的朋友，那时因为李导师的辛勤栽培！
明天，网页与我一生相伴，终身相随，那是因为我领悟了什么是“一个网络，整个世界”。
总而言之，我将用毕生的精力，心血去换取网络中最灿烂的那颗夜明珠，在网页的蓝图里，我将记下人生不朽的个人诗篇！
>网页制作学习心得三：网页制作学习心得>>（717字）
在学习网页制作的这几天里，我利用了学习之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的探索;同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生!
做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。
①标题
在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格。
②内容的采集
选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听的歌，一些好的动画作品。
③图片
做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说\'一图胜千言\'，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。
④网页排版
网页页面整体的排版设计也是不可忽略的，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。
⑤特色
让自己的网页更有特色一些，可适当地加一些声音、动态网页、Java、Applet。
⑥感悟
昨天，网页与我无缘，那是因为上天不给我们一个见面的机会!
今天，网页与我相识，与我相知，成为我的一个最真诚的朋友!
明天，网页与我一生相伴，终身相随，因为我已领悟了 一个网络，整个世界 。
>网页制作学习心得四：学习网页设计和制作的心得体会 >>（3026字）
我在网上进行的逻辑教学工作已经完成了，闲暇无事之余，便想将个人的主页——《思东书屋》重新进行一下规划和设计，为此购买了几本有关网页设计和制作的书籍，开始学习网页的基本语言HTML。尽管网页制作方法早已经从最简单的文本编辑器发展到可视化的网页编辑工具，但是，编辑形式的改变并没有影响到HTML语言的整体结构，它只是简化了编程方式，用直观的具体形式取代了传统的不可见的抽象形式。
这就如同哲学理论自身发展的两个阶段——理性的思辨和直观的图像一样。目前，人们对用图像解说认识过程和逻辑规则还缺乏深刻的认识，总是习惯于语言表达方式，不知道语言表达的缺陷是片面性和抽象性，而图像形式则具有直观性和具体性这一特点。如今我们生活的时代已经进入到互联网的动漫时代，此时抽象的语言表达方式与时代发展的脉搏呈现出极不同步的状态，这种表达方式远远落后于时代科学技术创新和发展取得的成果，它明显地缺乏与时俱进的特点。人们只要看看有关系统论的教材，就会被书中展示的图形和图像所吸引。由此看来，作为时代的哲学理论也应该充分利用电脑给人们带来的多媒体技术，通过编制幻灯片、动画片和电脑仿真模式展开既直观又生动的教学，只有这样做才能使哲学理论跟上时代发展的步伐，真正做到与时俱进。
从互联网的操作平台和编程语言的发展过程中我们可以清楚地看到，逻辑思维在当今时代具有的重要作用和能够发挥出来的巨大威力。没有逻辑思维能力的提高，就不会导致多媒体的产生和动漫世界无处不在的现象出现。互联网的发展不仅改变了当今的世界面貌，它同时也改变了人类自身固有的静态思维模式。在当今时代，老子大道强调的真实逻辑在互联网的演化过程中已经充分显露出来。
从框架结构、层次关系和语句之间的嵌套关系中，我们可以看到老子的一个圆圈模式自身具有的应用价值。如果我们将人类思维具有的三种逻辑规则以直观形象的实例展示出来，那么，语言逻辑就是人们在日常生活和工作中使用的逻辑规则，例如刑侦逻辑，它总是强调分析和判断的结果要与真实的作案过程同一起来。表述形式要求清晰性、条理性和无矛盾性，可见，强调无矛盾的同一律是语言逻辑的特点：思维和存在二者直接同一是语言逻辑的属性，表述形式和表述内容之间不允许出现对立性和矛盾性。由此构成形式逻辑同一律的实质。
数理逻辑是计算机硬件自身具有的逻辑规则，它把握了中央处理器CPU、信息交换的存储器、记载时间和次数的计数器以及丰富多彩的颜色区分模式之间的相互关系，它直接通过逻辑真值表、二进制的语言和编码结构展示出来，这是纯粹抽象的逻辑规则在现实中的应用模式。其鲜明特征是：它把握了思维和存在二者本质同一这一属性。
哲学逻辑则体现在计算机软件上面，例如电脑的操作系统平台以及网页设计和制作的具体方法，它是真实逻辑模式的体现。电脑中动画图像的制作就是通过层次来把握过程和系统，把握繁杂的关系网模式。从而实现了互联网模式与客观存在模式二者之间的同一性，它们全都以“多样性的统一”这一模式出现，不是理性思辨强调的“从一到多”的发展和演变模式。其理论根据在于：互联网的根基是建立在相互联系和相互作用的关系上面，它不是单纯的存在物自身具有属性，而是以关系网形式出现的新事物。可见，随着互联网的发展，人类思维就会从直观的具体存在提升到间接的关系网模式这一高度。而老子的哲学理念恰恰就建立在系统联系的关系网基础上，可见它与时代发展的气息是紧密联系在一起的。通过网页制作中的逻辑规则这种形式理解和把握老子大道的哲学理念，将是破解老子大道之谜的一条捷径。人们在学习网页设计和编程语言的过程中就可以把握住老子讲述的逻辑规则。二者之间只有表现形式不同，在逻辑规则环节绝对同一，没有本质的区别。
这就是人类的智慧，它在远古时代就把握了复杂多变的关系网。然而，只有在互联网充分发展的今天，人们才能够深刻地理解老子大道的内涵，才能够揭示出真实逻辑自身具有的一个圆圈模式。
从老子大道的终极谜底中人们看到，真实的逻辑模式是一个将四种逻辑规则有机结合在一起的关系网。它与互联网的存在模式和运行模式完全一致。其中存在模式表现为大小圆圈环环相套，大圆圈就相当于服务器，小圆圈则相当于终端的电脑。整体的运动模式则体现出对立统一的矛盾关系。操作系统相当于基础理论：它是本质环节的工具，各种软件则是它的具体应用工具。
如果我们用逻辑图的形式将三种逻辑规则和相互之间的关系展示出来的话，它是这样的形式：
┌属性：思维和存在直接同一，无矛盾的关系
┌语言逻辑┤具体环节：经验理论
│ └形式：如日常交流、刑侦破案，无概念的形式
│ ┌属性：抽象的本质关系，无矛盾的形式
逻辑┼思辨逻辑┤本质环节：计算机硬件中的逻辑规则：图形、符号理论
│ └形式：符号逻辑、数理逻辑、模式逻辑，知识理论
│ ┌属性：具体存在的关系模式，无矛盾的模式
└真实逻辑┤系统环节：计算机软件中的逻辑规则：图像、概念理论
└形式：哲学逻辑、辩证逻辑、逻辑模式，可视化编程
从这个逻辑图中人们看到，逻辑的属性是强调思维和存在的同一性，它是实现思维和存在同一性的手段、方法、形式。不同的逻辑规则把握思维和存在的同一性程度不同，它分为三种形式：具体环节是形式同一，理性环节是本质同一，系统环节是模式同一。亚里士多德的《工具论》就停留在形式同一环节，德国古典哲学上升到本质同一的高度。老子的大道以隐藏形式把握了模式同一，《思维工具论》将这种模式同一从隐藏形式转化为直观的显露形式。由此构成人类逻辑思维发展演变的全过程。
随着互联网的普及，网页制作技术的广泛应用，人们对于逻辑规则就不会感到陌生，因为HTML语言结构已经将哲学的逻辑模式以可视化的形态展示出来，同时也将哲学逻辑自身具有的应用价值和能够发挥的巨大威力展示出来。此时，“逻辑”对于懂得电脑知识的人们来说已经不再是一个抽象的名词概念，而是帮助人们迈进网络世界大门的思维工具。
以框架结构的逻辑规则为例，它充分体现出思维规则：两个层次、两种形式的对立统一。逻辑图为：
┌具体：内联式样式表：只对使用它的元素起作用：文字和段落
┌自身形式┤
┤ └一般：嵌入式样式表：通过标记形式规范整个文本：统一格式
│ ┌外部式样式表，通过CSS模式进行规范整个网站的风格
└联系形式┤
└系统模式：同时使用多层样式表，即各种格式之间的有机结合
这就是思维规则在网页制作中的具体应用。人们只要通过学习网页制作的方法，就能够理解《思维工具论》讲述的逻辑规则。这就是电脑与人脑在逻辑规则上面具有的高度同一性。它就是谢林哲学强调的“绝对同一”理念。
逻辑属于抽象的形式联系，它不涉及里面的具体内容，属于科学的思维方法和工具。网页语言结构恰恰将逻辑的属性、形式和特点全面地展示出来。它扬弃了里面的内容，只考虑抽象的结构和形式之间的关系，无论是文本，图片、还是动画，都可以作为“同一的事件”看待起来，具体内容的变化与逻辑形式、逻辑规则无关。可见，人们在学习网页制作的时候只要反思一下里面的逻辑规则，就会把握住科学的思维方法。只要将编制网页的方法应用到各种理论问题的分析过程中，就能够摆脱经验理论的束缚，从而上升到科学理论的高度。
逻辑是方法、手段、工具，它是人类智慧创造出来的精神财富，是认识论规律的表现形式。人们的头脑中如果没有逻辑规则的话就会偏离真理的轨道，就会停留在经验理论和生活常识中，不能迈进科学理论的门槛。
这就是老子讲述的不言之教包含的丰富内容，它是科学的认识方法、认识模式、逻辑规则、思维工具。
>网页制作学习心得五：网页制作学习心得>>（1414字）
教育技术是一门跟计算机密不可分的的专业，这学期我们开了网页制作这门课程，从上大学以来我就一直期待这门课程，因为在我们日常网络中网页是不可缺少的，我也对它非常感兴趣。所以要认真的学习。争取多学习一些这方面的东西。
通过第一堂课的学习，我对网页有了更深一步的了解和认识了，网页分为静态网页和动态网页两种。打开静态网页只需
一、静态网页与动态网页的关系
1、静态
静态网页的网址形式通常以.htm、.html、.shtml、.xml等为后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与动态网页是不同的概念。
运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、JavaScript、VBScript等等，它们是永远不变的。
静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。
2、动态
是与静态网页相对应的，也就是说，网页 URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形动态网页制作专家式，而是以.aspx.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在动态网页网址中有一个标志性的符号——“?”。
从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。
1）开发公司：微软（Microsoft）
2）服务器IIS（Internet information service）
ASP---IIS的安装与配置
二、动态网页技术
IIS的安装与配置
a.安装IIS
若操作系统中还未安装IIS服务器，可打开“控制面板”，然后单击启动 “添加/删除程序”，在弹出的对话框中选择“添加/删除Windows组件”，在Windows组件向导对话框中选中“Internet信息服务（IIS）”，然后单击“下一步”，按向导指示，完成对IIS的安装
b.启动Internet信息服务（IIS）
Internet信息服务简称为IIS，单击Windows开始菜单---所有程序---管理工具---Internet信息服务（IIS）管理器，即可启动“Internet信息服务”管理工具.
c.配置IIS
IIS安装后，系统自动创建了一个默认的Web站点，该站点的主目录默认为C:\\Inetpub\\www.root。
用鼠标右键单击“默认Web站点”，在弹出的快捷菜单中选择“属性”，此时就可以打开站点属性设置对话框，在该对话框中，可完成对站点的全部配置。
启动与停止IIS服务
在Internet信息服务的工具栏中提供有启动与停止服务的功能。单击可启动IIS服务器；单击 则停止IIS服务器。
3、PHP是英文超级文本预处理语言Hypertext Preproceor的缩写。
PHP 独特的语法混合了 C、Java、Perl 以及 PHP 自创新的语法
1）、开发：有个人开发
2）、服务器 Apache HTTP server
4、JSP(Java Server Pages)
1）、开发：是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。
2）、服务器：Apache Tomcat
三、静态网页布局
参照屏幕录像，本节主要讲表格式布局，学习了表格拆分的方法！
四、代码
第20篇：网页制作心得体会
网页制作心得体会
在制作一套网页之前，首先必须先定位网页的方向，及确定所制作网站的标题。标题在个人主页中起了很重要的作用，他很大部分的决定了你整套个人主页的定位是否正确，一个好的名字必须有概括性的、简短的、有特色的、容易记得还要符合自己主页的主题和风格，决不要取什么名实不符或则夸大夸大其词的“好名字”，别人第一次上你的当下次恐怕再也不会光顾了。
选好标题后，开始采集内容，内容必须紧随着标题，在采集内容过程中，很重要的一个“特”色，所谓特色应该是有一些自己的东西，不能跟平常中所看到的企事业单位的网页相比，个人主页中的特色，应该突出自己独特的个性，把自己的兴趣、爱好尽情的发挥，因为在网络上不受限制，没有人在你的创作内容上指手划脚，品头论足、你的主页就是你在网络上的一个小小家园，在那里你可以放上你自 己喜欢的任何东西（当然不是违法的内容、不涉及到版权的），包括你自己平时写的一些文章，一些好听的歌，一段幽默的文章，收集一些好的作品，把这些内容按类别进行分类设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超过十个，层次上最好少于五层，而你的拳头栏目最好能直接从首页到达，保证主页用各 种浏览器的都能看到最好的效果。
做个人主页我觉得不能光光用文字，必须在主页上适当的加一些图片，增加可看性，俗语有一句话“一图甚千言”我想不无道理，一张好处理看的图片不须要你多做任何解释，就能让人流连忘怀，浮想联翩，总能让人去思考，情不至竟的去了解他，当然处理不好的以及那些无关紧要的图片最好不要放上去，让人觉得是累赘，影响了网页传输速度，图片不关要好看，还要在保证图片质量的情况下尽量缩小图片的大小即字节数，在目前网络传输速度不是很快的情况下，图片的大小很大程度上影响了网页的传输速度，那么如何精简图片的大小呢，一般来说，图片的颜色较少的及在256色以内的最好把它处理成gif图象格式，如果是一些彩色照片、色彩比较丰富的图片最好把它处理成jpg图象格式，因为gif和jpg各有各的压缩优势，应跟据具体的图片来选择压缩比。
网页页面设计整体的排版设计也是不可忽略得，要使用户在狭窄的电脑屏幕上阅读，很重要的一个原则是合理的运用空间，让自己的网页疏密有致，仅仅有条，不要把一整个网页都填的实实的，没有一点空隙，给人一种急迫感，看一套网页应该让人觉得很轻松，留下必要得空白，
网页的背景并不一定非要运用白色，但选用的背景应该跟整套页面的色调相协调，应该有特色，合理的应用色彩是非常关键的，据心理学家的研究“色彩最能引起人们 奇特的想象，他最能拨动感情的琴弦”比如说你做的个人主页是属于感情类的，那最好选用一些玫瑰色、紫色之类的比较淡雅的色彩，而不要用黑色、深蓝色这类比较灰暗的色彩，黑色他是所有色彩的集合体，黑色比较深沉，他能压抑其他色彩，在图案设计中黑色经常用来绘纹样、勾边或点缀最深沉的部位，黑色不是灵丹妙药，用时必须苦心经营，否则会时图案“黑色太重”或显得沉闷阴暗。
如果想自己的网页更有特色一些，可适当的加一些网页制作得技术，诸如声音、动态网页、java、applet等技术，当然这种技术最好不要加太多，他会影 响网页的下载速度，另外可考虑一下你主页的定居点速度和稳定性，不妨考虑建一两个镜象站点，不仅能照顾到不同地区网友对速度的要求，还能作好备份，以防万一。 等个人主页作了差不多了，可别忘了在您的个人主页上放一个留言板、一个计数器是必要的，前者能让你即使的获得参观者意见和建议，即使的得到网友的反馈信息，你最好能做到有问必答，用行动去赢的更多的访问者，后者能让你知道主页参观者的统计数据，你可以即使调整你的设计，适应不同的浏览器和参观者的要求。最后一步就是宣传你的个人主页，首先你先在各个搜索引擎登陆，这点你可以交给一些网上专门免费提供这类服务的站点替你做。此外你也不妨同访问量大的一些站点作一下友情链接。通过他们网站来访问你的个人主页。扩大你网站的知名度。
