如何设计自己的网站?

作者&投稿:由肤 (若有异议请与网页底部的电邮联系)

网站设计简易流程介绍

1策划与草图

2设计与制做

3切割与导出

4编辑与模板

5动画与广告

6链接与上传

按软件及长度划分制做步骤:

1策划与草图

1.1所有网站和其它设计作品的过程都是从策划开始的。这是最能体现你的才华和创造力的地方。人最大的区别于其它动物的地方就是会思考,会创造,而且唯有这点是难能可贵的!我们必须要在动手打开PS或FW制做界面前就要完成一个网站最最关键的策划部分,它将直接影响

这个网站的成败与否。一个优秀的网站,不仅做得漂亮,而且要方便浏览,可读性强,简洁明快!

网站的风格,用色,版式,布局,栏目甚至每个细小的图标都要经过精雕细琢,深思熟虑。而风格的制定要取决于你所做网站的浏览人群和读者职业背景、文化程度和修养爱好等,只有投其所好才能最大化地产生共鸣;另一方面取决于公司的类型和企业法人的喜好,如果不是要强加入你自己的意志的话,那上述几点已经制定了网站大致的努力方向了!

1.2本站是商业化的网站面向企业为主,所以我采用简约风格,亮丽明快的颜色和风格,只要学学平面构成和色彩构成就知道如何按其风格去布置各个元素和内容,以及用何种颜色来营造你要表达的效果了,包括冷暖明暗都是很关键的。大面积的中性色不刺眼,而重要的引导视线可以让亮色来担当,冬天喜欢暖色夏天喜欢冷色是人之常情,蓝色那种给人以信任和科技的底韵是我选择它的原因,而像橙、黄等促进食欲的颜色更容易受到食品网站的青睐!

1.3本着简洁科学的分类原则来划分栏目:首页客户中心窄告介绍合作媒体常见问题媒体报道关于我们

栏目如果划分不好的话,影响框架的调整,后果就是:重头再来了,郁闷吧?

本网站主要面向潍坊企业,所以要做得本地化,让人看了感觉亲切,而且要做得漂亮,废话!!

1.4好了,完成上面这些后请拿起笔在纸上按你的创意和设想画一草图,尽是具体些,最好精细到每处阴影和描边!这步很关键的说!

1.5本节最后就是准备制做网站时所需要的素材了,包括图标,LOGO,广告语,内容介绍等这都是最基本的!

2设计与制做

2.1如果草图都已经绘制完美后就可以打开PS或FW开工制做和设计我们的界面了,在这里我使用PS,虽然没有FW的高效和专业但更加灵活和自由,这是我最喜欢的,也因为用惯了嘛!^^养兵千日用兵一时,平时的练习和学习在这里派上用场了!呵呵!

2.2可以在新建的778*600页面中先打框架然后再采用逐步细化的方法,还可以采用你自己独特的手法,比如透明玻璃水晶按钮等效果来营造特别的风格,要力求简约和精致!不要放过每个细节的刻画,即使是1*1的5%透明度的阴影都会给你的页面增彩,别以为别人看不见!

2.3最好养成分层的习惯,这样可以方便分类和编辑,不至于把上百个图层放在一下层级里搞得一团乱麻,分不清楚。

作为一名优秀的设计师应该有条理,所以请养成分类并为每个图层命名的习惯,这决不是浪费你的时间!

3切割与导出

无论是PS还是FW,哪怕是AI做的设计界面,在切割的原则都是一样的,请遵从以下几个方面:

3.1首先要按大致的框架切割,如国字型或T字型,注意其完整性

3.2对于要输入的文字区域、大面积色块或单独的图片以及flash动画要单独切割成非图片格式的切片以备插入

3.3对于添加内容需要很长的区域要注意其伸缩性切割,若有图案要保证可以重复排列

3.4在切割时要特别认真和小心,不要空留一行或列的一个象素的间隙,要放大让切片都对齐,不留空隙

3.5其它如按钮和空白处等自动生成的切片,以及创建需要改变图片外观的切片等

切割完毕后,选择文件另存为WEB页命令,导出为HTML文件待DW编辑。

4编辑与模板

4.1在DW中打开导出的HTML文件开始编辑,包括大表格居中,设置背景,修改空白可输入区单元格背景为原来切割的图片等

4.2将编辑完毕的文件添加CSS样式,包括最基本的TD和ALINK等标签,然后存为模板DWT文件,并^altv新建可编辑区域

4.3通过模板新建各个页面并添加入相应的内容

5动画与广告

5.1按原来切片所容留的大小制做FL动画广告条,使用相应的文字内容和广告语,在FL中新建文件

5.2复制粘贴广告词到场景中,排版并转换为元件578*104

5.3添加相应的背景和动画,调试节奏后发布为SWF文件

5.4插入到DW中的模板页并调整大小后存盘,其它的页面会自动更新

6链接与上传

6.1重新设置模板页的导航链接,本步骤也可在第四节完成

6.2在本地打开首页检查链接与文字内容直到无错,确保链接可正常访问

6.3上传到申请的空间,在域名解析成功后在浏览器中浏览网上的效果并做相应后期维护!



~

网页制作指南:从入门到精通
答:第一阶段:从简单的网页编辑软件入手,例如FrontPage、Dreamweaver等。通过学习,你可以更深入地了解网页制作与运营的原理。记得结合教程边学边做哦!第二阶段第二阶段:掌握核心技术!学习网页编辑语言(html、css、javascript等)。当你学会这些,就可以制作出更完美的网站啦!第三阶段第三阶段:开发自己的网站!结合所学...

怎样建立自己的网站?
答:1、首先下载安装Dreamweaver,打开后,新建一个网页,一般选择“HTML”建立网页。选择“经典”界面,有助于我们更便捷使用这个软件。2、下面选择这三个界面,代码、拆分、设计,一般默认设计界面,对于新手这个功能具有可视化,能更好的制作网页。3、下面我们来制作网站站点,在电脑上建一个文件作为根目录。...

如何建设自己的网站
答:1、申请域名 2、申请空间 3、定位网站 4、分析网站功能和需求 5、网站风格设计 6、网站代码制作 7、测试网站 8、FTP上传网站 9、完善资料 10、网站备案推广维护 二、自助建站流程如下,这个流程减少了多个步骤,耗时较短,不过定制化程度会受到一些影响,主要是功能定制上,如果自助建站平台你需要的功能...

页面设计网站-如何设计网站
答:如何设计网站 目录方法1:3个基本规则1、规则1:倾听你的客户。2、规则2:了解你的用户正在寻找什么,并进行相应的设计。3、规则3:倾听自己。方法2:方针1、践行良好的用户界面设计。2、建立一致的风格。3、使可读性最大化。4、使你的网站具有普遍的可读性。5、测试你的网站。6、发布您的网站。设计一个优秀的...

如何设计开发一个完整的网站呢
答:Web网站的设计、管理与维护的十二项要点,与大家一起探讨。 一、目标明确、定位正确 Web站点的设计是企业或机构发展战略的重要组成部分。要将企业站点作为在因特网--这个新媒体上展示企业形象、企业文化的信息空间,领导一定要给予足够的重视,明确设计站点的目的和用户需求,从而作出切实可行的计划。 挑选与锤炼企业的关键...

自己设计网站首页免费-如何建立自己免费的个人主页?
答:1、返回【企业中心】,点击进入【凡科建站-电脑版】,进入电脑版网站设计页面; 2、分别对各个板块进行编辑,主要就是替换图片和修改文字,然后设置一下图片或文字的动画或样式。 3、在制作网站的时候,如果发现其他优秀案例或模板网站中的某些设计效果还不错,但自己网站却没有,不妨通过下面这些步骤将其“搬”到自己的...

如何建立一个自己的网站
答:确定网站方向。想要建公司官方网站就要想到,是自己有技术自己做还是请外面的公司做。如果有预算,也想省事的,最好是找专业的人来做。选定网站模板。要和负责做网站的人沟通,做好网页设计,敲定方案。怎样建立自己网站要注册网站域名,购买或者租用到网站的空间。上传内容,上传图文和视频等内容就可以创建...

如何自己制作个人网站
答:然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。三、规划网站 一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、...

怎么建自己的网站?
答:一. 网页设计软件的选择 设计主页首先要选择合适的工具软件,现在比较流行的网页制作软件是 FrontPage 和 DreamWave。他们各有优缺点,FrontPage 是微软出品的网页编辑软件,也是 Office 系列软件的组成部分。最新的 FrontPage2000中文版 在 Office2000 的软件包中可以找到。如果对 Office 有一定的基础,会用 ...

如何搭建一个自己的网站
答:最常用和最简单的方式是用自己网站的英文名称作标志,采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志 ●设计网站色彩 网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪 “标准色彩”是指能体现网站型象和延伸内涵的色彩,要用于网站的标志,标题,主菜单和...