前端中怎么把网页多个文件夹的内容整合成一个_前端第一章

      大家好，我是益相创新创业工作室里2019级的学生，接下来的一个月的时间，我和我的小姐妹们会一起经营这个公众号，和你们分享我们所学到的前端的知识，希望我们的推文对你们有所帮助，也欢迎大家指出推文的不足之处，我们愿闻其详。0 1 认识前端

学习前端之前，我们需要认识前端，下面我向大家简单地介绍什么是前端。什么是前端呢？前端也称Web前端，对于网站来说，通常是指网站的前台部分，运行在PC端，移动端等浏览器展现给用户浏览器的网页。简单来讲就是，我们上网所能看到的页面，就是用前端代码敲出来的。

       前端开发需要有三个核心技术：HTML，CSS，JavaScript

HTML

HTML指的是超文本标记语言(超文本是指网页中链接，图片，或者其他程序中不是文字的元素)。HTML内容结构包含头部，主体内容两大部分，头部描述浏览器所需要的信息，主体部分是我们具体要说明的部分。我们编辑的主要HTML代码就是在主体部分编译的( )

下一张图就是HTML的结构。

CSS

CSS全称是级联样式表(Cascading Style Sheet),其作用是用来改变html的样式。比如改变页面中字体的大小，调整图片的大小，给页面设置背景颜色，图片等。

JavaScript

JavaScript简称JS，是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。JS由三部分组成：ECMAScript(描述该语言的语法和基本对象)；文档对象模型(简称DOM。用来处理网页内容的方法和接口)；浏览器对象模型(简称BOM。描述与浏览器进行交互的方法和接口)，JS有较严密的逻辑性，我认为，学习JS可以锻炼我们的逻辑思维。

0 2 文件的创立以及代码运行

一个代码，你需要创建一个文件夹，在该文件下你需要创建三个文件，分别是：js(放js代码)，css(放css代码)，images(放需要用上的图片)。(如果有音频再另外创建一个文件放音频)。

打开编译器(我用的是sublime text)，打开文件夹找到你刚才创建好的文件，点击选择文件夹。ctrl+n(建立文件)，ctrl+s(保存文件) 再命名文件(如下图)

     (打开文件)

      (命名文件)

此时你就建好了你的html文件。Html文件此时和你前面建的文件在同级(如下图)。

按照此方法建立你的css，js文件，与html文件创立的不同之处在于，css文件后缀名为css(如index.css)放在css文件下，js文件后缀名为js(如index.js)放在js文件下。

                           (完成了文件创建)

       点开你的index.html文件输入!再按tab键(一定是英文的输入哦)，就会出来html的基本框架。此时，我们就可以开始我们代码的编译(在)。编译完成之后保存你的代码，鼠标右击，找到在浏览器中打开，此时你就可以看到你制作的页面的效果啦

0 2 分享

Sublime text中常用快捷键分享

·  Tab 向右缩进。

·  Shift+Tab 向左缩进。

·  Ctrl+K+K 从光标处开始删除代码至行尾。

·  Ctrl+Shift+K 删除整行。

·  Ctrl+/ 注释单行。

·  Ctrl+Shift+/ 注释多行。

·  Ctrl+T 左右字母互换。

·  F6 单词检测拼写

·  Ctrl+K+U 转换大写。

·  Ctrl+K+L 转换小写。

·  Ctrl+Z 撤销。

·  Ctrl+Y 恢复撤销

·  Ctrl+Shift+[ 选中代码，按下快捷键，折叠代码。

·  Ctrl+Shift+] 选中代码，按下快捷键，展开代码。

·  Ctrl+K+0 展开所有折叠代码。

·  Ctrl+Shift+← 向左单位性地选中文本。

·  Ctrl+Shift+→ 向右单位性地选中文本。。

·  Ctrl+Alt+↑ 向上添加多行光标，可同时编辑多行。

·  Ctrl+Alt+↓ 向下添加多行光标，可同时编辑多行。

·  Ctrl+F 打开底部搜索框，查找关键字。

03 推荐网站以及学习网页

bilibili(网站上搜索前端，你就能找到许多有关视频)；菜鸟教程；W3school；CSDN 等。

04 文末小彩蛋 工作室介绍

    益相创新创业工作室由欧阳会丹作为指导老师于2016年成立。该工作室成员由大一到大四的学生组成。工作室的研究方向广阔，其涵盖机器学习，数据挖掘，嵌入式，人工智能，前端开发等多个方面，web方向和机器学习方向是我们工作室的两大主要方向，这形成了硬软件数据相结合统一的有机整体。主要是以实践创新为目的。以建成具有较高技术知识和创新能力强的高水平学生为人才培养的总目标。工作室近几个月正着手搞科研，组成了一个科研小队，我们的科研团体也在不断地学习成长中。

我眼中的
益相创新创业工作室

        我的大学生活因为加入了工作室而变得忙碌起来，这种忙碌是非常充实的忙碌。在工作室里学习，没有课余时间，没有周末，没有节假日，晚上有的时候是踩着宿舍门禁的点回到寝室的，虽然非常累，但这一天都在学习新的知识。益相创新创业工作室的学习氛围也特别得好，在这里不懂的就问，问了就有人帮你解答。热心并且耐心地解答同学问题，也是欧阳老师一直倡导的情怀。

        我们工作室里不单只是学习专业知识，欧阳老师也会和我们讲人生的知识，关于就业，关于人生的规划，关于爱情，关于身体健康等。工作室的学习强度虽然大，但是偶尔，还是充满欢声笑语，在休息的时侯，老师会带着我们一起唱歌，组织看电影，放松的时又能学习到课堂以外的知识。

       总之，我非常喜欢我的工作室，我也会和老师保持一条心和工作室保持一条心，走下去。