一个好的编辑器我们可以方便的开发项目,编写代码,配置和管理我们的项目。所以我们开始编写html代码之前需要搭建开发环境。
基于html项目的开发和代码编写现在网上有很多编辑器,也有免费的,也有收费的编辑器。基于在Windows系统环境下开发和编写html代码最简单的编辑器就是Windows自带的记事本,我们可以使用记事本编辑html代码。
使用记事本编写html的步骤是首先新建一个文本文档,按照html的语法规则编写相关的代码和保存文件,然后把文件的后缀名改为.html,使用电脑上的浏览器打开就可以查看我们代码的运行结果。
虽然记事本也能编写html代码,但是效率不高也不方便,所以我们使用专业的编辑器来开发项目,编写代码和管理项目。
常用html代码编写的免费软件有HBuilderX,vs code,Sublime Text 等等。
HBuilderX官网下载地址:
https://www.dcloud.io/hbuilderx.html
vs code的官网下载地址:
https://code.visualstudio.com/
Sublime Text官网下载地址:
http://www.sublimetext.com/
我们以后的教程都使用HBuilderX,所以下面为了同学们的学习方便,对HBuilderX的下载和安装做详细的教程。
一,下载
首先访问HBuilderX的官网网址:
https://www.dcloud.io/hbuilderx.html
打开上面的HBuilderX下载网址后点击页面上download,在弹出的对话框里选择适合自己电脑的HBuilderX版本下载。
在Windows10环境下下载后的文件是一个压缩的.zip文件。
二,安装
鼠标右击下载下来的压缩文件进行解压。
解压完成后是一个名为HBuilderX的文件夹。
解压完成后鼠标双击HBuilderX文件夹:
双击运行名为HBuilderX.exe的应用程序文件即可启动HBuilderX编辑器:
因为HBuilderX是一个绿色软件所以没有桌面快捷方式和开始菜单快速启动程序,我们可以右击HBuilderX.exe文件创建桌面快捷方式。
小百科:
绿色软件指一类小型软件,多数为免费软件,最大特点是软件无需安装便可使用,可存放于闪存中,移除后也不会将任何记录留在本机计算机上。通俗点讲绿色软件就是指不用安装,下载直接可以使用的软件。绿色软件不会在注册表中留下注册表键值,所以相对一般的软件来说,绿色软件对系统的影响几乎没有,所以是很好的一种软件类型。
三,新建项目
HBuilderX编辑器初次启动时的默认界面是下图所示:
按照下图所示可以创建一个新的名为demo1空白项目:
名为demo1的空白项目创建成功后的界面如下图所示:
接下来在刚我们新建的demo1项目下创建名为helloworld的html文件
鼠标右击创建的demo1项目选择新建在选择.html文件:
在弹出的对话框里填入html文件的名称:
编写一段代码:
运行:
在浏览器上观察效果:
好了,到这里html的开发环境搭建和HBuilderX的安装教程结束了。
下面再给大家教一下怎样修改HBuilderX的主题风格,HBuilderX自身提供了修改软件主题的功能,使用者可以自身需求和喜好修改HBuilderX的风格。在喜欢自己喜欢的环境下做开发也是令人羡慕的一件事。
按照一下步骤可以修改HBuilderX的主题,默认主题是绿柔,我们可以改成雅黑,雅蓝或者自定义主题:
雅黑主题:
雅蓝主题:
好了本节全部内容全部结束了,希望我准备的内容对你有所帮助
你的支持是我的最大动力,若觉得我的教程还可以对你有帮助为我点赞加关注!谢谢!
TML5系列开发精讲高清视频教程(包括:HTML5基础、CSS3基础、JavaScript基础、HTML5新特性基础、响应式布局、jQuery基础、jQuery UI基础、jQuery Mobile基础、CreateJS基础)
一、总目录
目录(课时:47讲)
二、HTML5基础
目录(课时:29讲)
三、CSS3基础
目录(课时:37讲)
四、JavaScript基础
目录(课时:37讲)
五、HTML5新特性基础
目录(课时:37讲)
06、响应式布局
07、jQuery基础
08、jQuery UI基础
09、jQuery Mobile基础
10、CreateJS基础
06-10小编就这里就不截图了,都是精华视频教程,需要的用户赶快下载吧!我们接下来每天会推出一套程序开发精华教程,需要的用户敬请关注我们!
下载地址:(这里发不出来)
加QQ群:149953012获取!
月1日,“学习强国”学习平台上线仪式在京举行。“学习强国”学习平台由PC端、手机客户端两大终端组成。
“学习强国”学习平台PC端用户可登录网址www.xuexi.cn或通过搜索引擎搜索浏览,手机用户可通过各手机应用商店免费下载使用,手机APP名称:学习强国。
打开“学习强国”网站,首先看到最上方的红底白字标识区。“学习”是洒脱的毛体字,“强国”是方正的黑体字,这4个大字下方,标注着“中共中央宣传部主管”9个小字。标识区右侧,是签署有习近平总书记名字的一句话——“梦想从学习开始,事业从实践起步。”这句话出自2013年10月21日,他在欧美同学会成立100周年庆祝大会上的讲话。他就加强学习、建设学习大国、推动全党大学习,曾有多次讲话。“学习强国”全网,共有“学习新思想”“习近平文汇”“学习文化”“环球视野”“学习慕课”等17个板块180多个一级栏目,内容极为丰富,聚合了大量可免费阅读的新闻、期刊、古籍、公开课、歌曲、戏曲、电影、图书等资料。
下面小编教你
怎么下载“学习强国”学习平台
▼
方法一:通过下方链接下载
https://h5.xuexi.cn/page/download.html
方法二:在手机应用市场搜索“学习强国”
注册:下载APP后,点击“新用户注册”
输入“手机号码”
阅读完“信息保护政策”后,点击右下角“同意”
填写“真实姓名和单位”,即可进入“学习强国”,完成注册。
完成这些操作,就可以进入“学习强国”了。
打开“学习强国”客户端,欢迎页面上,是出自《论语》的“学而时习之,不亦乐乎”。
注册后进入主页面,从内容上看,它由“学习”“视频学习”两大板块38个频道构成。其中“学习”板块包括推荐、要闻、新思想、时政综合、发布、实践、订阅、经济、人物、科技、文化、图片、党史、人事、法纪、国际、十九大时间、纪实、用典、时评、思考、军事等频道。
“视频学习”板块,则有第一视频、短视频、联播频道、理论、党史、慕课、人物、文化、文艺、科学、自然、电视剧、电影、法治、军事等频道。其中“第一视频”主要是有关习近平总书记相关活动的视频报道。“联播频道”顾名思义就是央视新闻联播视频。慕课则是免费的公开视频课程,种类丰富。
客户端底部,除“学习”“视频学习”外,还有“消息”“关注”“我的”三个按钮。其中,“消息”“关注”按钮下的功能,与办公软件钉钉打通兼容,用户点开“消息”按钮,能直接与钉钉好友聊天。“我的”按钮居最右,它旗下包括学习积分、答题活动、专题考试、我要吐槽、视频会议、建议反馈等子频道。点开学习积分可知,每日首次登录奖励0.1积分,每阅读一篇文章或观看一个视频奖励0.1积分,每天阅读文章或观看视频累计满半小时奖励1积分,等等。按照设计,用户未来可以凭学习积分进入积分商城兑换礼品。
答题活动的设计是每周一答,一次五道题,话题涵盖政治、经济、文化等领域。如2019年1月第二周的5道题中,既有十九大报告的内容,也有“一带一路”话题,还有刘禹锡的诗句(“千淘万漉虽辛苦”的下一句)以及其他古典名句等,主要为填空和选择。
如此丰富的内容,赶紧下载学习吧!
*请认真填写需求信息,我们会在24小时内与您取得联系。