最近时间比较充裕,整理了一下学习过的笔记,此篇笔记包含了:Html、Css、JavaScript、Jquery。以及使用帝国CMS或是织梦CMS建立自己的网站,也许也会整理一下PHP的笔记,如果时间允许会整理完全。
虽然笔记是从最基础的开始,但是,并不包含电脑的基础知识,所以你必须已经掌握了一些电脑的基本操作,比如开关机,你的电脑用的是什么操作系统,至少也要会用word和wps吧。浏览器是做什么的,什么拷贝、复制、粘贴、知道最基本的文件类型,如,文本文件,视频文件,图片文件,什么是可执行文件,分得清楚文件名和扩展名(用来识别文件类型)的,然后再来学习!
WEB前端学习笔记大致内容:
一切从实用的角度出发,HTML标签及标签的属性,标签属性不是重点,简单了解,在学习html标签的同时结合css的来实现样式,然后就是案例,就用网知博学的页面作为案例来写完整站页面。
写完静态的整站页面后,就是JavaScript的基础,然后就是Jquery的案例,最后使用jquery来实现网知博学静态页面案例中的动态效果。如果时间允许可能还会整理一下购物网站的案例。
HTML CSS篇——HTML
在学习之前需要先了解一下,初级前端学习内容:Html、Css、JavaScript、Jquery
1. HTML和CSS是什么?
2. JavaScript和Jquery能做什么?
3. W3C是什么鬼?
4. 在学习HTML、CSS、JavaScript和Jquery之前,我还需要知道些什么?
5. 自学了HTML、CSS、JavaScript和Jquery,为什么写不出一个完整的网站。甚至是连一个页面都完成不了!
1.1 正式开始前需先知道什么是文本和超文本
在阅读以下内容之前,需要先了解什么是文本,什么是超文本,文本的概念应该是任何写下来的文字,都可以称之为文本,对于计算机来说,就是一种文档的类型,不管你的电脑用的是何种操作系统(win7、win8、win10),都有一个记事本的程序,可以在记事本里记录一些文字,虽然能做一些简单的排版但不能插入图片,视频,声音,也不能设置文字链结到其他位置或其他文本,记事本程序保存后的文件扩展名为txt,我们把扩展名为txt的文件称为文本文件。
超文本:简单来说,除了普通的文字,还可以包含图片,视频,声音,最主要的一点就是其中的文字或图片可以链结到其他位置或者其他文档。尽量用比较通俗的语言介绍了一下文本和超文本,如想更深入的了解,可以自行百度搜索!既然知道了什么是文本和超文本,那么下面就来介绍下HTML吧!
1.2 什么是Html
HTML 全称为HyperText Markup Language,译为超文本标记语言,是最基础的网页语言,是通过标签来定义的语言,代码都是由标签所组成,并不是编程语言。可以理解为标记语言就是一套标记标签,HTML 使用标记标签来描述网页中的内容,比如标记某段文本为标题、标记某段文本为段落,以及标记网页结构,都是使用相对应的标签来标记的。HTML文档也可以称为网页,Html文档的扩展名为.Html,也可以称作静态网页。
比如我们都知道在word中有标题、段落、还可以插入图片,那么在Html中就分别定义了不同的标签来描述,标题定义了h1标签;段落定义了p标签;图片定义了img标签;也就是说一段文字加上了h1标签,就说明这段文字是标题,如果加上p标签,就说明了这段文字是段落,如果是一张图片呢?那么就要加上img的标签,为什么要定义这些标签?所定义的这些标签是给浏览器解析的,浏览器并不知道你所写的东西哪里是标题,哪里是段落,也不认识图片,浏览器只认识这些标签,最终我们用浏览器打开网页,浏览器将内容按照标签所标记的结构和样式展现给我们!不同的标签还具有不同的属性,通过对属性值的更改,可用来改变字体大小,字体颜色,图片的高度、宽度等样式。
给小白同学再解释下什么是属性,大家应该都玩过游戏,游戏中人物属性,常见的有攻击,防御,生命值,魔法值等;
游戏中物品属性,大都是用来增加人物属性值的。比如游戏中的人物带上某个物品后就能增加攻击力,或是增加防御力,增加生命值,增加魔法值等。同样,html中这些标签也具有属性,通过更改标签的属性值来给标记的内容增加更多的效果!
虽然可以通过设定标签的属性值来给标签中的内容设定样式,但这样写出来的网页,不便于维护,后期更改,一些复杂绚丽的效果实现不了,所以现在不再通过标签的属性来设定样式了!标签的属性只作为了解即可,不用花费很长时间去把每个标签的属性都记住。
1.3 什么是CSS
既然不再使用标签属性来设置样式了,那么该用什么呢,对,就是CSS(Cascading Style Sheets)中文名称:层叠样式表,是用来定义网页的显示效果。有了CSS、Html就只负责网页结构和标记内容,如哪里是标题,哪里是段落等等,而所有的样式(字体大小,颜色等等)都由Css来实现,也就是说:CSS将网页内容和显示样式进行分离,可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的显示效果功能。