网页简单制作

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

我把网上最主流的网页/网站制作工具都列出来了其中第1、2是主要制作工具，后面的多是辅助工具3、6是比较容易上手的另外最简单的静态页面其实可以用word制作，保存成html就可以你可以试试1、FrontPage FrontPage是一款优秀的网页制作与开发工具之一，它本身也是Office2000中的一个重要组件，采用了与Office2000其他组件一致的界面和操作方式，只要您使用过Office软件，就可以轻松掌握FrontPage的用法。 2、网页制作三剑客 Flash、Dreamweaver、Fireworks合在一起被称为网页制作三剑客。这三个软件相辅相承，是制作网页的首选工具，其中Dreamweaver主要用来制作网页文件，制作出来的网页兼容性好、制作效率也很高，Flash用来制作精美的网页动画，Fireworks用来处理网页中的图形。 3、Photoshop Photoshop是Adobe公司的王牌产品，无论是在平面广告设计、室内装潢，还是处理个人数码照片方面，Photoshop都已经成为不可或缺的工具。在网页制作方面，它多姿多彩的滤镜和功能强大的选择工具可以做出各种各样的文字效果来。 4、Swishmax Swish是一款非常方便的Flash文字特效制作工具，你只要点几下鼠标，就可以创造出形状、文字、按钮动画，你也可以选择内建的超过230种诸如爆炸、漩涡、3D旋转以及波浪等预设的动画效果。 5、PhotoImpact PhotoImpact提供了多媒体时代专业影像设计者最直觉的创意空间、最方便的制作工具、及最宽广的表达形式，整合了新时代的3D物件及文字特效与粒子效果、压力笔支援、不同的自然笔触、各式直觉操作的特效图库、以及网页影像与办公室文件的相容性，将构思到表达的过程完整组合，是专业网页影像设计者不可或缺的利器。 6、Sound Forge Sound Forge软件是一款非常棒的音效编辑软件,它除了音效编辑软件的功能外,还可以让你处理大量的音效转换的工作,使你能够轻松的完成各种看似复杂的音效编辑工作。如果下载的是英文版，可以用金山快译永久汉化，但效果不是很尽人意。 7、硕思闪客精灵 硕思闪客精灵是一款用于浏览和解析Flash动画的工具。它可以将.swf文件导出成.fla文件，还能将flash动画中的图片、矢量图、声音、视频（*.flv）、文字、按钮、影片片段、帧等基本元素完全分解，以及对动作脚本(ActionScript)进行解析，清楚的显示其动作代码，让你对Flash动画的构造一目了然。建议你赶快去下载吧！｝ 8、Clipyard 你只要导入不同的Flash动画文件，将其放在不同的层上，经调试效果，导出后就成了一个单独的flash了，操作简单，特别适合于将自己喜欢的Flash动画加入祝福、签名后赠送友人。 9、FlashFXP 是一款优秀的FTP工具，特别适合Web站点管理员使用。支持文件夹(带子文件夹)的文件传送、删除；支持上传、下载及第三方文件续传；可以跳过指定的文件类型，只传送需要的文件；可以自定义不同文件类型的显示颜色；可以缓存远端文件夹列表，支持FTP代理；具有避免空闲功能，防止被站点踢出；可以显示或隐藏“隐藏”属性的文件、文件夹；支持每个站点使用被动模式等。 10、FlaX FlaX是一款制作Flash文字特效的小巧软件。在以前若要制作文字绕圆圈的动画，在Flash里一个一个字的慢慢调整位置，颇费时间，如果使用FlaX很快就可以就搞定。 FlaX有四个窗口面板：预览窗口、影片属性面板、文字属性面板、特效属性面板。 11、Web Animator Web Animator(网页动画设计)是HomePage Builder附带的创建动画GIF的程序。所谓动画GIF是GIF格式图像文件的一种，组合几个图像象漫画一样连续运动。动画GIF与普通的GIF图像一样可以粘贴到页面。使用Web Animator可以完成如下工作：组合现有的图像，创建类似于漫画的动画；给一个图像添加动画效果，创建具有效果的动画；给指定的字符串添加动画效果，创建字符动画。12.goliveAdobe收购mm之后推出的网页制作工具,将代替Dreamweaver成为主流.

是做个人网站？？ 怎样免费建自己的网站，如何建个人网站？怎么自己建网站？ 网客科技 www.wkekj.cn 教你怎样建个人网站的： 1.确定网站主题：如何建个人网站？首先， 你至少要找一个您感兴趣的内容或主题来做网站 2.找空间，注册域名： 确定主题后，需要寻找一个比较好的主页空间，并且为自己的网站注册一个域名。目前可选的空间商很多，建议选择资历超过2年的公司。3.找网站建设工具： 怎么自己建网站？ 用frontpage等网页制作软件，一个页面一个页面的做网站的时代已经过去了，您可以直接找一个免费建网站的程序，安装到您的空间里，就只用傻瓜式的添加内容就可以了。这里，这里，你可以使用建站宝盒，建站宝盒NiceBox是自助建站工具包，包含多款精美建站模板和计数器、留言本、在线新闻系统、产品发布系统 、论坛系统、在线客服系统、招聘系统等动态功能模块，页面随意增加。使用者无需任何专业知识，运用浏览器，轻点鼠标就能立即生成精美实用、功能强大的网站，非常适合中小企业以及个人自助建站。本系统是网客科技虚拟主机附属增值系统管理平台，即只要是在网客科技购买虚拟主机产品，就可以免费支持并使用此系统管理平台 。 试用用户名: test 试用密码: nicebox试用地址： http://www.wkekj.cn/design/?p=nicebox 4.添加内容：购买虚拟主机后，您就只需要添加内容就可以了。这个建网站的工具会自动给您生成网页，做好链接的。 5.推广网站：您的网站有内容后，就需要到处推广它了。nicebox有友情链接模板，您可以很方便的和其它网站交换友情链接。 6.欣赏它，爱护它：做了网站，要学会欣赏它，爱护他。喝杯咖啡，慢慢品尝它吧。经常补充一些新内容，您的网站就会流量越来越大，人气越来越旺。希望采纳

我们需要先制作背景图片。也就是网页背景那块蓝色的部分。我们需要单独做出来。2新建一个1920px*400px的文件3我们拉一个一个蓝色（#506dbb）到白色的一个渐变4效果图5然后我们保存这张图片为gif格式这时候我们新建一个1000*800的文件我们把网页效果图制作出来。这里都是用到ps制作的。没有写任何代码。这个过程我就不讲了大家制作好网页效果图完成的时候一定要注意把网页背景图层删掉，保持透明6下一步我们使用切片工具。把页面进行切片。如下图所示注意每一个链接都要切片一下。切片工具和矩形选区工具一样，拉一下就是一个切片为了区分我这里加了背景。我们一会一定要记得去掉7我们再使用切片选择工具选择单个切片。然后右键8我们再逐个为切片添加链接9我们现在保存为web所用格式10我们把这里选择png—8保存保存完成后效果图保存完成后。会生成一个目录和一个html文件。我们用浏览器打开这个html文件可以看看效果。由于我们保存时选择的是png格式的所以看到的效果不美观，且网页靠左边。我们要做的就是让网页有一个背景就是我们刚刚制作的蓝色背景。且页面居中为了方便，这里我们使用 Dreamweaver。这个软件破解版和安装教程问度娘要这里就不多说。打开 Dreamweaver界面我们新建一个站点我们先要给网页居中。我们用Dreamweaver打开ps生成的html文件进入Dreamweaver的设计视图。注意看我们用鼠标点一下最外边的这根线。（把鼠标放在四个角上单击一下就可以选中）选中然后把下边的属性设置为居中。注意看这样网页就居中了。我们再添加一个背景我们先把鼠标在旁边空白地方单击一下，然后点击下面的页面属性把背景图片设置为我们刚刚制作的背景图。重复选择no开头的那个。其他的不用管。然后我们按ctrl+s保存好网页。然后即可使用浏览器预览效果了ps制作网页就是这么简单

网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册查询和主机托管等服务的总称。下面是网站制作的步骤：1.需要评估使用的功能规格；2.竞争的研究；3.发展的结构（树），网页的内容和演示；4.创建一个Web界面（也被称为网页设计）；5.用不同的编程语言的网站整合。主要的的HTML（标准通用标记语言下的一个应用），层叠样式表（外语简称：CSS），JavaScript，PHP，ASP.NET；6.建立一个网站的内容管理系统（外语简称：CMS）；7.预订和管理域名（网站地址，网站的访问）；8.上线一个FTP服务器，允许主办的网站不断地连接到互联网上的Web服务器上的网页文件；9.创建一个网站可以委托给易雅网或自己制作。要自己建立一个网站，它可以使用网页编辑器。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns=""><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><form id="form1" name="form1" method="post" action=""> <label for="textfield"></label> <input type="text" name="textfield" id="textfield" /> <input type="submit" name="button" id="button" value="提交" /></form></body></html>望采纳

<html> <head> <title>网页设计与网站建设课程网站</title> <meta http-equiv="keywords" content="网页设计,网站建设,课程信息"> <meta http-equiv="description" content="网页设计与网站建设课程网站"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style>body { background-color: #660000;color:#FFF; } div.container {padding:50px 70px 20px 10px;}span.title {font-weight:bold;}</style> </head> <body> <div class="container"> <div><span class="title">网页设计与网站建设课程网站</span></div><div class="content"><p>网页设计</p><p>网站建设</p><p>课程信息</p></div><div> </body></html>

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>计数器</title></head><body>    <input type="text" name="text" id="pre" onblur="validate(this.value);">    <select  id="operator">        <option value="+">+</option>        <option value="-">-</option>        <option value="*">*</option>        <option value="/">/</option>    </select>    <input type="text" name="text" id="next" onblur="validate(this.value);">    <span>=</span>    <input type="text" id="result" readonly="true">    <input type="button" id="btn" value="提交" onclick="calculator();">    <script>    function validate(str){        var reg = /^\d+$/;                             if (!reg.test(str)) {                                     alert("请输入数字");               }    }    function calculator(){        var pre=document.getElementById("pre").value;        var next=document.getElementById("next").value;        var opra=document.getElementById("operator").value;         var result=0;        switch(opra) {            case "+":                result=parseInt(pre)+parseInt(next);                break;            case "-":                result=parseInt(pre)-parseInt(next);                break;            case "*":                result=parseInt(pre)*parseInt(next);                break;            case "/":                if(parseInt(next)!=0){                    result=parseInt(pre)/parseInt(next);                }                else{                    alert("除数不能为0");                    return;                }                break;            default:                break;        }        document.getElementById("result").value=result;    }    </script></body></html>

打开FrontPage 2003，打开我们已经建立好的只有一个网页的站点，在文件夹列表窗格中双击index.htm网页文件，我们看到网页编辑窗格中的标签选项卡发生了变化，说明我们可以11/3页对已经打开的网页文件进行编辑了。2、选择我们已经输入的文字“我的个人主页”，在“样式”列表框中选择“标题1”，在【格式】工具栏中选择“居中排列”，选择字色为“蓝色”。我们可以像修饰Word文字一样修饰这些文字。3、选择第二行文字，字号“3?12磅?”，颜色为绿色；选择第三行文字，字号为“4?14磅?”，颜色为“红色”。4、选定下两行文字，单击【格式】工具栏中的“居中”按钮。5、单击【常用】工具栏中的“保存”按钮，完成主页文字的编辑。到此为止，我们就编辑好了一个简单网页了。三、技能练习：1、单击【常用】工具栏中的“新建普通网页”按钮，我们看到产生了一个新的网页名标签选项卡。这个临时网页的文件名是new_page_1.htm.在其中输入并修饰自我介绍的内容。2、单击【常用】工具栏中的“保存”按钮，在打开的【另存为】对话框中，修改文件名为my.htm。同时可点击【更改标题】，在弹出的【设置网页标题】对话框中修改网页标题为“自我介绍”。22/3页然后点击【保存】按钮。这是我们看到了新建的网页标签选项卡的名字由原来的临时网页文件名变成了my.htm，文件夹列表窗格中也产生了一个对应的网页文件。一个新的网页文件就这样创建好了。四、开动脑筋：1、在FrontPage 2003中输入文字时，要换行时应该怎么做呢？2、文字的大小除了通过选择字号进行设置外，我们可不可以自己编辑字号的大小呢？1、 单击“新建”2、 输入文字3、 设置“字体”和“样式”4、 新建普通网页