电子信息时代，会制作一个简单的网站是网络时代新人的必备素质。下面以我制作的一个以母亲节为主题的静态网站来了解Html语言网站的基本制作过程。
步骤/方法
选择好要建站的主题，比如母亲节。然后考虑建几个页面，比如建两个页面，一个首页母亲节页面，一个注册页面。
在一个盘符下建一个站点，在站点内建一个文件夹命名为images，找好自己需要的图片，需要的话可以通过Photoshop、Flash等工具处理一下，然后把它们存放在该文夹里。
在桌面上建一个文本文档，然后开始第一个页面首页的Html代码编写，如下：html head title母亲节1/title /head body bgcolor="11ca11"div id="butong_net_right" style="overflow:hidden;width:500px;" table cellpadding="0" cellspacing="0" border="0" trtd id="butong_net_right1" valign="top" align="center" table cellpadding="2" cellspacing="0" border="0" tr align="center" tdimg src="images/12.jpg" width="40"/td tdimg src="images/13.jpg"width="40"9/td /tr /table /td td id="butong_net_right2" valign="top"/td /tr /table /div script var speed=30 butong_net_right2.innerHTML=butong_net_right1.innerHTML function Marquee4(){ if(butong_net_right.scrollLeft=0) butong_net_right.scrollLeft+=butong_net_right2.offsetWidth else{ butong_net_right.scrollLeft-- } } var MyMar4=setInterval(Marquee4,speed) butong_net_right.onmouseover=function() {clearInterval(MyMar4)} butong_net_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)} /script table align="center"img src="images/4.jpg" width="900" height="50" p table align="center" a href="sj.html" style="text-decoration:none"中华母亲节首页/a pmarquee color="red" face="仿宋体"欢度母亲节！/marquee/p a href="免费注册.html" style="text-decoration:none"nbsp|nbsp免费注册 /aa style="text-decoration:none" href="#" nbsp|nbsp/aa style="text-decoration:none" href="jierizhufu.html"nbsp|nbsp节日祝福/aa style="text-decoration:none" href="guanyumuqinjie.html"nbsp|nbsp关于母亲节/aa style="text-decoration:none" href="lianxi.html"nbsp|nbsp联系我们/aa href="
http://zgtkgl.net//a/table/table/p br ph1节日起源：/h1/p table trmarqueebehavior=#img src="images/8.jpg" width="130" height="160"marquee behavior=scrollimg src="images/5.jpg" width="130" height="160"/marquee img src="images/3.jpg" width="130" height="160" thfont color="blue" size="6px"健康幸福！/font/th/p td pre thfont color="blue" size="6px"健康幸福!/font/th/td trtd align=rightpnbspnbspnbsp节日起源于古希腊。在这一天，古希腊人向希腊众神之母希布莉（Cybele，宙斯、波塞冬、哈德斯、得墨忒耳、赫拉和赫斯提亚的母亲，故称众神之母）致敬。/td pnbspnbspnbspnbsp到古罗马时，这些活动的规模就变得更大，庆祝盛况往往持续达三天之久。当然，古时人们对女神的崇拜只不过是一种迷信，它同今天人们对母性的尊敬是大不相同的。在17世纪中叶，母亲节流传到英国，英国人把封斋期的第四个星期天作为母亲节。/p td在这一天里，出门在外的年轻人将回到家中，给他们的母亲带上一些小礼物。/td p1876年，美国还在悲悼南北战争的死者。安娜·查维斯夫人送给天下所有的母亲，母亲节快乐! 在礼拜堂讲授美国国殇纪念日的课程，讲到战役中捐躯的英雄故事后，她进行祈祷时说：“但愿在某处、某时，会有人创立一个母亲节，纪念和赞扬美国与全世界的母亲。” /p/td /pre pre table trth pimg src="images/8.jpg" width="200" height="200" overflow="right"/p/th thfont size="4px" face="黑体" color="白色"物品：/font pfont size="zopx"color="red"face="黑体"br 玫瑰nbsp;|康乃馨|nbsp;nbsp/font /p/th /table pfont size="3px" face="隶书" color="yellow"节日习俗/font/p /br hr width="900px" color="brown" size="3px" h1母亲节的花语/h1 p真情不变：/p li组成：11枝粉色康乃馨，1枝多头白香水百合，满天星，百草，内层粉色面棉纸包装，外层粉色皱纹纸包装，淡紫色缎带打结。 圆形花束。/li p永恒的爱/p li组成：20枝粉色康乃馨，绿叶，石松，满天星，粉红色不问包装纸，红色丝带。/li p母恩永远/p li组成：2枝火百合+18枝康乃馨 您曾说坚持不一定成功，但放弃的结果一定是失败。/li pimg src="images/1.jpg" width="500px" height="300px" alt="祝福"/p p节日赞语br img src="images/9.jpg" li无论我现在怎么样，还是希望以后会怎么样，都应当归功于我天使一般的母亲。我记得母亲的那些祷告， 他们一直伴随着我，而且已经陪伴了我一生。 ——亚伯拉罕.林肯/li /p p font color="#FFA275" size="+6"中国母亲/fontbr font face="新宋体" color="#FF0000" size="4"幸福安康/font /p /pre td pre pimg src="images/7.jpg" width="200" height="200"/p/td tdp伟大产生于此/p p美丽的天使 /p p真心呵护 /p p 真爱一生 /p p您辛苦了 /p /pre /td /tr /table hr size="12"color="red"width="1250" ptable align="right"h4 style="text-decoration:none"关于我们nbsp|nbsp合作网站nbsp|nbsp法律声明nbsp|nbsp联系我们/h4/p hr width="950px" color="gray" size="3px" center版权信息：Copyright copy;nbsp;1998-2011nbsp;TENCENTnbsp;Inc.All Rights Reserved/center ul type="a" /body /html //注：当然网页中的内容可以根据自己的设计添加。 完成后在文本文档页点击最上方标题栏的文件，然后选择另存为：母亲节.html。
接着做另一个页面：注册页面，同样是在空白文本文档里写入代码，如下： html head title免费注册/title script type="text/javascript" function ShowMessage() { if(document.getElementById("txtName").value=="") { alert("请输入用户名！"); return false; } else if(document.getElementById("txtPwd").value=="") { alert("请输入用户密码！"); return false; } } /script /head body a href="javascript:goto_page();"欢迎光临/a /body script //预定义页面 var link_a = "file:///D:/母亲节/muqin.html"; var link_b = "file:///D:/母亲节/母亲节.html"; //执行方法 function goto_page(){ if(window.confirm("点击确定进入muqin页面，取消进入母亲节页面。")){ location.href = link_a; }else{ location.href = link_b; } } /script form method="post" action=":/ww/text" 用户名:input id="txtName" type="text" / br / 密 码: input id="txtPwd" type="text" / br / 请在下列付款方式中任选一项: br input type="radio" name="x1" value="电子汇款" checked 电子汇款 input type="radio" name="x1" value="现金汇款" checked现金汇款 input type="radio" name="x1" value="邮件汇款" checked邮件汇款 br 请在下列列表中选择节日花的种类: br input type="checkbox" name="x1" value="康乃馨"康乃馨 input type="checkbox" name="x1" value="郁金香"郁金香青菜 input type="checkbox" name="x1" value="玫瑰"玫瑰 input type="checkbox" name="x1" value="香水百合"香水百合 br select name="x2" size=12 multiple option幸福 option快乐 option健康 option好运 /select br textarea name="x3" rows=18 cols=39你的要求: /textarea center nbspnbspinput id="Button1" type="button" value="确定" onclick="return ShowMessage()" /nbspnbspnbsp input type="reset" value="重置" /center /form /html 完成后同样是在文本文档页点击最上方标题栏的文件，然后选择另存为：免费注册.html。
将这两个页面链接起来，可以在母亲节页面的导航里将免费注册做一个超级链接，链接到免费注册页面，具体代码为：a href="免费注册.html" style="text-decoration:none"nbsp|nbsp免费注册 /aa style="text-decoration:none" href="#" nbsp|nbsp/a //注：这行代码是在母亲节页面查看源文件的body/body里设置的。
至此一个以母亲节为主题的简单的HTML语言网站制作完成了。然后测试一下，需要时可以调整下布局。