高端网站设计技术分析 第1篇
比如Webdesigner(网页设计师),我们将其中的E字母大写一下: wEbdEsigEr,感觉怎么样,这其实就是一种创意!
创意并不是天才者的灵感,而是思考的结果。根据美国广告学教授詹姆斯的研究,创意思考的过程分五阶段
1.准备期--研究所搜集的资料,根据旧经验,启发新创意; 2.孵化期--将资料咀嚼消化,使意识自由发展,任意结合; 3.启示期--意识发展并结合,产生创意; 4.验证期--将产生的创意讨论修正; 5.形成期--设计制作网页,将创意具体化。
高端网站设计技术分析 第2篇
网站的目录是指你建立网站时创建的目录。例如:在用frontpage98建立网站时都默认建立了根目录和images子目录。目录的结构是一个容易忽略的问题,大多数站长都是未经规划,随意创建子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的上传维护,内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议:
●不要将所有文件都存放在根目录下。
有网友为了方便,将所有文件都放在根目录下。这样做造成的不利影响在于:
2.上传速度慢。服务器一般都会为根目录建立一个文件索引。当您将所有文件都放在根目录下,那么即使你只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件。很明显,文件量越大,等待的时间也将越长。所以,给您的建议是:尽可能减少根目录的文件存放数。
●按栏目内容建立子目录。
子目录的建立,首先按主菜单栏目建立。例如:网页教程类站点可以根据技术类别分别建立相应的目录,象Flash,Dhtml,Javascript等;企业站点可以按公司简介,产品介绍,价格,在线定单,反馈联系等建立相应目录。
所有程序一般都存放在特定目录。例如:CGI程序放在cgi-bin目录。便于维护管理。所有需要下载的内容也最好放在一个目录下。
●在每个主目录下都建立独立的images目录。
默认的,一个站点根目录下都有一个images目录。刚开始学习主页制作时,阿捷习惯将所有图片都存放在这个目录里。可是后来发现很不方便,当我需要将某个主栏目打包供网友下载,或者将某个栏目删除时,图片的管理相当麻烦。经过实践发现:为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。
●目录的层次不要太深。
目录的层次建议不要超过3层。原因很简单,维护管理方便。
其它需要注意的还有:
1.不要使用中文目录;网络无国界,使用中文目录可能对网址的正确显示造成困难。
2.不要使用过长的目录;尽管服务器支持长文件名,但是太长的目录名不便于记忆。
3.尽量使用意义明确的目录;上面的例子中,你可以用Flash,Dhtml,Javascript来建立目录,也可以用1,2,3建立目录,但是哪一个更明确,更便于记忆和管理呢?显然是前者!
随着网页技术的不断发展,利用数据库或者其他后台程序自动生成网页越来越普遍,网站的目录结构也必将飞跃到一个新的结构层次。
高端网站设计技术分析 第3篇
经过第二步印象的的_量化_后,你需要进一步找出其中最有特色特点的东西,就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化,宣传。例如:再次审查网站名称,域名,栏目名称是否符合这种个性,是否易记。审查网站标准色彩是否容易联想到这种特色,是否能体现网站的性格等等。具体的做法,没有定式。我这里提供一些参考:
1.将你的标志logo,尽可能的出现在每个页面上。或者页眉,或者页脚,或则背景。
2.突出你的标准色彩。文字的链接色彩,图片的主色彩,背景色,边框等色彩尽量使用与标准色彩一致的色彩。
3.突出你的标准字体。在关键的标题,菜单,图片里使用统一的标准字体。
4.想一条朗朗上口宣传标语。把它做在你的banner里,或者放在醒目的位置,告诉大家你的网站的特色是...
5.使用统一的语气和人称。即使是多个人合作维护,也要让读者觉得是同一个人写的。
6.使用统一的图片处理效果。比如,阴影效果的方向,厚度,模糊度都必须一样。
7.创造一个你的站点特有的符号或图标。比如在一句链接前的一个点,可以使用,.。☆※○◇□△→(区位码里自己参看)等等。虽然很简单的一个变化,却给人与众不同的感觉,(为什么我没有想到呢?)
8.用自己设计的花边,线条,点
9.展示你网站的荣誉和成功作品。
10.告诉网友关于你的真实的故事和想法。
风格的形成不是一次定位的,你可以在实践中不断强化,调整,修饰,直到有一天,网友们写信告诉你:_我喜欢你的站点,因为它很有风格!_
● 创意(idea)是网站生存的关键。这一点相信大家都已经认同。然而作为网页设计师,最苦恼的就是没有好的创意来源。
注意,这里说的创意是指站点的整体创意,(因为这个创意而产生这个站点,或者相同的内容,推出的创意不同),网页的平面设计创意我将在后面的版面布局窍门里介绍。
创意到底是什么,如何产生创意呢?
创意是引人入胜,精彩万分,出奇不意的; 创意是捕捉出来的点子,是创作出来的奇招.... 这些讲法都说出了创意的一些特点,实质上,
高端网站设计技术分析 第4篇
首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块:
网站名称(logo), 广告条(banner), 主菜单(menu), 新闻(what's new), 搜索(search), 友情链接(links), 邮件列表(maillist),计数器(count), 版权(copyright).
选择哪些模块,实现哪些功能,是否需要添加其他模块都是首页设计首先需要确定的。
高端网站设计技术分析 第5篇
文章写到这里,有心急的网友要问了:“到底用什么色彩搭配好看呢?你能不能推荐几种配色方案?”别急,这里有一点技巧,可以帮助你迅速成为调色大师:)
1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将色彩变淡或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。
2.用两种色彩。先选定一种色彩,然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。
3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。确定色彩的方法各人不同,我是在photoshop里按前景色方框,在跳出的拾色器窗中选择_自定义_,然后在_色库_中选就可以了:)
4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很_跳_。
高端网站设计技术分析 第6篇
这个“整体形象”包括站点的CI(标志,色彩,字体,标语),版面布局,浏览方式,交互性,文字,语气,内容价值,存在意义,站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。这些都是网站给人们留下的不同感受。
风格是独特的,是站点不同与其他网站的地方。或者色彩,或者技术,或者是交互方式,能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络()的黑白色,网易壁纸站的特有框架,即使你只看到其中一页,也可以分辨出是哪个网站的。
风格是有人性的。通过网站的外表,内容,文字,交流可以概括出一个站点的个性,情绪。是温文儒雅,是执著热情,是活泼易变,是放任不羁。象诗词中的“豪放派”和“婉约派”,你可以用人的性格来比喻站点。
有风格的网站与普通网站的区别在于:普通网站你看到的只是堆砌在一起的信息,你只能用理性的感受来描述,比如信息量大小,浏览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性认识,比如站点有品位,和蔼可亲,是老师,是朋友。
看了以上描述,你可能对风格是什么可能依然模糊。其实风格就是一句话:与众不同!
高端网站设计技术分析 第7篇
表格的基本用法相信您已经非常熟悉了。但为了保证文章的完整性,阿捷在这里还是再罗列一遍。
●表格的HTML基本语法
例如:
1 2 3 A B C
●table标签的参数。table标签可以含下列参数。
border 表格边框cellspacing 表元之间的空白距离cellpadding 表元内部的空白距离width 表格宽度(可以用%或者具体数据表示)height 表格高度
例如:
1 2 3 A B C
●表格的对齐方式
1.表格内的文字对齐。
语法:
left 横向居左center 横向居中right 横向居右top 纵向居顶middle纵向居中bottom 纵向居底
例如:A B C
2.表格在页面内的对齐。
如果你需要与表格并排放一段文字,就需要用到table标签的另一个个参数:
例如:
这里的文字1 2 3 A B C
是和表格并排排放的
这里的文字是和表格并排排放的
●表格的嵌套
表格嵌套就是在表格里插入表格,嵌套的排版方法就是将要插入的表格当做文字来处理同样使用
例如:
●表格的色彩
表格的色彩也在
bgcolor 背景颜色bordercolor 边框颜色bordercolorlight 立体边框亮色bordercolordark 立体边框暗色
语法为: