网页设计简单成品（如何设计简单的网站）

本文目录

• 如何设计简单的网站
• dw简单网页制作成品 学生作业 静态网页
• 怎样制作一个简单的网页，最好给我个成品，急用

如何设计简单的网站

首先，可以告诉想学网页设计的朋友。学习设计网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。

建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的.

第一阶段：开始时最好是学些网页软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页设计与运营的原理。最好使拿本教程来学学，结合教程边学习边设计。

第二阶段：会用网页设计软件后，已会设计一个较完整的网站了。但为了能使自己设计设计的网页尽善尽美，还是学习网页的核心技术吧！网页语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。

第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。

设计网页，不是说一两篇文章能够说清楚的。以上介绍的是设计网页的主要纲要，希望能够给想要学习设计网页的朋友一个参考。

二

一、工具

1、空间

网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。

2、软件

推荐使用.0中文版，这个软件最大的特点就是“所见即所得”，也即是设计过程中看到的，便是到时发布到网络上的。

二、教程

花点时间，找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成，不外是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何设计网页了。

三、设计

开始时建议去下载一个比较简单的网页，在设计软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。

其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了。

一点个人的粗浅体会，不妥之处敬请指正。

三

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以设计网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会设计网页，于是他们认为网页设计非常简单，就匆匆忙忙设计自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后设计网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己设计网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在设计网页之前把这些方面都考虑到了，才能在设计时驾轻就熟，胸有成竹。也只有如此设计出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的设计工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页设计涉及的工具比较多，首先就是网页设计工具了，目前大多数网民选用的都是所见即所得的工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，是首选。除此之外，还有图片工具，如Photoshop、Photoimpact等；动画设计工具，如Flash、Cool3d、GifAnimator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、设计网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行设计。所谓先大后小，就是说在设计网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在设计网页时要多灵活运用模板，这样可以大大提高设计效率。

六、上传测试

网页设计完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页设计工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者.

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

***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《title》发表评论《/title》
《script type="text/javascript"》
var fireworks = function(){
***** = 20;
*****();
}
***** = {
color:function(){
var c = ;
var t = ;
*****(function(){return *****()》***?-1:1;});
return ’#’+*****(’’);
},
aheight:function(){
var h = *****.clientHeight-250;
return *****(*****(*****()*h-200))+201;
},
firecracker:function(){
var b = *****(’div’);
var w = *****;
***** = ’absolute’;
***** = *****();
***** = 0;
***** = *****(*****()*w)+1+’px’;
*****(b);
return b;
},
rise:function(){
var o = *****();
var n = *****();
var c = *****;
var e = *****;
var s = *****;
var k = n;
var m = function(){
***** = parseFloat(*****)+k****+’px’;
k-=k****;
if(k《2){
clearInterval(clear);
e(o,n,s,c);
}
}
***** = ’.’;
if(parseInt(*****)《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 = *****(’span’);
var p = *****(’i’);
var a = *****(’a’);
***** = ’absolute’;
***** = n/10+’px’;
***** = 0;
***** = 0;
***** = ’*’;
***** = ’absolute’;
***** = 0;
***** = 0;
***** = ’*’;
***** = ’absolute’;
***** = 0;
***** = 0;
***** = ’*’;
*****(span);
*****(p);
*****(a);
}
function spr(){
r += R****;
ri+= Ri*****;
rii+= Rii*****;
sp = *****(’span’);
p = *****(’i’);
a = *****(’a’);
for(var i=0; i《*****;i++){
***** = c();
***** = c();
***** = c();
*****=r******(360/s*i)+’px’;
*****=r******(360/s*i)+’px’;
*****)*****+’px’;
*****=ri******(360/s*i)+’px’;
*****=ri******(360/s*i)+’px’;
*****)*****+’px’;
*****=rii******(360/s*i)+’px’;
*****=rii******(360/s*i)+’px’;
*****)*****+’px’;
}
R-=R****;
if(R《2){
***** = ’’;
*****(o);
clearInterval(clearI);
}
}
var clearI = setInterval(spr,20);
}
}
***** = 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(*****=="")
{
alert("请输入留言内容");
*****();
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/未命名*****" width="1100" height="120" /》《/td》
《/tr》
《/table》
《table align="center"》
《tr align="center"》
《td width="122" height="40" bgcolor="#6666FF" class="STYLE10"》《a href="*****"》首页《/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="*****" ***ubmit="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、Fontpage一样的所见即所得的网页软件。Fontpage较容易些，会操作Word就会使用它。专业人士一般用Dreamweaver来做网页，用flash、firework等来美化网页，有兴趣的可以下载网页三剑客Dreamweaver、flash、firework来试试。二、使用记事本修改网页Html代码，不推荐使用Fontpage等网页软件修改的原因是：很多网页格式如果用网页软件打开就会变形，所以直接使用记事本修改网页Html代码是最简洁有效的方法。当然可以去下载强化的HTML工具更好，例如：UltraEdit。三、其实很多现成网页模版、网站系统已经做好了，而我们不必再次证明“牛顿定律”浪费我们的宝贵时间。就像PHP论坛程序现在别人做的挺好的（例如Discuz!，PHPwind），我们何苦再去编写一个论坛程序呢？简直是费力不讨好，并且Bug特别多。当然学习数据库编程开发的人例外。怎么做网站呢？首先我们需要了解一下网站的页面组成，网站一般包括以下几部分：首页：网站的门面，如同公司的形象，特别注重设计和规划。次页：网站的主要导航结构页面，讲究风格的一致性，并于首页呼应。普通页：网站主要的承载信息的页面，设计要求不高，但要求链接准确、文字无误、图文并茂，并沿袭网页的风格。弹出页：一般用于广告、新闻、消息、到其他网站的链接等等，一般用的很少。通过上面的分析，我们可以看出：从功能上来看，首页主要承担着树立企业形象（当然不仅仅是首页）的作用，次页在导航方面起着重要的作用，比如各栏目内部主要内容的介绍，都可以在次页中体现再进入普通页，让浏览者能够迅速了解网站各栏目的主要内容，择其需要而浏览，而普通页则是主要的信息页面，也是网站的最终页面，对于大型网站，这种结构非常重要，而对于中小型企业，网站规模较小、页面数量不多，有时次页就起着普通页的作用，至于弹出页，建议您不是必要，最好不要用。下面详细介绍各页面的设计技巧：一、首页设计技巧网站首页是企业网上的虚拟门面，在此，提醒上网的企业注意自己门面的设计，决不能敷衍了事、马马虎虎。我们会经常看到印刷精美的产品目录或广告，当您屡屡看到那些印有产品目录或广告的精美印刷制品的时候，相信您或多或少会对有关的产品形成一种好感，即使您不会购买，也必然对这些产品形成一定程度的认同。而对于设计毛糙的宣传品，您肯定会怀疑其内容的真实性，从而对其产品或服务产生质疑。好，现在说说网站的设计，相信您会同意这种说法：网站的页面就好比是“无纸的印刷品”。既然如此，我们会因此而得出一个结论：精良和专业网站的设计，如同制作精美的印刷品，会大大刺激消费者（访问者）的购买欲望，反之，您公司所提供的产品或服务将不会给消费者（访问者）留下较好的印象。值得一提的是，除非您的企业有专业的网站规划、设计人员，否则您最好找专业公司或专业人员为您设计制作，一个优秀的专业设计人员会很快明白您的意图，并根据您的建站目的提出建设性的意见。一般来说，网站首页的形式不外乎有两种，一种是纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力，能够努力挖掘企业深层的内涵，展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导，通过色彩、布局给访问者留下深刻的印象，当然，我们不能为了设计而设计，我们的目的是营销，在设计过程中一定要牢记这一点！另一种是信息罗列型，一般的大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，这种风格比较适合网站信息量大，内容丰富的网站，因为是以展示信息为主，这是的设计就要在细微之处体现企业形象，建议设计人员最好仔细阅读企业的CI手册，熟悉企业标志、吉祥物、字体及用色标准，在网站的局部体现出来，往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象，从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。网页设计时注意事项：1.不要花里胡哨。2.要有风格，要突出行业的特点。比如娱乐业热烈活泼些，政府网站则要庄重些；收藏书画业要古朴典雅，策划时装业则要前卫些。3.一张网页一般两屏到三屏就可以了，不要太长，会影响你的网页打开的速度。如果内容实在太多，应该分作几个页面，或者分为几个二级栏目。对初次建站的用户来说，制作网页是件头疼的事情；对于由别人帮助建站的用户来说，网站的后期更新维护可能更令人头疼。缺乏专业人才及专业知识，让大家对建站望而生畏。