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