网页制作基础教程(一)

  • 编辑时间: 2014-04-25
  • 浏览量: loading
  • 作者: 段亮

前几天无聊跑到安然的博客逛逛。无意间发现他博客最近增加一个网页制作的栏目,点进去看看,发现他最近学习网页制作真的很努力,比我那时学网页制作努力多了。每节课还做有详细的笔记。在他的笔记中会详细记录他的学习的思路,以及网站该怎么去布局。真的让我很佩服他,真的得向他学习!

正好最近个人博客不知道该更新什么文章了,突然有个想法,写一些《网页制作的基础教程》系列的文章,把自己最近学习网页制作的一些经验,总结给那些还没入门的小白用户,让更多人用最快的时间学会网页制作。

今天简单的跟大家一起学习下网页的基本结构。或许有很多人不明白一个网页分为哪几部分,以及是一个怎么样的结构,今天就由段亮跟大家一起分享下一个网页的基本机构:

一般来说一个网站分可以大概为三大块:

一:网站整体

我们都知道,网页的所有内容都是放置在标签里。这里我们大致称之为网页的“整体”,就相当于人的身体一样。如果说网页用来比喻成人的身体的话,那么同样的道理:网页也有着自己头部、和身体。

二:网站头部

网站的头部:一般是在标签,网页的头部一般放置什么内容呢?

比如:meta标签(每个meta告诉相对应的告诉浏览器,我有什么含义)、CSS、JS

<meta charset="utf-8"/><!--告诉浏览器当前网页的编码格式utf-8的国际编码-->    
<style type="text/css">内嵌CSS样式(放置CSS)</style>    
<script type="text/javascript">放置JS脚本文件</script>

三:网站身体

网站的身体部分,通常我们放置文章正文内容。

如图所示:

网站结构图

Html代码如下:

 <!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=gb2312" />
 <!--不可少的三要素.标题、关键词、描述-->
 <title>网站标题</title>
 <meta name="keywords" content="网站关键词" />
 <meta name="description" content="网站描述" />
 <!--这里还可以放置JS\CSS文件-->
 </head>
<body>
<h1>这是我的第一个网页</h1>
</body>
</html>
 注:这是一个html4.0格式的网页。charset(表示声明当前页面的编码集)

总结:一个网站由三部分组成。头部:一般放置页面的页面的编码集,网站标题、关键、描述、JS、CSS...而身体:放置网页的正文内容。这些你都知道了吗?

Ps:以后会跟大家一起分享一篇完整企业项目案列哟!喜欢本博客的可以点击首页的订阅图标。对于我的写文章,有什么好的建议可以提出来哦!相互学习。

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对段亮这小子的支持! ~(@^_^@)~

微信扫一扫 微信打赏

支付宝扫一扫 支付宝打赏

你也想建立一个独立博客?

你是否也想打造一个在互联网上的个人品牌,成为一个家喻户晓的人物呢?
请点击了解 怎样创建个人博客