网页设计与制作完整版电子课件.pptx

;1. 互联网基础 2. 网页设计知识 3. 网页标准化技术 4. 网站设计软件 5. 网站制作流程 6. HTML语言;第1章 网页设计基础;1.1.1Internet与Web服务 1.1.2URL路径 1.1.3服务器与客户机 1.1.4互联网数据中心 ;互联网就是借助通信线路将计算机和各种相关设备相连接，并按照统一的标准在各种设备之间进行数据传输和交换，实现互联互通，以达到计算机之间资源共享和信息交换的目的。 ;互联网提供的主要服务包括万维网（World Wide Web，WWW，3W，Web），电子邮件（E-mail），文件传输（FTP）和远程登录（Telnet）等。 Web网采用超文本标记语言（Hyper Text Mark-up Language，HTML），可以存取包括文本、图像、动画、音频和视频等多媒体信息，还可以基于超链接通过众多的网页和网站构成了一个全球范围内的庞大信息网络。 ;Uniform Resource Locator，统一资源定位器 URL由三部分组成：协议类型，主机名和路径及文件???，表达为如下形式： 协议名://服务器的IP地址或域名/路径/文件名 /s2012/shicha URL地址，或Web地址，或网址，它可以是本地磁盘路径，或局域网上的某一台计算机，也可以是Internet上站点。 ;服务器是提供共享资源和服务的计算机，其作用是管理大量的信息资源。 客户机是用户用来获取资源和服务的计算机。浏览器软件是客户机上必备软件。;互联网数据中心（Internet Data Center，IDC）为企业、媒体和各类网站提供专业化的网络服务器管理，网络带宽等一系列服务，是网络基础资源的重要组成部分。 IDC向用户提供服务包括整机租用、服务器托管、机房租用、专线接入和网络管理服务等。 数据中心体系包括四个主要部分：服务器系统，电力保障系统，数据传输保障系统以及环境控制系统。 ;页面设计要具有一定的独创性，符合用户的审美情趣，同时还要兼顾表达主题，满足表达内容和使用便捷的要求。 色彩，网页设计元素和页面布局是网页创意设计的三个重要组成部分。 ;1.2.1色彩 1.2.2网页设计元素 1.2.3页面布局 ;1.认识色彩 任何色彩都具有色相、明度和纯度三种属性。 色相是色彩的名称，是一个色彩区别与另一个色彩的主要因素。 明度也称为亮度，表示了色彩的明暗程度，明度越大，色彩越亮。 纯度是指色彩的鲜艳程度或饱和度。色彩纯度越高的颜色越鲜艳，纯度越低的颜色越灰暗。;2. RGB色彩模式和网页安全色 每种色彩都可以用红(R)、绿(G)、蓝(B)3种色彩按一定的比例调和而成，这3种色彩被称为光的3原色 将在不同操作系统和浏览器中具有一致显示效果的颜色定义为网络安全色，网络安全色有216种。在网页设计软件中，任何颜色都有一个六位的十六进制编号，如#D6D6D6，任何由00、33、66、99、CC或者FF组合而成的颜色值，都表示一个Web安全色 3. 利用图像配色;1. 网站标识 网站logo，将网站logo置于页面比较醒目的位置，如左上角。 2. 网站banner 网站banner一般位于页面的顶部，即可以表达和突出网站创意和形象，也可以传达某种特定信息。 网站banner通常是由GIF动画、JPEG图像或Flash动画完成的。 ;3. 导航条 导航条是网站设计中最重要的元素之一，即表现了网站的站点结构和内容分类，又方便了用户对网站的浏览。 4. 图像 Gif用于画面简单、细节信息少的图像，如背景图片，可以减少图像文件的大小；Jpeg用于画面较为复杂、细部信息多的图像；PNG用于有透明背景的图像。 一种是独立完整的图像，二是在Firework或Photoshop中使用切片功能获得的图像。 5. 动画 网页设计中常用的动画有Gif动画和Flash动画。 6. 背景 使用合理能够增强页面的整体创意效果。 ;1. 结构布局 常用的结构布局方式包括“国”字型、拐角型、上下框架和左右框架等类型。 2. 艺术布局 常用的平面艺术设计原则有分割、对称和平衡等。 总之，根据内容和栏目编排要求以及客户审美需求，将各种典型结构灵活运用，将艺术设计原则融会贯通，锐意创新，创作出结构布局合理，页面精美的网页。 ;网页由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior），相应的技术标准由三个部分组成：结构化标准语言，CSS样式表和脚本语言。 ;1.3.1结构化语言 1.3.2CSS样式 1.3.3脚本语言 1.3.4ASP技术 ;结构化语言HTML（Hyper Text Markup Language，超文本标记语言） XHTML（eXtensible Hyper Text Markup Lan