任务一:认识网页、网站 1.1 网页和网站的概念

1. 网页(Web Page) 定义:  是存放在Web服务器上供客户端用户浏览的文件,可 以在Internet上传输。 特点:  包含链接  由超文本标记语言创建  将文字、图片、声音等各种多媒体文件组合在一起  保存在特定计算机的特定目录

2. 网站Web Site 定义:  一系列相关的网页集合体。 特点:  网站上的网页拥有相同或相似的属性并通过各 种链接相关联。 构成:  有域名(即网址)和网站空间构成。

2. 网站分类 门户类网站 公司网站 专业类网站 个人网站

3. 主页homepage 功能:  网站的入口  代表形象  导航 特点:  默认网页  文件名:index、default

其他相关网络术语 WWW  全称: World Wide Web万维网,简称WWW或3W。  起源: WWW是由欧洲量子物理实验室CERN(the European Laboratory for Particle Physics)发 展出来的分布式超媒体系统。  特点: WWW中的信息资源主要由大量的Web文档组成。

Internet 定义:  Internet (国际互联网络)也可以称为“因特网” , “网际网”等,它是一个全球性的计算机互联网 络。 功能:  世界各地的人们可以自由的通过网络连接来共 享和使用Internet上所提供的信息资源,如:浏 览网页,下载电影,收发E-mail也可以和远方 的朋友进行视频聊天等等。

提问:我们是怎么上网的?

打开浏览器 ,输入网址,访问远端服务器的特定页面;服 务器接受请求后找到该页面, 并将它传送回浏览器,我们 就可以浏览我们想看的内容了。

WWW的工作模式 客户/服务器(C/S或B/S)工作模式 在该模式中,信息资源以页面(也称网页或Web 页)的形式存储在Web服务器中; 用户查询信息时执行一个客户端的应用程序,简 称客户程序(Client)或称为浏览器 (Browser)程序。

WWW的工作模式 上述整个过程可分为以下三个步骤:  浏览器向某个Web服务器发出一个需要的页面 请求,即输入一个Web地址;  Web服务器收到请求后,在文档中寻找特定的 页面,并将页面传送给浏览器;  浏览器收到并显示页面的内容。

Hypertext(超文本) 产生历史:1965年TedNelson 实际上,这个词的真正含义是"链接"的意思,用 来描述计算机中的文件的组织方法,后来人们把 用这种方法组织的文本称"超文本" 。

Hypertext(超文本) 特点:  传统文本是以线性方式组织的,而超文本是以 非线性方式组织的。  这里的“非线性”是指文本中遇到的一些相关内 容通过链接组织在一起,用户可以很方便地浏 览这些相关内容。  这种文本的组织方式与人们的思维方式和工作 方式比较接近。

Hyperlink(超链接) 定义:  也称为"热链接(hotlink)",或者称为"超文本链 接(hypertextlink)"。是对象之间或者文档元素 之间的链接。 特点:  建立互相链接的这些对象不受空间位置的限制

Server(服务器) 定义:  服务器即信息的提供者。 特点:  具有固定IP地址,并为网络用户提供服务 分类:  Web服务器、E-mail服务器、 FTP服务器

Web服务器 Web服务器(或称HTTP服务器)主要提供HTTP 服务。 返回在URL里指定的文件的内容,一般具备将 URL名映射到文件名的功能,并能实施某种安全 策略。

Browser (浏览器) 定义:  Browser就是指在使用的电脑上安装 的,用来显示指定文件的程序。 功能:  Web浏览器能对HTML文档的格式及其所含有的 漫游指令进行转换。浏览器和服务器通过另一种 公开的标准,即HTTP( Hyper Text Transfer Protocol)来实现它们之间的通信。 常用浏览器:360、傲游、QQ、搜狗浏览器

URL(统一资源定位器) Uniform Resource Locator 它是Internet上的WWW服务程序用于指定信 息位置的表示方法,也就是日常生活中所说的网 址。 采用URL可以用一种统一的格式来描述WWW 中各种信息资源,包括文件、服务器地址和目录 等。

URL的格式 URL的格式一般由下列三部分组成: 协议+“://”+主机域名(IP地址)+目录路径 访问站点中文件所需的所有信息,其结构为: ://:// 例如: http://www.mywebsite.com:80/news/ 00001.htm

HTTP(超文本传输协议) HTTP(Hyper Text Transfer Protocol) 是 WWW的基本协议,是用于从WWW服务器传 输超文本到本地浏览器的传送协议。 它不仅保证计算机正确快速地传输超文本文档, 还确定传输文档中的哪一部分,以及哪部分内容 首先显示(如文本先于图形)等

FTP(文件传送协议) FTP是File Transfer Protocol的缩写。 FTP就是完成Internet上两台计算机之间文件 传送. 从远程服务器获取文件至自己的计算机,称为“下 载download”文件。 若将文件从自己的计算机传送至远程服务器,则 称之为“上载upload”文件。

1.1.2网页的类型 1. 静态网页 标准的HTML文档; 存储在服务器端预先编写好; 客户端得到的是与存储在服务器端一样的网页代 码; 不提供服务器与客户端的交互功能。

客户端动态技术——动态效果 不需要与服务器进行交互,实现动态功能的代码 往往采用脚本语言形式直接嵌入到网页中。 服务器发送给浏览者后,网页在客户端浏览器上 直接响应用户的动作。 常见的客户端动态技术包括JavaScript、Java 小程序、ActiveX和Flash等。

2. 动态网页 服务器端动态技术:需要与客户端共同参与,客 户通过浏览器发出页面请求后,服务器根据URL 携带的参数运行服务器端程序,产生结果页面再 返回客户端。 典型的服务器端动态技术有ASP、PHP、JSP及 CGI等。

1.1.3 网页的基本构成元素 1.文本 2.图像 3.超链接 4.动画 5.音频和视频 6.表单 7.导航栏

网页制作-第一周-任务1_1网页和网站的概念相关推荐

  1. HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码...

    HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML ...

  2. HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码

    HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML ...

  3. HTML5期末大作业:在线电影网站设计——电影从你的全世界路过(4页) HTML+CSS+JavaScript 大学生电影网页制作教程 学生HTML电影网页设计作业成品 简单网页制作代码 学生影视

    HTML5期末大作业:在线电影网站设计--电影从你的全世界路过(4页) HTML+CSS+JavaScript 大学生电影网页制作教程 学生HTML电影网页设计作业成品 简单网页制作代码 学生影视网页 ...

  4. HTML5期末大作业:花甲美食网站设计——精美花甲美食网页(8页) 海鲜网页制作作业 生鲜水果蔬菜网页设计模板 简单学生网页设计代做 静态HTML CSS网站制作成品

    HTML5期末大作业:花甲美食网站设计--精美花甲美食网页(8页) 海鲜网页制作作业 生鲜水果蔬菜网页设计模板 简单学生网页设计代做 静态HTML CSS网站制作成品 常见网页设计作业题材有 个人. ...

  5. HTML5期末大作业:美食餐厅网站设计——一千一夜美食餐厅(11页) 食品网页设计作业,海鲜网页制作作业, 大众食品学生网页作业, 美食网页作业成品, 食物网页作业模板 ,甜品网页作业定制

    HTML5期末大作业:美食餐厅网站设计--一千一夜美食餐厅(11页) 食品网页设计作业,海鲜网页制作作业, 大众食品学生网页作业, 美食网页作业成品, 食物网页作业模板 ,甜品网页作业定制 常见网页设 ...

  6. HTML5期末大作业:龙之谷网络游戏网站设计——龙之谷网络游戏(9页) 学生网游网页设计模板 大学生HTML网页制作作品 简单手游网页设计成品 dreamweaver学生网站模板

    HTML5期末大作业:龙之谷网络游戏网站设计--龙之谷网络游戏(9页) 学生网游网页设计模板 大学生HTML网页制作作品 简单手游网页设计成品 dreamweaver学生网站模板 常见网页设计作业题材 ...

  7. 网页设计作业花甲美食网站设计——精美花甲美食网页(8页) 海鲜网页制作作业 生鲜水果蔬菜网页设计模板 简单学生网页设计代做 静态HTML CSS网站制作成品

    HTML5期末大作业:花甲美食网站设计--精美花甲美食网页(8页) 海鲜网页制作作业 生鲜水果蔬菜网页设计模板 简单学生网页设计代做 静态HTML CSS网站制作成品 常见网页设计 文章目录 HTML ...

  8. 零基础10天学会网页制作第一天

    Hello,大家好,我是AbnerMing,从这篇文章起,我们开始进入为期10天的网页制作学习,具体怎么学习,及未来的就业前景,还请大家去看上一篇文章<零基础10天学会网页制作之前言>,这 ...

  9. 网页制作的基本语言html,网页制作基础语言HTML.ppt

    网页制作基础语言HTML 2. 内嵌音频播放插件 通过内嵌音频播放插件可以在浏览器中出现控制面板,也可作为背景音乐.其格式为: [例2-27] 3. IE中的背景音乐 可以插入背景音乐格式,不过只有在 ...

最新文章

  1. python通信测试_Python接口测试实战1(上)- 接口测试理论
  2. Throwable.异常
  3. linux ssh客户端工具
  4. 【MySQL】MHA部署与MasterFailover代码分析
  5. java 使用本机代理_Java与本机代理–他们所做的强大功能
  6. 将一个实体转换成 Url 参数的形式 ?a=ab=b
  7. JavaScript(ES6)传播算子和rest参数简介
  8. css字体自定义,bootstrap自定义字体
  9. vue 获取url地址的参数_Vue 网络请求框架 axios 使用教程
  10. 正则表达式的基本语法[转]
  11. java多线程的安全问题与死锁(面向厕所编程)
  12. DB2 Vs MySQL系列 | MySQL与DB2的数据类型对比
  13. 在ASP.NET Core 2.2 中创建 Web API并结合Swagger
  14. 百度网盘就“用户激励计划”道歉;沈义人卸任 OPPO 全球营销总裁;Python 2.7.18 发布| 极客头条...
  15. HCI实验数据分析之数据可靠性计算,绘制箱图,描述性变量统计,ANOVA,Bonferroni 的连续变量方差分析
  16. Atitit 业务流程执行引擎的实现 目录 1.1. 引擎实现语言java js php等 1 1.2. 流程语言 xml sql js等 业务流程定义语言规范总结 1 1.3. 实体方法定义 2
  17. Unity 正交相机和透视相机的屏幕适配
  18. 2014.03.31_一年很快过去了
  19. Html是网页制作的核心语言吗,html网页设计报告总结.doc
  20. JNI详解---从不懂到理解

热门文章

  1. 基于PLC等控制伺服3点坐标系计算
  2. 解决:测试HDFS读写性能时出现错误
  3. 腾讯企业邮箱开发(非官方开发文档方式
  4. netty权威指南目录
  5. 仿25ge封装的APP封装源码-可以封装安卓和IOS
  6. C#/VB.NET Excel数据分列
  7. 刘彬20000词汇02
  8. 利用tcp三次握手,使用awl伪装MAC地址进行多线程SYN Flood
  9. 【信号处理】Matlab实现语音变速变调
  10. 关于掉落的详细分析。