网页设计与制作项目课件.pptx

项目一:网页基础;;学习目标;任务：了解网页设计与制作基础知识;图1.1网站;任务实施;;;;;;任务实施;任务实施;任务实施;任务实施;任务实施;任务实施;1．Internet与WWW 　　Internet一词来源于英文Interconnect networks，即“相互联系的各个网络”，简称“互联网”，中文译名为“因特网”。Internet是专指全球范围内最大的、由众多网络相互连接而成的、基于TCP/IP协议的计算机网络。 　　WWW是World Wide Web（世界范围蜘蛛网）的简称，也称Web网，中文译名为“万维网”。WWW是Internet提供的应用最普及、功能最丰富、使用最方便的信息服务系统。 　　WWW是由遍布在Internet上的无数称之为Web服务器的计算机组成，它将不同信息资源以网页的形式，通过超链接（Hyperlink）有机地联系在一起，由Web浏览器软件进行浏览。;2．网站与网址 　　一般来说，网站是一个相互链接的网页的集合。严格来讲，网站是有独立地址和独立空间的内容集合，这些内容可能是网页文件，也可能是其他文件。如“新浪”和“百度”就是两种服务内容不同的网站。 　　网址是网络资源地址的简称，也称URL（Uniform Resource Locator，统一资源定位器）。URL是用来统一标识Internet各种资源的位置，其格式为： 　　协议名://主机名:端口号/文件路径/文件名 　　例如， 　　其中，http是超文本传输协议（Hypertext Transfer Protocol），是网页文件在Internet中传输的标准。主机名可以是域名，也可以是IP地址。域名其实是IP地址的字符表示。;3．网页与主页 　　网页是由HTML（超级文本标识语言）或者其他语言编写的，通过Web浏览器（如IE）编译后供用户获取信息的页面，也称为Web页，其中可包含文字、图像、声音、动画和超链接等各种网页元素。网页是WWW的基本信息单位，每个网页以独立文件形式存放，其扩展名有.htm、.html、.asp、.jsp等。 　　主页是网站中的一个特殊网页，它是进入网站的第一个页面，其中包含指向其他网页的超链接。主页是网站的“门面”，其作用远比其他网页更重要，设计时必须精心考虑。主页的名称一般是固定的，通常为index.html或 index.asp等。;4．静态网页与动态网页 静态网页与动态网页 　　网站中的网页一般包括静态网页和动态网页两种形式。 　　静态网页是纯粹的HTML格式的网页，内容相对固定，当需要改变其信息内容时，必须重新使用网页制作工具来对其进行修改，修改后的网页还要重新上传到服务器上覆盖原来的页面。静态网页文件一般以.htm、.html、.shtml、.xml为扩展名。 　　在静态网页上，可以出现各种动态的效果，如GIF动画、Flash、滚动字幕等，这些动态效果只是视觉上的，与动态网页是不同的概念。静态网页的执行流程如图所示。;4．静态网页与动态网页 　　动态网页通常是需要在线获取、修改或更新数据的网页，一般由数据库和相应的应用程序构成。动态网页也可以是纯文本的内容，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，只要采用动态网站技术生成的网页都称为动态网页。动态网页文件一般以.asp、.jsp、.php、.perl为扩展名。动态网页的执行流程如图所示。; 5．浏览器与服务器 　　浏览器（Browse）是用于阅读网页中信息的一种软件工具，它安装在用户计算机上，如Internet Explorer（IE）等。浏览器的作用是“翻译”HTML标记语言，并按规定格式把内容显示出来。 　　服务器（Server）是提供网络服务与管理的计算机。例如，提供网页服务和管理的计算机就称作Web服务器。 　　Web采用浏览器/服务器(B/S)工作模式，工作原理如图所示。;一．网站类型 1. 资讯门户类网站 2. 企业品牌展示类网站 3. 电子商务类网站 4. 社区网站 5. 办公及政府机构网站 6. 功能性网站 ;门户网站 门户（portal）。原意是指正门、入口，现多用于互联网的门户网站和企业应用系统的门户系统。 所谓门户网站，是指通向某类综合性互联网信息资源并提供有关信息服务的应用系统。 比较知名的中文门户网站有：搜狐 ()、中文雅虎 ()、新浪() 等;电子商务型网站 如B2B、B2C网站 按照交易过程可分为商品检索、商品采购、订单支付三个阶段 电子商务通常是指使用计算机技术、网络技术和远程通信技术，实现整个商务过程的电子化、数字化和网络化;二.网页的基本元素 　　不同性质的网站，其页面元素可能有所不同。一般构成网页的元素包括Logo、Banner、导航栏、文本、图像、声音、视频、动