当前位置:首页 >> 其它课程 >>

8年级下第12课建立自己的网站


雅安七中 卢志芬
二〇〇七年五月

学习任务
回 顾: 上节课,我们主要学习了网上视听的相关知识,掌握网 络媒体播放器的下载及安装使用和在线视听音乐的方法。

课堂提问:
请同学们说说常见网络视听媒体的格式有哪些? 本课任务: 本节课,我们主要学习建立掌握网站规划的简单方法 及掌握网站首页的制作方法。

重点难点
网站规划

网站首页的制作

网站的规划
1、确定网站的主题
? 网站主题就是建立的网站所要包含的主要内容,一个网站必须

要有一个明确的主题。
? 要找一个自己最感兴趣的内容,做得深入、透彻,办出自己的

特色,这样才能给浏览者留下深刻的印象。

?

网站的主题无定则,只要是感兴趣的任何内容都可以,但主题

鲜明,在确定的主题范围内,内容力求做到大而全、精而深。

2、搜集材料
? 明确网站的主题以后,就要围绕主题开始搜集材料了。要 想让自己的网站能够吸引住浏览者,就要尽量搜集材料,搜集 材料越多,以后制作网站就越容易。 ? 材料可以从图书、报纸、光盘、多媒体上得来,也可以从互 联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自 己制作网页的素材。

3、规划网站
? 一个网站设计的成功与否,很大程度上决定与设计者的规 划水平,规划网站就像设计师设计大楼一样,图纸设计好了, 才能建成一座漂亮的楼房。

? 网站规划包含的内容很多,如网站的结构、栏目的设置、网
站的风格、颜色搭配、版面布局、文字图片的运用等,只有在制 作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸 有成竹,当然也可以参考一些制作非常精美的网站模板,吸取这 些模板在设计上的长处,融入自己的设计之中,也只有这样制作 出来的网页才能有个性、有特色、具有吸引力。

实例:规划“海海的网上家园”个人网站
1、确定个人网站的题目是: “海海的网上家园”,主题 是主人公“海海”的自我展示。 2、规划个人网站的栏目有:自我介绍、我的好友、我的 作品、兴趣爱好、心情日记、联系方式。 3、根据规划的栏目,构建网站的首页结构图。

Logo图片 首 页

Banner图片

个人简介 我的好友

我 的

网 站

我的作品
兴趣爱好 心情日记 联系方式







版权信息

网站的制作
1、选择网页制作工具
FrontPage
FrontPage是微软出品的网页编辑软件,也是Office系列软件的组成 部分,如果对Office有一定的基础,会使用Word,那么很快就可以学会 使用FrontPage,它的最大优点之一就是易学易用。 我们采用FrontPage来制作网页

Dreamweaver
Dreamweaver是Macromedia公司出品的一款网页编辑工具, Dreamweaver对于动态网页的支持特别好,它的直观性与高效性是 FrontPage无法比拟的,Dreamweaver与Flash、Firework并称为 Macromedia的网页制作三剑客,Dreamweaver是高级网页制作的首选。

2、网站首页的制作
? 网站首页的制作是一个复杂而细致的过程,一般要按照先 大后小、先简单后复杂的原则进行制作。

? 所谓先大后小,就是说在制作网页时,先把大的结构设计
好,然后在逐步完善小的结构设计。 ? 所谓先简单后复杂,就是先设计出简单的内容,然后再设

计复杂的内容,以便出现问题时好修改。在制作网页时要多灵
活运用模板,这样可以大大提高制作效率。

2、网站首页的制作
从“开始”菜单中选择“程序”组中的Microsoft FontPage,就启动了。 FrontPager界面主要由标题栏、菜单栏、工具栏、新型视图工具栏、资源管 理窗口和文件编辑窗口以及状态栏等组成。
菜单栏 工具栏 视图栏

主编辑窗口

文件夹 栏

窗口转换栏

状态栏

FrontPage的菜单栏中有十个菜单项:文件、编辑、查看、插入、格式、工具、 表格、框架、窗口和帮助。

1、“文件”菜单 “文件”菜单包括对文件夹时行操作的命令,如:文件的建立、保存、 对站点的访问等。 2、“编辑”菜单 “编辑”菜单中包括对文本、图形、文件等进行编辑的命令。 3、“查看”菜单 “查看”菜单用于控制视图的显示,显示为网页、向导或是其他方式。 4、“插入”菜单 “插入”菜单包括常用工具集,其中有向网页中插入符号、日期、各种 数据表格和图片的工具。

5、“格式”菜单 “格式”菜单用来规定网页编辑中的字体、进行页面设置和背景颜色设置。 6、“工具”菜单 “工具”菜单主要是为网页的编写提供一些检查语法的工具,并且提供宏命令 和自定义的加载选项。 7、“表格”菜单 “表格”菜单可以来绘制表格的,里面的工具和其他制表工具一样。 8、“框架”菜单 “框架”菜单中包括处理网页中框架的命令。 9、“窗口”菜单 “窗口”提供给用户的是编辑窗口状态命令的菜单。 10、“帮助”菜单 “帮助”菜单为用户提供系统的帮助说明。

视图栏
“网页”按钮:此按钮主要用来显示所要编辑的网页。 “文件夹”按钮:通过建立文件夹和子文件夹,使用户如同组 织文件一样组织自已的网站里面的内容。 “报表”按钮:单击此按钮可显示站点总览报表。此视图列出 当前网站包含的所有的文件。 “导航”按钮:是一个站点创建和系统管理的显示视图。 “超链接”按钮:用于显示各网页之间的链接情况。 “任务”按钮:是记录和管理设计进程的工具。

工具栏

(从左到右依次为)
1、新建 7、预览 2、打开 8、检查 3、存盘 9、剪切 4、发布 10、复制 5、报表 11、粘贴 6、打印 12、格式刷

13、后退 18、超链接

14、前进 19、刷新

15、组件 20、停止

16、表格 21、全部显示

17、图片 22、帮助

1、定义站点
开始制作的时候,首先要定义一个本地站点。网站里面有许多网页文件、 图片、Flash、音乐等,如果不进行管理归档,分散在硬盘的各个地方,就 无法方便的尽心网页发布。 定义本地站点,就是在硬盘上建立一个文件夹,将所有的文件都放在里 面,以便管理。例如在D盘上创建一个文件夹,名字是“海海的网上家园”, 并且在里面创建一个名为“images”的文件夹,把所以的图片都放在里面。 单击“站点”菜单中的“新建站点”命令,弹出“定义站点”对话框,在 “站点名称”框中输入站点的名字“海海的网上家园”,单击“本地根文件夹” 输入框右侧的文件夹图标,弹出选择本地文件夹的对话框,找到D盘上创建的 “海海的网上家园”文件夹,并选择它,“本地根文件夹”输入框中显示 “D:\海海的网上家园”,这个文件夹将作为站点文件夹,以后所有的网页文 件都放在这个文件夹下。

2、插入表格
其中,我们要设置行数为1列数为2,宽度 为613,在“对齐方式”后面选择“居中对齐” 然后选择象素。然后点击“确定”

然后打开“文件” 菜单中的“保存”命令,会弹出的“另 存为”对话框,在保存地址中找到“海海的网上家园” 文件夹, 将文件名改为“index”,保存类型是“htm” ,单击“保存” 按钮即可保存文件。

在表格的左栏插入Logo图片:在左栏中点击一下,然后打开“插 入”菜单中“图像”命令,弹出“选择图像源”对话框。找到需要插 入的图像文件,点击“选择”按钮即可。

用同样的方法在表格的右栏中插入Banner图片

在顶部表格的下方再插入一个1行2列、对齐方式为“水平

居中”宽度为“613”像素的表格。在左栏中插入一个14行1列
宽度为“150”像素的表格用来填写网站的栏目,在右栏中再 插入一个1行2列宽度为“463”像素的表格,分别用来插入作

者的照片和网站说明文字。
在网页底部插入表格,仿照上面的方法,输入“版权信息” 内容,最后就得到了完整的网页。

网页制作好了以后,就可以进行预览了。 具体有几种方法: 1、点击 进行查看。 2、点击“文件”菜单中的“在浏览器中预览”的命令。 3、直接按功能键F12。 4、找到“海海的网上家园”文件夹,点击index.htm,就可以了。

课堂小结
1、网站的规划: 确定网站主题-搜集素材-规划网站

2、网站首页的制作: 选择制作工具-制作首页

探索活动
根据规划的网站制作首页,并填写下表。





插入图片

文字输入

保存文件

根据总体完成情况填写: 自我评价 教师评价 同学评价

下节课提示
下节课,我们将重点学习有关网页制作的具体 方法和技巧,请同学们注意在本节课学习的基础上 ,在探索活动中认真总结并提前做好课前预习。


相关文章:
义务教育人教版八年级下语文教材第三单元第12课
义务教育人教版八年级下语文教材第三单元第12课_其它课程_初中教育_教育专区。基本...另外,也可以创建一个自我评价表,这样学生可以用它对自己的学习进 行评价。 ...
八年级下册历史 第1-12课知识点汇总
八年级下册历史 第1-12课知识点汇总_英语_初中教育...标志着社会主义制度在我国基本建立起来,我国从此 ...必读 | 文库协议 | 广告服务 | 企业文库 | 网站...
八年级语文下册 第12课《我们的知识是有限的》教案 (新...
八年级语文下册 第12课《我们的知识是有限的》教案...“物体落下的速度 和重量成比例”的学说,建立了...必读 | 文库协议 | 广告服务 | 企业文库 | 网站...
人教版信息技术五下第12课《制作表单网页》word教案
人教版信息技术五下第12课《制作表单网页》word教案_其它课程_小学教育_教育专区...课题:八年级第七课制作表单网页教案 学科:信息技术 年级:8 第 1 单元(章、...
...2016学年湖南益阳第六中学八年级历史教案:第12课《...
中学八年级历史教案:第12课《北伐战争和南京国民政府建立》(人教版下册)_高中...2、 “七一五”政变:1927 年 7 月 15 日,汪精卫在 可使一人漏网” 。 3...
八年级下册第十二课《 走进市场》教案(教科版)
登录注册新闻网页贴吧知道音乐图片视频地图百科文库 搜...八年级下册第十二课《 走进市场》教案(教科版)_初三...我要提个问题,市场是怎么产生的,是谁想起来要建立...
岳麓版八年级历史下册第十二课教案
新闻 网页 贴吧 知道 音乐 图片 视频 地图 百科...岳麓版八年级历史下册第十二课教案_政史地_初中教育...2、在建立经济特区后,我国在对外开放上又采取了哪...
人教版八年级历史上 第12课 练习题及答案
人教版八年级历史上 第12课 练习题及答案_初二政史...答:南昌起义、秋收起义,建立井冈山革命根据地,创建...‘八一’历史长” ,请你计算一下“八一”历史至今...
八年级历史下册1到12课复习资料
登录注册新闻网页贴吧知道音乐图片视频地图百科文库 搜...八年级历史下册 1--11 课复习资料第 1 课 中国...②我国初步建立起社会主义的基本制度,从此,进入...
八年级历史第12课《对外开放格局的形成》教案
讲述信息: (1)建立经济特区后,我国在对外开放上又...2014年移动互联网O2O分析报告 休闲农庄项目可行性研究...中国历史八年级下第12课... 4页 免费 八年级历史...
更多相关标签: