computer文化基础第五版网页制作.pptxVIP

computer文化基础第五版网页制作第1页/共94页 内容提要（续）制作导航栏层、时间轴、行为及其应用样式表动态 gif 图像的制作网页特效制作PhotoImpactUlead GIF Animator第2页/共94页 网页与主页网页 ( Web Page )主页 ( Home Page )浏览器与Web服务器之间是以页为单位来传送信息。/docs/cindex.html第3页/共94页 网页与网站……Web服务器网页通常成组出现，并且这组网页之间通过超链接相互组织成为反映某个主题的网站。提高下载速度超文本地址引用方便Web页没有固定的长度第4页/共94页 网页的制作工具可利用任何一种文字处理软件编辑Web文档（推荐：记事本）Web文档以纯文本格式存放，取名为*.html或*.htm。 其中插入的HTML语言只有用浏览器才能被解释翻译，最终在浏览器窗口中呈现为图文并茂的网页。NOTEPAD第5页/共94页 超文本标记语言HTML HyperText Markup Language HTMLHEADTITLE欢迎光临无名的主页/TITLE/HEADBODYH1欢迎光临无名的主页/H1/BODY/HTML样 例标记需要放在尖括号中标记中有很多是成对出现，一头一尾（结束标记前要加“/”）所有标记中的字母不区分大小写通常以“.html”或“htm”为文件后缀标记的书写格式如下： 标记名文件内容/标记名HTML特点第6页/共94页 直接使用HTML编写网页HTMLHEADTITLE简单的HTML例子/TITLE/HEADBODY BGCOLOR=“#000000” TEXT=”FFFF00”P欢迎光临无名的主页/P这就是我IMG SRC=“images/wuming.gif”P我常去的网站，A href=“” Yahoo! /A /P/BODY/HTML 第7页/共94页 HTML在浏览器中被解释HTMLHEADTITLE简单的HTML例子/TITLE/HEADBODY BGCOLOR=“#000000” TEXT=”FFFF00”P欢迎光临无名的主页/P这就是我IMG SRC=“images/wuming.gif”P我常去的网站，A href=“” Yahoo! /A /P/BODY/HTML 一个HTML文件总是由文件头（HEAD）和文件体（BODY）两部分组成。标记HTML和/HTML用来说明本文件是一个HTML文件。第8页/共94页 “所见即所得”的网页编辑工具FrontPage易学易用，适合于网页设计的初学者；Dreamweaver强调的是更强大的网页控制、设计能力及创意的完全发挥，适合专业的制作人员使用。第9页/共94页 “所见即所得”的网页编辑设计：“页面视图”，所见即所得的编辑环境；代码： “源代码视图”，直接通过修改HTML标记命令编辑网页；拆分：代码视图和设计视图同时显示。第10页/共94页 选择主题规划网页（结构与链接关系）组织素材选择视觉外观设计有效的页面布局制作具体网页发布网站信息 网站制作步骤第11页/共94页 网站基本结构网站是由网页组成的，网页之间是由超链接来连接的，其连接方式有三种：线性网站、树状网站、非线性网站线性网站：一页连接一页树状网站：分层排列非线性网站：上述两种网站的结合第12页/共94页 网页制作步骤可利用任何一种文字处理软件编辑Web文档（推荐：记事本）Web文档以纯文本格式存放，取名为*.html或*.htm。 其中插入的HTML语言只有用浏览器才能被解释翻译 在浏览器中使用文件菜单打开命令，可在本地机浏览 Web文档，完成编辑后，可利用FTP将文件及其所用到的媒体素材文件传送到某台公共Web服务器人人均可在浏览器中URL处，键入具体命令，实现异地浏览该Web文档 一旦对该Web文档内容进行更新，须更新它所在Web服务器上的相关文档第13页/共94页 网页的基本分类以网页的角度来看,一个网站中的众多网页主要可以分成下列两层:个人主页兴趣爱好个人相册个人收藏导航层内容层……第14页/共94页 网站创建的基本方法将本地机中的某个文件夹定义为Dreamweaver站点，利用Dreamweaver管理这些网页……第15页/共94页 网站创建步骤举例（1） 在本地磁盘上新建站点文件夹，如d:\openlab执行 “站点|管理站点”命令，弹出“管理站点”对话框执行“新建|站点”命令第16页/共94页 网站创建步骤举例（2）设置站点名称：开放实验室不使用服务器技术设置开发过程中,使用文件的方式和文件的存储位置设置无远端服务器连接第17页/共94页 网站创建步骤举例（3）在文件面板上新建网页文件和图片素材文件夹第18页/共94页 网站创建步