网页制作和设计课件.pptVIP

第一篇 网站规划与网页设计 第1章：网站基础 第2章：网站规划设计 第3章：网页规划设计 第1章：网站基础 本章要点： 有关网络、网页和网站的基础知识： Html概述 Dreamweaver MX概述 IP地址和域名等 网站建立过程、发布和测试以及管理等 第1章：网站基础 1.1网页鉴赏 1.2网页基础知识 1.3网络基础知识 1.4网站基础知识 1.1网页鉴赏 学习网页设计的有效方法之一：对优秀网页设计进行分析 1.1.1“电子商务在中国”网站 1.1.2“可口可乐”中国网站 1.1.3“大众汽车”中国网站 1.1.4 Season by Season网站 1.1.5中国商品交易中心“网站(框架) 1.2网页基础知识 1.2.1Web概述 1、www(world wide web) 定义：建立在Internet上的全球性的、动态交互的、多平台的分布式图形信息系统。 概念： WWW又称为万维网，简称为Web, 是Internet技术发展中的一个重要的里程碑； WWW系统的结构采用了客户/服务器模式； 信息资源以web页的形式存储在WWW服务器中，用户通过WWW客户端浏览器程序图、文、声并茂的Web页内容； 通过Web页中的链接，用户可以方便地访问位于其他WWW服务器中的Web页，或是其他类型的网络信息资源。 WWW服务具有以下几个主要特点 以超文本方式组织网络多媒体信息，用户可以访问文本、语音、图形和视频信息； 用户可以在Internet范围内的任意网站之间查询、检索、浏览及发布信息，并实现对各种信息资源透明的访问； 提供生动、直观、统一的图形用户界面； WWW服务的核心技术是： 超文本标记语言HTML； 超文本传输协议HTTP； 超链接 hyperlink。 超文本方式的工作方式 超媒体工作方式 2、网页类型 网页是保存在www服务器中供用户访问的主要www资源。 分类：静态网页 动态网页 二者区别 1.2.2HTML概述 1、HTML文件 HTML是WWW上用于创建超文本链接的基本语言，可以定义WWW主页格式化的文本、色彩、图像与超文本链接； HTML文档可以将声音、图像、视频等多媒体信息集成在一起 ； 使用HTML语言开发的HTML超文本文件一般具有.htm（或.html）后缀。 2、HTML文件的基本结构 HTML HEAD 标题部分 /HEAD BODY 正文部分 /BODY /HTML 1.2.3Dreamweaver MX概述 Macromedia公司的网页设计四剑客： Dreamweaver 网页设计和网站管理 Fireworks 图像的设计与编辑 Flash 网络传输的流媒体动画 Freehand. 创建专业矢量图画 认识Dreamweaver MX Dreamweaver MX功能 网站管理方面 网站设计方面 网页制作方面 数据库方面 1.3 网络基础知识 计算机网络：将分散的并具有独立功能的多个计算机系统通过通信线路、设备有机结合在一起，以功能完善的网络软件达到相互通信、软硬件资源共享的综合系统。 1.3.1 IP地址与域名 一、IP地址 Internet是由不同物理网络互连而成，不同网络和计算机之间实现相互通信必须有相应的地址标识，这个地址标识称为IP地址。 IP地址提供统一的地址格式，即由32个二进制位（tit）组成。由于二进制使用起来不方便，一般使用“点分十进制”的方式表示。例如： 　　　　24 IP地址唯一标识出主机所在网络和网络中位置的编号。 按照网络规模的大小，常用IP地址分为A、B、C三类。 IP地址结构 IP地址采用分层结构； IP地址是由网络号（net ID）与主机号（host ID）两部分组成的。 IP地址的分类 1．A类IP地址 A类IP地址以“0”开头，第1字节表示网络号，第2～4字节表示网络中的主机号。A类IP地址的网络数量少，最多只能表示126个网络号，每一网络中最多可以主机号。 A类IP地址的各字节的取值范围如下所示： 0*******　********　********　******** l～126　　0～255　　0～255　　1～254 2．B类IP地址 B类IP地址以“10”开头，第1～2字节表示网络号，第3～4字节表示网络中的主机号。B类IP地址最多可以表示1