静态网页文件(把自己的静态网页放到网上)

:暂无数据 2026-03-29 09:00:01 0
本文将围绕静态网页文件展开,重点探讨三个方面:把自己的静态网页放到网上的基本概念、常见误区以及实践应用。让我们开始吧。

本文目录

把自己的静态网页放到网上

相信大部分同学此时的进度已经到达HTML/CSS阶段了。这个阶段我们会实现很多的网页,但是它们都只能在我们自己的电脑里查看,你想不想把它放到网络上让别人去看呢?
如果你也想把自己的网站放到网络上,就继续看吧。
可以试 点击这里 打开一个我写的网页( 我的网站使用了一些字体,文件稍微有些大,加载可能会慢一些 )

这一步比较简单,就是在 码云 上注册自己的账号。但是要注意的是,你需要 绑定自己的手机号 ,不然是不能使用 Gitee Pages 服务的,而这个服务是我们将自己的网页放到网络上 最重要的一步

当我们刚**码云的时候,大概会看到这样的情况:

这一步需要我们将自己的相关的文件传输上去。
首先点击上图的文件,出现一个新建文件夹的选项,点击,为自己的网页创建文件夹,名字就根据自己的项目随意。

如果你的网页带有目录结构(比如css,imgs等),就先按照每个目录的名字创建好文件夹(步骤同上)之后将其对应的文件夹拖拽进去,就会自动把文件夹下的所有文件自动选择来上传,类似下面的动图。

假如你想把你的html文件夹上传,就先创建一个html的文件夹(在步骤三最开始创建的那个文件夹下创建),然后将你的html文件夹拖拽过去即可。

所有的绝对路径要改为相对路径,因为别人无法直接访问你电脑上的文件,就会导致你的网页将会是不完整的(会缺少诸如css文件,图片等外部资源)。
假如你的html文件和css文件分别在html和css这两个文件夹下,则html中的link标签应该这样写: 《link rel="stylesheet" src="../css/xxx.css"》 这就是相对路径的写法,包括图片和其他资源也是同样的写法。

这一步是所有步骤中最重要的一步,也是最后一步,完成后就大功告成了!
首先点击你仓库右上角的“服务”,点开里面的Gitee pages。

之后填写上部署目录的名称点击最下面的按钮,然后稍等一会就OK了!

静态网页是什么

静态网页也称平面页,静态网页是标准的HTML文件,它的文件扩展名是.htm、.html,可以包含文本、图像、声音、FLAS***、客户端脚本和ActiveX控件及J**A小程序等。

静态网页的特点

1、静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?”。

2、静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件。

3、静态网页的内容相对稳定,因此容易被搜索引擎检索;

4、静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;

5、静态网页的交互性较差,在功能方面有较大的限制。

6、页面浏览速度迅速,过程无需连接数据库,开启页面速度快于动态页面。

7、减轻了服务器的负担,工作量减少,也就降低了数据库的成本。

静态网页可以直接被浏览器解析显示,下面()是静态网页文件的扩展名

静态网页可以直接晌缺嫌被浏览器解析显示,下面()宴手是静态网页文件的扩展名。

A..htm

B..ASP

C..aspx

D..jsp

正扮睁确答案:A

网站建设基础知识之静态和动态网站(一)

对于新手小白来说,网站的静态和动态的优缺点是他们的盲点,二者的特点以及各自的优势是什么也需要进一步的学习。贴心的小编为大家总结出了静态和动态网站的特点,希望对大家有所帮助。

1.静态网站

在网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。

静态网站的特点简要归纳如下:

(1)静态网站每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?”;

(2)网站内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网站是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;

(3)静态网站的内容相对稳定,因此容易被搜索引擎检索;

(4)静态网站没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;

(5)静态网站的交互性交叉,在功能方面有较大的限制。

2.动态网站

动态网站是与静态网站相对应的,也就是说,网页URL的后缀不是.htm、.html、.shtml、.xml等静态网站的常见形式,而是以.asp、.jsp、.php、.cgi等形式为后缀,并且在动态网站网址中有一个标志性的符号——“?”

这里说的动态网站,与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系,动态网站也可以是纯文字内容的,也可以是包含各种动画的内容,这些只是网页具体内容的表现形式,无论网页是否具有动态效果,采用动态网站技术生成的网页都称为动态网站。

从网站浏览者的角度来看,无论是动态网站还是静态网页,都可以展示基本的文字和图片信息,但从网站开发、管理、维护的角度来看就有很大的差别。

本篇文章主要是对动静态网站的基本特点进行介绍,在后面我们会进一步介绍关于动静态网站的优缺点,希望对大家有帮助。

网站建设网站建设的基础知识网站网站建设基础网站建设基础方案

静态网页是什么编写语言与数据库

静态网页是HTML编写语言和数据库。

网站设计中,纯粹HTML(标准通用标记语言下的一个应用)格式的网页通常被称为“静态网页”,静态网页是标准的HTML文件,它的文件扩展名是.htm、.html,可以包含文本、图像、声音、FLAS***、客户端脚本和ActiveX控件及J**A小程序等。静态网页是网站建设的基础,早期的网站一般都是由静态网页制作的。

Dreamweaver静态网页制作步骤有哪些

1、在Dreamveaver中“文件—新建—常规—基本页—HTML”,这就建好了一个页面,英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。可以给它改名为index.htm。

2、在标题空格那里输入网页的名称,点击—页面属性,打开这个窗口后在这里可以设置网站标题、背景颜色还有背景图像,超级链接颜色,其他都保持默认值就可以了。

3.这个时候光标在左上角,你可以输入一句话,如“欢迎大家来到我的主页”,用文字,用菜单“窗口/属性”打开属性面板,取文字的大小,再把文字设置为居中,然后在文字的前面敲几下回车就位于页面中间了。

4.要选取字体,即选择字体中的最后一项:即字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体,点击中间的按钮就可以加入了。

下列文件属于静态网页的是()

下列文件属于静态网页的是()。

A.index.asp
B.index.php
C.index.jsp
D.index.html
正确答案:index.html

什么是静态网页


静态网页有时也被称为平面页。静态网页的网址形式通常为htm(超文本标记语言)结尾 ,还有就是以超文本标记语(.htm、.html)、.shtml、.xml(可扩展标记语言)等为后缀的。在超文本标记语言格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字幕等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。静态网页面通常是超文本标记语言文档存储为文件在文件系统里头,并且可以通过HTTP访问网络服务器。
特点
静态网页的特点简要归纳如下:
(1)静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?”;
(2)网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;
(3)静态网页的内容相对稳定,因此容易被搜索引擎检索;
(4)静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;
(5)静态网页的交互性较差,在功能方面有较大的限制。
(6)页面浏览速度迅速,过程无需连接数据库,开启页面速度快于动态页面。
(7)减轻了服务器的负担,工作量减少,也就降低了数据库的成本。
定义
静态网页,动态网页主要根据网页制作的语言来区分:
静态网页使用语言:超文本标记语言(标准通用标记语言的一个应用)
动态网页使用语言:超文本标记语言+ASP或超文本标记语言+PHP或超文本标记语言+JSP等。
静态网页与动态的区别
程序是否在服务器端运行,是重要标志。在服务器端运行的程序、网页、组件,属于动态网页,它们会随不同客户、不同时间,返回不同的网页,例如ASP、PHP、JSP、ASPnet、CGI等。运行于客户端的程序、网页、插件、组件,属于静态网页,例如html页、Flash、JavaScript、VBScript等等,它们是永远不变的。
静态网页和动态网页各有特点,网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少,如果网站功能比较简单,内容更新量不是很大,采用纯静态网页的方式会更简单,反之一般要采用动态网页技术来实现。
静态网页是相对于动态网页而言,是指没有后台数据库、不含程序和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变。静态网页相对更新起来比较麻烦,适用于一般更新较少的展示型网站。
静态网页是标准的HTML文件,它的文件扩展名是.htm或.html,可以包含文本、图像、声音、FLAS***、客户端脚本和ActiveX控件及J**A小程序等。尽管在这种网页上使用这些对象后可以使网页动感十足,但是,这种网页不包含在服务器端运行的任何脚本,网页上的每一行代码都是由网页设计人员预先编写好后,放置到Web服务器上的,在发送到客户端的浏览器上后不再发生任何变化,因此称其为静态网页。
静态网页是网站建设的基础,静态网页和动态网页之间也并不矛盾,为了网站适应搜索引擎检索的需要,即使采用动态网站技术,也可以将网页内容转化为静态网页发布。
动态网站也可以采用静动结合的原则,适合采用动态网页的地方用动态网页,如果必要使用静态网页,则可以考虑用静态网页的方法来实现,在同一个网站上,动态网页内容和静态网页内容同时存在也是很常见的事情。
优点缺点
优点
1、可以公开(即副本可以证明给任何人)。
2、托管没得任何特殊的要求。(不需要特殊的中间软件比如超文本预处理器、公共网关接口)
3、没得网络服务器或应用服务器,比如直接从CD-ROM(激光唱片-只读存储器)或USB闪存驱动器,可以通过网络浏览器直接访问。
4、静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有?;(动态网页中的“?”对搜索引擎检索存在一定的问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索蜘蛛不去抓取网址中“?”后面的内容。)
5、网站更安全,HTML页面不会受Asp相关漏洞的影响;而且可以减少攻击,防sql注入。数据库出错时,不影响网站正常访问。
缺点
1、任何个性化或交互都会运行在客户端之上!
2、没有自动化的工具,维护大量的静态页面文件是不现实的。
3、无法充分支持用户/客户的需求(外观选择,浏览器的支持,Cookie)。

静态网页的扩展名是什么

静态网页文件的扩展名可以是:

1、【.htm】;

2、【.html】;

3、【.shtml】;

4、【.xml】可扩展标记语言。

HTM、HTML:表示超文本标记语言(标准通用标记语言下的一个应用),是WWW的描述语言、网页制作必备的编程语言;.htm、.html经常作为网页文件扩展名使用。

SHTML:是标准通用标记语言下的一个应用,包含有嵌入式服务器方包含命令的文本,在被传送给浏览器之前,服务器会对SHTML文档进行完全地读取、分析以及修改。

XML:可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言;它被设计用来传输和存储数据。它可用作静态网页扩展名使用。


静态网页文件的扩展名是

html或者htm,这个主要是面对用户显示页面的文件名,同镇源时者拆还有css这个单独设置页面颜色文件名,js设置页面动画的文件名,不御嫌态过这两个文件可以都写在htm/html文件中

关于本次静态网页文件和把自己的静态网页放到网上的问题分享到这里就结束了,如果解决了您的问题,我们非常高兴。
本文编辑:admin

更多文章:


textarea换行事件(textarea中空格和换行怎么处理)

textarea换行事件(textarea中空格和换行怎么处理)

下面,我们将通过textarea换行事件的概述、textarea中空格和换行怎么处理的详解以及总结展望三个部分,为您系统梳理这一主题。

2026年3月29日 18:00

ipadpro参数(10.5寸iPad Pro参数配置信息)

ipadpro参数(10.5寸iPad Pro参数配置信息)

想知道那些精通ipadpro参数的人,是如何看待10.5寸iPad Pro参数配置信息的吗?本篇将为你揭秘他们的思考路径。

2026年3月29日 17:40

security词性转换(“safety“和“security“都指安全,有什么区别是不是一个是财产安全,一个是人身安全)

security词性转换(“safety“和“security“都指安全,有什么区别是不是一个是财产安全,一个是人身安全)

当大家谈论security词性转换时,总免不了提及“safety“和“security“都指安全,有什么区别是不是一个是财产安全,一个是人身安全。它们之间究竟有何玄机?读完本文你便了然于胸。

2026年3月29日 17:20

正则表达式转义符(正则表达式 如何匹配转义符)

正则表达式转义符(正则表达式 如何匹配转义符)

您是否曾想过,正则表达式转义符究竟是怎么一回事?它与正则表达式 如何匹配转义符之间又有什么联系?本文将为您一探究竟。

2026年3月29日 17:00

protocol读音(protocol啥意思)

protocol读音(protocol啥意思)

我们注意到,那些在protocol读音上表现突出的人,往往都对protocol啥意思有独到的见解。这并非巧合。

2026年3月29日 16:40

insert语句嵌套select(请教insert和select嵌套出错了怎么办)

insert语句嵌套select(请教insert和select嵌套出错了怎么办)

大家好,今天小编来为大家解答以下的问题,关于insert语句嵌套select,请教insert和select嵌套出错了怎么办这个很多人还不知道,现在让我们一起来看看吧!

2026年3月29日 16:20

oracle认证什么时候考(如何考oracle证书)

oracle认证什么时候考(如何考oracle证书)

关于oracle认证什么时候考,有一个概念至关重要,那就是如何考oracle证书。它为何如此重要?且听我们慢慢道来。

2026年3月29日 16:00

安卓平板开发工具(安卓平板上层应用软件)

安卓平板开发工具(安卓平板上层应用软件)

大家好,今天小编来为大家解答以下的问题,关于安卓平板开发工具,安卓平板上层应用软件这个很多人还不知道,现在让我们一起来看看吧!

2026年3月29日 15:40

系统架构师认证培训(软件架构师的资格认证)

系统架构师认证培训(软件架构师的资格认证)

本篇文章给大家谈谈系统架构师认证培训,以及软件架构师的资格认证对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

2026年3月29日 15:20

怎么查看jdk的安装目录(怎么查看自己电脑是否安装jdk和安装路径)

怎么查看jdk的安装目录(怎么查看自己电脑是否安装jdk和安装路径)

大家好,关于怎么查看jdk的安装目录很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于怎么查看自己电脑是否安装jdk和安装路径的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希望对各

2026年3月29日 15:00

最近更新

security词性转换(“safety“和“security“都指安全,有什么区别是不是一个是财产安全,一个是人身安全)
2026-03-29 17:20:01 浏览:0
protocol读音(protocol啥意思)
2026-03-29 16:40:01 浏览:0
insert语句嵌套select(请教insert和select嵌套出错了怎么办)
2026-03-29 16:20:01 浏览:0
热门文章

return用法及搭配(英语 return的用法)
2026-03-29 10:20:01 浏览:0
标签列表