网站构建初级指南


网站构建初级指南

什么是WWW

WWW指万维网(World Wide Web),万维网常被称为Web,Web是由遍布全球的计算机所组成的网络,所有Web中的计算机都可以彼此通信。
WWW是如何工作的呢? Web信息存储于被称为网页的文档中,网页是存储于被称为Web服务器的计算机中,读取网页的计算机称为Web客户端,Web客户端常被称为浏览器的程序来查看网页。Web的规则制定主体是W3C,即万维网联盟(World Wide Web Consortium)


浏览器如何读取页面

浏览器可通过一个请求来读取某个服务器上的一张网页,请求是一个包含页面地址的标准HTTP请求,页面地址类似于https://galory.github.io/index.html

浏览器如何显示页面

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

什么是HTML

首先要明白HTML是一种语言,指的是超文本标记语言(Hyper Text Markup Language),它不是一种编程语言,而是一种标记语言(markup language),HTML使用标记标签来描述网页。
HTML标记标签通常被称为HTML标签(HTML tag),HTML标签是由尖括号包围的关键词,比如<html>,HTML标签通常是成对出现的,比如<b>和``</b>,标签对中的第一个标签是开始标签,第二个标签是结束标签,开始和结束标签也被称为开放标签闭合标签HTML文档=网页,HTML文档描述网页,包含HTML标签和纯文本,HTML文档也被称为网页。Web浏览器的作用便是读取HTML文档,并以网页的形式显示它们,浏览器不会显示HTML标签,而是使用标签来解释页面的内容


CSS初级指南

了解了HTML,会不会就觉得精通它就够了呢?要知道你所看到的网页的布局排版可都是经过精心设计好的,此时便要CSS大放异彩。
CSS层叠样式表(Cascading Style Sheets),样式定义如何显示HTML元素,样式通常存储在样式表中。外部样式表可以极大提高工作效率,常存储在CSS文件中。
多重样式将层叠为一个,样式表允许以多种方式规定样式信息。样式可以被规定于单个的 HTML 元素中,在 HTML 页的头元素中,或在一个外部的 CSS 文件中。甚至可以在一个单一的 HTML 文档内部引用多个外部样式表。

对于层叠次序,当同一个HTML元素被不止一个样式所定义时,会使用哪个样式呢?一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。

  1. 浏览器缺省设置
  2. 外部样式表
  3. 内部样式表(位于 <head> 标签内部)
  4. 内联样式(在 HTML 元素内部)
    因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:<head> 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。

Javascript初级指南

在数百万张页面中,Javascript被用来改进设计、验证表单、检测浏览器、创建cookies等等。Javascript是因特网上最流行的脚本语言,并且可在所有主要的浏览器中运行,比如IE(Internet Explorer)、Chrome、Firefox、猎豹等等。

Javascript是被设计用来向HTML页面添加交互行为,Javascript是一种脚本语言(脚本语言是一种轻量级编程语言),由可执行计算机代码组成,通常被直接嵌入HTML页面,是一种解释性语言(代码执行不进行预编译),所有人无需购买许可证均可使用Javascript。Java与Javascript不一样,在概念和设计方面二者完全不同,Java是一种面向对象的编程语言。

Javascript的用途

  1. 为HTML设计师提供了一种编程工具
  2. 可以将动态文本放入HTML页面
  3. 可以对事件作出响应: 可以将Javascript设置为当某件事发生时才会被执行,例如页面载入完成或者当用户点击某个HTML元素时
  4. 可以读写HTML元素
  5. 可以被用来验证数据:在数据被提交到服务器之前,Javascript可被用来验证这些数据
  6. 可被用来检测访问者的浏览器:可被用来检测访问者的浏览器,并根据所检测到的浏览器,为这个浏览器载入相应的页面
  7. 可被用来创建cookies:可悲同来存储和取回位于访问者的计算机中的信息

XML初级指南

XML被设计用来描述数据,其焦点是数据的内容,HTML被设计用来显示数据,其焦点是数据的外观。

XML指可扩展标记语言(Extensible Markup Language),是一种标记语言,类似于HTML,被设计用来描述数据,XML标签没有被预定义,需要自行定义标签。XML使用文件类型声明(DTD)或者XML Schema来描述数据。带有DTD或者XML Schema的XML被设计为具有自我描述性,XML是一个W3C标准

XMLHTML的区别:

  • 为不同目的而设计
  • XML被设计用来描述数据,其焦点是数据的内容;HTML被设计用来显示数据,其焦点是数据的外观
  • HTML旨在显示信息,而XML旨在描述信息

服务器端脚初级指南

HTML文本可以包含文本、HTML标签以及脚本,HTML文件中的脚本可以再Web服务器上执行。服务器端脚本是对服务器行为的编程。通常,当浏览器请求某个HTML文件时,服务器会返回此文件,但是假如此文件含有服务器端的脚本,那么在此HTML文件作为纯HTML被返回浏览器之前,首先会执行HTML文本中的脚本。

服务器脚本能做什么呢?

  • 动态地向web页面编辑、改变或添加任何内容
  • 对由HTML表单提交的用户请求或数据进行响应
  • 访问数据或数据库,并向浏览器返回结果
  • 为不同的用户定制页面
  • 提高网页安全性,是您的网页代码不会通过就蓝旗被查看到(由于脚本在服务器上执行,因此浏览器在不支持脚本的情况下就可以显示服务器端的文件

SQL初级指南

SQL是用来访问和处理数据库的标准计算机语言。结构化查询语言(SQL)是用于访问数据库的标准语言,这些数据库包括SQL Server、Oracle、MySQL、Sybase以及Access等等。SQL是一门ANSI(美国国家标准化组织)的标准计算机语言,用来访问和操作数据库系统。SQL语句用于取回和更新数据库中的数据,SQL可与数据库程序协同工作,比如MS Access、DB2、Informix、MS SQL Server、Oracle、Sybase以及其他数据库系统。尽管存在着很多不同版本的 SQL 语言,但为了与 ANSI 标准相兼容,它们必须以相似的方式共同地来支持一些主要的关键词(比如 SELECT、UPDATE、DELETE、INSERT、WHERE 等等)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,457评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,837评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,696评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,183评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,057评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,105评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,520评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,211评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,482评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,574评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,353评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,897评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,489评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,683评论 2 335

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,703评论 1 92
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,497评论 18 399
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,945评论 4 60
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,497评论 18 139
  • 既然 深处低谷 那无论 朝哪个方向努力 都是在前进! END “有人质疑琅琊榜,我跟他差点吵起来!” “是下期的题...
    无表情小姐阅读 528评论 40 26