网页制作初步

(共11张PPT)
网页制作初步(1)
讲课：张明华
网上安家
我们的同学们都很喜欢上网，喜欢在网上看看新闻，看看小说，听听音乐，聊聊天，再有就是下载一些音乐、共享软件、图片、铃声等等。那么，大家是否有曾想过，要是在网上能有属于自己耕耘的一片土地，能在网上安一个温馨的家，那该有多好？其实这些也并不难，今天我们就开始一起来营造这一个家。一个属于我们自己的家。
了解网页 一
在我们制作网页之前，先让我们来看一下网页究竟是怎样的。一般情况下，大家都可以看到网页上有图片和文字。
选择“查看”菜单中的“源文件”命令后，显示的是包含着一串串的代码的一个纯文本文件。
这些奇怪的字符代表什么含义？为什么这些字符在浏览器中会变成另一个样子？浏览器中能看到的那个图片怎么在源文件中不见了？这里就要讲到HTML语言的问题了。
了解网页二
1、 HTML语言
HTML，也叫超文本编辑语言。几乎所有的网页都是用html语言编写的。
2、 浏览器的作用
我们的同学现在都会使用浏览器了。那么他是怎么工作的呢？其实我们在地址栏输入网页的URL后回车，浏览器就会根据这个地址去查找相应的网页。
浏览器找到这个html文件后，不是显示它内部的这个语句，而是根据这个语句的意义进行解释，然后把这个解释结果显示出来，很像我们的翻译文字那样。
了解网页三
3、 网页中的多媒体
网页中的图片、动画、声音其实都是一个个独立的文件，它们本身并不是网页文件的一部分，实际上网页只是通过HTML语言来告诉浏览器所需的这些多媒体文件的位置和名称。
前期准备
（1）确定网站主题
（2）准备素材
网站的基本结构
示例：
首页：欣云屋
原创作品
天籁之音
动感地带
飞跃无限
月亮宝贝
走出困惑
狼
我的未来我的梦
漂洋过海
新建和保存网页
启动frontpage方法：点击开始菜单，选择程序下面的Microsoft Front page。
进去以后，我们在里面尝试着去作些操作，然后把这个文件保存到桌面。
留意这个文件的扩展名是什么。（htm或者html）
强调文件的主文件名必须是英文或者数字，不能使用中文，以免出错。另外不同的文件要分类保存。
网络存储
上传：打开邮箱--网络存储--浏览--选择文件--上传；
下载：在需要的文件上右击--目标另存为--保存到需要位置。
操作练习
根据发给大家的练习要求，大家去实践操作下，并把你作好的网页以及软盘里的素材都上传到网络存储中去。