javaweb前端软件基础导论

前言
        亲爱的大学生们寒假好,这篇文章属于我的第一篇文章,本来想着先发布java格式的相关基础知识以及进阶,但是呢因为各种原因所以先创建了javaweb的知识先导课基础,当然也是我的寒假打算提前预习的课程,如果你有幸看到了,欢迎大家进行指导评论


一:编程工具

语言介绍

HTML 指的是超文本标记语言: HyperText Markup Language

在书写过程中可以通过打开记事本书写相关代码,然后进行保存,关闭之后将txt的文件后缀转化为html后缀的文件,之后图标自动转化为html的文件,之后双击打开默认是你自己定义的默认浏览器

(比如我的默认打开浏览器是Goole chrome所以显示的是他的图标)

javaweb前端软件基础导论_第1张图片javaweb前端软件基础导论_第2张图片

软件介绍

当然上面的那种方式仅仅属于一种笨笨的方法,我们说生活离不开工具,当然我们写前端代码的话亦可以借助对应的开发环境,比如说vscode以及 webstorm,不过需要注意的是vscode是免费的,webstorm是Intellij公司下的产品之一,大家可以直接去进行搜索

下载地址链接下载WebStorm:JetBrains出品的最智能JavaScript IDE

对于想使用webstorm工具的大家可以下载之后去搜索破解补丁,推荐大家去看这篇文章有详细的安装教程Web Storm 的使用指南*(破解方法,快捷键,插件安装,常用插件,中文)_webstorm解码插件怎么用-CSDN博客

javaweb前端软件基础导论_第3张图片javaweb前端软件基础导论_第4张图片

可以看到这个是vscode的编程界面

javaweb前端软件基础导论_第5张图片

值得提的是vscode内部有很多插件,当然对于我这种英语渣渣来说肯定是需要中文翻译的,后面的插件肯定要下载对应的你电脑上有的浏览器解释工具,这样子才可以在对应的浏览器上将代码进行解析渲染为网页,当然也需要你进行相关的css,js的代码插件下载

javaweb前端软件基础导论_第6张图片

这个就是webstorm的编程界面(这里是设置了背景颜色,之后会专门讲述)

javaweb前端软件基础导论_第7张图片

软件呢只是一个帮助大家写代码的工具,宝子们根据自己的喜好可以选择不同的软件哟


我更偏向于vscode编译工具,问就是方便,当然也可以选择webstorm,两者并没有较大的差别


构造详解

webstorm的html文件是可以直接生成的,并且对应的主体框架是已经显示好的

javaweb前端软件基础导论_第8张图片

但是对于vscode而言,需要的是你自己新建文件并且添加网页后缀,,之后的文件只能进行快捷键来生成对应的主体代码

好的我们看到这里右下的带加号的标志,第一个是新建文件,第二个是新建文件夹,宝子们,选择第一个就可以啦

javaweb前端软件基础导论_第9张图片

创建好之后呢,转化为英文输入法,输入感叹号之后会进行代码提示,到这里那么恭喜你,你的html项目已经完成了50%了,那么选择第一个之后就可以召唤神龙了,哈哈,开玩笑,那么你就可以生成主题代码了,如下下图所示哟;之后大家就可以编写自己的代码啦

javaweb前端软件基础导论_第10张图片

javaweb前端软件基础导论_第11张图片


到这里文章就结束了,上述内容是对于软件的简单介绍,因为我自己上大学之前并没有接触过计算机,所以一些东西很难去使用,包括很多编码工具啥的,谨以此篇帮助各位像我一样的你们


菜鸟小木欢迎大家点评转载。

你可能感兴趣的:(web,web)