第1课-网页设计基础 珠海市广播电视大学
第1课-网页设计基础 珠海市广播电视大学
888 主要内容 ● 一、 网页与网站 二、浏览网页的工具一浏览器 三、静态网页与动态网页 四、静态网站的主要设计语言 五、网站与HTTP 六、网站与爬虫 七、网页设计发展史
主要内容 一、网页与网站 二、浏览网页的工具——浏览器 三、静态网页与动态网页 四、静态网站的主要设计语言 五、网站与HTTP 六、网站与爬虫 七、网页设计发展史
888. ●●●●● ●●●● 一、网页与网站 ·浏览网页时，在浏览器中看到的一个个页面就是网页，而 多个相关的网页的集合就构成了一个网站。 ·[举例]www.sohu.com www.youku.com 等等 网站是若干网页按照一定的逻辑关系，以超链接形式集合在一块的结果。 尽管如此，即使只有一个网页也能被称为网站。 网页设计是网站设计的基础
一、网页与网站 ⚫ 浏览网页时，在浏览器中看到的一个个页面就是网页，而 多个相关的网页的集合就构成了一个网站。 ⚫ [举例] www.sohu.com www.youku.com 等等 网站是若干网页按照一定的逻辑关系，以超链接形式集合在一块的结果。 尽管如此，即使只有一个网页也能被称为网站。 网页设计是网站设计的基础
●●● 二、浏览网页的工具—浏览器 ●●● 。浏览器：用于打开显示网页的软件。最常见的是Vindows 系统自带的IE浏览器，还有火狐Firefox、360安全浏览器、 遨游、腾讯TT等等。 Google Chrome Fire Fox Opera Safari Internet Explorer
二、浏览网页的工具——浏览器 ⚫ 浏览器：用于打开显示网页的软件。最常见的是Windows 系统自带的IE浏览器，还有火狐Firefox、360安全浏览器、 遨游、腾讯TT等等。 Google Chrome Fire Fox Opera Safari Internet Explorer
888 ●●●●0 ●●●● 二、浏览网页的工具—浏览器 ●●●●0 。浏览器的主要功能是将用户选择的web资源呈现出来，它 从服务器请求资源，并将其显示在浏览器窗口中，资源的 格式通常是HTML,也包括PDF、image.及其他格式。 ●用户用URl(Uniform Resource Identifier统一资源标识符) 来指定所请求资源的位置
二、浏览网页的工具——浏览器 ⚫ 浏览器的主要功能是将用户选择的web资源呈现出来，它 从服务器请求资源，并将其显示在浏览器窗口中，资源的 格式通常是HTML，也包括PDF、image及其他格式。 ⚫ 用户用URI（Uniform Resource Identifier 统一资源标识符） 来指定所请求资源的位置
888 ●●●●● ●●●0 二、浏览网页的工具—浏览器 ·网址：用于定位某个网站某个页面的一串字符。通常是 这种格式：http:yue.sina.com.cnl新浪音乐频道 ● 主页：访问网站时，默认打开的第一个页面就是主页， 也叫首页。 网页组成元素：网页标题、Log0、视频、文本、导航栏、 图片、表单、超链接等
二、浏览网页的工具——浏览器 ⚫ 网址：用于定位某个网站某个页面的一串字符。通常是 这种格式：http://yue.sina.com.cn/ 新浪音乐频道 ⚫ 主页：访问网站时，默认打开的第一个页面就是主页， 也叫首页。 ⚫ 网页组成元素：网页标题、Logo、视频、文本、导航栏、 图片、表单、超链接等
●●● 网页标题 信优前网-中四第-视频网站，提供初须插放，视频发布，视索被车-iex03oft【aternet Explorer 日▣☒ 8.c. 文件)编描)查看0收依)工具)帮助0 ●●●● ⊙腿·O日回公P紫☆头⊙会号回·口片骰⑧3 ● ● 地址包同tp:m.yw.cm/ 女日特到链接 首页电视到电影综艺视 导航栏 LOGO ,y风UU优酷向餐 搜索 常可击就出发香在又看流星面1热接副年持行接商沙法 0上使找发智助好设五 今日头条 资讯团内际拍客回直料 图片 女迎到忧能 视频 就被委求汉回 回记住我 表单 我正在若 超级链接 普荫仅发表《香港家节》要求翻查楼 文本 苹冷山杀手术盖国与 采变河牌人质物诗 悦活格
网页标题 LOGO 视频 文本 导航栏 图片 表单 超级链接
888 ●●●●● ●0●0 三、静态网页与动态网页 ●静态网页：HTML格式的网页通常被称为“静态网页” 早期的网站一般都是由静态网页制作的。 ●[网址范例]http:l/baike.baidu.com/view/41407.htm http://www.geocities.ip/chenzq1969/index cn.htm 注意：在HTML格式的网页上，也可以出现各种动态效果，如.GF格式的动画、 FLASH、滚动字母等，但这些“动态效果”只是视觉上的
三、静态网页与动态网页 ⚫ 静态网页：HTML格式的网页通常被称为“静态网页”， 早期的网站一般都是由静态网页制作的。 ⚫ [网址范例] http://baike.baidu.com/view/41407.htm ⚫ http://www.geocities.jp/chenzq1969/index_cn.htm 注意：在HTML格式的网页上，也可以出现各种动态效果，如.GIF格式的动画、 FLASH、滚动字母等，但这些“动态效果”只是视觉上的
888。 ●●●●● ●●●● 三、静态网页与动态网页 ·静态网页5个特点： ·每个网页都有一个固定URL,以.htm、.html、.shtml等常见形式为后 缀，不含？； ·是实实在在保存在服务器上的文件，每个网页都是一个独立的文件 ·内容相对稳定，容易被搜索引擎检索： ·没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站 信息量很大时完全依靠静态网页制作方式比较困难： ·交互性较差，在功能方面有较大限制
三、静态网页与动态网页 ⚫ 静态网页5个特点： ⚫ 每个网页都有一个固定URL，以.htm、.html、.shtml等常见形式为后 缀，不含？； ⚫ 是实实在在保存在服务器上的文件，每个网页都是一个独立的文件； ⚫ 内容相对稳定，容易被搜索引擎检索； ⚫ 没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站 信息量很大时完全依靠静态网页制作方式比较困难； ⚫ 交互性较差，在功能方面有较大限制
●●● 三、静态网页与动态网页 ●●● ●● 。动态网页是与静态网页相对应，网页URL后缀不 是.htm、.html、.shtml、.xml等静态网页的常见形式，而 是以.asp、jsp、php、perl、.cgi等形式为后缀，并且在 动态网页网址中有一个标志性的符号一“？”。 ·[网址范例] http://product.dangdang.com/main/product.aspx?product id=23057662 注意：动态网页，与网页上的各种动画、滚动字幕等视觉“动态效果”没有直 接关系，它也可以是纯文字的，或包含各种动画的，这些只是网页内容的表现 形式，无论是否具有动态效果，凡采用动态网站技术生成的网页都称为动态网 页
三、静态网页与动态网页 ⚫ 动态网页是与静态网页相对应，网页URL后缀不 是.htm、.html、.shtml、.xml等静态网页的常见形式，而 是以.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在 动态网页网址中有一个标志性的符号——“？”。 ⚫ [网址范例] http://product.dangdang.com/main/product.aspx?product _id=23057662 注意：动态网页，与网页上的各种动画、滚动字幕等视觉“动态效果”没有直 接关系，它也可以是纯文字的，或包含各种动画的，这些只是网页内容的表现 形式，无论是否具有动态效果，凡采用动态网站技术生成的网页都称为动态网 页