资源简介

(共18张PPT)
规划网站
第1课时
规划网页主题与内容
一、什么是网页？
网页文件实际上只是一个纯文本文件，它是用超文本标记语言[HyperText
Markup
Language,HTML]编写的，由浏览器读取、分析、格式化后便在屏幕上显示为网页。网页说具体了是一个html文件，浏览器是用来解读这份文件的。
所谓超文本指的是一种文档组织系统，它使用链接来连接相关文件。你只要在网页上点击鼠标右键，选择菜单中的“查看源文件”，就可以通过“记事本”软件看到网页文件的实际内容。
网页文件是通过各式各样的标记对页面上文字的字体、颜色、大小进行描述的，它还描述了图片、声音、视频等元素的链接位置。
网页文件的扩展名通常是html或htm。
网页是一种很好的信息传播工具，网页中可以包含文字、图片、动画、声音、视频等多种形式的信息。
常见的网页包括：
1、网页标题：网页标题是对一个网页所呈现内容的高度概括。
2、网页内容：文本和图片是构成网页窗帘的两个最基本的元素。（还包括动画、声音、视频等）
网页是网站的基本构件。人们把网站的第一个网页称为主页（Homepage）
。
二、什么是网站?
网站是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。
网站主要是由网页集合而成，而大家通过浏览器看到的画面就是网页，那么我们也可以这么来说：一个网站通常是由一个主页或多个与主页链接的网页组成。至于多少网页集合在一起才能称作网站，这可没有规定，即使你只有一个网页也能被称为网站。
三、网站与网页的区别：
网站是一个站点，它包括域名、空间、网页、后台等等。网页只是简单的页面，它不需要有自己独立的空间和域名就可展示出来。
注意：网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换。
四、规划网页主题与内容：
规划网页，首先要明确网页的制作目的，然后确定网页标题，最重根据制作目的确定网页中要展示的内容。
☆步骤1：确定网页的制作目的与标题：
⑴分析任务，明确网页的制作目的。
⑵根据制作目的设想出一个有个性的标题
例：张晓明同学希望大家通过网页了解自己的兴趣、爱好
，为此，他将个人网页标题定为“我的方寸世界”。
○我的网页的制作目的：
○我的网页标题：
☆步骤2：确定网页内容并收集、整理素材
⑴根据网页的制作目的，确定网页的主要内容。
⑵围绕页面的主要内容，通过拍照、网上下载等多种途径收集图片等素材，或通过写作、绘画等手段制作相关素材，并建立分类文件夹管理这些素材。
⑶整理、分析收集到的素材，确定具体的网页内容，即网页中放置哪些文本、图片等素材。
搜集素材，是我们建网关键性一步，我们要学会搜集素材的方法与方式，并且能分类保存、整理需要的素材，切不可引用一些不健康或是过于花哨的动画图片素材
。
在自己的电脑上新建好一个分类的素材库文件夹，并概括取名为你需要的素材的类别，并且各个素材文件夹里也可以再次分类。
例：根据制作目的张晓明同学确定了网页的主要内容：
网页标题为“我的方寸世界”。
介绍自己的个人基本信息，如姓名、性别、生日、爱好和性格。
介绍自己的业余兴趣——集邮。
素材类型
素材内容
获取素材的方式
文本
简单自己基本信息的文字
使用Word软件制作
介绍自己集邮爱好的一篇小文章
图片
1张自画像
使用画图软件绘制，或手工绘制后扫描成图片文件
5张喜爱的邮票图片
通过因特网下载图片文件，或通过拍照获得数码照片
学习单：
我的网页包括以下内容：
素材类型
素材内容
获取素材的方式
第2课时
设计网页版面
复习上节课内容：
1、网页、网站的概念
2、怎么规划网页的内容并收集、整理素材
网页是供人浏览的。网页版面设计得好，可以突出内容亮点，让人赏心悦目。在对网页的主题与内容进行了规划后，还需要做进一步的细化工作，即根据已确定的网页内容，对网页的版面进行设计，明确网页中各个组成元素的基本位置，这样，在制作网页的过程中就可以
做到心中有数了。
一、设计草案
A、浏览各类网页，学习网页的基本构图，勾画出网页的轮廓。
1、中国百科网（http://www./）
2、科普博览网（http:///gb/index.html）
3、人民日报网（http://）
B、相互交流自己的网页结构轮廓，相互提出修改意见。将已确定需要放置的具体内容安排到网页轮廓图上。
1、你设计的网页有没有鲜明的主题？网页中有没有与主题无关的内容？有的话，请说明它的作用。
2、网页的布局是否恰当？有没有做到图文并茂、重点突出、美观清晰？
二、确定网页的片面设计方案
A、分析网页中各内容的重要性，精细布置各内容元素。
B、标明各元素的位置和各版块的表现形式。
请各组派一个代表展示自己的网站轮廓，各个元素的位置和各个版块的表现形式。
例：张晓明同学参考了因特网上的各种优秀网页，决定参考上下型布局的网页，从上到下分别旋转网页标题、个人基本信息、集邮爱好介绍这三个内容，并在网页的最下方放置制作者信息。
我的方寸世界
我的自画像
我的基本信息
我爱集邮
文章
制作者信息
邮票图片
邮票图片
邮票图片
邮票图片
邮票图片
宽占页面总宽的40%
5张图片等大，图宽各占页面总宽的20%
素雅的浅黄色背景图
黑色、宋体、稍小的文字，宽占页面总宽的60%
分隔线
网页标题，绿色、华文琥珀体、较大的文字
栏目标题，橙色、黑体、中等大小的文字
黑色、宋体、稍小的文字
黑色、宋体、稍小的文字

展开更多......

收起↑