小白首次个人网页上线流程

之前学过做静态网页,但都只是自己看的,虽然是知道要发布出去才能在浏览器上看到,但是一直以来没有了解过,今天百度了一下,终于初步测试完成。本文我将介绍一下我的上线网站的主要流程,感兴趣的朋友来学习一下吧。

1.首先我了解到上线网站需要两点,服务器和域名。域名是在阿里云买的,19元/年(挑便宜的买)。然后服务器是找的一个免费服务器,百度可以自己搜索,我用的是 三丰云。

2.然后域名需要解析,把网站域名和服务器ip连接起来。也就是下面这个记录值,填入服务器ip

小白首次个人网页上线流程

3.一切都搭建好后,然后将自己写的网页放在服务器里的web目录下。

通过文件浏览器上传网页。优点是操作方便,但只适用于Windows系统的主机,

  1.在本地电脑双击 计算机 (以Windows 7操作系统为例 )。

  2.在红框处输入ftp://服务器IP地址,并回车  

  小白首次个人网页上线流程

  3.输入账号和密码:在用户名处输入服务器的管理账号,在密码处输入服务器的管理密码  

  小白首次个人网页上线流程

 

  4.单击登录后,可看到FTP上所有的文件,可以将本地的网页文件复制后粘贴到 FTP 目录下。

  默认的三个文件夹,

  |– Web 网站根目录, 网页文件上传到这个目录

  |– Log 网站日志文件

  |–data 数据库文件放在这个目录下

  小白首次个人网页上线流程

  然后我的测试成功了,这只是简单的发布网页。

相关教程:HTML视频教程

以上就是小白首次个人网页上线流程的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1547769.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 19:27:15
下一篇 2025年12月21日 19:27:19

相关推荐

  • HTML怎么布局

    利用HTML进行布局的方法有:1、通过“”标签来对表格的行和列进行排列来实现页面布局的效果;2、将网页内容放在多个页面中的多列布局;3、使用div和span标签进行布局。 页面布局是图形设计的一部分,用于处理页面上视觉元素的排列。接下来在文章中为大家详细介绍如何利用HTML进行网页布局,希望对大家有…

    2025年12月21日 好文分享
    000
  • html是什么意思

    HTML是超文本标记语言,是标准通用标记语言下的一个应用;而超文本标记语言的结构包括“头”部分和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。 本文操作环境:Windows7系统、HTML5版,DELL G3电脑 HTML是超文本标记语言(Hyper Text Mar…

    2025年12月21日
    000
  • head标签中有什么属性?

    本篇文章给大家带来的内容是关于head标签中有什么属性?有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 head 标签里有什么? 每一个 html 文档中,都有一个不可或缺的标签:  ,它作为一个容器,主要包含了用于描述 html 文档自身信息(元数据)的标签,这些标签一般不会在页面…

    好文分享 2025年12月21日
    000
  • HTML标签伪元素绑定事件的三种方式

    本篇文章给大家带来的内容是关于html标签伪元素绑定事件的三种方式,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 最近项目中遇到点击一个图标执行某些操作的功能,本来很简单就能实现,但图标却是 ::after 伪元素实现的,在印象中好像不能直接对伪元素进行 dom 操作,可项目中有所…

    2025年12月21日
    000
  • 可替换元素是什么?(附示例)

    本篇文章给大家带来的内容是关于可替换元素是什么?(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 最近在群聊里偶然看到有位仁兄发了张今日头条前端面试题的截图,其中关于 HTML 的只有一题,如下: 请问什么是可替换元素和非可替换元素,它们的差异是什么?并举例说明。 前端面试…

    好文分享 2025年12月21日
    000
  • 如何在文字下面添加下划线

    在字下面加下划线的方法:首先使用word软件打开一张带有文字的文档;然后选中需要添加下划线的文本;最后点击顶部菜单栏中【u】图标或者使用快捷键【ctrl+u】即可添加下划线。 HTML页面中在文字下面添加下划线的方法 给文字添加下划线的方法有:直接使用html标签中的标签可实现下划线效果,还可以使用…

    2025年12月21日 好文分享
    000
  • 前端开发者必须知道的http协议相关知识

    htmledit_views-f57960eb32.css”/>  http(超文本传输协议)是一个基于请求与响应模式的、无状态的、应用层的协议,常基于TCP的连接方式。本文讲述的是前端开发者必须知道的http协议相关知识,做想做前端和正在做前端的小伙伴一定要知道哦。 1.概念  …

    好文分享 2025年12月21日
    000
  • 用HTML实现简单动画

    htmledit_views-f57960eb32.css”/> 看网页里动画效果很是美观 ,仔细想想要怎么完成,好像还不是那么简单的一件工程,今天小编找来一份资源,可以实现简单动画,一起来试试吧。 首先是创建一个html然后给p来完成它的样式, 给它的图片也调到合适的位置,图片设…

    2025年12月21日 好文分享
    000
  • HTML中如何将字体加粗

    在html中要将字体加粗我们有两种方法,一种是利用b标签;另一种是利用strong标签,本篇文章我们就来介绍一下html中b标签和strong标签的用法。 b标签和strong标签虽然都是可以让字体加粗,但是实际上它们的意义并不相同,用法也有所不同,下面我们就来详细看看b标签strong标签的用法示…

    2025年12月21日
    000
  • HTML中sup标签上标字符和sub标签下标字符的使用方法介绍

    我们在学习数学的时候经常会看看比如3的平方是3²,上面的那个2就是上标,在学习化学的时候会看到h₂,下面这个2就是下标,那么我们在html中如何来实现上标和下标字符呢?本篇文章就来给大家介绍关于html中上标和下标字符的实现方法。 在HTML中我们要实现上标和下标字符需要用到sup元素和sub元素 …

    2025年12月21日 好文分享
    000
  • 如何删除内联或内联块元素之间的间隙

    删除内联或内联块元素间间隙的方法有:去掉元素标签间的空格、使用负边距、在父元素上设置字体大小为零、省略结束标签。 在页面布局时,我们经常会使用到inline元素、inline-block元素,但无可避免都会遇到一个问题,那就是这些元素之间存在间隙(如下图),会导致一些布局上的问题,那么如何删除这些元…

    2025年12月21日
    000
  • 点击HTML页面问号出现提示框(附源码)

    本篇文章给大家带来的内容是关于点击HTML页面问号出现提示框(附源码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 本demo的功能:点击页面按钮在其边缘出现提示信息,点击页面任何一处则消失。 如下图: 1.所需插件: jquery插件; 立即学习“前端免费学习笔记(深入)”; …

    2025年12月21日
    000
  • HTML的标签如何使用

    HTML的标签是用来指定客户端脚本的,它可以帮助我们在HTML文档中放置脚本。可以在标签内嵌入脚本代码,也可以使用src属性链接外部脚本文件。本篇文章就来给大家介绍关于html中标签元素使用方法。 标签的属性 在介绍标签的使用方法前,我们要先了解一下标签的属性;标签的属性有: src属性:用来指定外…

    2025年12月21日
    000
  • html的计算机代码元素有哪些

    在html中,对用户输入,代码,程序等会使用不同的标签来显示,这些计算机代码元素分别为:元素、元素、元素、 元素、<var>元素;这些计算机代码元素支持固定的字母尺寸和间距。本篇文章就给大家介绍一下html的计算机代码元素,希望对你们有所帮助。</p><p style=…

    2025年12月21日 好文分享
    000
  • HTML和ASP之间的区别是什么

    HTML和ASP是Web编程世界中两个非常常见的语言,都可以生成Web页面的。那么它们之间存在什么差异?本篇文章就给大家介绍HTML和ASP之间的区别,让大家对HTML和ASP有一个简单的了解。 HTML HTML代表用于开发网页和特别是网页设计的超文本标记语言,是编写网页的最简单的语言。它主要是使…

    2025年12月21日
    000
  • html页面如何显示上标和下标

    在html中,可以使用标签和标签来显示文本的上标、下标。 本篇文章就来给大家介绍标签和标签,让大家对标签和标签有一个简单的了解,知道标签和标签的使用方法,希望对你们有所帮助。【视频教程推荐:HTML教程】 HTML 标签 标签是用来定义上标文本的。 立即学习“前端免费学习笔记(深入)”; 下面我们通…

    2025年12月21日 好文分享
    000
  • HTML文件路径有哪些类型

    html文件路径有两种类型,分别为:绝对文件路径和相对文件路径。 HTML文件路径是用于描述网站文件夹中文件的位置,它是在网页上用于链接外部文件的,比如:其他HTML文件(网页),图片(使用标签或background属性)、css样式表(使用标签)、JavaScript文件(使用标签)等。下面我们就…

    2025年12月21日 好文分享
    000
  • HTML 是什么

    HTML 是一个声明,它是用来指定web浏览器关于页面使用哪个HTML版本进行编写,也就是一个指示Web浏览器有关HTML页面的信息的指令。 在HTML文档中,我们经常可以看到html>标签之前都会有一个,那么是什么?有什么作用呢?下面本篇文章就给大家介绍一下HTML 是什么?希望对你们有所帮…

    2025年12月21日
    000
  • 如何在HTML中插入空格

    在前端开发中,有时候需要在页面中添加空格,那么如何添加?本篇文章就给大家介绍在html页面中插入空格的方法,希望对大家有所帮助。【相关视频教程推荐:html教程】 一、键入空格 在html页面中,我们可以通过键入“空格”键来插入空格。 例:在p.p1中键入一个空格,在p.p2中键入5个空格。注:此时…

    2025年12月21日 好文分享
    000
  • html中id属性和name属性的区别是什么

    在html中,id属性和name属性都是提供标识符,表示html元素标签的。那么它们之间有什么区别?本篇文章就给大家简单比较一下id属性和name属性,介绍id属性和name属性之间的区别是什么,希望对大家有所帮助。 html中的id属性 我们使用id属性可以标识唯一的HTML元素,可以在在URL中…

    2025年12月21日 好文分享
    000

发表回复

登录后才能评论
关注微信