【HTML+CSS】基础知识

Day02-html基础

前端能做什么?

前端不仅仅只是写网页

1. web网站–网页–移动端和pc端–例如淘宝网站–依托于浏览器
2. APP–例如爱奇艺–下载
3. 简单的游戏–例如4399
4. 小程序–例如支付宝、微信
5. 可视化开发–echarts
6. 后端–node.js

项目开发流程

在工作中沟通交流很重要,合作共赢

• 产品经理–>需求文档(prd需求文档)–>原型(UI标注图)–>前端开发–>接口\数据库\后端开发

产品经理:根据用户_手机壳_来改变APP主题颜色
前端工程师:听我说谢谢你

1. 软件的定义期

• 可行性研究阶段–<可行性研究报告>–产品经理 技术、人力、设备、时间、金钱
• 需求分期阶段–《软件需求说明书》–产品经理和项目经理一起做

2. 软件的开发期

• 概要设计阶段–架构师 技术选型、子系统、模块、数据库设计
• 详细设计阶段–项目经理 页面、主题结构、属性、方法
• 编码实现阶段–UI设计–效果图
  • 前端工程师–将效果图转换为html、css、js
  • 后端工程师–为前端提供所需要的数据
• 测试阶段–软件测试工程师–测试前后端的功能

3. 软件的维护期

• 部署阶段–运维工程师 将软件部署到服务器
• 维护阶段–产品模式 SEO、SEM–将软件推销出去，推销的对象包括用户和搜索引擎
  • 前端工程师–功能上的维护和更新

前端学什么？

html+css+js

• html–文字图片等内容–毛坯房
• css–xiushi文字图片等内容–装修
• js–交互行为–走水走电

taobao文件夹=html文件（首页+新闻列表……）+css文件夹+js文件夹+img

web标准 w3c标准（html\css\ECMAjs）

网站的组成

1. 结构–html html5 Xhtml
2. 表现–css
3. 行为–js

编辑器使用

建议使用vscode编辑器和谷歌浏览器（使用人数多、内核、兼容好等等）
安装软件一定要去官网上装

趁手的工具（插件）

• Chinese （汉化包插件）
• open in browser（网页浏览器打开建议使用这个） / View In Browser（这个不更新了）
• Auto Rename Tag（）
• Live Sever（）

第一个网页

建议使用vscode编辑器和谷歌浏览器（使用人数多、内核、兼容好等等）

1. 新建文件夹
2. 文件夹可以拖入vscode里面
3. 新建.html文件
   1. 文件名不要有特殊符号或者空格 后缀名.html
   2. 英文状态下
   3. 打开html模板
   4. .html模板里面的body写代码
4. 设置谷歌为默认浏览器
5. 安装插件 在默认浏览器中打开
6. 在默认浏览器打开的快捷键alt+b 或者F5