学习总结

（1）task4主要是前后端基础及交互（前端、flask、后端请求逻辑）。

（2）Web前端 网页：由文字、图像、超链接、音频、视频以及Flash等元素构成；Web标准有三层结构，分别是结构（HTML）、表现（CSS）和行为（JS）。结构类似人的身体， 表现类似人的着装， 行为类似人的行为动作。

（3）可以参考《南昌大学—网页设计与开发》和《北林—web前端开发》课程。

（4）Vue：可以自底向上逐层应用，其核心库只关注图层，还便于与第三方库或有项目整合，完全能够为复杂的单页应用提供驱动。

文章目录

学习总结

零、云端全栈介绍

一、Web前端

1.1 什么是Web

1.2 Web 标准构成

1.2.1 HTML（超文本标记语言）

（1）超文本的含义

（2）语法骨架格式

（3）HTML的发展

1.2.2 CSS（CSS样式表or层叠样式表）

（1）CSS 规则

（2）语法格式

（3）CSS的三种写法

1.2.3 JS（JavaScript脚本语言）

（1）JS的组成

（2）书写位置

Reference

零、云端全栈介绍

在python体系下的云端全栈的架构图如下，在我们的新闻推荐系统中使用的后端web框架是flask。

一、Web前端

Web前端网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。

1.1 什么是Web

Web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。

是建立在Internet上的一种网络服务，

为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面

，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。

Web前端主要是通HTML，CSSJS，ajax，DOM等前端技术,实现网站在客服端的正确显示及交互功能。

1.2 Web 标准构成

主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。

结构标准：结构用于对网页元素进行整理和分类，对于网页来说最重要的一部分 。通过对语义的分析，可以对其划分结构。具有了结构的内容，将更容易阅读.

表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS 。为了让网页能展现出灵活多样的显示效果.

行为标准：行为是指网页模型的定义及交互的编写 。使用户对网页进行操作，网页可以做出响应性的变化。

总的来说，

Web标准有三层结构，分别是结构（HTML）、表现（CSS）和行为（JS）。

结构类似人的身体， 表现类似人的着装， 行为类似人的行为动作

理想状态下，他们三层都是独立的， 放到不同的文件里面

1.2.1 HTML（超文本标记语言）

HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。

HTML

不是一种编程语言，而是一种标记语言

(markup language)

标记语言是一套标记标签 (markup tag)

超越文本限制：可以加入图片、声音、动画、多媒体等内容

超级链接文本：可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。

一个一级标题

一个段落。

1

2

3

4

5

6

7

8

9

10

11

声明为 HTML5 文档

元素是 HTML 页面的根元素

元素包含了文档的元（meta）数据

定义网页编码格式