一、学习方面

1、WWW - 万维网

什么是 WWW？

  • WWW 指万维网（World Wide Web）
  • 万维网常被称为Web
  • Web 是由遍布全球的计算机所组成的网络
  • 所有 Web 中的计算机都可以彼此通信
  • 所有这些计算机都使用名为 HTTP 的通信标准

WWW 如何工作？

  • Web 信息存储于被称为网页的文档中
  • 网页是存储于被称为 Web 服务器的计算机上
  • 读取网页的计算机称为 Web 客户端
  • Web 客户端通过称为浏览器的程序来查看网页
  • 主要的浏览器有 Internet Explorer 和 Mozilla Firefox

浏览器如何读取页面？

  • 浏览器可通过一个请求来读取某个服务器上的一张网页
  • 请求是一个包含页面地址的标准 HTTP 请求
  • 页面地址类似这样：http://www.someone.com/page.htm

浏览器如何显示页面？

  • 所有的网页都含有其如何被显示的结构
  • 浏览器通过阅读这些结构来显示页面
  • 最常用的显示结构称为 HTML 标签
  • 用于段落的 HTML 标签类似这样：<p>
  • 在 HTML 中像这样定义段落：<p>This is a Paragraph</p>

谁制定 web 标准？

  • web 标准不是由 Netscape 或 Microsoft 制定的
  • web 的规则制定主体是 W3C
  • W3C 指的是万维网联盟（World Wide Web Consortium）
  • W3C 将各种规范订立为 web 标准
  • 最核心的 web 标准是 HTML、CSS、XML
  • 最新的 HTML 标准是 XHTML 1.0

W3C教程：http://www.w3school.com.cn/w3c/index.asp

2、HTML初识

什么是 HTML？

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言，而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容： 

<html>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>

</html>
例子解释
  • <html> 与 </html> 之间的文本描述网页

  • <body> 与 </body> 之间的文本是可见的页面内容
  • <h1> 与 </h1> 之间的文本被显示为标题
  • <p> 与 </p> 之间的文本被显示为段落

3、CSS初识

CSS 概述

CSS 指层叠样式表 (Cascading Style Sheets)

  • 样式定义如何显示 HTML 元素

  • 样式通常存储在样式表中
  • 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
  • 外部样式表可以极大提高工作效率
  • 外部样式表通常存储在 CSS 文件中
  • 多个样式定义可层叠为一

样式解决了一个普遍的问题

HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>, <p>, <table> 这样的标签，HTML 当初被指望用来表达“这是标题”、“这是段落”、“这是表格”之类的信息。而文档的布局被期望由浏览器来完成，而不使用任何的格式化标签。

由于两种主要的浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML 规范之中，因此创建文档内容清晰地独立于文档表现层的站点变得越来越困难。

为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出 STYLES（样式）。

所有的主流浏览器均支持层叠样式表。

样式表极大地提高了工作效率

样式表定义如何显示 HTML 元素，诸如 HTML 3.2 的样式中的字体标签和颜色属性通常被保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面布局的外观。

由于允许同时控制多重页面的样式和布局，CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者，你可以为每个 HTML 元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局变换，只需简单地改变样式，然后网站中的所有元素均会被自动地更新。

多重样式将层叠为一个

样式表允许以多种方式规定样式信息。样式可以被规定于单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在一个单一的 HTML 文档内部引用多个外部样式表。

层叠次序

当同一个HTML元素被不止一个样式所定义时，会使用哪个样式呢？

一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。

  1. 浏览器缺省设置

  2. 外部样式表
  3. 内部样式表（位于 <head> 标签内部）
  4. 内联样式（在 HTML 元素内部）

因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。

4、JavaScript初识

什么是 JavaScript？

  • JavaScript 被设计用来向 HTML 页面添加交互行为。

  • JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。
  • JavaScript 由数行可执行计算机代码组成。
  • JavaScript 通常被直接嵌入 HTML 页面。
  • JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。
  • 所有的人无需购买许可证均可使用 JavaScript

Java 和 JavaScript 是相同的吗？

不同！

在概念和设计方面，Java 和 JavaScript 是两种完全不同的语言。

Java（由太阳微系统公司开发）很强大，同时也是更复杂的编程语言，就像同级别的 C 和 C++。

5、XML初识

什么是XML?

  • XML 指可扩展标记语言（EXtensible Markup Language）

  • XML 是一种标记语言，很类似 HTML
  • XML 被设计用来描述数据
  • XML 标签没有被预定义。您需要自行定义标签。
  • XML 使用文件类型声明（DTD）或者 XML Schema 来描述数据。
  • 带有 DTD 或者 XML Schema 的 XML 被设计为具有自我描述性。
  • XML 是一个 W3C 标准

XML 是一个 W3C 标准

可扩展标记语言于1998年2月10日被确立为 W3C 标准。

XML 与 HTML 的主要差异

    XML 被设计用来携带数据。

XML 不是用来替代 HTML 的。

XML 和 HTML 为不同的目的而设计：

XML 被设计用来描述数据，其焦点是数据的内容。

HTML 被设计用来显示数据，其焦点是数据的外观。

HTML 旨在显示信息，而 XML 旨在描述信息。

没有任何行为的 XML

     XML 是不作为的。

也许这有点难以理解，但是 XML 不会做任何事情。XML 被设计用来结构化、存储以及传输信息。

下面是 John 写给 George 的便签，存储为 XML： 

<note>

<to>George</to>

<from>John</from>

<heading>Reminder</heading>

<body>Don't forget the meeting!</body>

</note>

这个标签有标题以及留言。它也包含了发送者和接受者的信息。但是，这个 XML 文档仍然没有做任何事情。它仅仅是包装在 XML 标签中的纯粹的信息。我们需要编写软件或者程序，才能传送、接收和显示出这个文档。

XML 是免费的、可扩展的

      XML 标签没有被预定义。您必须“发明”自己的标签。

被用来标记 HTML 文档及其结构的标签是预定义的。HTML 文档的创作者只能使用在 HTML 标准中被定义的那些标签（比如<p>、<h1>。）。

XML 允许创作者定义自己的标签以及自己的文档结构。

上面的例子中的标签没有在任何一个 XML 标准中被定义过。这些标签是由 XML 文档的作者发明的。

XML 是对 HTML 的补充

     XML 不是 HTML 的替代物。

您需要理解 XML 不是 HTML 的替代物，这一点非常重要。在未来的 Web 开发中，最有可能出现的情况是，XML 会被用来描述数据，而 HTML 会被用来格式化和显示这些数据。

我们关于 XML 最好的描述是：XML 是跨平台的、用于传输信息且独立于软件和硬件的工具。

XML 在未来的 Web 开发中扮演的角色

     XML 将会无所不在。

当我们看到 XML 标准突飞猛进的开发进度，以及大批的软件开发商采用这个标准的日新月异的速度时，真的是不禁感叹这真是令人叹为观止。

我们坚定地认为，XML 将在 Web 的未来中起到的作用不会亚于一直作为 Web 基石的 HTML，并且，XML 将会成为所有数据处理和数据传输的最常用的工具。

6、服务器端脚本初识

什么是服务器脚本？

通常，当浏览器请求某个 HTML 文件时，服务器会返回此文件，但是假如此文件含有服务器端的脚本，那么在此 HTML 文件作为纯 HTML 被返回浏览器之前，首先会执行 HTML 文件中的脚本。

服务器脚本能做什么呢？

  • 动态地向 web 页面编辑、改变或添加任何的内容

  • 对由 HTML 表单提交的用户请求或数据进行响应
  • 访问数据或数据库，并向浏览器返回结果
  • 为不同的用户定制页面
  • 提高网页安全性，使您的网页代码不会通过浏览器被查看到

重要事项：由于脚本在服务器上执行，因此浏览器在不支持脚本的情况下就可以显示服务器端的文件！

ASP 和 PHP

您无法通过查看源代码来查看 ASP 或 PHP 的源代码，您看到的仅仅是来自服务器的输出，那些纯粹的 HTML。这是因为在结果以纯粹的 HTML 发送到浏览器之前，脚本已经在服务器上执行了。

ASP 实例

http://www.w3school.com.cn/tiy/s.asp?f=demo_aspe_text

http://www.w3school.com.cn/tiy/s.asp?f=demo_aspe_formatting

7、SQL初识

SQL 是用于访问和处理数据库的标准的计算机语言。

通过 SQL 来管理数据

结构化查询语言 (SQL) 是用于访问数据库的标准语言，这些数据库包括 SQL Server、Oracle、MySQL、Sybase 以及 Access 等等。

对于那些希望在数据库中存储数据并从中获取数据的人来说，SQL 的知识是价值无法衡量的。

什么是 SQL?

  • SQL 指结构化查询语言 (Structured Query Language)

  • SQL 使我们有能力访问数据库
  • SQL 是一种 ANSI 的标准计算机语言
  • SQL 面向数据库执行查询
  • SQL 可从数据库取回数据
  • SQL 可在数据库中插入新的记录
  • SQL 可从数据库删除记录
  • SQL 很容易学习

SQL 是一种标准 - 但是...

SQL 是一门 ANSI 的标准计算机语言，用来访问和操作数据库系统。SQL 语句用于取回和更新数据库中的数据。SQL 可与数据库程序协同工作，比如 MS Access、DB2、Informix、MS SQL Server、Oracle、Sybase 以及其他数据库系统。

不幸地是，存在着很多不同版本的 SQL 语言，但是为了与 ANSI 标准相兼容，它们必须以相似的方式共同地来支持一些主要的关键词（比如 SELECT、UPDATE、DELETE、INSERT、WHERE 等等）。

注释：除了 SQL 标准之外，大部分 SQL 数据库程序都拥有它们自己的私有扩展！

SQL 数据库表

一个数据库通常包含一个或多个表。每个表由一个名字标识（例如“客户”或者“订单”）。表包含带有数据的记录（行）。

下面的例子是一个名为 "Persons" 的表：

上面的表包含三条记录（每一条对应一个人）和四个列（姓、名、地址和城市）。

SQL 查询程序

通过 SQL，我们可以查询某个数据库，并获得返回的一个结果集。

查询程序类似这样： 

SELECT LastName FROM Persons

结果集类似这样：

注释：某些数据库系统要求在 SQL 命令的末端使用分号。在我们的教程中不使用分号。

SQL 数据操作语言 (DML)

SQL (结构化查询语言)是用于执行查询的语法。但是 SQL 语言也包含用于更新、插入和删除记录的语法。

这些查询和更新语句都来自 SQL 的 DML 部分：

  • SELECT - 从数据库表中获取数据

  • UPDATE - 更新数据库表中的数据
  • DELETE - 从数据库表中删除数据
  • INSERT INTO - 向数据库表中插入数据

SQL 数据定义语言 (DDL)

SQL 的数据定义语言部分使我们有能力创建或删除表格。我们也可以定义索引（键），规定表之间的链接，以及施加表间的约束。

SQL 中最重要的 DDL 语句:

  • CREATE TABLE - 创建新表

  • ALTER TABLE - 变更（改变）数据库表
  • DROP TABLE - 删除表
  • CREATE INDEX - 创建索引（搜索键）
  • DROP INDEX - 删除索引

网站构建学习笔记（0）——基本概念了解及资源学习（copy自w3school）的更多相关文章

  1. ArcGIS API for JavaScript 4.2学习笔记[0] AJS4.2概述、新特性、未来产品线计划与AJS笔记目录

    放着好好的成熟的AJS 3.19不学,为什么要去碰乳臭未干的AJS 4.2? 4.2全线基础学习请点击[直达] 4.3及更高版本的补充学习请关注我的博客. ArcGIS API for JavaScr ...

  2. JavaScript:学习笔记(2)——基本概念与数据类型

    JavaScript:学习笔记(2)——基本概念与数据类型 语法 1．区分大小写．Test 和 test 是完全不同的两个变量. 2．语句最好以分号结束,也就是说不以分号结束也可以． 变量 1.JS的 ...

  3. Spark学习笔记0——简单了解和技术架构

    目录 Spark学习笔记0--简单了解和技术架构 什么是Spark 技术架构和软件栈 Spark Core Spark SQL Spark Streaming MLlib GraphX 集群管理器 受 ...

  4. 驱动开发学习笔记. 0.07 Uboot链接地址 加载地址 和 链接脚本地址

    驱动开发学习笔记. 0.07 Uboot链接地址 加载地址 和 链接脚本地址 最近重新看了乾龙_Heron的<ARM 上电启动及 Uboot 代码分析>(下简称<代码分析>) ...

  5. boost 学习笔记 0: 安装环境

    boost 学习笔记 0: 安装环境 最完整的教程 http://einverne.github.io/post/2015/12/boost-learning-note-0.html Linux 自动 ...

  6. JavaScript学习笔记[0]

    JavaScript学习笔记[0] 使用的是廖雪峰JavaScript教程. 数据类型 Number 表示数字,不区分浮点整形. === 比较时不转化数据类型. == 反之. NaN与任何值都不想等, ...

  7. Vue学习笔记-Django REST framework3后端接口API学习

    一  使用环境 开发系统: windows 后端IDE: PyCharm 前端IDE: VSCode 数据库: msyql,navicat 编程语言: python3.7  (Windows x86- ...

  8. UFLDL深度学习笔记 （三）无监督特征学习

    UFLDL深度学习笔记 (三)无监督特征学习 1. 主题思路 "UFLDL 无监督特征学习"本节全称为自我学习与无监督特征学习,和前一节softmax回归很类似,所以本篇笔记会比较 ...

  9. SpringBoot学习笔记（3）：静态资源处理

    SpringBoot学习笔记(3):静态资源处理 在web开发中,静态资源的访问是必不可少的,如:Html.图片.js.css 等资源的访问. Spring Boot 对静态资源访问提供了很好的支持, ...

  10. 驱动开发学习笔记. 0.04 linux 2.6 platform device register 平台设备注册 1/2 共2篇

    驱动开发读书笔记. 0.04  linux 2.6 platform device register 平台设备注册  1/2 共2篇下面这段摘自 linux源码里面的文档 : Documentatio ...

随机推荐

  1. Android手机 Fildder真机抓包

    Fiddler是一个http调试代理,它能 够记录所有的你电脑和互联网之间的http通讯,Fiddler 可以也可以让你检查所有的http通讯,设置断点,以及Fiddle 所有的“进出”的数据(指co ...

  2. php设置cookie,在js中如何获取

    在php中设置cookie. $email="abc@163.com"; setcookie("y_email",$email,time()+3600,&quo ...

  3. 再谈对协变和逆变的理解（Updated）

    去年写过一篇博客谈了下我自己对协变和逆变的理解,现在回头看发现当时还是太过“肤浅”,根本没理解.不久前还写过一篇“黑”Java泛型的博客,猛一回头又是“肤浅”,今天学习Java泛型的时候又看到了协变和 ...

  4. MYSQL主从数据库搭建

      sc delete "服务名"    删除服务   环境: (以下是我这次搭建所使用的环境) 主数据库: 系统:ubuntu : MYSQL  5.1.63 :ip:192.1 ...

  5. xxxx is not translated in zh-rCN, zh-rTW

    1.异常提示: "image_content" is not translated in zh-rCN, zh-rTW 2.错误原因: 根据报错提示,是说我没有对string文件做 ...

  6. Linux下更好用的帮助命令—cheat

    导读 Linux系统中,我们经常会用man命令来帮助查看这个命令的具体用法,man是很强大的,但是英语不好的同学用man用起来可能不那么顺手,自然而然的就出现了cheat命令,cheat命令就是通过简 ...

  7. Remove Nth Node From End of List

    Given a linked list, remove the nth node from the end of list and return its head. Notice The minimu ...

  8. 31.从尾到头输出链表[Print linked list from last to first]

    [题目] 输入一个链表的头结点,从尾到头反过来输出每个结点的值. [分析] 这是一道很有意思的面试题.该题以及它的变体经常出现在各大公司的面试.笔试题中. [链表逆置] 看到这道题后,第一反应是从头到 ...

  9. javascript动态添加一组input

    2013年12月18日 20:56:29 场景: 批量添加 友情链接 功能 每个友情链接记录有3个字段:名字(name),超链接(url),排序(order) 要求每次点击"添加" ...

  10. Ribbon_窗体_实现Ribbon风格的窗体

    Ribbon_窗体_实现Ribbon风格的窗体 随着office2007的兴起,微软让我们看到了Ribbon风格的窗体,现在很多软件也都开始使用Ribbon风格.那么我们如果要自己开发,应当怎么做呢? ...