网设计与制作教学省公开课一等奖全国示范课微课金奖PPT课件.pptxVIP

第1章网页设计与制作基础1.1学习任务：网页和网站基本知识1.2学习任务：网站开发基本流程1.5学习任务：HTML标识语言基础1.3学习任务：全方面认识DreamweaverCS41.4学习任务：创建和管理当地站点1.6应用实例——制作一个简单网页1.7实训1/311.1学习任务：网页和网站基本知识1.1.1网页和网站概述1.1.2网页主要元素1.1.3网页类型1.1.4静态网页编辑软件1.1.5网页图像与网页动画制作软件2/311.什么是网页？浏览Web时所看到文件称为Web页，又称为网页。网页能够将不一样类型多媒体信息（包含文字、图像、动画、声音、视频等）组合在一个文档中。因为这些文档是用超文本标识语言表示，其文件名普通是以.html或.htm结尾，所以又称为HTML文档或超文本。3/312.什么是主页？当我们浏览网站时看到第一个页面。它是整个站点入口和门面，通常这么命名：index.html。4/313.什么是超文本？包含文字、图像、视频、声音等媒体文本，网页就是一个超文本文件，而且能够实现链接操作。超文本能够给浏览者带来视觉和听觉享受，所以Web技术又称为超媒体技术。5/31注意在网页上点击鼠标右键，选择“查看源文件”，就能很清楚地看到网页代码结构。用户能够使用记事本对网页中文字、图片、表格、多媒体等页面内容进行编辑，并经过标识语言HTML对这些元素进行描述和控制，最终由浏览器对这些标识进行解释并生成最终展现在用户眼前丰富多彩网页。6/314.什么是网站？依据提供服务不一样，通常把提供网页服务服务器称为Web服务器，相关网站称为Web站点。一个Web站点由一个或多个Web页组成，这些Web页相互连接在一起，存放在Web服务器上，以供浏览者访问。网站是提供各种信息和服务基地，如用户熟悉搜狐、新浪、雅虎等。网站是由很多网页链接在一起组成。用户浏览到一个网站时看到第一个页面叫做主页。从主页出发，能够访问到本网站每一个页面，也能够链接到其它网站，方便地共享网站资源。7/31注意网站由若干网页组合而成。实质上就是一个文件夹，用来存放站点相关信息资源文件夹。8/315.网页基本元素有哪些？都有什么作用？设计时候要注意什么？网页包含主要元素有：文本、图像、动画、导航栏、超链接、表格、表单等。9/31文本是人类最主要信息载体和交流工具，网页主体普通以文本为主。制作网页时，能够依据需要设置文本字体、字号、颜色、样式等属性，格调独特网页文本设置会给浏览者赏心悦目标感觉。?提醒：在网页中应用了某种字体样式后，假如浏览者计算机中没有安装该种样式字体，字体就以计算机系统默认字体显示出来，此时就无法显示出网页效果了。10/31图像在网页中能够起到提供信息、展示作品、美化网页以及表达格调等功效。图像能够用作网页标题、网站Logo、网页背景、链接按钮、导航栏、网页主图等。图像给人视觉效果要比文字强烈得多，在网页中灵活应用图像能够起到点缀效果。即使图像在网页中不可或缺，但也不能太多，因为图像下载速度较慢，而且网页上假如放置了过多图片，会显得很乱，有喧宾夺主之势。网页上图像文件大部分都是使用JPG和GIF格式，因为，它们除了含有压缩百分比高外，还含有跨平台特征。11/31动画是网页上最活跃元素，通常制作优异、创意出众动画是吸引浏览者最有效方法。假如网页中存有太多动画，会使浏览者眼花缭乱，无心细看。所以，对动画制作要求越来越高。在网页中加入动画普通是GIF格式动画和Flash（.swf）动画等。12/31导航栏是网站设计者在规划网站结构时必须考虑一个问题，站点每个网页上均应设置导航栏，而且应将其放置在网页中比较显著位置。设置导航栏目标是使浏览者能够顺利地浏览网页，方便地返回主页或继续下一页访问。导航栏能够是文本、按钮或图像样式。13/31超链接是网页中最为有用功效之一。超链接是从一个网页指向另一个网页链接，该链接既能够指向当地网站另一个网页，也能够指向世界各地其它网页。不论是文本还是图像都能够加上超链接标识，当鼠标指上超链接对象时会变成小手形状，单击鼠标左键即可链接到对应地址（URL）网页。超链接包含站内链接和站外链接。站内链接：若网站规划了多个主题版块，需要给网站首页加入超链接，让浏览者能够快速地转到感兴趣页面。在各个子页面也要有超级链接，并设有能够回到主页链接。站外链接：在个人网站上放置一些与网站主题相关对外链接，不但能够把好网站介绍给浏览者，而且能使浏览者愿意再度光临该网站。(友情链接)14/31表格是网页中一个用于控制网页页面布局有效方法。为了到达理想视觉效果，通常不显示表格边框。使用表格辅助布局，能够实现网页横竖分明格调。表单是一个特殊网页元素，通惯用于搜集信息或实现一些交互式效果。表单主要功效是接收浏览者在浏览器输入信息，然后将这