第一章 内容简介及网页设计概述

网页设计与制作教学内容使用表格布局网页超链接和行为CSS样式Div+CSS布局网页框架、模板和库动态网页入门测试和发布网站掌握网页设计的方法和步骤学会DreamweaverCS5的各项功能独立完成网站的规划和设计（课程设计）个人爱好及职业发展学习目标第一章网页设计概述1.1网页设计方法的变革1.2基本概念1.3组成元素1.4开发工具1.5网站规划与网页设计1.1网页设计的方法变革1、传统方法：基于表格布局网页三剑客：Dreamweaver+Flash+Fireworks2、流行方法：基于Web标准（DIV+CSS）实例网站：Intel，Microsoft，Yahoo，新浪，网易，中央电视台，中华网，中华英才网，淘宝，阿里巴巴，当当网优势是：可以实现网页中结构、表现、行为三者相分离，取得比传统表格模式更好地访问性能，降低维护成本。1.2基本概念IP地址域名URL网址网站和网页浏览器HTTPHTML静态网页和动态网页IP地址互联网是全世界范围内的计算机联为一体而构成的通信网络。互联网上连接了不计其数的服务器和客户机，每一个主机在互联网上都有一个唯一的地址，我们称这个地址为IP地址（InternetProtocolAddress）IP地址由4个小于256的数字组成，数字之间用点间隔。例如，“61.135.150.126”就是一个IP地址。域名一种与IP地址对应的字符来表示地址，是为解决IP地址在使用过程中难于记忆和书写。每一个网站都有自己的域名，并且域名是独一无二的。例如，我们只需要在浏览器地址栏中输入搜狐网站的域名“”，然后按回车键就可以访问搜狐网站了。UniformResourceLocator统一资源定位器，网页地址，Web地址，网址一般格式为访问协议://主机域名或IP地址[:端口号]/路径/文件名例如：网址3W,万维网，Web基于超文本的信息查询和发布系统将Internet上众多Web服务器连接起来，组成庞大的信息网。即客户/服务器结构，用于整理和储存各种资源，响应客户端软件的请求，把客户所需的资源传送到客户平台。网页和网站网页（HTML文件）构成网站的基本元素。由文字、图像、动画、声音和程序组成。由网址(URL)识别和存取。网站网页的集合由域名、网站源程序、网站空间组成首页（主页）文件名一般为index或default可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。通过HTTP协议从网页服务器交互获取网页。网页由URL指定，文件格式通常为HTML。常见的浏览器MicrosoftIE、Firefox、Maxthon、Safari、Opera、HotBrowser及Chrome注意：同一网页在不同浏览器上可能有不同的显示效果。浏览器HyperTextTransportProtocol超文本传输协议用于从服务器传输超文本到本地浏览器。应用层高层协议之一。其他协议有FTP,SMTP，DNS/NNTP等通常出现在URL最前边，如即可。HTTPHyperTextMarkupLanguage超文本标记语言。构成Web页面的主要工具，用来表示网络上的信息的符号标志语言。实质是以htm或html为扩展名的纯文本语言。使用标志名/标志名表示。如title青岛黄海学院/titleHTML静态网页无后台数据库，不含程序和不可交互的网页，完全采用HTML技术。URL以.htm、.html及.shtml作为后缀。注意在静态网页上可以出现动态效果，如GIF格式的动画，Flash及滚动字幕。但这种动态只是视觉上的，与动态网页不是一个概念静态网页与动态网页动态网页有后台数据库，含程序和可交互的网页，使用HTML、编程语言和数据库共同完成。URL以.asp、.aspx、.jsp及.php作为后缀。常用的动态网页技术有JSP、ASP、PHP、ASP.NET。常用的数据库管理技术有：MicrosoftSQLServer、Oracle等。注意：在同一网站上，动态网页内容和静态网页内容可同时存在。网站采用静态网站还是动态网站主要取决于网站的功能需求和网站内容的多少。作业什么是网页三剑客？网页和网站的区别和联系是什么？什么是HTML?静态网页和动态网页的区别是什么？