怎样设计网站

科学网 74 0

怎样设计网站,第1张

第一,做网站,首先必须要解决的就是网站内容问题,即确定网站的主题。

对于内容主题的选择,要做到小而精,主题定位要小,内容要精。不要去试图制作一个包罗万象的站点,这往往会失去网站的特色,也会带来高强度的劳动,给网站的及时更新带来困难。

第二,选择好域名

域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站,其所有建设的价值,都凝结在其网站域名之上。失去这个域名,所有前期工作就将全部落空。

第三:掌握建网工具

网络技术的发展带动了软件业的发展,所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具,各种各样的Web页面制作工具,网站制作者需了解W3C的HTML40规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解,还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具,并能部分了解多种图形图像动画工具的基本用法,熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的

第四:确定网站界面

界面就是网站给浏览者的第一印象,往往决定着网站的可看性,在确定网站的界面时要注意以下三点:

①栏目与板块编排

构建一个网站就好比写一篇论文,首先要列出题纲,才能主题明确、层次清晰。网站建设初学者,最容易犯的错误就是:确定题材后立刻开始制作,没有进行合理规划。从而导致网站结构不清晰,目录庞杂混乱,板块编排混乱等。结果不但浏览者看得糊里糊涂,制作者自己在扩充和维护网站也相当困难。所以,我们在动手制作网页前,一定要考虑好栏目和板块的编排问题。

网站的题材确定后,就要将收集到的资料内容作一个合理的编排。比如,将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。在制定栏目的时候,要仔细考虑,合理安排。在栏目编排时需要注意的是:

尽可能删除那些与主题无关的栏目;

尽可能将网站内最有价值的内容列在栏目上;

尽可能从访问者角度来编排栏目以方便访问者的浏览和查询;辅助内容,如站点简介、版权信息、个人信息等大可不必放在主栏目里,以免冲淡主题。

平面设计的素材网站有哪些呢?

02模版素材网站:稿定设计

推荐理由:这个网站的模板都是免费的,使用字体还有是否可商用的版权提示,可以保证1分钟快速出图,是深夜加班的救星,提高效率的助攻神器。另外,他们的抠图功能也非常强大!比ps便捷高效多了~

03无版权商用素材网站:ssyer

推荐理由:所有素材都是无版权可以商用的,妈妈再也不用担心我作图没素材啦!

零基础学习平面设计点这儿

04字体识别网站:fontinuse

推荐理由:设计师们经常为了找到一张海报上的字体而慌得一逼,而fontinuse的一大亮点就是:在设计稿上提取现有字体,并且附上了字体的名字,便于寻找。

05免费图标网站:Iconfinder

推荐理由:免费图标矢量素材,这对于设计师而言就犹如女生看到免费口红般的致命吸引力!

06大师助手:bigbigbig

这个网站可以搜索全球设计、摄影作品,全网唯一免费快速浏览Pinterest等全球知名设计网站。全球300个设计小组不间断收集200优秀设计网站,一网打尽各个设计网站的资料,科学管理设计资料,文件永不丢失。

商人版:流金工作室

男人版:雄峻工作室

女人版:竹韵工作室

酸儒版:尚古工作室 书香工作室 诗书工作室 礼乐工作室 书云工作室

大气版:帝国工作室 华夏工作室

内涵版:香茗工作室

CSS选择器命名及常用命名

规范的命名也是Web标准中的重要一项,标准的命名可以更好的看懂代码,我想大家应该都有这种经历,某日翻出自己过去写的代码居然看不懂了,呵呵,为了避免这种情况我们就要规范化命名,再说了,现在一个项目不是一个人就可以完成的,是需要大家互相合作的,如果没有规范化命名,别人就无法看懂你的代码,大大降低了工作效率,所以必须规范化命名,这样还显着咱专业!

好了不多说了,关于CSS命名法,和其他的程序命名差不多,也是有三种:骆驼命名法,帕斯卡命名法,匈牙利命名法。

1骆驼命名法

说到骆驼大家肯定会想到它那明显的特征,背部的隆起,一高一低的,我们的命名也要这样一高一低,怎么才能这样,就用大小写字母呗~,大写的英文就相当于骆驼背部的凸起,小写的就是凹下去的地方了,但是这个也是有规则的,就是第一个字母要小写,后面的词的第一个字母就要用大写,如下:

#headerBlock

navMenuRedButton

2帕斯卡命名法

这种命名法同样也是大小写字母混编而成,和骆驼命名法很像,只有一点区别,就是首字母要大写,如下

#HeaderBlock

NavMenuRedButton

3匈牙利命名法

匈牙利命名法,是需要在名称前面加上一个或多个小写字母作为前缀,来让名称更加好认,更容易理解,比如:

#head_navigation

red_navMenuButton

以上三种,前两种(骆驼命名法、帕斯卡命名法)在命名CSS选择器的时候比较常用,当然这三种命名法可以混合使用,只需要遵守有一个原则就可以,就是容易理解,容易认,方便协同工作就OK了,没有必要强调是那种命名法。

4以下为于页面模块的常用命名

头:header

内容:content/container

尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面外围控制整体布局宽度:wrapper

左右中:left right center

登录条:loginbar

标志:logo

广告:banner

页面主体:main

热点:hot

新闻:news

下载:download

子导航:subnav

菜单:menu

子菜单:submenu

搜索:search

友情链接:friendlink

页脚:footer

版权:copyright

滚动:scroll

内容:content

1、龙卓、优豪、运西、莱宇、洁诗

2、帝领、金集、凯诗、恒东、创网

3、营成、帝韦、金龙、典胜、环缘

4、实信、英运、元裕、妙恒、博营

5、力木、梦友、豪富、高湖、网富

6、网时、聚语、欣派、荣邦、扬伟

7、能好、妙东、腾飞、来贸、吉驰

8、丰风、玛开、圣久、升贝、领尔

9、汇胜、清尔、荣码、木双、帝万

10、览发、春圣、能祥、贝爱、源英

标签: 网站 工作室 也是 栏目 内容