第01课 网页制作概述.ppt

第一课 网页制作概述 本课要点 课前导读 课堂讲解 上机实战 习题及答案 本课要点 了解网页 网页制作的常用软件 网页制作的基本步骤 如何学好网页制作 基础知识 网页的定义、网页中的常用术语 重点知识 网页制作的基本步骤 了解知识 制作网页需要的软件、如何学好网页制作 课堂讲解 网页概述 网页制作的常用软件 网页制作的基本步骤 如何学好网页制作 网页概述 什么是网页 网页的类型 网页中常见的基本概念 什么是网页 在网上浏览时看到的一个一个页面就是网页，它是用HTML的文件格式来表示的。 网页的类型 主页 内页 动态网页 静态网页 网页中常见的基本概念 域名 站点 URL 超级链接 导航条 表单 发布 域名 域名即是一个网站的网址，它是全世界惟一的。 站点 它可以大到一个网站，小到一个网页，它是一个构建在网络上、具有独立名称的逻辑上的独立体。 URL URL是全球资源定位器。它的功能是提供一种在Internet上查找任何信息的标准方法，URL与被访问的站点或资源在一起。使用最广的形式是用于表示网页的Internet位置的“Http://”。 超级链接 超级链接是指将一个网站中的不同页面链接起来的功能。在网上浏览时单击一个文本、图片等就能跳转到与之相关的页面，这些文本、图片即是超级链接的表现形式。 导航条 导航条即相当于一个网站的目录，导航条通过超级链接与各个站点或网页链接。无论用户浏览到何处单击导航条即可回到起点，因此导航条成了网上浏览的指路航标。 表单 它是用于申请或提交某些信息而填写的交互网页。如申请邮箱、短信申请等在网上填写的各个页面即是一个一个的表单。 发布 将制作好的网页上传到网上的过程即是发布。 网页制作的常用软件 图形处理软件 动画制作软件 网页布局软件 图形处理软件 常用到的有： Photoshop Fireworks Photoshop 用于对图片进行效果处理。且文件格式被大多数浏览器所兼容。 Fireworks 具有便捷的图片和按钮制作功能，并能快捷地生成网页中常用的GIF、JPEG等图像格式。 动画制作软件 Flash，它具有小巧、灵活等特点，能制作出具有交互功能的矢量平面动画，并且生成的播放文件很小，有利于网上发布，并能方便地与其他网页建立链接关系。 网页布局软件 FrontPage Dream weaver FrontPage 它是微软件公司的办公软件之一，能高度兼容Office其他软件，且有规范的界面、简洁的操作，适合于初学者使用。 Dream weaver 它是Micromedia公司开发的，与FrontPage相比，其排版功能更强、更全面，操作更灵活、专业性更强，适用于网站专业设计人员使用。 各软件间的相互关系 图形处理、动画制作和网页布局3类软件是相对独立又紧密联系的，图形处理软件中处理后的图片可导入到动画软件中制作动画，也可直接导入到网页制作软件中作为网页的插件，在Dreamweaver中可通过小插件插入Flash动画。 网页制作的基本步骤 整理素材 规划站点内容 制作网页 测试站点 发布网页 整理素材 收集制作网页时要用的文字材料、图片素材及用于增添页面效果的动画等。 规划站点内容 先按不同类的素材规划站点并将同类素材放置在一个站点中。 再在一个站点中将不同素材进行细分。 最后将相关的资料及对应的图片分配到一个一个的网页中。 制作网页 应考虑以下几方面： 创建导航条 创建返回主页链接 构建页面框架 填充内容 测试站点 发布站点前需对站点进行测试。测试站点应注意以下几方面： 检查浏览器的兼容性 在不同的浏览器和平台上预览页面 检查站点是否有断开的链接 监测页面的文件大小以及下载速度 通过站点报告测试并解决整个站点的问题 发布网页 发布网页一般用FTP软件上载到服务器中申请的网址目录下。也可直接用Frontpage或Dreamweaver中的发布站点命令进行上传。 如何学好网页制作 学习网页制作是循序渐进的过程。下面推荐一些学好网页制作的方法： 了解网页设计的基本内容和概念 学习前粗略阅读Dreamweaver、Flash及Fireworks软件的操作说明 学习阶段，应边阅读边操作 制作有独特风格的网页 善于借鉴别人的网页 善于运用模板制作网页 习题及答案 填空题 判断题