仅凭我自己的经验写给小白的网页制作全过程

最新推荐文章于 2022-11-21 02:46:23 发布

blue guitar

最新推荐文章于 2022-11-21 02:46:23 发布

阅读量1.3k

点赞数

文章标签： a

本文链接：https://blog.csdn.net/qq_42773265/article/details/84558841

版权

本文作者记录了自学网页制作的过程，从初识HTML到制作出响应式网页的点滴。通过CSDN、MOOC等平台学习，理解了文档流、布局和浮动等概念，最终使用DIV和CSS实现基本网页。作者强调实践的重要性，并分享了自己的成果，指出响应式网页对搜索引擎排名的积极影响。

摘要由CSDN通过智能技术生成

先说一点题外话，目的是为了自己写一个网站，然后帮助一下我的小生意，但是我在弄完网站以后才知道，不是说有个网站就可以在百度上搜索到我的网站，我也在网上游荡了很久，总体上来说我学会的东西并不是很多，基本上是从下面的网站免费学的，所以在这里感谢一下这几个网站，CSDN、mooc、w3school、中国大学MOOC(慕课)。写在这留给我自己做个纪念，并且期望能帮助到跟我一样是小白的伙伴

首先，展示一下我在学习完怎么在网页上写出“hello world”，然后我把我的网页上写下了如下文字，之后一个星期多都没有改，因为那段时间我完全不知道怎么制作一个有哪怕一点点排版的网页，如图

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>石河子吉祥开锁</title>
</head>
<h1 align="center">石河子吉祥开锁换锁联系电话0993-2666660</h1>
<h2 align="center">石河子市内开锁换锁、安装指纹锁、维修热水器</h2>
<p align="center">不要问我网页为什么这么烂，我只是不会做网页罢了</p>
<p align="center">维修洗衣机，煤气灶我也行</p>

<body>
</body>
</html>

在这之后，我在W3C上阅读了HTML标签的文章，大概了解标签的意思，但是也依然不能让我有能力写出一个彩色的网页，而不是黑白的。于是我就想有没有谁在网上发一个手把手教人制作网页的视屏呢?优酷搜了一下，哈哈，还是算了吧，最后我在mooc上找到了我需要的，最基础的课程而且是免费的。在这个网页的课程里，我弄明白了什么是文档流，知道了块的意思，明白了布局的意思，也知道了浮动，学会了用DIV，到现在我也只会用DIV，无论做什么都是DIV，很笨拙。这个网页上的课程质量很高很好。但是遇到问题是没有人解答的，只能自己搜索于是我找到了CSDN真的太多的答案在这里非常棒。

紧接着，之后的一个星期我的网页变成了这样，下面是我网页的代码和CSS样式表

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="sogou_site_verification" content="rkzoF585fo"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/ksindex.css" rel="stylesheet" type="text/css" />
<title>石河子吉祥开锁</title>
<meta name="location" content="province=新疆 ； city= 石河子" />
<meta name="description" content="石河子开锁，石河子开锁公司，石河子吉祥开锁，石河子王师傅开锁，石河子最快开锁热线0993-2666660，石河子安装指纹锁" />
<meta name="keywords" content="石河子开锁，石河子开锁公司，石河子吉祥开锁，石河子王师傅开锁，石河子指纹密码锁" />
<meta name="baidu-site-verification" content="dOLrUTxhkh" />
<meta name="format-detection" content="telephone=09932666660" />
<meta http-equiv="x-rim-auto-match" content="none" />
</head>

<body>
<div class="topinfor">
<span>欢迎来到石河子吉祥260开锁公司官方网站</span>
<div class="clear"></div>
</div>
<div class="top">
 <img src="sucai/smallrepairman.jpg" a