简单网页制作成品免费个人博客网页制作成品图片-趣分享

如果你已经上网，为何不尝试一下在网上做一个完全属于自己的主页？有了自己的主页，全世界的人都可以随时找到你，你也可以向全世界宣传下自己，是非常有意义和有意思的。现在简单介绍一下制作主页的过程和方法：一、准备材料你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:\html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下. 要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office 97的照片器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。二、开始制作你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键，再选create link，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是~~~~~~ 三、将你制作好的安放在网上要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了引用！

dw简单网页制作成品学生作业静态网页

《!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》《script type=“text/javascript“》var fireworks = function(){ this.size = 20; this.rise();}fireworks.prototype = { color:function(){ var c = ; var t = ; t.sort(function(){return Math.random()》0.5?-1:1;}); return ’#’+t.join(’’); }, aheight:function(){ var h = document.documentElement.clientHeight-250; return Math.abs(Math.floor(Math.random()*h-200))+201; }, firecracker:function(){ var b = document.createElement(’div’); var w = document.documentElement.clientWidth; b.style.position = ’absolute’; b.style.color = this.color(); b.style.bottom = 0; b.style.left = Math.floor(Math.random()*w)+1+’px’; document.body.appendChild(b); return b; }, rise:function(){ var o = this.firecracker(); var n = this.aheight(); var c = this.color; var e = this.expl; var s = this.size; var k = n; var m = function(){ o.style.bottom = parseFloat(o.style.bottom)+k*0.1+’px’; k-=k*0.1; if(k《2){ clearInterval(clear); e(o,n,s,c); } } o.innerHTML = ’.’; if(parseInt(o.style.bottom)《n){ var clear = setInterval(m,20); } }, expl:function(o,n,s,c){ var R=n/3,Ri=n/6,Rii=n/9; var r=0,ri=0,rii=0; for(var i=0;i《s;i++){ var span = document.createElement(’span’); var p = document.createElement(’i’); var a = document.createElement(’a’); span.style.position = ’absolute’; span.style.fontSize = n/10+’px’; span.style.left = 0; span.style.top = 0; span.innerHTML = ’*’; p.style.position = ’absolute’; p.style.left = 0; p.style.top = 0; p.innerHTML = ’*’; a.style.position = ’absolute’; a.style.left = 0; a.style.top = 0; a.innerHTML = ’*’; o.appendChild(span); o.appendChild(p); o.appendChild(a); } function spr(){ r += R*0.1; ri+= Ri*0.06; rii+= Rii*0.06; sp = o.getElementsByTagName(’span’); p = o.getElementsByTagName(’i’); a = o.getElementsByTagName(’a’); for(var i=0; i《sp.length;i++){ sp.style.color = c(); p.style.color = c(); a.style.color = c(); sp.style.left=r*Math.cos(360/s*i)+’px’; sp.style.top=r*Math.sin(360/s*i)+’px’; sp.style.fontSize)*0.96+’px’; p.style.left=ri*Math.cos(360/s*i)+’px’; p.style.top=ri*Math.sin(360/s*i)+’px’; p.style.fontSize)*0.96+’px’; a.style.left=rii*Math.cos(360/s*i)+’px’; a.style.top=rii*Math.sin(360/s*i)+’px’; a.style.fontSize)*0.96+’px’; } R-=R*0.1; if(R《2){ o.innerHTML = ’’; o.parentNode.removeChild(o); clearInterval(clearI); } } var clearI = setInterval(spr,20); }}window.onload = function(){ function happyNewYear(){ new fireworks(); } setInterval(happyNewYear,1000);}《/script》《style type=“text/css“》.STYLE2 {font-size: 24px; color: #FFFFFF; }《/style》《script language=“javascript“》 function mbcheck() { if(document.form1.text.value==““) { alert(“请输入留言内容“); document.form1.text.focus(); return false; } return true; }《/script》《style type=“text/css“》《!--body { background-color: #CCFFFF;}--》《/style》《/head》《body 》《table width=“1099“ height=“120“ border=“0“ align=“center“》《tr 》《td width=“120“ height=“120“ align=“left“ valign=“top“》《img src=“picture/未命名-1.png“ width=“1100“ height=“120“ /》《/td》《/tr》《/table》《table align=“center“》《tr align=“center“》《td width=“122“ height=“40“ bgcolor=“#6666FF“ class=“STYLE10“》《a href=“index.asp“》首页《/a》《/td》《td width=“148“ bgcolor=“#6666FF“》《span class=“STYLE14“》言情小说《/span》《/td》《td width=“145“ bgcolor=“#6666FF“》玄幻小说《/td》《td width=“127“ bgcolor=“#6666FF“》都市言情《/td》《td width=“118“ bgcolor=“#6666FF“》历史武侠《/td》《td width=“96“ bgcolor=“#6666FF“》恐怖小说《/td》《td width=“147“ bgcolor=“#6666FF“》网络小说《/td》《td width=“148“ bgcolor=“#6666FF“》论坛《/td》《/tr》《/table》《/p》《form id=“form1“ name=“form1“ method=“post“ action=“tiezi-save.asp“ onsubmit=“return mbcheck();“》《table width=“600“ height=“250“ border=“1“ align=“center“ bordercolor=“#171717“》《tr》《td colspan=“2“ bgcolor=“#8E8E8E“》《div align=“center“》《span class=“STYLE2“》发帖《/span》《/div》《/td》《/tr》《tr》《td width=“178“ bgcolor=“#BEBEBE“》《span class=“STYLE3“》《/span》用户名《/td》《td width=“406“ bgcolor=“#BEBEBE“》《span class=“STYLE3“》《label》《input name=“name“ type=“text“ id=“name“ /》《/label》《/span》《/td》《/tr》《tr》《td bgcolor=“#BEBEBE“》《span class=“STYLE4“》请问你想说《/span》《/td》《td bgcolor=“#BEBEBE“》《span class=“STYLE3“》《label》《textarea name=“message“ id=“message“》《/textarea》《/label》《/span》《/td》《/tr》《tr》《td colspan=“2“ bgcolor=“#BEBEBE“》《span class=“STYLE3“》《/span》《span class=“STYLE3“》《label》《div align=“center“》《input type=“submit“ name=“Submit“ value=“提交“ /》《input type=“reset“ name=“Submit2“ value=“重置“ /》《/div》《/label》《label》《/label》《/span》《/td》《/tr》《/table》《/form》《p class=“STYLE2“》《/p》《/body》《/html》

如何制作免费网页~~~

网站设计八步骤由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。一、确定网站主题网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。二、搜集材料明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。三、规划网站一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。五、制作网页材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。六、上传测试网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。七、推广宣传网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。八、维护更新网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者 ★要想学做网页，首先得了解制作网页的工具。制作网页主要有以下一些工具 Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。 Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。另外一个工具就是代码工具，例如写字本、EditPlus等，这些工具主要asp等动态网页。此外还有一些网络编程工具，javascript、java器等。网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！祝你成功。 ★你可以结合 Dreamwaver 和 Photoshop 来制作网页。 Dreamwaver 可以到这里下 30天试用版，不过要先登记一个免费帐号，建议使用网页制作三剑客Dreamweawer+Firework+Flash 或使用Frontpage