《辽师大版信息技术六下第4课《做一个简单的网页》ppt课件1》由会员分享，可在线阅读，更多相关《辽师大版信息技术六下第4课《做一个简单的网页》ppt课件1（41页珍藏版）》请在金锄头文库上搜索。
1、制作1个简单的网页,一、 基础知识 二、 搭建网站,1、什么是网站和网页?,网站是一个在网络上展示各种信息的“商店”，它一般包含多个网页。 每一个网页都是用来展示信息的“柜台”，这些信息可以是文字、图片、声音、动画、视频等等。 网站可分为“静态网站”和“动态网站”两类。,一、基础知识,2、网站如何在网络上传输?,人们浏览网站，其实是浏览网站中的一个个网页，网页在网络上需要被传输出去，才能被广大用户看得到。 网页其实是用计算机语言编写的一段段代码，在网络上传输网页，其实传输的是代码。,一、基础知识,2、网站如何在网络上传输?,一、基础知识,网页,HTML等 计算机语言代码,二进制 机器代码,在网
2、络上传播,3、什么HTML？,（）html 全称 “超文本标记语言”，是一种基本的用来编写网页的计算机语言。,一、基础知识,标签 成对出现 标签 My First Heading. My first paragraph. , 文档开始 文档头 文档标题 文档体 文档正文 文档结束 注：用 html 语言写的代码由一系列标记组成。,文档标题,html语言的基本结构,标签的属性,bgcolor背景颜色 text文字颜色 width宽度 height高度 border边框 bordercolor边框颜色 align水平方向的对齐方式 valign垂直方向的对齐方式,HTML链接： This is a
3、 link 表格, row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 ,空单元格？,文本框, First name: Last name: ,单选按钮, Male Female ,复选按钮, I have a bike I have a car ,“个人网站”设计（1）,个人网站,个人简介,个人收藏,关于学习,我的相册,美图收藏,学习目标,学习效果,学习计划,“个人网站”需求分析文档,制作1个简单的网页,一、 基础知识 二、 搭建网站,二、搭建网站,1、网页三剑客,dreamweaver 网页制作软件 fireworks 平面图象处
4、理软件 flash 平面动画制作软件,网页三剑客,二、搭建网站,Fireworks,二、搭建网站,二、搭建网站,2、网站的根目录,一个网站是多种文件的集合（当然包括网页文件），在电脑中我们一般使用文件夹存放文件，所以在电脑中我们也使用一个文件夹来存放一个网站的文件。这个文件夹称为网站的根目录。每个网站都应该有对应的根目录。 由于一个网站包含的文件往往很多，我们也提倡在每个网站根目录中再创建多个子文件夹，来分类存放该网站的文件。【例】,二、搭建网站,【例】,二、搭建网站,3、网站的主页和子页,主页一般是网站的第一个页面。有的网站在主页之前还有一个引导页。一个网站中除了主页和引导页之外的网页都叫作
5、子页。 主页就好像是一本杂志的封面加上目录，它应该有网站的名字，应该简要呈现网站的主要内容，应该有网站各个栏目的目录（“导航栏”），并且应该具有一定的欣赏性。【例】,二、搭建网站,二、搭建网站,二、搭建网站,缺少网站的名字,二、搭建网站,网站引导页,二、搭建网站,主页,主页一般命名为index或default。所有网页最好都不用中文命名。【例】 每个网页文件都会有后缀名，一般是htm、html、asp、aspx、jsp、php等等。静态网页的后缀名一般是htm或html。,二、搭建网站,【例】,二、搭建网站,不知道哪个是网站主页,不提倡使用中文命名网页,4、初步认识Dreamweaver,创建
6、站点管理 新建、保存、关闭、打开网页 快捷预览网页效果：F12,二、搭建网站,创建站点管理的步骤：,点击“站点”菜单，选择“新建站点” 选择“高级”页、“本地信息” 设置“站点名称”、“本地根文件夹”、“默认图像文件夹”，确定即可。,二、搭建网站,新建网页：,点击“文件”，选择“新建” 选择“基本页”、“HTML”，创建即可。,二、搭建网站,保存网页：,点击“文件”，选择“保存”，或直接按CTRL+S键 输入文件名，点击保存即可。,二、搭建网站,打开网页：,点击“文件”，选择“打开 找到要打开的文件，双击该文件即可。或找到要打开的文件，单击它，然后点击“打开”按钮,二、搭建网站,【练习】,在d
7、reamweaver中为网站“myweb”创建站点管理，并且新建一个主页，命名为index，保存在html文件夹中。（ 若命名时不小心删除了后.html，保存的时候dw会自动补上）,二、搭建网站,5、安排网页的版面：使用表格,添加网页内容之前，应该先规划网页的版面布局，就好像出黑板报一样 我们一般使用表格对网页进行布局规划 【例】,二、搭建网站,【例】一个主页的版面设计,表格的边框是被“隐形”了的,表格的基本操作,（1）创建一个表格 点击工具栏上的表格按钮 ，在弹出的表格属性框中设置表格的基本属性行和列，然后确定即可。其他的属性或行和列都可以在表格创建之后，在网页编辑窗口下方的属性面板中再进行
8、设置。,二、搭建网站,（2）选择表格或某个单元格 左键单击某个单元格，即代表选中这个单元格。 要选中一个表格，一般通过标签栏来完成。先单击表格中的某个单元格，然后在标签栏中单击标签，即代表选中了这个表格。,标签栏在网页编辑窗口下方，属性面板上方,二、搭建网站,填充：设置单元格内部的内容与单元格边界的距离 间距：设置单元格与单元格之间的距离,对齐：设置整个表格在网页中的水平位置,（3）设置表格属性：选中表格就会出现表格属性面板,宽和高：表格的大小与显示器分辨率的关系,二、搭建网站,水平：设置单元格内部内容的水平对齐方式 垂直：设置单元格内部内容的垂直对齐方式,背景：设置单元格的背景图象,（4）设置单元格属性：选中单元格就会出现单元格属性面板,二、搭建网站,
