初识HBuilder
啊~~~又到了一度的唠嗑时光!嘿嘿嘿···
今天来说点啥呢~?就从HBuilder X这个软件最开始的使用开始吧
就是这个程序,下载完以后在桌面上长这样,这个应用是可以直接在官网上免费下载的,下载完之后可以还要再电脑上安装谷歌浏览器【我下载的是谷歌浏览器,别的应该也可以,但是一定要下载里面有的,不然下载了,该应用程序也无法在HBuilder里运行】
详细浏览器查看教程:打开HBuilder应用程序,点击运行按钮,选择底下的运行到浏览器,在该列表里可以找到能够运行起来的浏览器:Firefox【火狐】、Chrome【谷歌】、IE、Edge
如何创建新的项目?
首先,单击文件,新建,项目
当然,也可以在相同的“文件夹”下创建:文件——新建——8 html
那么说到这儿,肯定有人好奇了,项目到底是个什么东西?
其实,项目的本质就是一个文件夹;
认识html文档
如图所示:
注:以html为结尾的均为网页!
如何运行制作好的网页?
方法一:
点击运行,运行到浏览器,选择chorm【谷歌】
方法二:
硬盘打开【在电脑的C盘中打开】
但需要注意的是:使用硬盘打开的网页有权限和安全限制,也并不是什么网页都可以打开
区别:
①使用运行中的浏览器运行,本质是运用了Web服务器将在硬盘中做好的网页地址共享出去【Web服务器将网页的IP地址共享出去】,而使用硬盘运行则是在自己的电脑打开,因此不是所有人都可以访问该页面
②由此在硬盘中运行的网页和在浏览器中运行的网页地址并不相同
【贴心小知识:Web服务器默认监听的是“9090”】
举个子:
假设代码存储在C盘的地址:C://chapter02/index.html
且Web服务器:9090
则,使用浏览器运行后的网页地址:127.0.0.1:9090/chapter02/index.html
那么很显然,由于硬盘运行网页拥有极大的局限性【如上所说】
因此,如果你想制作一个好一点,能够让更多人看到,让更多人能够浏览到的网页,那么你就得选择下载一个浏览器,然后在浏览器里面运行你编写的网页。
阿~叭啦叭啦叭啦叭啦······好难过~上午上统计学课程的时候那个老师讲的“突突”的,巨快!!我感觉我搁下面记笔记记得手指头都快轮出火星了!!一会儿下午还得接着上web,又是一个需要记笔记而且老师嘴跑的巨快的课~【心疼自己一秒】
ps:今天你学会了吗?
初识HBuilder相关推荐
- python 全栈开发,Day125(HTML5+ 初识,HBuilder,夜神模拟器,Webview)
python 全栈开发,Day125(HTML5+ 初识,HBuilder,夜神模拟器,Webview) 昨日内容回顾 1.增删改查:增:db.collections.insert({a:1}) // ...
- 官方文档:QUX主题使用指南
该文章简要说明qux主题使用设置说明,帮助你快速上手使用qux主题. 一.开始安装 使用qux主题建议环境为MySQL版本为5.5以上,以及php版本为5.6以上,推荐使用(php7.0+sql5.6 ...
- 一篇带你走进Vue+阿里云的uni-app开发(HBuilder X开发版)
欢迎关注b站:小淼前端 有更多的视频讲解+源代码可领取哦~ 欢迎关注b站:小淼前端 有更多的视频讲解+源代码可领取哦~ 目录 欢迎关注b站:小淼前端 有更多的视频讲解+源代码可领取哦~ 欢迎关注b站: ...
- 第4章 初识HbuilderX之移动前端App开发
本人学习vue的根本目标是为了让手机移动端的(前端)App通过跨域(Cors)操作和与后端的已经部署在IIS中的.Net(Core)6程序进行数据交互操作,并通过交互操作获取数据后在让手机移动端的(前 ...
- 2.HTML、CSS初识盒子模型详解行高理解
什么是语言? 1. 语言是一个沟通工具: 2. 人与人之间的沟通交流我们会用到语言,比如: 汉语.英语-- : 3. 作为前端工程师,要与浏览器沟通交流,就要用到浏览器所能识别的语言. 浏览器 3大语 ...
- HBuilder简单入门
HBuilder官网 转载于:https://www.cnblogs.com/knuzy/p/9158440.html
- day3----编码-集合-深浅copy-文件操作-函数初识
day3----编码-集合-深浅copy-文件操作-函数初识 本文档主要内容: 一 编码 二 集合 三 深浅copy 四 文件操作 五 函数初识 首先,我们来看看两个字符串的比较 打开cmd,进入do ...
- ⑥python模块初识、pyc和PyCodeObject
一.模块初识(一) 模块,也叫库.库有标准库第三方库. 注意事项:文件名不能和导入的模块名相同 1. sys模块 import sys print(sys.path) #打印环境变量 print(sy ...
- 初识java类的接口实现
初识java类的接口实现 如果两个类之间不存在继承关系,且两个类都想实现同一个接口,两个类都必须实现接口中全部方法,否则报语法错误 如果两个类之间存在继承关系也想实现同一个接口,父类如果实现了某个接口 ...
最新文章
- centos php pdo mysql_mysql - CentOS6.5下php无法使用pdo - Pho
- 论文精读——CenterNet :Objects as Points
- LeetCode:Longest Palindromic Substring 最长回文子串
- 【转】.NET框架简介
- 屏幕释放第八章 Libgdx输入处理(3)输入设备
- Spring框架最终注解标签注入方法
- 在场景中添加光线——在反光表面添加镜面高光
- 进口食品加盟 选择自由自在休闲食品
- gcc中使用rpath指定优先搜索路径
- 腾讯云服务器怎么增加容量,腾讯云服务器磁盘扩容问题小记
- springboot毕设项目基于SpringBoot的个人理财系统ibx9h(java+VUE+Mybatis+Maven+Mysql)
- Python与自然语言处理——句法分析
- Hadoop系列之什么是Hadoop(1)
- 新款 MacBook Pro 评测:更好的性能、免费的刘海和更好的显示器
- 郭德纲的网络效应和网络利用
- MySQL8 一文读懂存储过程
- 两台计算机怎么快速拷贝文件夹,两台电脑,用什么方法相互传文件最快?
- java web 添加超链接_[Java教程]javaWeb超链接(href)请求
- for each in 和 for in 和for of
- 汽车车系 API数据接口