seo教程:搜索引擎优化入门与进阶 pdf(目录预备知识与后续知识及项目案例[Vue项目开发-仿蘑菇街电商APP])

　　seo教程:搜索引擎优化入门与进阶 pdf(目录预备知识与后续知识及项目案例[Vue项目开发-仿蘑菇街电商APP])

　　内容

　　前期知识及后续知识及项目案例

　　[HTML 入门和高级和 HTML5]

　　[CSS]

　　[JS-上]

　　[JS-下一个]

　　[jQuery]

　　【Node.js + Gulp 知识点汇总】

　　【MongoDB + Express 入口及案例代码】

　　【Vue项目开发-模仿蘑菇街电商APP】

　　一、简介1、前端开发的核心技术

　　我们知道在网络上使用所谓的三剑客已经不能满足需求，那么前端开发需要学习哪些技术呢？网页主要由结构、性能和行为三部分组成。网页的新标准是 W3C，当前的模型是 HTML、CSS 和 JavaScript。

　　前端开发的3个核心技术

　　（1）什么是 HTML？

　　HTML，全称“超文本标记语言（Hyper Text Markup Language）”，简单来说，网页是用HTML语言制作的。HTML 是一种描述性语言，也是一种非常容易上手的语言。

　　(2）CSS

　　CSS，全称是“(Cascading Style Sheet)”。以后我们会在别处看到“层叠样式表”和“CSS样式”，这些都是指CSS。

　　(3）JavaScript

　　JavaScript 是一种脚本语言。

　　2、前端开发其他技术

　　前端技术的核心是HTML、CSS和JavaScript，但对于一个真正的前端工程师来说，即使精通这三者，也不能称为真正的“前端工程师”。因为前端技术除了HTML、CSS、JavaScript之外，还需要学习Ajax、SEO等。

　　(1）阿贾克斯

　　Ajax 或“Asynchronous Javascript And XML（异步 JavaScript 和 XML）”，指的是一种用于创建交互式 Web 应用程序的 Web 开发技术。

　　通过在后台与服务器交换少量数据，Ajax 可以使网页异步更新。这意味着可以在不重新加载整个网页的情况下更新网页的某些部分。如果内容需要更新，传统网页（不使用 Ajax）必须重新加载整个页面。

　　Ajax是一种前后端交互的技术，主要在前端实现。（不明白？！没关系，我们会在Ajax教程中讲解）

　　(2）SEO

　　SEO，或“搜索引擎优化”。SEO优化是利用搜索引擎搜索规则，提高当前网站在相关搜索引擎（国内常见搜索引擎包括百度、360、搜狗等）的自然排名的一种方式。

　　简单的说，如果你创建了网站，不代表你就可以被搜索引擎搜索到网站。我们在用百度搜索信息的时候，搜索出来的网页很多，但是我们一般看搜索结果的第二页一、就不会再往下看了。SEO就是让我们的网站排在搜索结果的前面，让你的网站有流量。如果你做了网站，相信你也想让你网站被更多的人看到。

　　二、基本内容1.基本概要

　　1、从web1.0到web2.0，网页制作已经成为前端开发。现在前端开发，要学的不是“三剑客”，而是“HTML+CSS+JavaScript”；

　　2、 前端技术的核心元素是HTML、CSS和JavaScript，但是我们要学习一些Ajax和SEO知识；

　　3、 前端技术只能开发静态网页，通过进一步学习后端技术，可以开发出一个用户交互更好、功能更强大的网站；

　　4、后端技术包括ASP.NET（或PHP）、SQL Server等；

　　5、学习路线：HTML入门→CSS入门→HTML进阶→CSS进阶→JavaScript入门→jQuery入门→ASP.NET入门（或PHP入门）→Ajax→ASP.NET入门（或PHP入门））；

　　6、学习HTML就是学习各种标签，然后对自己想要的内容使用对应的标签；

　　7、HTML 标签是“HTML 元素”；

　　8、基本的HTML结构：

　　2.HTML 基本标签（1)HTML 标签

　　整个网页从这里开始，然后结束。

　　(2)头部标签

　　head标签代表页面的“头部”，定义了一些特殊的内容，通常是“不可见的内容”（在浏览器中不可见）。

　　表格1＆