第1章_网页设计基础讲述.pptx

课 程 安 排 教学目的 教学内容 考核方式 课 程 安 排 掌握网站基础知识和工作原理，熟练使用网页制作工具Dreameaver CS6制作简单的完整网站。 教学目的 教学内容 考核方式 教学目的 教学内容 考核方式 课 程 安 排 第 1 章 网页设计基础（补充内容） 第 2 章 Dreamweaver CS6基础 第 3 章 页面与文本 第 4 章 图像与多媒体 第 5 章 超链接 第 6 章 表格 第 7 章 CSS样式 第 8 章 CSS+DIV布局层 第 9 章 框架 第 10 章 AP DIV和Spry 第 11 章 行为 第 12 章 模板和库 第 13 章 表单 课 程 安 排 平时（10%）： 考勤+课堂练习+上机作业 笔试（40%）： 考核基本概念，基本操作 综合实验（50%）： 考核综合能力 教学目的 教学内容 考核方式 学习方法 计算机信息中心 授课教师：邵熹雯 jsjsxw@ 第1章 网页设计基础 1. 互联网基础 2. 网页设计知识 3. 网页标准化技术 4. 网站设计软件 5. 网站制作流程 6. HTML语言 本章内容 1.1 Internet基础 什么是Internet? 客户机与服务器 Internet连接着难以计数的计算机，按照功能它们大致可分为服务器和客户机两类。 服务器是提供资源和服务的计算机。 客户机是供用户使用资源和享受服务的计算机。 图 1-2 客户机和服务器 Internet提供的服务 万维网WWW服务：(超文本传输服务) http协议。客户端软件：IE浏览器等 http的主要作用就是请求由超级连接引用的页面 FTP服务：(文件传输服务) ftp协议。客户端软件： IE浏览器、flashfxp等 Telnet服务：(远程登陆服务) telnet协议。客户端软件： Pcanywhere等 Email服务：(电子邮件服务) pop3和smtp协议。 客户端软件： IE浏览器、outlook等 WWW服务简介 超文本的思想的应用从孤立封闭的单个计算机中扩展到由无数计算机汇接而成的网络海洋。（表现成网页中的 超级链接。）最终形成了今天的www万维网： Word Wide Web 网页能存放在全球任何计算机上。Internet上链接在一起的网页构成了庞大的信息网。 图1-1 网页的超文本结构 WWW服务中的客户机与服务器 WWW服务器上的主要内容 静态网页文件 交互式网页文件 与网页相连接的各种媒体文件 支持交互式网页的数据文件 客户机的工作 请求网页 上传数据 显示结果 IP地址和域名 IP地址 一种地址格式。是Internet上的每一个网络和每一台主机的唯一标识。 XXX.XXX.XXX.XXX 全球IP地址分配表 根据IP地址查出主机所处位置 （具体到区、县） 域名 IP地址是一个32位二进制数，不便于记忆，于是提出采用域名代表IP地址。 域名采用分层次结构，入网的每台主机都可以有一个类似下面的域名： 主机名.单位名.机构名.国家名 www . sina . com . cn 域名管理机构 CNNIC是“中国互联网络信息中心” （China Internet Network Information Center） / 中文域名280/年 ICANN:国际互联网名称和地址分配组织 WWW.ICANN.ORG （The Internet Corporation for Assigned Names and Numbers） 域名管理机构 URL 统一资源定位器 （Uniform Resource Locator简称URL）。URL是全球WWW网服务器资源的标准寻址定位编码，它被用来确定资源的相应位置。 URL结构 资源类型、存放资源的主机域名和资源文件路径及名称 URL是WEB资源的唯一标识！ 超级链接 超级链接 链接源:网页中各种元素对象 链接目标:通过相对路径方式指定,反映成URL 网页图像基础-位图和矢量图 位图是由分配了特定位置和颜色值的点(象素)的排列组成。位图的色彩和色调变化丰富，但占用空间较多。 矢量图用一组绘图指令来描述图像的内容，这些指令根据图形的几何特性定义图形的轮廓，并用颜色进行描边和填充。矢量图主要用于表示线框型的图画、工程制图、艺术字等。矢量图文件的容量较小。 将位图和矢量图像放大前后的实际效果 常用图像格式及其特点 BMP格式：Windows最早的图像格式 GIF格式：透明背景，动画，256色 JPEG格式：文件大小和效果的完美平衡 PNG格式：gif的拓展， 28到232种颜色 PSD格式：PhotoShop，非位图。 PCW格式：不压缩的位图。专业摄