我理解的网站产品经理之四：网站产品前端姿势

【文章摘要】2016年了，嗨，大家新年好。

【相关推荐】

我理解的网站产品经理之一：网站产品基础常识

我理解的网站产品经理之二：评论功能如何设计

我理解的网站产品经理之三：媒体性网站产品如何规划？

作为一个网页的，网页的前端知识可谓是不能不知，本文主讲网站产品的前端姿势。

通常，HTML、CSS、JavaScript共同构建了你看到的任何一个网页展示和交互。

下面是这三种字母的解释：

HTML(HyperTextMarkup Language) 超文本标记语言

CSS（Cascading Style Sheets）级联样式表

JavaScript 一种脚本语言，主要用于前端页面的DOM处理

不太懂可自行百度了解。

文本的意思，应该大家都明白，就是你随手在桌面上建立一个txt，这就是一个文本文件。

那什么是HTML超文本标记语言呢？就是对一个普通的txt里面的文字进行标记，标记其中的一段为title，标记任意一段为某个意思，最终形成了一套规则就是html，我们来看一段html：

看下面这段代码截图：

“【第一电动网|电动汽车网】电动汽车_新能源汽车_电动汽车网”原先是普通的文本，但是这里套了<title>，用于标记此处是标题，同时也告诉了搜索引擎这里是标题哦。

再看下面这段代码截图：

红色标注部分就是CSS样式代码。CSS中文名叫级联样式表，白话就是说长什么样子。CSS就是起装修作用的，必须要和HTML一起配合使用。

再看下面这段代码截图（和第一张图一样）：

上图第二个红色标注的地方就是JavaScript，JavaScript是一种脚本语言，它在网页中使用的主要场景是控制HTML中的每一个元素。比如，点了一个按钮会弹出一个层，其实就是利用JavaScript实现的。

目前的互联网，任何一个网页都是由他们三个构建起来的，作为网页产品经理必须知道，若是能够看懂、简单修改甚至是自己写，那就更棒了，再深的介绍就不在此说明了。

本文仅适用于产品新人，产品大佬可以忽略。