泥鳅教你HTML！（第一课）（听课对象：HTML菜鸟）

泥鳅 · 发表于 2011-12-13 20:28:37

大家好！今天由我泥鳅带领各位菜鸟走近HTML的网页设计世界！！
   闲话少说，第一课、网站基础
（1）网站的组成
      网站由域名（也叫网址）、网站源程序、网站空间。
域名：飘仙有教程我就不废话啦！给你个链接自己去看！http://www.piaoxian.net/jianzhanjichu/20100805/1.html
网站空间：飘仙也有教程，给你链接自己去看！
http://www.piaoxian.net/jianzhanjichu/20100805/3.html

网站源程序：这就是我要重点教给大家的知识点！！
这里的网站源程序不是像DZ、宏博、织梦那样别人已经封套好的了源程序！而是 HTML纯文本！（也就是HTML代码）！
      都是基础，一步一步来！特别是菜鸟！！

网站的制作步骤：（虽然有些人已经用我们飘仙推出的DZ、宏博等程序搭建好了网站，但是这个你最好还是了解一下）
1、整理规划
      就是确定一个你构建网站的目标！是做图片网、还是小说网？确定目标后就要考虑一下几点：
   a.目标的对象，是针对那些人！b.目标那些人的计算机配置和浏览器版本。（否则你的做的网站别人无法访问，这个现在一般不会存在多大问题）c.插件问题
2、建立站点
      这个主要用到Dreamwaeaver这个软件来建立站点！
3、收集资源
   这个是必须得，就是收集你要建站的内容！如：图片资料、文字资料、动画资料等。
4、布局页面
   共四种方法！a.利用表格进行排版 b.利用层排版 c.利用布局视图进行排版 d.利用框架排版
5、编辑文档和超链接
6、发布站点及站点维护。

下面走进HTML：
HTML 表示超文本标记语言（Hyper Text Markup Language）
元素  它由首标记（start tag）内容(content) 尾标记(end tag) 组成！
标记的格式以“<”开头，以“>”结尾。如：<br> 这个就是换行的标记
<html>他是首标记  </html>他是尾标记  尾标记之不过多了一个‘/’而已！
注意：在HTML网页设计中，大部分的标记都是成对出现的！
如："<b>"飘仙建站"</b>" 在“飘仙建站”两边加上 b 的标记就可以是 “飘仙建站” 四个字的字体加粗！其中""不是代码！我们QQ聊天中，也用到过! 加粗我们点B ，其实就是B 标记！B和b是一样的，不分大写小写！

HTML的基本结构：
   <html>
   <head>
               <title></title>
   </head>
   <body>
   </body>
   </html>

这就是一个网站必须要有的！HTML代码！！

动手操作！
在你的桌面空白处，按鼠标右键【新建】再选【文本文档】，然后打开记事本，输入如下代码,可以直接复制我下面的（红色的都是的）：(注意：写代码的时候{输入法}一定用转换到英文状态下)
<html>
   <head>
               <title>飘仙建站</title>
   </head>
   <body bgcolor="yellow" >
第一章：泥鳅教你学HTML<br>
      第一课、<a href="http://bbs.piaoxian.net/forum.php?mod=post&action=newthread&fid=48&referer=http%3A//bbs.piaoxian.net/forum-48-1.html">泥鳅教学</a>

   </body>
   </html>

打完代码后，保存到桌面！然后把文件名更改一下！把你{新建文本文档.txt}改成{index.html}
后，双击看效果！

好了！童鞋们，咱的第一课HTML教学到此就结束咯！你掌握了吗？对你有所帮助吗？懂了就留个言吧！

最后感想：
         就这点字数，我码了1个半小时！现在终于知道，咱们站长飘仙的伟大啦！哈哈~~

ViP火ˇ弦 · 发表于 2011-12-13 20:43:26

沙发，，学习了哈哈，，谢谢分享{:soso__9989251613991394311_3:}

狼尊 · 发表于 2011-12-13 22:21:35

不错顶上！

seo · 发表于 2011-12-14 10:41:50

这么好的帖，我支持！！！

9797 · 发表于 2011-12-20 16:25:36

继续深入学习哈

tiangeping123 · 发表于 2012-5-22 14:55:01

简单易懂，谢谢

		自动登录	找回密码
密码			立即注册

[精华] 泥鳅教你HTML！（第一课）（听课对象：HTML菜鸟）

本帖子中包含更多资源

点评

评分

站长推荐 /1