web个人网站设计代码-html制作个人主页代码 收藏 0

web前端HTML教程——开发环境搭建下载和安装编辑器

有一个好的编辑器我们可以方便地的开发项目，编写代码，配置和管理我们的项目。所以我们开始编写html代码之前需要搭建开发环境。

基于html项目的开发和代码编写现在网上有很多编辑器，也有免费的，也有收费的编辑器。基于在Windows系统环境下开发和编写html代码最简单的编辑器就是Windows自带的记事本，我们可以使用记事本编辑html代码。

使用记事本编写html的步骤是首先新建一个文本文档，按照html的语法规则编写相关的代码和保存文件，然后把文件的后缀名改为.html，使用电脑上的浏览器打开就可以查看我们代码的运行结果。

虽然记事本也能编写html代码，但是效率不高也不方便，所以我们使用专业的编辑器来开发项目，编写代码和管理项目。

常用html代码编写的免费软件有HBuilderX，vs code，Sublime Text 等等。

HBuilderX官网下载地址：

vs code的官网下载地址：

Sublime Text官网下载地址：

我们以后的教程都使用HBuilderX，所以下面为了同学们的学习方便，对HBuilderX的下载和安装做详细的教程。

一，下载

首先访问HBuilderX的官网网址：

打开上面的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的主题，默认主题是绿柔，我们可以改成雅黑，雅蓝或者自定义主题：

雅黑主题：

雅蓝主题：

好了本节全部内容全部结束了，希望我准备的内容对你有所帮助

你的支持是我的最大动力，若觉得我的教程还可以或对你有帮助为我点赞加关注！谢谢！

Geenee发布零代码WebXR开发平台，3分钟快速创作简易WebAR体验

查看引用/信息源请点击：映维网

无需任何编程知识，用户可以直接通过简单的拖放操作轻松构建和部署WebAR体验

（映维网 2021年08月19日）增强现实技术公司Geenee日前发布了一个零代码开发平台“Geenee WebAR Builder”，并表示创作者和品牌可以在3分钟内将增强现实内容发布到Web端。无需任何编程知识，用户可以直接通过简单的拖放操作轻松构建和部署WebAR体验。

对于Web AR，用户无需下载任何应用即可立即体验丰富的混合现实世界。你可以直接通过扫描二维码或点击url启动相关内容。同时，Web AR体验可以触及全球数以亿计的设备，包括PC，平板和智能手机等等。所以，越来越多的XR开发者把目光放到这一领域。

但是，Web AR对于终端用户而言是轻松便利，但对于内容始发端的开发者而言则不然，你需要拥有一定的专业知识和专业设备。针对这个问题，Geenee为社区带来了零代码开发平台“Geenee WebAR Builder”。

Geenee WebAR Builder的核心功能包括：

1. 拖放式AR编辑器，由Geenee专有的图像识别和追踪技术提供支持
2. 基于云端的平台，可通过PC访问
3. 内容管理系统和共享asset库，便于跨团队协作
4. 简洁的用户界面模板，可减少创意和开发时间
5. 允许用户将多个2D和3D文件放入AR场景，兼容.glb、.gif、.mp4、.jpeg和.png等文件格式
6. 支持Sketchfab，所以你可以即时访问一个巨大的3D模型库
7. Spotify提供的点播音频asset
8. 内置分析和见解
9. 即时预览和发布，自动生成url和二维码，全球超过35亿台iOS和Android AR兼容设备都可以立即访问。

利用所述平台，Genee表示创作者和品牌最快可以在3分钟内开发出一款增强现实体验并将其发布到Web端。

除了简单的零代码拖放开发之外，团队同时提供了特定的SDK，以帮助你实现具有高交互性和定制性的内容。

Geenee产品设计+创意部主管希瑟·利普纳（Heather Lipner）表示：“你不需要3D和2D设计技能，你不需要成为一名工程师。你可以直接拖放JPG、PNG、GIF、.MP4、.glbs、.MP3等任何asset，并在AR中体验。”

Geenee WebAR Builder现已向公众开放，感兴趣的用户可以通过这个页面注册并免费试用两周免费试用两周。更多信息请访问公司官网。

—原文链接：https://news.nweon.com/88568

基于Go语言的全栈Web框架，为你编写无聊代码，助你更快构建网站

今日介绍的GitHub项目是「Bud」，它是一个基于Go语言的全栈Web框架。Bud可以为你编写无聊的代码，帮助你更快地启动自己的网站。该项目的Star量为2.5k。

GitHub主页

项目地址：https://github.com/livebud/bud

关于创建Bud的初衷，项目作者表示两年前，当看到人们在Laravel（一种开源PHP Web应用框架）中的生产力时，便开始着手创建该项目。

作者想要为Go语言提供相似的框架，于是决定尝试为Go生态系统创建属于它的Laravel。但是，6个月后的第一个版本需要搭建多个文件才能启动。如果你使用过Rails或Laravel框架，则会认为这很正常。

不过，作者已经被Next.js等启动准系统的前端框架的复兴惯坏了，你添加的每个文件都会逐步增强自己的Web应用。这样可以控制初始复杂性。

有了这个额外的灵感，作者在接下来的18个月里致力于下一次更新迭代。Bud的目标如下：

• 仅在需要时生成文件。让这些生成的文件远离你的应用代码，并让开发者可以选择将它们排除在源代码控制之外。你不需要担心生成的代码。你可能会惊讶地发现，Go也能生成代码并将这些Go代码转换为可执行文件。Bud应有此功能。
• 感觉像在使用现代JS框架。这意味着它应该与Svelte和React等多个现代前端框架一起使用，支持实时重新加载，并具备服务器端渲染功能以获得更好的性能和SEO。
• 从第一天起就可以扩展。我们需要一个社区来支持该框架。可扩展性应该主要通过添加代码而不是添加配置来驱动。
• Bud应为开发者提供高级、类型安全的API，同时在后台生成高性能、低级的Go代码。
• Bud应该编译成一个包含你的整个Web应用程序的单个二进制文件，并且可以复制到一个甚至没有安装Go语言的服务器上。

安装Bud

Bud作为单个二进制文件可以在Linux和Mac操作系统上运行。最简单的启动方法是在你的终端上复制并粘贴以下命令。

该脚本将为你的操作系统下载正确的二进制文件，并将该二进制文件移动到$PATH中的正确位置。通过在终端上输入bud，即确认你已经安装了Bud。

你应该可以看到如下内容。

要求（Requirements）

使用Bud的软件要求如下：

• Node v14+：这是我们计划在v0.3中删除的临时要求。
• Go v1.16+：Bud严重依赖io/fs，并在将来充分利用泛型（generics），所以虽然Go v1.16可以工作，但建议升级到Go v1.18+。

你的第一个项目

安装Bud之后，你可以构建一个新项目了。

如下创建命令将为你构建启动bud所需要的任何东西。

与大多数其他全栈框架不同，Bud一开始就非常小。当你添加依赖项时，Bud将生成所有无聊的代码以将你的应用程序粘合在一起。使用bud run启动开发服务器。

点击链接打开浏览器，你将看到Bud的欢迎页面。恭喜你，你正在使用Bud运行自己的第一个Web服务器。

Welcome服务器

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com