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

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

　　内容

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

　　[HTML 和高级和 HTML5 简介]

　　[CSS]

　　[js-on]

　　[js-下]

　　[jQuery]

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

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

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

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

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

　　前端开发的三大核心技术

　　(1）什么是 HTML？

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

　　(2）CSS

　　CSS，代表“（层叠样式表）”。后面我们会在别处看到“Cascading Style Sheets”和“CSS Styles”，这里指的是CSS。

　　(3）JavaScript

　　JavaScript 是一种脚本语言。

　　2、其他前端开发技术

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

　　(1）阿贾克斯

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

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

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

　　（2）搜索引擎优化

　　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