HTML与CSS入门——第一章 理解Web的工作方式

知识点:

  1.万维网的简史

  2."网页"的含义,以及该术语不能反映所涉及的所有内容的原因

  3.如何从你的个人计算机进入别人的浏览器

  4.选择Web托管提供商的方法

  5.不同的Web浏览器和设备类型对网页内容的影响

1.1 HTML和万维网简史:

  互联网,1990年,超文本标记语言(HTML):描述文本,图形和包含其他信息的文件组织和链接在一起的方式。

  1993年,100台->HTML,万维网。

1.2 创建Web内容:

  Web内容:描述从Web服务器传递到Web浏览器的文本、图像、音频、视频和其他媒体文件的全称。

  XHTML:X代表eXtensible(可扩展)。

1.3 理解Web内容交付:

  过程如下:

    1.根据地址栏的地址,Web浏览器将发出一个请求;

    2.服务器接收请求之后,会在它的目录中查找具体的文件,并将该文件内容发送回你的浏览器。

    3.Web浏览器接收内容,进行解析显示。(在这过程中可能依旧有请求,比如图片的链接地址之类的,于是重复1,2,3操作)

    4.最终将一个完整的Web内容显示出来。

1.4 选择Web托管提供商:

  需要:域名;Web托管服务。

  Web托管服务商选择标准:

    1.可靠性/服务器"正常运行时间"

    2.客户服务

    3.服务器空间

    4.带宽(指网络可通过的最高数据率,即每秒多少比特)

    5.域名购买和管理

    6.价格

1.5 用多种Web浏览器测试:

  Safari,Chrome,Firefox,IE,Opera

PS:把网站比作书,里面对应的一个个html文件就是一个个网页。

PS:可视化Web设计工具会导致源码难以理解的倾向,以及复杂且不兼容的标准代码。

时间: 2024-10-08 18:28:37

HTML与CSS入门——第一章 理解Web的工作方式的相关文章

第一章:web网站服务(一)

防伪码:拼一个春夏秋冬,赢一个无悔人生 第一章:web网站服务(一) 实验报告 1.卸载原来已经存在的httpd 2.插入光盘:Benet 5.0所需软件\linux安全及高级应用\rhel-server-6.5-x86_64-dvd.iso 3.源码编译安装httpd,下图为: 1)解包    2)配置 4. 编译和安装 5. 确认安装结果,如果出现下图所示,表示安装成功了 6. 优化执行路径 7. 添加httpd系统服务(添加好了之后就可以使用service命令开启服务器) 下图中标示的第一

《ECMAScript 6 入门- 第一章 lef和const命令》 —— 摘抄

1 . lef命令 ES6新增了let命令,用来声明变量.它的用法类似于var,let声明的变量,只在let命令所在的代码块内有效. { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b //1 2.const命令 const也用来声明变量,但是声明的是常量.一旦声明,常量的值就不能改变. const PI = 3.1415; PI // 3.1415 PI = 3; PI // 3.1415 const PI =

html/css入门第一篇

1.基本教程学习 大概三天业余时间看完下面两个教程. HTML文字教程 CSS文字教程 2.练习 看完教程后,做第一练习时,总结如下: 1)div居中 需要设置属性:margin-left:auto; margin-right:auto; 2) 给图片加链接后,图片有边框,消除边框方法:给图片设置属性 border-width:0px; 3)图片相连时,图片间有距离,消除图片间距离:给图片设置属性 display: block; html/css入门第一篇

第一章 创建WEB项目

第一章   创建WEB项目 一.Eclipse创建WEB项目 方法/步骤1 首先,你要先打开Eclipse软件,打开后在工具栏依次点击[File]>>>[New]>>>[Dynamic Web Project],这个就代表新建的项目是WEB项目 提示:如果没有找到[Dynamic Web Project]请看下一步 2 如果我们找不到[Dynamic Web Project]这个选项,说明以前没有建立过WEB项目,所以不在快捷导航里,这时我们点击[Other]这个选项

MVC4 WebAPI(二)——Web API工作方式

在上篇文章中和大家一起学习了建立基本的WebAPI应用,立刻就有人想到了一些问题:1.客户端和WebService之间文件传输2.客户端或者服务端的安全控制要解决这些问题,要了解一下WebAPI的基本工作方式. (一)WebAPI中工作的Class 在MVC中大家都知道,获取Request和Response使用HttpRequest和HttpResponse两个类,在WebAPI中使用两外两个类:HttpRequestMessage 和HttpResponseMessage,分别用于封装Requ

花无涯带你走进黑客之 小白入门 第一章

最近开始有一个想法, 想谈谈小白如何慢慢学习网络安全相关知识, 有正确得价值观,做正确的事情. 初心也是为了帮助更多人学习到黑客攻防,学会保护自己和身边的人. 写一些自己的分享和经验,每一期可能都有时间就进行更新,感谢大家的支持! 相信每一个对计算机感兴趣的童鞋都有着一颗黑客的心, 我也不例外, 我希望通过一系列的文章让大家了解黑客和网络安全. 不是很会写一些感人故事心得, 更想是通过自己得分享也顺便提升自己 -.- 不是很喜欢在文章里头加特别花哨 过多的图片,也不会怎么配图... 可能阅读起来

HTML+CSS基础 第一章 html介绍

1-1 代码初体验,制作我的第一个网页 欢迎来到HTML+CSS课堂,加入高端大气上档次的web前端开发团队.我们在正式学习之前,先来热热身,问候下世界,做个人生中的第一个html网页吧. 任务 请在右边编辑器的第8行,在<h1>和</h1>标签之间,输入Hello World 字符串. 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type&quo

jQuery源码解析(架构与依赖模块)第一章 理解架构

1-1 jQuery设计理念 引用百科的介绍: jQuery是继prototype之后又一个优秀的Javascript框架.它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器.jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用).events.实现动画效果,并且方便地为网站提供AJAX交互.jQuery还有一个比较大的优势是,它

PostgreSQL Replication之第一章 理解复制概念(2)

1.2不同类型的复制 现在,您已经完全地理解了物理和理论的局限性,可以开始学习不同类型的复制了. 1.2.1 同步和异步复制 我们可以做的第一个区分是同步复制和异步复制的区别. 这是什么意思呢?假设我们有两台服务器,希望从一台服务器(the master)复制数据到第二台服务器(the slave).下图说明了同步和异步复制的概念: 我们可以使用一个简单的事务如下所示: BEGIN: INSERT INTO foo VALUES ('bar'); COMMIT; 在异步复制的情况下,事务被提交到