用html制作一个网站的步骤,新手怎么做网页 新手如何制作一个网页

news/2024/5/20 15:47:50/文章来源:https://blog.csdn.net/weixin_42362068/article/details/118123597

新手怎么做网页,网页好做吗?新手如何制作一个网页,网页制作步骤有哪些?

网页更能体现出一个产品的功能与用途,如何使用自己计算机上的文本编辑器创建网页,然后在浏览器中查看网页。如果您有兴趣将您的网页发布到万维网(Internet)以供所有人查看,请在了解以下步骤后查看本文。新手如何制作一个网页呢?网页制作有哪些步骤?下面就一一给大家说一说。

74c6f7cb2f3b1ef8143c9f4c96caf60e.png

新手怎么做网页 新手如何制作一个网页

网页制作步骤有哪些?

第1步:打开文本编辑器

第一步是打开文本编辑器。使用“原始”文本编辑器而不是格式化文字处理器非常重要。

字处理器插入使页面看起来很好但不是有效HTML的字符。它们是制作时尚文档(如学术论文和传单)的绝佳工具,但它们也会插入无效HTML的字符。由于网页文件必须包含有效的HTML,因此文本编辑器是比文字处理器更好的工具,用于构建网页。

第2步:编写HTML框架

现在您的文本编辑器已打开,您可以开始编写HTML。正如您在HTML&CSS课程的第一课中所了解的那样,格式良好的HTML文件中始终存在一些内容。以下是所有这些:

如果您愿意,可以使用这个精确的骨架。只需将其复制并粘贴到文本编辑器中即可,确保包含所有内容!

第3步:保存文件

您的网页现已准备就绪,但目前它只存在于您的文本编辑器中。下一步是将文件保存到您的计算机。如果您现在关闭文本编辑器而不保存,您的新网页将丢失!将文件保存时,请记住以下几点:

使用.htmlHTML文件扩展名,即about_me.html

不要在文件名中使用任何空格或特殊字符。请改用下划线(_)或破折号( - )。

确定计算机中保存文件的位置,并确保记住位置!

使用.htmlHTML文件扩展名

一个文件扩展名是文件名的后缀,并介绍了文件的类型。文件扩展名始终是文件名中的最后3个或4个字符,前面是句点。例如,HTML文件扩展名是.html,它告诉浏览器(和其他应用程序)将文件的内容解释为网页。请注意,在较旧的网页上您可能会看到.htm,但这已经过时且不再使用了。

不要在文件名中使用任何空格或特殊字符

选择文件名时,请保持简单。坚持数字和字母。使用下划线(_)或短划线(-)代替空格。省略百分号,斜线,问号,感叹号,逗号和其他“特殊字符”。浏览器需要根据文件名定位文件,文件名中的特殊字符可以中断该过程。文件名应保持简单,并遵循惯例,以便更加可靠地导航到您的网页。

确定计算机中保存文件的位置

选择文件名后,在文件系统中选择适当的位置以保存网页。最好创建一个新文件夹来容纳这个网页。如果您确实创建了一个新文件夹,请使用上面列出的相同命名约定,以便最大限度地减少将来的麻烦。在最重要的是选择保存的位置时是记住您保存它。如果你已经保存但你不记得在哪里,只需点击File > Save As…,选择一个新位置进行保存,并确保记住这一次。

第4步:在浏览器中打开您的网页

现在,您已准备好在浏览器中查看新页面!首先,打开浏览器。在顶部菜单中,单击File > Open File。导航到保存网页的位置,单击您的网页文件,然后单击Open,你应该看到你的网页!

这样,一个完整的网页就制作好了,看到这些是不是觉得网页制作非常的简单呢?

201957045.html

免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉

你也许会喜欢如下的文章?

(责任编辑:IT培训网)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_757876.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

php投票网站管理员界面,php查询操作实现投票功能

本文实例为大家分享了php查询操作实现投票功能的代码,供大家参考,具体内容如下题目:解题方法汇总:方法一:1. 投票主页面:投票#list{width:400px;height:300px;}#jieguo{width:400px;height:300px;}.x{float…

如何用eclipse配置虚拟目录_wordpress建站如何用SMTP配置邮件通知

前提条件:你已经有了企业邮箱,相关文章请看:如何开通阿里云企业邮箱免费版https://loyseo.com/how-to-register-aliyun-free-enterprise-email/不建议使用主机商提供的邮箱,因为换主机商是比较常见的事情,因此导致的邮…

查询错误_入学派位查询系统现异常,北京西城区:网站代码逻辑错误,不影响派位结果...

图源图虫创意芥末堆讯 6月10日下午,北京市西城区教育考试中心就6月9日寄宿、九年一贯制和民办学校入学派位查询系统出现异常情况进行通告,称“派位系统正常,派位结果公正可靠“,查询结果显示异常与派位系统和派位结果并无关联。6月…

html 自动排序代码,SEO中常用HTML代码大全,及权重排序

做SEO必须要懂HTML,说的是一点都没错,不过其实是不需要全部都懂,最重点的你懂了会用,基本上都是事半功倍了。可以这么说一个不懂代码的优化人员不算是一个合格的好优化。下面就总结一下做优化,必须要懂得几个最重要的h…

网站服务器提权,网络安全系列之七 网站提权

上传了webshell之后,我们的目的是获取服务器的系统管理员权限,这也是******的最终目的。“H4ck Door”是一个很牛的大马,提供了很多功能,我比较喜欢的是执行cmd命令来提权。首先执行“net user”命令查看服务器有哪些用户&#xf…

【SEO】title / robots / description / canonical

1、title title,就是浏览器上显示的那些内容,不仅用户能看到,也能被搜索引擎检索到(搜索引擎在抓取网页时,最先读取的就是网页标题,所以title是否正确设置极其重要。 1)title一般不超过80个字符…

SQL在线练习网站

1、地址是:http://sqlfiddle.com/ 2、http://zh.sqlzoo.net/wiki/SELECT_basics/zh

网站请求流程

Apache 能够完成的事情过于简单,无外乎就是找到你请求对应的文件 → 读取文件 → 将文件内容响应给客户端浏览器(文件原封不动的给你)。无法满足让网页内容动起来(随着数据动态变化)的需求。 于是乎,就有人…

在安卓手机中调试网站

尝试在手机上 去进行项目的预览和测试 要保证自己的手机可以正常运行;要保证 手机 和 开发项目的电脑 处于同一个 WIFI 环境中,也就是说手机可以访问到电脑的 IP打开自己的 项目中 package.json 文件,在 dev 脚本中,添加一个 --h…

自适应页面 移动端获取焦点自动放大_移动互联网下,要做响应式网站吗?

网民往移动端靠拢,搜索引擎也推出了移动优先的说法。有的朋友说还好我有响应式网站;有的朋友说,不怕,我做了手机站。该做响应式网站还是独立的手机站?一个一个来,今天我们先来聊聊响应式网站。什么是响应式…

js 获得明天0点时间戳_爬虫实例(四)某不知名网站的js反爬

目标网站:http://www.pbc.gov.cn/jinrongwendingju/146766/index.html​www.pbc.gov.cnchrome走起,进入目标网站后ctrlU,发现好像没有反爬?requests试一下import OK,走你~一堆混淆过的js?打开fiddler&#…

使用Bootstrap 3开发响应式网站实践03,轮播下方的内容排版

通常把一些重要信息、需要重点标注的信息放在轮播的下方显示&#xff0c;这部分区域用到了大字体的标题、副标题以及段落文字等。<div class"row" id"bigCallout"><div class"col-md-12"><div class"well"><div …

html网站开发与php网站开发_网站二次开发

网站 不管对个人(个人博客)还是公司(企业) 都有一定的宣传作用。但是该怎么做呢&#xff0c;相信大多数人&#xff0c;也不愿意从头开始学代码来搞一个网站&#xff0c;那么现在讲的就是 不用碰过多的代码也可以做一个自己满意的网站“二次开发”用于网站开发行业。二次开发指首…

node——使用Nginx + Node.js部署你的网站

Nginx是一个高性能的HTTP和反向代理服务器&#xff08;反向代理就是通常所说的web服务器加速&#xff0c;它是一种通过在繁忙的web服务器和internet之间增加一个高速的web缓冲服务器来降低实际的web服务器的负载&#xff09;&#xff0c;Nginx由俄罗斯程序员利用C语言开发&…

可以发外链的网站_守护袁昆:网站营销运营到底哪里可以发外链?

&#xff08;文/守护袁昆&#xff09;对于网站运营者来说网络营销推广比较难做&#xff0c;大多数朋友选择做网站SEO优化&#xff0c;然而SEO优化中外链怎么发的问题却难倒了9成9的从业者。SEO优化到底哪里可以发外链&#xff1f;极少数部分网站是可以发布外链的&#xff0c;但…

php网站服务器ip地址吗,php 服务器ip地址吗

php 服务器ip地址吗 内容精选换一换LAMP是由Linux、Apache、MySQL和PHP 建立的web应用平台。本文档指导用户使用华为云市场镜像“LNMP平台(CentOS7.4 Nginx PHP7.2)”部署LNMP环境。弹性云服务器创建成功后&#xff0c;还需要配置安全组&#xff0c;开放对应的端口。“LNMP平台…

推荐一个演讲网站:TED

推荐一个演讲网站&#xff1a;TED&#xff0c;看看他&#xff08;她&#xff09;们的演讲&#xff0c;就知道差距了。TED 是 Technology 技术 , Entertainment 娱乐&#xff08;或是 Education 教育&#xff09;, Design 设计 的缩写。但议题並不仅于此&#xff0c;还包括了&am…

Web2.0网站粘性浅析

信息的分享与流动就像货币流动以制肘经济一样&#xff0c;在web2.0的发展之中&#xff0c;起着巨大的作用。是故&#xff0c;以分享信息为主的Web2.0&#xff0c;当用户不再积极的分享信息时&#xff0c;其核心竞争力必然下降&#xff0c;受欢迎的程度也会减弱。 不幸的是&…

[转] ASP.NET 开发 WAP 网站

使用ASP.NET开发WAP很简单,只需要新建一个空的网站,向其中添加移动WEB窗体即可.可以使用OPERA浏览器与M3GATE来调试网页, 强制输出WML,可以在WEB.CONFIG中 <system.web>下添加以下内容: <browserCaps><result type"System.Web.Mobile.MobileCapabilities, …

Step by Step WebMatrix网站开发之二:使用WebMatrix(3)

要学好用好一个工具&#xff0c;最好的办法是从模板入手&#xff0c;因而今天的任务就是从模板建立一个网站&#xff0c;然后分析一下模板的构成。 在WebMatrix开始页&#xff0c;单击“从模板创建网站”&#xff0c;然后选择“面包店”&#xff0c;在网站名称中输入“我的面板…