第1章网页设计与制作概述_20111018161157.pptVIP

网页设计与制作教程;第1章 网页设计与制作概述;1.1 基本概念与术语;1.1 基本概念与术语;1.1.2 WWW简介;1.1.2 WWW简介;1.1.2 WWW简介;1.1.2 WWW简介;1.1.3 网站、网页、HTML;网页分类 从网页浏览次序来分，可分为首页和主页和内容页。 首页是指进入网站首先看到的网页，即为网站首页（Home page），首页的内容通常都是很简单的，主要用于引导用户进入网站。 主页是网站的精华部分，绝大部分网站的内容都可在主页中找到缩影，是网站的精华。 内容页是网站具体内容的承载页，是制作网站的重点，内容页是体现网站主题的主体。;网页分类 从网页是否执行程序来分，可分为静态网页和动态网页这两种类型。 静态网页一般以.htm或.html为后缀结尾的，俗称html文件。本课程就是制作静态网页的课程。 动态网页内含有程序代码。网络中看到的动态网页通常是以.asp、.jsp，.php等后缀结尾的，如我们学校的校园网OA系统的首页。 一个完整有价值的网站应该是集静态、动态、动画于一身的。 ;IP地址： IP地址由32位二进制数组成。实际应用中，将 这32位二进制数分成4段，每段包含8位。 IP地址采用“点分十进制”表示法，将每段都转换为十进制数，段与段之间用“.”号隔开。如： 182. 217. 190. 109 网上的每一台计算机都必须有一个IP地址，且是唯一的。包括：⑴要上网的；⑵ 提供信息服务的 网上每台计算机的IP地址是全球唯一的。;域名： IP地址就是网上计算机的标识符； IP地址是一长串数字号码，这些数字难记又难以理解; 用一串字符来标识网上计算机，比如： 西亚斯网站： ⑴ ； ⑵ 40。 新浪网站： ⑴ ⑵ 02 网上每台计算机的域名是唯一的。;域名服务系统（DNS）;1.1.5 统一资源定位器（Uniform Resource Locator）;1.2 网页设计的基础知识;1.2.1 认识网页元素;1.2.1 认识网页元素;1.2.1 认识网页元素;1.2.1 认识网页元素;1.2.1 认识网页元素;1.2.1 认识网页元素;1.2.2 网页制作制作和美化的工具;1.2.2 网页制作工具和美化的工具;1.2.2 网页制作和美化的工具;1.2.3 网页的色彩搭配;1.2.3 网页的色彩搭配;1.2.3 网页的色彩搭配;1.2.3网页的色彩搭配;网站色彩的使用;网站色彩的使用;网站色彩的使用;网站色彩的使用;1.3 HTML语言简介; HTML网页的结构; HTML网页的结构;1.4 网站建设的流程 ;1.4 网站建设的流程 ;3．其他功能性网站 强调网站的功能,具有一定的用户针对性和功能针对性。如各类商务网站（淘宝，ebay等）；各类学习网站，网络词典，网络图书馆。 主题确定以后，就要根据网站的功能来选择网站所使用的技术。 首先要确定Web服务器平台，是采用Windows的IIS，还是Linux的Apache； 然后要根据网站功能的复杂程度决定是采用静态网站还是动态网站。 对于动态网站，还要考虑使用何种数据库及采用什么技术来支持。;1.4.2 网页设计与制作; 常见的页面布局技术有三种： 一是表格布局技术，方法是将各种网页元素放到无边框的表格中，使用表格来对他们进行定位； 二是利用框架布局 三是通过CSS技术进行完全地定位文本和图像； 四是利用DIV＋CSS布局技术可以较好地做到信息结构清晰、内容和表现相分离。 ;表格布局的网站; 网站页面版式可以分为两大类： 一类称为“形象页面” 这种页面多用于企业的形象宣传，它的特点是页面以图像、Flash为主，文字内容较少； 另一类称为“内容页面” 多数信息资讯类网站大多采用此版式，其特点是信息多，根据信息内容分类来划分页面结构，最常见的结构布局方式有“同”字形、“厂”字形、左右框架型和L型等。;LOGO欣赏;版面设计;几种常见的页面布局样式：;几种常见的页面布局样式：;几种常见的页面布局样式：;1.4.4 网页的上传与发布;面板组;网站的设计流程图;本章小结;Thanks！