啊~~~又到了一度的唠嗑时光!嘿嘿嘿···

今天来说点啥呢~?就从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相关推荐

  1. python 全栈开发,Day125(HTML5+ 初识,HBuilder,夜神模拟器,Webview)

    python 全栈开发,Day125(HTML5+ 初识,HBuilder,夜神模拟器,Webview) 昨日内容回顾 1.增删改查:增:db.collections.insert({a:1}) // ...

  2. 官方文档:QUX主题使用指南

    该文章简要说明qux主题使用设置说明,帮助你快速上手使用qux主题. 一.开始安装 使用qux主题建议环境为MySQL版本为5.5以上,以及php版本为5.6以上,推荐使用(php7.0+sql5.6 ...

  3. 一篇带你走进Vue+阿里云的uni-app开发(HBuilder X开发版)

    欢迎关注b站:小淼前端 有更多的视频讲解+源代码可领取哦~ 欢迎关注b站:小淼前端 有更多的视频讲解+源代码可领取哦~ 目录 欢迎关注b站:小淼前端 有更多的视频讲解+源代码可领取哦~ 欢迎关注b站: ...

  4. 第4章 初识HbuilderX之移动前端App开发

    本人学习vue的根本目标是为了让手机移动端的(前端)App通过跨域(Cors)操作和与后端的已经部署在IIS中的.Net(Core)6程序进行数据交互操作,并通过交互操作获取数据后在让手机移动端的(前 ...

  5. 2.HTML、CSS初识盒子模型详解行高理解

    什么是语言? 1. 语言是一个沟通工具: 2. 人与人之间的沟通交流我们会用到语言,比如: 汉语.英语-- : 3. 作为前端工程师,要与浏览器沟通交流,就要用到浏览器所能识别的语言. 浏览器 3大语 ...

  6. HBuilder简单入门

    HBuilder官网 转载于:https://www.cnblogs.com/knuzy/p/9158440.html

  7. day3----编码-集合-深浅copy-文件操作-函数初识

    day3----编码-集合-深浅copy-文件操作-函数初识 本文档主要内容: 一 编码 二 集合 三 深浅copy 四 文件操作 五 函数初识 首先,我们来看看两个字符串的比较 打开cmd,进入do ...

  8. ⑥python模块初识、pyc和PyCodeObject

    一.模块初识(一) 模块,也叫库.库有标准库第三方库. 注意事项:文件名不能和导入的模块名相同 1. sys模块 import sys print(sys.path) #打印环境变量 print(sy ...

  9. 初识java类的接口实现

    初识java类的接口实现 如果两个类之间不存在继承关系,且两个类都想实现同一个接口,两个类都必须实现接口中全部方法,否则报语法错误 如果两个类之间存在继承关系也想实现同一个接口,父类如果实现了某个接口 ...

最新文章

  1. centos php pdo mysql_mysql - CentOS6.5下php无法使用pdo - Pho
  2. 论文精读——CenterNet :Objects as Points
  3. LeetCode:Longest Palindromic Substring 最长回文子串
  4. 【转】.NET框架简介
  5. 屏幕释放第八章 Libgdx输入处理(3)输入设备
  6. Spring框架最终注解标签注入方法
  7. 在场景中添加光线——在反光表面添加镜面高光
  8. 进口食品加盟 选择自由自在休闲食品
  9. gcc中使用rpath指定优先搜索路径
  10. 腾讯云服务器怎么增加容量,腾讯云服务器磁盘扩容问题小记
  11. springboot毕设项目基于SpringBoot的个人理财系统ibx9h(java+VUE+Mybatis+Maven+Mysql)
  12. Python与自然语言处理——句法分析
  13. Hadoop系列之什么是Hadoop(1)
  14. 新款 MacBook Pro 评测:更好的性能、免费的刘海和更好的显示器
  15. 郭德纲的网络效应和网络利用
  16. MySQL8 一文读懂存储过程
  17. 两台计算机怎么快速拷贝文件夹,两台电脑,用什么方法相互传文件最快?
  18. java web 添加超链接_[Java教程]javaWeb超链接(href)请求
  19. for each in 和 for in 和for of
  20. 汽车车系 API数据接口

热门文章

  1. python 发送邮件 普通邮件 HTML 发送带附件 群发邮件
  2. Self-Attention 及Multi-Head Attention
  3. RK3399 Android7.1去掉设置中的“开发者选项”
  4. c语言中finally的作用,请问Finally中文是什么意思……
  5. 2022年秋季学期人工神经网络第四次作业
  6. 规范设计Windows应用软件菜单
  7. 单片机开发教程1——开发环境的搭建
  8. Windows照片查看器显示内存不足
  9. 新版标准日本语高级_第21课
  10. 小学二年级上学期计算机教案,二年级信息技术教案