零基础搭建个人在线网站,html文件上传到互联网生成在线链接

如题所述

简单介绍一下,标题太短了说不清楚。接下来我会分享给你一个html文件包(即自己的本地网页,别人不能通过网络访问,只存在于自己电脑存储中),这篇文章将讲解如何把这个html文件上传到网络中,使别人也能在线访问你的个人网站,手机和电脑都可以访在线访问。

html文件就是一个网站的源代码框架,通过这一堆代码可以在浏览器中显示出网页。

给个腾讯微云链接,下载一个我分享的html模板: share.weiyun.com/zzp3Q4...

(应该已经过期了,不过没关系,网上直接搜一下html模板,随便下载一个文件夹就可以。)

下载完后是一个叫“html.rar”的压缩文件包,解压完后打开文件夹,看到一个叫index.html的文件,用浏览器打开。

打开后,在浏览器的输入网址的地方可以看到,文件并不是我们常见的www开头或者https开头,而是在电脑的c盘或者其他盘。这说明现在的这个网站还是本地网站,没有发送到互联网中,不能在线访问。

不管他,可以把这个界面关掉,然后在浏览器里搜索“腾讯云”,打开后简单的注册一下。随后点击首页右上方的控制台,如下图。这里也给出腾讯云的官网地址: 腾讯云 产业智变·云启未来 - 腾讯 (tencent.com)

然后点击上方“云产品”,在其中找到对象存储(我下图中标出了五角星的那个)

进入后如下图,点击创建存储桶。

随后三步很重要,名称,访问权限(这个一定选第二个,不然别人在互联网上没有权限读取你的网站),最后是阅读同意,随后点击下一步。

高级可选配置不管他。留着默认选项不动,下一步。

这里确认一下自己的基本信息,无误后直接点击创建。

来到这个界面,直接点击下图中的左上方的上传文件。

这里其实不用点选择文件,直接把桌面上刚才解压过的文件夹,名字是html的文件夹,直接鼠标把文件夹拉进来就可以自动上传了。上传完如下图。

关闭上传文件的窗口,返回储存桶界面,看到已经上传的html文件夹,直接点击打开。

打开后看到两个文件,一个是文件夹,另一个是index.html,直接看到第二个index.html后方的详情,点击“详情”,如下图。

看下图,index.html的在线网址,腾讯云就帮你自动生成好了,直接复制一下那个对应的网址。

打开浏览器新建一个空白窗口,在顶部输入网址的地方黏贴刚才复制的网址,随后回车,打开。

打开的网页最上方网址栏中已经和之前的本地网页中网址为C盘不一样了,现在的网址是在线网址,为了验证一下,我们用手机也打开一下这个网址试试看。

上方两张是pc电脑端打开的网站,下方是用的手机浏览器打开的网站,可见,任何互联网中的设备都可以打开这个在线网站了,并且网站一般来说都是在手机端自适应。

这个方法很方便,适合用于非商业性的个人或者团队的小网站。我今年参加的计算机设计大赛中用的网页也是通过腾讯云上传在线的。(虽然竞赛最后寄了)像我们个人或者小团队用户,想要通过正经方式去实现一个网页的在线模式是比较繁琐的,其中还包括向有关部门报备和申请,并且还要花钱购买域名。这个方法完全几乎可以忽略费用,因为我当时竞赛用这个网站大概4个月,最后只花费了0.36元。到时候系统会自动告诉你的,不用担心自己是不是没交影响之类的。这个方法挺简单的,我之后也会出一期教学如何制作自己的网站,即使用html代码编写自己的网站。从前端纯肉代码html,css,javascript到后端pyflask到数据库mysql以及竞赛中使用的supabase数据库。这样就能全套的搭建个人网站运行了。但是也很繁琐。
温馨提示:内容为网友见解,仅供参考
无其他回答

零基础搭建个人在线网站,html文件上传到互联网生成在线链接
关闭上传文件的窗口,返回储存桶界面,看到已经上传的html文件夹,直接点击打开。打开后看到两个文件,一个是文件夹,另一个是index.html,直接看到第二个index.html后方的详情,点击“详情”,如下图。看下图,index.html的在线网址,腾讯云就帮你自动生成好了,直接复制一下那个对应的网址。打开浏览器新...

推荐学生党小白做自媒体用的学习网站
10、开课吧 https:\/\/www.kaikeba.com\/ 泛互联网人职业提升平台。 11、学堂在线 https:\/\/www.xuetangx.com\/ 学堂在线是清华大学发起的精品中文慕课平台。 12、译学馆 https:\/\/www.yxgapp.com\/ 一个搬运国外优秀视频的网站。 抢首赞 评论 分享 举报 为你推荐:特别推荐 二阳前有预兆吗?比首阳症状轻吗? 职场中...

如何用dreamweaver制作个人网页如何用dreamweaver制作个人网页作品
1.在Dreamveaver中,“文件-新建-通用-基础页面-HTML”,构建一个页面,英文版默认文件名为untitled.htm。中文版默认文件名为“无标题文档”。Htm表示该网页文件是静态HTML文件。它被重新命名为index.htm。注意:网站首页的名字通常是index.htm或index.html。其他页面可以自行命名。这是主页,上传后打开的网...

怎么做网站?
自己做网站的步骤如下:1、域名注册。网站建设首先你需要一个属于你自己的网址,也就是域名。2、网站空间注册。网站空间是用来放网站程序的。网站空间分为ASP、PHP、NET,三种类型。3、网站备案国内的网站空间都需要备案,没有备案的网站不允许上线。4、上传网站程序网上有很多免费网站程序,论坛(discuz)...

零基础html5网站开发学习步骤方法
零基础html5网站开发学习步骤方法 对于学习html5的新手来说,想要学好html5,首先要有一点学习方法和路线。了解清楚之后再学习学会更清晰。下面就给大家讲讲零基础html5网站开发学习步骤方法!随着互联网的快速发展,近年来HTMl5变得越来越热门。在HTML5高薪和待遇优厚的诱惑下,越来越多的人开始学习HTML5。

零基础的人如何自己制作网页
http:\/\/book.jqcq.com\/product\/582390.html ASP是一种服务器端脚本编写环境,其主要功能是把脚本、HTML、组件和Web数据库访问功能有机地结合在一起,形成一个能在服务器端运行的交互、动态且高效的Web应用程序。全书共8章,内容包括:ASP基础、HTML语言、VBSCRIPT编程基础、ASP内置对象、ASP组件、Web...

【Nginx\/Hexo】在云服务器上搭建个人博客
第一步:配置Hexo首先在本地完成Hexo的配置。这个过程在Windows系统上进行。完成Hexo配置后,可以尝试在本地进行测试,以确保一切运行正常。第二步:配置Nginx接着在服务器上进行Nginx的配置。对于 CentOS 7 系统,这一步骤相对简单。将上一步中生成的Hexo网站文件夹移动到服务器的指定位置,然后通过修改...

前端在线编程网站?
基础性的学习网站: w3school: w3cplus: MDN网站: 菜鸟教程网: 易百教程: 脚本之家: 视频类的学习网站: 尚学堂: 慕课网: 扣丁课堂: 极客学院: 腾讯课堂: 个人博客类的学习网站: 张鑫旭: 阮一峰: 廖雪峰: 辰辰: 轩枫阁: 社区类的学习网站: segmentfault: 掘金: 简书: WEB前端-伯乐在线: StackOverflow: CSDN...

如何制作HTML文件?
一、打开简单的文本编辑器。大部分文本编辑软件都能编写HTML,不过,复杂的软件有自动格式功能,比较难组织HTML页面。二、将文件格式改成“网页”(Web Page)、“.html”或“.htm”,存在容易找到的位置。上面三个选择是一样的,没有差别。三、用网页浏览器打开文件,双击文件,它应该会自动在浏览器...

零基础小白建立轻量化个人博客-Typecho
通过宝塔搭建与配置 在服务器上运行宝塔,选择centos7.6,安装完成后修改默认端口、用户名和密码。通过命令bt调用宝塔,输入密码访问。选择极速安装,PHP版本建议选择7.2。添加站点时,输入已解析的域名,确保域名解析正确。删除默认文件,上传下载的Typecho源码压缩包,并解压到网站根目录,删除压缩文件与空...

相似回答
大家正在搜