网页设计与制作基础

1、教育管理方法，教育目标：理解WWW，HTTP，CSS，C/S，Web等概念2格式，层，框架，格式等的运用3图像的格式和编辑4页动画的应用和制作基础5页设计制作能力，参考文献： 1Dreamweaver8完美页面设计页面效果篇，朱印宏，袁派明20062CSS入门古典(第二版)，KynnBartlett，20073Javascript核心技术，ShelleyPowers，2007，第一章概要，1.1web 1.1网页制作工具的主要功能和特点“网页三剑客”: dw :网页制作和网站管理Fireworks :图像的设计和编辑flash :网页流动画、dw网页制作的特点： 1浮动面板HTML标签、cs

2、图层计划使用web布局4按钮、复选框、列表、文本编辑框创建交互式表格5使用时间轴和行为创建与动态页6的模板创建样式匹配的网页，创建、复制DW站点管理功能1个站点设计，更新3使用“站点地图”(Sitemap )管理web页面文件和web页面之间的链接关系4文件的上传、下载和同步更新，Fireworks的主要功能和特征： 1“三剑客”程序界面的协调统一2矢量图形和位图编辑3输入输出功能的强大4视频制作5批处理Flash的主要功能和特征： 1程序界面的协调统一2关键帧和组件技术3层技术4是多种图像、声音， 支持具有完整视频格式5功能的ActionScript脚本语言，制作交互式视频，1.2计算机网络

3、基础知识，1.2计算机网络基础知识，1互联网(互联网)互联网中国的中国公共计算机互联网(CHINANET )、中国教育科学研究网(CERNET )、中国科技网(CSTNET )、中国金桥信息网(CHINAGBN )都是这一网的一部分。 2协议：计算机交换信息时必须遵守的表达。 硬件协议： 100 baset以太网软件协议： TCP/IP、IPX等NETBUIETCP/IP协议： TCP传输控制协议(TransmissionControlProtocol )是网络由3IP地址TCP/IP协议规定的各IP地址的长度为32位，分成4个字节，各字节对应于0255的十进制整数，数之间用点分隔，称为“点十

4、进制表示法”。 例如，IP地址显示为110010101100010000000011101000010，小数点十进制表示法显示为6。 采用该地址方式的地址数约为232，可以在互联网上包含40亿台主机。 IP地址由两部分组成。 第一部分是网络地址，说明主机属于哪个网络；第二部分是网络内部的主机地址，说明网络中的哪个主机。4域名和域名系统域名用有意义的或易于记忆的IP地址来表示。 域名系统(DNS )管理域名与IP地址的关系，负责域名与IP地址的转换。 一个IP地址可以对应多个域名：例如，可口可乐78，域名服务器在因特网上的几乎所有子网上都设置了域名

5、服务器，域名服务器中设置了该子网的域名和I 整个转换过程会自动进行。域名的结构：第n级子域名.第2级子域名.顶层域名主机名机构名网络类型名国家代码例： 5 urluniformresourcelocator (uniformresourcelocator ) www标准地址代码是所使用的互联网协议、检索到的主机id (域名)、文件所在的路径例： URL的其他服务协议：通过ftp:/文件传输协议来访问启动匿名ftptelnet:/telnet会话，并可以访问一台主机的file:/本地计算机上的信息mailto:/。 6超文本标记语言(html )超文本标记语言(html )网页格式的描述语言(非

6、编程语言！ ) HTML文件网页的源文件是由HTML标签符号构成的描述文本文件。 HTML标记符号可以描述文本、图形、动画、声音、表、超链接等。 HTML文件的扩展名为. HTML或. htm7C/S和B/S模式www客户端Web服务器，互联网， 8虚拟主机使用硬件和软件技术将一台计算机主机分成一台“虚拟”的彼此独立的主机，每个虚拟主机可以有自己的域名和IP地址(或共享IP地址)，并可以是完整的9Web空间是将网页内容存储在互联网上的计算机的存储空间。 取得Web空间的方法：1)专用Web服务器2 )主机服务器3 )虚拟主机，1.3网页制作的基础知识，1向量图形和位图图像向量图形使用直线和曲线

7、来记述图像，也称为基于路径的绘画。 位图图像的位图使用像素(彩色的小点)来表示图像。 2常用图像文件格式BMP、GIF、PNG、PSD、JPEG、3网页的构图和颜色1 )对各种颜色的组合和对应的常用类型有很强的视觉冲击力：对称颜色块的构图、非对称颜色块的构图，2 )线的构图的抽象化、美感、运动变得重心不稳定灰色三个属性：色调(Hue ) :颜色的基本属性，即“颜色”纯度(Saturation ) :颜色的纯洁，即“彩度”和亮度(Brightness ) :颜色的浓淡，即“亮度”，4 )计算机上的颜色为1bit0， 1、1色2bit00、01、10 114色8bit28=256256色24bit

8、224=1677721624位真彩色，5 )所谓web安全色，其颜色在不同的平台上安全并且正确地显示，除了在浏览器上显示之外通过颜色通道红色(00- FF )、绿色(00- ff )、蓝色(00- ff )“跳跃”方式的颜色代码：十进制： 0、51、102、153、204、25516进制： 00、33、66、99、CC、ff获得6 )建议：1)页面重心平衡注意页面要素的分布协调度一般要求：上下轻、左右均衡2 )色彩使用构想色的明暗、轻、冷温配合调和色和对比色的应用关注流行色的发展，课程总结：1.1网页制作工具的主要功能和特点Fireworks，Flash1.2网络基础知识网络协议，TCP/IP协议，IP地址，域名和域名系统，U