软开第一课

第一节课
一、前期准备
(1)前端=网站-多个网页*html、css、javascript

(2)html:网页显示的内容
css:网页显示的内容的属性 js:网页显示的内容的逻辑

(3)编译器: vscode
百度搜索【vscode】，点第一个，点击下载，双击exe文件，闭上眼睛，一路next

(4)安装播件
汉化:点击侧边栏第五个扩展、输入 [chinese】，点击install快速打开网页: ......输入 【open in browser】、.生效:重启编译器

(5)创建第一个网站
A、创建一个文件央，名字随意，将它拖找入vscode
B、点击新建文件，输入文件名(最好不要用中文)，后缓[.html]

(6)快捷键
ctri+c、ctrl+v:复制粘贴

ctrl+s:保存

ctrl+r:刷新

ctrl+/:注释
英文感叹号:! 快速生成一个标准的网页格式盲打:FJ
键盘手: 左手食指F 右手的中指放在J 大拇指放在空格

打字规则:每一个手指头控制斜角度的三个按键 A-Q-Z。

ASDF QWER ZXCV HJKL YUIO NM

<标签 属性1=值1 属性2=值2....>内容</标签>
(3)组成:html=head +body(4)分类1双标签单标签(5)分类2
行内标签:标签本身有多大，占据的网页位置就有多大块级标签
三、常用的html标签

(1)a:跳转标签

href:跳转路径

（2）img：图片标签

src：图片路径

网络路径：网上图片拷贝图像地址，直接粘贴

本地路径：

                绝对路径：盘符/aaa/bbb/ccc.png

                相对路径：./ ---> 当前文件夹
                                ../ --->上一文件夹

四：css书写

A 在标签的上标签里面，流加属性【class选择器】，给它一个名学

B在head标签里面，添加style标签，所有的css都写在style里面(如果有，可以路过)

C，书写css
选择器(幅性1:值1:属性2:值2

D，使用【点语法】，链接css代码与html代码

(4)text-decoration:文字装饰:下划线underline，中间横线line-through、无none

六、后续安排
(1-4)前端页面的编写
(5)服务器的搭建与网页部署(6)socket长连接实现联机(7)内网穿透手机