175 6191 5976

添加官方微信

领创时代关于网站建设、青岛画册设计、青岛网站设计的观点和相关新闻 将我们的想法与焦点与你共享

使用记事本创建新的网页

2019-07-18 来源:小领

Windows中的记事本是一个基本的文字处理工具,可用于编写网站页面。网页只是文本,您可以使用任何文字处理工具来编写HTML。记事本作为最基础的文本处理工具,使用也是非常方便。可以用来制作比较简单的网站页面。

比如在服务器端或者在不常用的非工作电脑上需要编写简单的网页的时候,就不需要安装复杂的高级网站设计开发环境。往往这些网站设计开发环境都需要大量的资源。作为临时编写简单的网页来说显而易见有点麻烦而且安装开发环境还要花费大量的时间。说以使用Windows自带的记事本编写一个简单的网页变得非常可行。

网站设计初学者也可以使用Windows记事本来练习和熟悉HTML代码,因现代化的高级开发环境代码提示比较智能,反而不太利于初学者熟悉必要的HTML标签知识。所以在记事本全部默写出所有的HTML标签变得非常重要。

将文件放在新文件夹中,在Windows中创建新文件夹,要在记事本中创建新网站,首先要创建一个单独的文件夹来存储它。通常,您将网页存储在“我的文档”文件夹中名为HTML的文件夹中,但您可以将它们存储在您喜欢的位置。

打开“  我的文档”窗口。单击文件 > 新建 > 文件夹。将文件夹命名为index。使用全部小写字母命名Web文件夹和文件,没有任何空格或标点符号。虽然Windows允许您使用空格,但许多网络托管提供商的服务器却有可能不支持,如果您从一开始就正确命名文件和文件夹,那么您将节省很多的时间和麻烦,以为命名不规范导致的bug排除起来反而不易被发现。

将页面另存为HTML。与目录名一样,在保存页面时,请使用全部小写字母,文件名中不能包含空格或特殊字符。在记事本中,单击“ 文件”,然后单击“ 另存为”。转到保存网站文件的文件夹。将“ 另存为类型”下拉菜单更改为“ 所有文件”(*。*)。
命名文件。本教程使用名称index.htm。还有一种办法是直接修改文件后缀。

开始编写网页,在记事本程编写HTML代码。您应该做的第一件事是在记事本HTML5文档中输入的DOCTYPE。这告诉浏览器期望什么类型的HTML。 

doctype声明不是标记。它告诉计算机HTML5文档到达。它位于每个HTML5页面的顶部,它采用以下形式:
<!DOCTYPE HTML PUBLIC“ -  // W3C // DTD HTML 4.01 Transitional // EN”“http://www.w3.org/TR/html4/loose.dtd”>
获得DOCTYPE后,即可启动HTML。输入开始标记和结束标记,并为网页正文内容留出一些空间。您的记事本文档应如下所示:
<!DOCTYPE HTML PUBLIC“ -  // W3C // DTD HTML 4.01 Transitional // EN”“http://www.w3.org/TR/html4/loose.dtd”> 
<html> 
</ html>
为您的网页创建一个头,在HTML中创建标题,HTML文档的头部是存储有关您网页的基本信息的地方。例如页面标题和可能的搜索引擎优化元标记。要创建头部分,请在记事本HTML文本文档中的html标记之间添加头部标记。
<head> 
</ head>
与html标签一样,在它们之间留出一些空间,这样您就有空间添加头部信息。

在Head 标题中添加页面标题,在HTML中添加页面标题。您的网页标题是浏览器窗口中显示的文本。当有人保存您的网站时,它也是用书签和收藏夹写的。将标题文本存储在标题标记之间。title不会出现在网页本身,只会出现在浏览器的顶部。
此示例页面标题为“测试页面”。<title>测试页面</ title>无论你的标题有多长,或者它在HTML中跨越多行,但更短的标题更容易阅读,有些浏览器在浏览器窗口中切断了长标题,所以要把标题精简还有要把最重要的信息放在开头。

创建HTML文档的正文,您的网页正文存储在正文标记中。它应该在head标签之后但在结束html标签之前。这是您放置文本,标题,小标题,图像和图形,链接和所有其他内容的位置。它可以随你而定。

可以按照相同的格式在记事本中编写您的网页。
<body> 
</ body>
创建图像文件夹,在根目录中创建名为images的文件夹,在将内容添加到HTML文档正文之前,需要设置目录,以便拥有图像文件夹。将您网站的所有图像存储在图像文件夹中,以便日后查找。这样可以在需要时轻松上传它们。

当然在需要外部样式表和使用javascript脚本的时候,还可以用上面相同的方法创建css和js文件夹,以便存放需要使用的css和js文件。而且可以根据创建不同的文件夹结构控制网站的结构。

看完上面的教程是不是觉得非常简单?所以使用没有任何代码提示的最基础的文本编辑软件编写HTML文档是每个网站设计和开发者都应该掌握的最基础的技能。

版权声明:转载此文章须经 领创时代 同意,并请附上 领创时代 及本页链接http://www.leadnov.com/newsItem.aspx?id=214
创造品牌视觉体验 X 创新IT技术赋能企业
领创帮助您创新品牌战略,让品牌成为最具价值的资产。
中国·山东 青岛市市北区郑州路43号橡胶谷A栋
热线:175 6191 5976
微信:leadnov
Copyright © 2018-2020 leadnov.com 版权所有
鲁公网安备37020302372323
ICP证: 鲁ICP备18056479号

关注领创公众平台

添加官方微信

175 6191 5976