青岛版八年级信息技术第一课 创建站点——网站制作基础知识

1、一、什么是网站？ 网站：是因特网上一个相对独立的 信息的集合，这些信息以网页的形式 向全世界发布。 网站就是网页的集合。 网站制作基础知识 二、网站规划的一般步骤： 1、确定网站的主题和风格； 网站的主题：网站的主题：是指网站的体裁。（就像我们 写作文时选用记叙文还是议论文一样，确定网站的体裁 也就是确定自己的网站想让什么样的人俩访问。） 网站的风格：网站的风格：是指网站的整体形象给浏览者 的综合感受。 可以参考以下几个网址来具体的理解主题与 风格： 央视网：http:/ 联想首页：http:/ 百度首页：http:/ 央视网：央视网：http:/ 联想首页：联想首页：http:/ 百度首页：

2、http:/ 2、设计规划网站的结构和内容； 如同写好作文要先写提纲一样，我们设计网 站首先要规划好各栏目的内容，下图为示例结 构图，我们后面的介绍都将围绕该结构进行。 3、设计网站的版面布局； 网站的版面布局：是指以最适合的版面 安排方式将图片、文字等素材排放在网页的不 同位置，让网页的访问者对网页的层次、内容、 结构等一目了然。 常见的网页版面布局形式： a、“t”（或“厂”）型结构布局； b、“口”（或“冂”）型布局； c、时尚型布局； d、“三”型布局。 a型型“t”（或（或“厂厂”）型是网页设计中使用最广泛的一种布局方式，这种布）型是网页设计中使用最广泛的一种布局方式，这种布 局的优

3、点是页面结构清晰，主次分明。局的优点是页面结构清晰，主次分明。 如如“山东省教育厅山东省教育厅”网站下的一个子网页：网站下的一个子网页： http:/ b型型“口口”（或（或“冂冂”）型布局的优点时充分利用版面，信息量大。）型布局的优点时充分利用版面，信息量大。 如如“2010年上海世博会年上海世博会”官方网站：官方网站：http:/ c型型时尚型布局像一张宣传海报，以一张精美的图片作为页面的中心布局像一张宣传海报，以一张精美的图片作为页面的中心 内容。内容。 如如“可口可乐可口可乐”网站：网站：http:/www.coca- d型型“三”型布局的特点是页面上横向摆放两条色块，将页面整体分割为

4、四布局的特点是页面上横向摆放两条色块，将页面整体分割为四 部分，色块中大多放广告条。部分，色块中大多放广告条。 4、搜集整理网站素材： 网站中的素材一般包括：文字、图片、文字、图片、 动画、声音等动画、声音等。这些素材可以利用多媒体工具 自行创作，也可以到internet上去搜索和下载。 对于搜集到的信息，我们应该有一个良 好的习惯，那就是要分类整理，以便于查找和 使用。 通常采用表格的形式整理这些材料。 5、选择网站的制作工具： 制作网站的工具答题分成两类： 一类是可视化（即所见即所得）工具，如frontpage、 dreamwaver等，这类软件使用较简单，适合初学者。 另一类是文本编辑类工具，如记事本、hotdog等，适合于 专业设计者，它是由网站设计者按照html语法规则直接编写 网页代码。 对于我们来说，选择所见即所得工具是比较合适的。 接下来，我们就将利用frontpage2003（以下简称 frontpage）为例学习网页制作。 好了，本节课介绍了一些网络的基础知识，看一看以下知识点好了，本节课介绍了一些网络的基础知