制作Html语言网站全攻略

作者&投稿:达霍 (若有异议请与网页底部的电邮联系)
~ 电子信息时代,会制作一个简单的网站是网络时代新人的必备素质。下面以我制作的一个以母亲节为主题的静态网站来了解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语言网站制作完成了。然后测试一下,需要时可以调整下布局。


我想做一个简单的html语言做的网页,高手给代码
<html> <head> <meta http-equiv="Content-Type" content="text\/html; charset=gb2312"> <title>新用户注册<\/title> <style> body,td{font-size:12px} .bk {color: #f78d00; border:1px #f78d00 solid;} .Tips_bo { FONT-FAMILY: "Arial", "宋体";BORDER: 0px #f78d00 solid;...

谁能帮我用HTML语言做一个简单的网页?代码就行
<head> <title>第一个html网页<\/title> <metacharset="utf-8"> <\/head> <body> <\/body> <\/html> <html> <head> <title>第一个html网页<\/title> <metacharset="utf-8"> <\/head> <body> <table> <tr> <td>第一行第一列<\/td> <td>第一行第二列<\/td> <\/tr> <tr> <td>...

怎么做一个中英文网站
语言版本的开启和关闭 功能位置:我的站点-网站设置-语言版本。根据网站建设需求,开启或关闭对应的语言分类。设计器中编辑 1、在“我的站点-网站设置-语言版本”中开启语言之后,设计器刷新后会自动添加该语言的空白网站。用户可在此切换到不同语言网站的设计页面,分别进行页面编辑。2、用户可复制某一个...

html用什么软件编写
HTML编辑器有以下几种:1、AdobeDreamweaver 简称“DW”,中文名称 "梦想编织者",最初为美国MACROMEDIA公司开发,2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。2...

运用html语言编写一个网页
<html><HEAD><TITLE>运用html语言编写一个网页_百度知道<\/TITLE><META http-equiv=Content-Type content="text\/html; charset=gb2312"><LINK title="“运用html语言编写一个网页”的最新回答(RSS 2.0)" href="http:\/\/zhidao.baidu.com\/q?ct=20&qid=4368703&pn=65535&rn=25&tn=rssqb" type=application\/...

为什么一定要用HTML语言创作网页呢?
在93年左右,瑞士人发明了www(万维网),只要我们遵守html语言规则,就可以写出网页挂在网上了,你应该感谢html而不是排斥它,没有它你既是想用互联网也很难,互联网早在50、60年代就有了,但是那时候一般人不会使用,因为你必须学会网络套接字通信,有几个人能会呢?只有html出现后,网页制作才...

怎么制作一个网站。我的水平仅限于用HTML语言写一个静态的的基础网页...
Macromedia Dreamweaver 这个是首推,因为它是Macromedia的网页三剑客之一,与Macromedia Fireworks、Macromedia Flash组成的网页三剑客是做网页的利器。Macromedia Homesite 如果你熟悉HTML语言,用这个做也是个不错的主意 Microsoft Frontpage 如果你对做网页毫不通晓,可以使用这个软件,微软的东西一向是以方便著称...

html怎么制作网页
1、html文件是最常见的网页文件,所谓HTML是超文本标记语言(HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。2、html文件的编辑非常简单,使用文本编辑器就可以打开,也可以使用editplus,vim,notepad++,ultraEdit 等等编辑工具打开,打开就可以直接看到源码,也可以进行编辑修改。3...

怎么用html制作简单得网页代码?
3、代码设计:代码设计其实也就是功能设计,一个网站不可能只是展示,还需要有一些其他功能,最少有联系版块的功能,留言功能等等,如果是电子商务网站还需要一些支付功能等等。此外,代码设计也涵盖了整个网站的框架布局,这个需要站长结合SEO优化元素去设计。网页的本质就是超级文本标记语言,通过结合使用其他...

如何制作HTML页面
1、首先我们需要在桌面上,新建一张记事本 2、然后我们需要打开记事本,编写代码 3、然后我们需要把记事本修改后缀名为.html 4、然后我们需要在桌面上就会有一张网页,这一点很重要。5、最后我们需要需要在浏览器上运行该网页

湄潭县19148214440: 如何制作html -
鄞哪夏枯: 网页制作要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感.因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来.网站设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手...

湄潭县19148214440: 怎样用html制作网站
鄞哪夏枯:一般用DW程序设计网页,然后用FTP上传至空间上. COM国际域名+M1 - S型空间(100M,多线机房,支持ASP、CGI、PHP、ACCESS,FTP管理),网站备案免费.每年费用是185元.

湄潭县19148214440: 怎样制作网页?
鄞哪夏枯: 我是从0开始瞎摸索到今天的,以下是我的拙见,对你或许有些帮助. 绝大多数人都是从dreamweaver或者frontpage开始学习的,但其实你最后会发现,那只是编辑工具,类似用word写篇文章一样. 那么你要写好的文章,你就要先去学word吗...

湄潭县19148214440: 怎样使用HTML语言编写一个小网站 -
鄞哪夏枯: photoshop cs3 http://www.xdowns.com/soft/31/93/2007/Soft_39370.html dreamwaver cs3 http://www.xdowns.com/soft/1/95/2007/Soft_37526.html flash mx cs3 http://www.xdowns.com/soft/31/93/2007/Soft_39623.html制作网页用Dreamweaver,flash...

湄潭县19148214440: 怎么制作网页?
鄞哪夏枯: 方法一、 要是只是玩票性质做着玩玩的话,就找一个做网页的软件 , 用得最多的大概就是网页三剑客吧,就是 dreamweaver mx,fireworks mx ,flash mx ,功能很强,而且容易上手. 去 http://websoft.happu.net/ 下载吧!!!还有教程哦!!!!...

湄潭县19148214440: 怎样制作网页?
鄞哪夏枯: 简单介绍一下制作主页的过程和方法: 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面:自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如d:\\\\html),来放你的所有文件,然后再在这...

湄潭县19148214440: 怎样创建自己的一个网页(详细说明)
鄞哪夏枯: 开始构造你的网站 1、总体规划你的网站 当你想建立你的网站是你一定已经在网上浏览过n个小时了,当看见别人的网上之家的时候,或者受朋友“到我的网页看看”的精神刺激下,你开始产生网上建家的冲动了!但是这时候你并不知道你建网...

湄潭县19148214440: 怎样制作网页 详细点
鄞哪夏枯: 首先学习最基础的HTML 和CSS及DIV美化布局 还有JS特效 此外 你还需知道美工方面的知识 比如一些图象编辑制作软件 如:PS Fireworks等 Flash之类的 这样就能做出很好看的静态网站了 后期呢就要学习动态的如JSP ASP php 数据库等关于...

湄潭县19148214440: 用HTML语言建立一个简单的网页
鄞哪夏枯: 新建一个文本文档 把下面的代码拷贝进去 保存 然后把后缀名改为.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/...

湄潭县19148214440: 用HTML语言怎样编写网页?最好有文字的、
鄞哪夏枯: 基本上不会有人用HTML直接编写网页的,因为HTML做出来的网页是静态的.许多网站上看到的HTML代码都是.net、jsp、asp...等等动态页面被网站服务器的web容器生成的.如果真的要做HTML的页面也是用网页三剑客做的.主要HTML都是dv编辑的.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网