电商网页设计成品和素材html-电子商务网站如何制作？

在站长这个圈子里，dedecms 是大家都比较熟识的一个网站程序，dedecms以功能强大和seo友好受到众多站长的青睐。新手站长用这个程序搭建一个站也是很容易的事，但是看着别的网站那么精美的页面，又看看自己使用的默认模板，总有些怅然若失的感觉。其实对于一个新手站长来讲，你也可以通过自己的努力去仿制这个网页作为自己的模板。

理论上对于任何一个网页，dedecms是都可以仿制的，只是复杂程度不同，这里讲的复杂程度其实只是些重复的工作。新手站长只要细心去做，发现并不会太困难，当然一定的知识储备还是需要的。事实上，太多的新手站长是被自己给吓倒了，一说到仿制网页模板，马上就会摇头说我不懂php,不懂css我怎么去仿呀。其实仿站对这个几乎没有要求的，只要我们能看懂html，并且知道dedecms程序是怎么对标签调用的，就可以开始制作了。在制作的过程中，你可能会遇到这样或者那样的问题，这个时候你可是要用好“百度”的，要记住他永远是你最好的老师。

前面讲到dedecms对标签的调用，网上的教程有很多，我们也可以查看帮助文件。也许一下子看到那么多的标签，好多新手站长的头都大了。其实，在我们仿制模板的过程中，真正能用的就那么几个而已，比如：{dede:arclist}获取指定文章列表标签、{dede:channel}获取栏目列表页等。我们只要把常用的几个搞明白了，就可以动手了。每个标签里还会出现一些属性，如这一句调用：{dede:arclist row=’6’},其中的”row”就是标签的一个属性，就是调用多少篇文章的意思，而后面的”6”就是这个属性的值，就是本次调用6篇文章。属性基本上是见名而知义的。

千万不要等到把所有的标签都搞得滚瓜烂熟再动手去仿制，这种上手的方法不是说不好，而是太慢了。最快的学习过程就是动手去做，做的过程中你会遇到各种问题，而通过努力不断的解决掉问题的过程，就是你最好、最实效的学习过程。你第一次仿制模板时可能要用5天，当你第二次的时候也许只要3天，这样连续找几个不太复杂的站进行仿制练习，你会感慨“原来仿站不过如此而已”。

仿制模板最快速上手的方法是对比着仿。对比着仿就是对比着dedecms的默认模板来仿，比如我们要仿制的网站首页的title/title之间显示的是这个网站的标题，而默认模板里在这对标签之间是{dede:globalcfg_webname/}，我们只要把这个标签内容复制过去，把原来的内容覆盖掉就可以了，甚至不用知道这个标签是什么意思。只要是功能相同的地方我们都可以采用这种只动鼠标就可以解决的方法。

仿制模板最应该关注的是两个问题：其一是素材路径的问题，我们下载的网页路径都是正常的，但当我们把网页放入我们网站目录时可能会产生调用异常，因为路径的改变可能导致无法读取到一些样式和素材。这个时候我们就要对路径进行修改，建议使用以网站根目录为起始路径的绝对路径，即形如”/templets/default/style/dedecmscss”这样的路径；其二是编码问题，一定要做到仿制好的模板的编码和你所安装的dedecms的编码一致，要不然，生成的网页是一片乱码。解决这个问题使用编码转换软件或者一些工具网站提供编码转换工具就可以了。

仿制网页模板不像我们相像中那么难，只要花点时间学习一下，很容易上手的，关键是思想上不能被吓倒。仿制网页模板不是太大的技术活，很多时候更像是体力活。一般情况投入10天的时间，就会让你以后的模板无忧的。

在网络上有很多可以免费下载的DEDECMS模板，下载之后如何安装是很多新手的共同问题。

1、下载一个模板之后要判断一下模板文件是否齐全。htm文件中是否包括首页、列表页和文章内容页等;htm文件用到的css文件是否包括;模板安装包中是否包括网站用到的背景;

2、建设网站栏目。在安装调试一个模板之前必须事先建好网站的相关栏目，这样才能做好调试。栏目的建设可以参考模板的样例网站进行建设。

3、根据建好的网站栏目修改模板中调用的相关栏目ID。在htm文件中找到如下标签

{dede:arclist row=’8′ titlelen=’36′ typeid=’56′ orderby=’rand’ }

{/dede:arclist}

将其中的 typeid调整为自己网站的栏目ID。

4、调整htm文件和css文件中用到的的路径，根据自身网站的存放路径进行调整。

5、修改模板文件htm中的固定链接。在模板中存在一些固定链接，可以根据你自己的网站进行适当调整。

6、上传模板文件。将模板中的文件目录上传到服务器的/templets目录下，上传之前需要保存好原来目录下的文件。这个是默认的上传方法，如果模板本身有特殊要求，可以根据模板本身的要求上传。

7、在后台生成首页、栏目页和内容页，根据效果对调试修改相关模板。

8、default目录文件说明

indexhtm(首页模板)

headhtm(网页头部模板)

footerhtm(网页底部模板)

list_htm(列表页模板)

article_htm(内容页模板)

taghtm(标签模板)

taglisthtm(标签列表模板)

searchhtm(搜索页模板)

以上简单描述了DEDECMS模板安装的一般思路，不同的模板安装方法也存在不同，希望上面的描述能为你安装dedecms模板时提供一些帮助。

html网页设计模板素材哪里下载？

网页模板就是已经做好的网页框架,使用网页编辑软件输入自己需要的内容,再发布到自己的网站。你通过

千站素材

可以下载很多的成品模板以及该模板带有的一套网站系统。通过html网页模板搭建网站有利于保持网页风格的一致;提高工作效率。

设计素材网站大全经典素材,是设计师创意的利剑。收集整理了几大素材门户网站。一、站酷(ZCOOL):

/

专业完美的素材下载与设计分享网站,提供矢量素材、PSD分层素材、图标素材、高清、原创作品等内容。前沿时尚的设计风格,日韩欧美设计素材应有尽有。站酷网站简洁美观,视觉冲击力强。二、素材中国:

/

提供各类设计素材的收集下载,包括:、素材、壁纸、网页素材、动画素材、

矢量图

、PSD分层素材、3D、字体、教材、图标,等等。三、站长素材:

/

提供各类设计素材的收集下载,包括:下载、网页模板、图标下载、酷站欣赏、QQ表情、矢量素材、PSD分层素材、音效下载、桌面壁纸、网页素材,等等。资源丰富,更新及时,专题素材下载也是它的特色。四、

昵图网

:

/

提供各类素材,包括:图库、、摄影、设计、矢量、PSD、AI、CDR、EPS、下载、共享图库,等等。五、中国素材网:

/

提供高精图、矢量图、桌面背景、LOGO、PNG图、网页模板、QQ表情、字体下载、音效、网页特效、论文、范文等内容。六、素材资源库:

/

资源丰富,分类繁多,就是没有提供资源搜索功能,使用起来不太方便。提供网页模板、Flash源码、矢量素材、PSD素材、透明Flash资源、字体下载、PS笔刷、网页背景、音效素材、脚本特效,等等。七、联盟素材:

/

网站简洁清爽,广告很少,这里的网页设计素材是很不错的。当然,还提供网页模板、图库壁纸、特色图标、矢量素材、代码素材、Flash素材、其它素材,等等。八、沃格斯克网:

/

内容非常丰富,广告也是。专于网页设计素材,提供设计素材、Flash源文件、PSD源文件,等等素材下载,非常适合网页设计师。九、懒人图库:

/

网站介绍:懒人图库自建站以来,一直致力于网页素材的提供,目标是做成国内最大的网页素材下载站。懒人图库口号:学会偷懒,并懒出境界是提高工作效率最有效的方法!专注于提供网页素材下载,其内容涵盖网页素材、矢量素材、JS广告代码、小、网页背景、导航菜单、PNG图标,等等。懒人图库深入人心,做到了“让任何一个网页设计师都能轻松找到自己想要的素材”。十、维奇素材网:

/

收集的素材资源丰富,但下载资源(大部分)需要收取一定维奇币。提供免费矢量素材、PSD分层、图标素材、网页素材、中文字体、网页模板与壁纸、PS教程等

平面设计

素材。维奇素材网页面清爽明快,广告也少。十一、

视觉中国

下吧:

/

由视觉中国资深编辑精心挑选的国内外优秀设计素材,网罗矢量、icon、壁纸、PSD、电子刊物、图案、字体、三维场景、材质贴图、主题等多个素材门类,为用户提供高质量的素材资料。十二、

猪八戒

学院:

/

资源丰富,其它素材站所没有的,这里都有,值得收藏。提供矢量、欣赏、酷站、、图标、桌面、PSD、代码、Flash、背景、字体、颜色,等等。十三、红动图爸:

/

设计素材网站大全(2):提供PSD分层素材、设计、摄影、设计字体、原创设计作品欣赏,等等。共享资源不是很多,需要资源币才能下载。十四、素材世界:

/

以高精度图库、PSD分层图库素材为主打,PSD素材提供PSD分层素材、设计、摄影、设计字体、原创设计作品欣赏,等等。共享资源不是很多,需要资源币才能下载。十四、素材世界:

/

以高精度图库、PSD分层图库素材为主打,PSD素材资源绝对比任何素材网站丰富。只是网站过于简洁,首页几乎没什么,全是文字,也不支持资源搜索,广告太多,谷歌联盟的广告有意与导航菜单混淆,有诱惑用户点击广告的嫌疑,美工有待改进,

用户体验

很非常不好。十五、图酷:

/

设计师的随身图库:设计素材、插画、卡通、CG、矢量、时尚、图案、网页素材全方位素材库。十六、3lian素材:

/

3lian素材网(

)创建于2004年10月,是一个以提供经典设计素材为主的资源网,站点包括矢量图、PSD分层素材、高清、Flash源文件、PNG图标、3D模型、模板、酷站、壁纸、字体、教程等。十七、E库素材:

/

E库素材网是为广大网页设计制作爱好者、平面设计制作爱好者及其他人员提供各种素材的资源库。网站共分素材、矢量图库、高精图库、网页素材、网页模板、壁纸、明星、下载中心、技术教程、E库论坛、IT资讯等11个栏目。拥有素材、高精度、PSD源文件、FLASH源文件、网页图标、网页模板、源码下载、技术教程、软件下载、字体下载等丰富资源。素材栏目具有数量多、分类细、质量高等特点,高精图库是06年E库与素材站合力推出的平面设计专用高精度栏目,具有高像素(高清晰)、高分辨率、免费和大容量等特点。十八、素材精品屋:

/

提供各类、壁纸、矢量图、分层图、模板、图标、动画、字体等素材收集下载。十九、素材天下网:

/

素材丰富,但网站美工一般,且广告太多,连搜索也挂着百度联盟的,严重影响用户体验。二十、素材艺库:

/

内容涉及设计类、办公类、美术类等基于计算机数字影像和数字艺术领域方面。页面简洁美观,需要金币才能下载资源。二一、素材酷:

/

页面非常简洁,素材精美,但更新较慢,需要登录后才能下载。提供矢量素材、PSD分层素材、图标(GIF/ICON/PNG)、PS笔刷、节日主题素材源文件,等等。二二、中国设计秀设计资源站:

/

网站布局过于紧凑,下载页面广告较多,没有开发专业的栏目搜索功能(使用DEDECMS程序构建)。提供矢量素材、网页平面设计素材,等等。希望这些设计素材门户网站能够给大家的设计带来方便,有所帮助!

采纳哦

电子商务网站的制作:

网站的制作分为:B2BBC2O2OC2C等多种类型。不同的类型网站,所诠释的要点不同

在制作网站的时候:

1、分析:分析网站的类型、定位、目的、优势等

2、素材:一个网站在制作的时候是由多个素材的拼接而成,比如:、背景

3、布局:网站布局合情合理,三栏两式,两栏三式或者其它。

4、结构划分:不同的结构,划分的制作步骤不同。首页、详情页、公告栏等等

将网站了解通透,以Photoshop、dreamweaver、flash等进行处理,以c++、Java、HTML等多项编程语言进行设计

5、网站设计完成之后,做整体测试,进行调试,并进行改正。

1、到各大dedecms模板站下载你需要的模板或者到官方论坛区找

2、解压下载好的模板压缩包

3、把模板文件夹 上传至你的网站\templets\ 目录内

4、登陆你的网站后台-系统-系统基本参数 -模板默认风格： 表格中修改成你上传的模板文件夹名

5、生成-更新主页HTML -选择主页模板：表格中填写你上传的模板文件夹名/indexhtm

6、点击 下方 更新主页HTML 按钮

成功~

我们完成了环境的准备之后，下面就可以通过在浏览器中输入安装向导的网址开始进行DedeCMS的安装，在安装完成之后我们就可以看到我们的站点。

我们下载下来通常是一个压缩包，将其解压，然后将upload文件夹中的文件上传到网站的根目录中。

提示：安装包解压后，一般含有使用协议、安装说明及版本说明几个文件，新人在第一次使用的时候希望阅读下相关的说明。

1我们在浏览器中打开http://你的网址/install/indexphp ，开始进行安装。

2选中“我已经阅读并同意此协议”点击继续，这里系统跳转到环境检测页面。

这里我们对系统环境做一个简单的说明：

DedeCMS是基于PHP和MySQL技术开发，可以同时使用在Windows、Linux、Unix平台，其具体环境如下：

◆Windows 平台 IIS/Apache + PHP4/PHP5 + MySQL3/4/5

如果在windows环境中使用，建议用DedeCms提供的DedeAMPZ套件以达到最佳使用性能。

◆Linux/Unix 平台 Apache + PHP4/PHP5 + MySQL3/4/5 (PHP必须在非安全模式下运行) 建议使用平台 Linux + Apache22 + PHP52 + MySQL50

◆PHP必须环境或启用的系统函数 [√]allow_url_fopen [√]GD扩展库

[√]MySQL扩展库 [√]系统函数（phpinfo、dir）

2如果环境检测全部正确（[√]），我们点击“继续”进入“参数配置”

3首先我们配置“数据库设定”部分的参数，这里我们涉及到几个概念“数据库主机”、“数据库名称”、“数据库用户”、“数据库密码”、“数据表前缀”、“数据库编码”。

如果您使用的是虚拟主机或者合租服务器，一般空间商都会提供给你相关的数据，如果你是自己配置服务器或者本地测试，一般在环境架设时候会有相关的信息提示。

以 DedeAMPZ为例，因为Apache和MySQL共同安装在一台计算机上，所以数据库主机地址为“localhost”，数据库名称我们这是设置为默 认“dedecmsv53”，数据库用户名为“root”、密码为MySQL数据库默认密码“123456”，表前缀为“dede_”。

说 明：数据表前缀是为了方便一个数据库中存放多个程序的数据库，例如你一个数据库需要安装两个DedeCMS系统，第一个系统数据表前缀可以设置为 “dedea_”，第二个数据表可以设置为“dedeb_”，因为表前缀不同，数据表在数据库中存在的表名也不相同，例如第一个系统的管理员账号存放的数 据表则为“dedea_admin”，第二个数据表名为“dedeb_admin”，这样他们两个系统的数据库就可以共存在一个Mysql数据库中。

4网站设置中需要注意的是填写你的“网站网址”和“CMS安装目录”，其中“CMS安装目录”如果你安装在网站根目录不需要去理会，如果你安装在根目录的某个文件夹下需要进行相关的设置（程序会自动检测）。

5点击“继续”，完成DedeCMS的安装，到这里为止，我们的安装已经完成了，下面就是我们开始使用DedeCMS

6点击[登陆网站后台]，网址自动转向到http://wwwyoursitecom/dede/loginphp(yoursite代表你的网站)，输入我们安装时候填写的管理员用户名和密码，以超级管理员身份登陆系统。

提示：系统默认管理路径是dede，登陆管理后台可以通过地址http://wwwyoursitecom/dede/loginphp进行访问，但是为了确保系统的安全，建议新人在安装完成之后修改后台的管理路径，例如：myadmin，这样你可以通过http://wwwyoursitecom/myadmin/loginphp登陆，别人就不容易猜到你的后台地址。

织梦内容管理系统(DedeCMS)，是一个集内容发布、编辑、管理检索等于一体的网站管理系统(Web CMS)，拥有国外CMS众多特点之外，还结合中国用户的需要，对内容管理系统概念进行明确分析和定位。你可以通过织梦网站模板进行下载，针对性的找带有手机端和utf-8编码的，也可以选择自适应pc和手机设计的模板。

如何制作简单网页呢

网站设计八步骤

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

一、确定网站主题

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

二、搜集材料

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

三、规划网站

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

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

五、制作网页

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

六、上传测试

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

七、推广宣传

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

八、维护更新

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

★要想学做网页,首先得了解制作网页的工具。

制作网页主要有以下一些工具

Frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松,功能不咋地,我不太喜欢。

Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。

另外一个工具就是代码编辑工具,例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具,javascript、java编辑器等。

网页制作也是一个比较吃香的行业,要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如photoshop、flash等。

大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。

总之,掌握好网页制作,能独立完成一个网站的制作工作,那就不要考虑吃饭问题。随便混就好了!

祝你成功。

★你可以结合Dreamwaver和Photoshop来制作网页。

Dreamwaver可以到这里下30天试用版,不过要先登记一个免费帐号,

★在网上有这方面的教程

教程

/

(中国建站专家)

主页和个人空间

/

(中华网)

建议使用网页制作三剑客Dreamweawer+Firework+Flash或使用Frontpage

首先你要明白网页制作的流程:

1、网页设计师(主要是用PS)先将网页设计出来。

2、进行网页制作,就是切片,div+css布局,将变成网页。

3、后台制作。可以自己开发,也可以套用cms,如dedecms,phpcms。等

4、具体步骤就是这样。详细的牵扯到一些技术,就是html,div+css,js,(jquery,js框架)。

后台目前流行PHP语言。这些都是基础

5、需要学习的有,html,div+css,js(jquery),php等。

教程网站,百度“W3C”,即可

如果你只是制作模板,那么就学习html,div+css,js(jquery)即可网页模板只是一个网页的模块,目的是为了方便网页编辑者可以快速导入这个模块,并且对里面的内容进行编辑,节省时间。要制作网页模板,要先懂得最基本的网页制作方法。比如构思好网站结构之后,用网页制作软件《dreamwearer》打边框,设计框架和布局,然后插入,输入文字等媒体内容。然后可以保存为模板。

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

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

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

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

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

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

二

一、工具

1、空间

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

2、软件

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

二、教程

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

三、设计

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

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

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

三

网站设计八步骤

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

一、确定网站主题

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

二、搜集材料

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

三、规划网站

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

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

五、设计网页

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

六、上传测试

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

七、推广宣传

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

八、维护更新

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