01网页设计与制作基础

王毅彦[e-mail]教学管理办法占总评分比例评分依据期末考试60％试卷所有课时每次迟到扣1分，旷课一节扣3分。因故请假必须有班导签字的请假条，并最迟在下次课前上交。实验课20％实验报告、实验课考勤平时成绩20％作业、答问、考勤教学目标：1理解等概念2掌握表格,层,框架,表单等的运用3掌握图像的格式与编辑4掌握网页动画的应用与制作基础5具备网页设计制作能力参考书目：1《Dreamweaver8完美网页设计——网页特效篇》，朱印宏，袁衍明，20062《CSS入门经典（第二版）》，KynnBartlett，20073《Javascript核心技术》，ShelleyPowers，2007第1章概述1.1网页制作工具的主要功能和特点1.2网络的基础知识1.3网页制作的基础知识1.1网页制作工具的主要功能和特点“网页三剑客”：DW:网页制作与网站管理Fireworks：图像的设计与编辑Flash：网络传输流媒体动画DW网页制作方面的功能特点：1浮动面板2使用HTML标记、CSS样式格式化文本3使用表格、布局表格、层规划网页布局4使用按钮、复选框、列表和文字编辑框制作交互式表单5使用时间轴和行为制作与控制动态页面6模板——建立风格一致的网页DW网站管理方面的功能：1站点的建立、复制、编辑与修改2创建、设计、更新网页3使用“站点地图”（Sitemap）管理网页文件和网页之间的链接关系4文件的上传、下载与同步更新Fireworks的主要功能与特点：1“三剑客”程序界面的和谐统一2矢量图形与位图编辑3输入输出功能强大4动画制作5批处理Flash的主要功能与特点：1程序界面的和谐统一2关键帧与元件技术3层技术4支持多种图像、声音、视频格式5功能完善的ActionScript脚本语言，制作交互动画通信子网资源子网1.2计算机网络基础知识1.2计算机网络基础知识1互联网（Internet）互联网是将已有的网络按照某种协议连接起来，覆盖全球的最大的网络，可实现全球范围的信息资源共享。我国的中国公用计算机互联网（CHINANET）、中国教育和科研网（CERNET）、中国科学技术网（CSTNET）、中国金桥信息网（CHINAGBN）都是该网的一部分。2协议：计算机在交换信息时必须遵守的表达方式。硬件协议：如100BaseTEthernet软件协议：如TCP/IP，IPX，NETBUIETCP/IP协议：TCP传输控制协议（TransmissionControlProtocol）——用于建立和校验数据连接IP网际协议（InternetProtocol）——处理网络上主机到主机的数据报路由选择互联网对任何遵循TCP/IP协议的计算机开放3IP地址TCP/IP协议规定，每个IP地址长32比特，分为4个字节，每个字节对应一个0～255的十进制整数，数之间用点分开，称为“点分十进制表示法”。例如，IP地址为：11001010110000100000011101000010，用“点分十进制表示法”则表示为：202.194.7.66。采用这种编址方式地址的个数大约为232，可使Internet包含40亿台主机。IP地址由两部分组成：第一部分是网络地址，说明主机属于哪个网络；第二部分是网络内部的主机地址，说明是网络中的哪一台主机。4域名和域名系统（Domainnamesystem）域名是通过一个有意义或者容易记忆的名字代表难于记忆的IP地址。域名系统（DomainNameSystem，DNS）管理域名和IP地址之间的关系，负责域名和IP地址的转换。一个IP地址可以对应多个域名：例：可口可乐208.134.241.178上的几乎每一个子网都设有域名服务器，域名服务器中包含有该子网的全体域名和IP地址信息，域名服务器负责域名与IP地址的转换。整个转换过程是自动进行的。域名的结构：第n级子域名.…….二级子域名.顶级域名主机名机构名网络类型名国别代码例：统一资源定位器（Uniformresourcelocator）——标准寻址定位编码——确定资源相应的位置及所需的检索文件——三个组成部分：使用的Internet协议、检索的主机标识(域名)、文件所在的路径例：访问的其他服务协议：ftp://——用文件传输协议访问，可连接匿名FTPtelnet://——启动TELNET会话，访问某台主机file://——访问本地计算机中的信息mailto://——电子邮件传输协议6HTML（HyperTextMarkupLanguage）HTML（超文本标记语言）——网页格式的描述语言（非程序设计语言！）HTML文件——网页的源文件，是由HTML标记符号组成的描述性文本文件。HTML标记符号可以说明文字、图形、动画、声音、表格、超链接等。HTML文件的扩展名为：.html或.htm7C/S和B/S模式虚拟主机（virtualhost）使用软硬件技术，把一台计算机主机分成一台台“虚拟”的相互独立的主机，每一台虚拟主机都可具有独自的域名和IP地址（或共享的IP地址），具有完整的Internet服务器功能。9Web空间是互联网上存放网站页面内容的计算机存储空间。获取Web空间的方法：1）专用网站服务器2）托管服务器3）虚拟主机1.3网页制作基础知识1矢量图形和位图图像矢量图形——使用直线和曲线来描述图像，也称基于路径的绘画。位图图像——位图使用像素（带颜色的小点）来描述图像。2常用图像文件格式BMP，GIF，PNG，PSD，JPEG3网页构图与色彩1）大色块构图法有较强的视觉冲击力掌握各色的搭配与对应常用类型：对称色块构图非对称色块构图2）线条构图法抽象，美感，动态容易造成重心不稳3）色彩的基本概念非彩色：黑、白、灰彩色的三个属性：色相(Hue)：颜色的基本属性，即：“颜色”纯度(Saturation)：颜色的纯洁程度，即：“饱和度”明度(Brightness)：颜色的深浅，即：“亮度”4）计算机中的颜色表示1bit——0，1两种颜色2bit——00，01，10，11四种颜色……8bit——28=256256色24bit——224=1677721624位真彩色……5）Web安全色是指其颜色可以在不同的操作平台上安全、正确的显行示出来，在不同浏览器上的显示几乎没有差别。颜色通道red(00--FF),green(00--FF),blue(00--FF)“跳跃”方式的颜色编码：十进制：0、51、102、153、204、25516进制：00、33、66、99、CC、FF——得到的颜色种类：6*6*6=216三基色三原色红绿蓝青品红黄6)建议：1）页面重心平衡注意页面元素的分布协调程度一般要求：上重下轻，左右平衡2）色彩使用思路色彩的明暗、轻重、冷暖搭配调和色与对比色的应用关注流行色的发展课程小结：1.1网页制作工具的主要功能和特点DW、Fireworks、Flash1.2网络的基础知识网络协议、TCP/IP协议、IP地址、域名与域名系统、URL、HTML、虚拟主机、C/S与B/S模式、Web空间1.3网页制作的基础知识矢量图形与位图图像、网页构图、色彩、Web安全色思考题：1.URL统一资源定位器由哪些部分组成。2.矢量图形和位图图像的概念。3.彩色的三个属性是什么？4.什么是Web安全色，如何对其编码？