webdesigner的blog

[企业建站教程]制作主页的五十个秘诀(2)

[ 2007-1-11 14:38:00 | By: webdesigner ]

六、连接

33、通常的顺序文本写作与在线文件写作之间的一个主要区别是在线文件的读者可能在文件的任何一点进入该文件。尽管你已做了一个漂亮的首页作为入口，其他人可能会对你的杰作内的具体指针或子页给出连接。向这些新的访问者提供一些关于他们在什么地方以及为什么在这里的线索是有意义的。

34、从头至尾都要使用导航图标，尤其是要用“返回到首页”连接。可以在每部分都做这样做。比如在每页的顶端(或底部)都有一小串图标，第一个回到首页，第二个回到章，第三个回到节。

……

阅读全文 | 回复 | 引用通告

[企业建站指南]制作主页的五十个秘诀(1)

[ 2007-1-11 14:36:00 | By: webdesigner ]

一、内容
1、让读者有理由逗留。要把网页作得趣味盎然，引人入胜。但首要的是要让它有用处。这样做的一个很简单的办法是提供相互参与——让读者做一些事情，如报名获取定期发送的通讯，并用某种方式报答他们的参与，如每周抽奖或给予下载一些东西的机会。
2、对访问者来说最具价值的站点是那些立刻就能让人明白哪些信息可以获取，怎样获取，以及可能还有怎样让读者来更正他自己认为有错误的地方或加上他自己的内容。

……

阅读全文 | 回复 | 引用通告

[企业建站指南]个人主页杂谈

[ 2007-1-11 14:35:00 | By: webdesigner ]

个人主页说简单也简单，说难也难。所见即所得的设计工具让你不必了解其中的原理与细节，就可以象编辑一篇word文档一样轻松地作出自己的网页，如此easy的事，象我这种以计算机为专业的人很是不以为然，原先我一直这么认为，直到自己真正投入其中，方才体会到个中的苦辣酸甜，一路走来，其实也才刚刚起步，前方更有无穷的奥秘等着我去进一步去探索。路漫漫其修远矣，吾将上下而求索......

……

阅读全文 | 回复 | 引用通告

[企业建站教程]设置页面的背景属性

[ 2007-1-11 14:32:00 | By: webdesigner ]

在今天的课程中你将学习如何设定页面、文字、表格及表格单元的背景色、背景图象甚至背景声音等等，设定网页的边距、留白、单元格内文字和图象的显示位置、字体、字号，如何增加、拆分和合并单元格（其实它的设置方法和Word十分相似）等等，学习完本篇之后你已经可以设计出专业水准的网页。

我们首先学习如何设定页面、文字、表格及变革单元的背景色或背景图象。

……

阅读全文 | 回复 | 引用通告

[网页设计知识]在网页中加入背景音乐

[ 2007-1-11 14:31:00 | By: webdesigner ]

除了设置背景图象或背景颜色，你还可以设置一种背景音乐或声音。但这个设置是在页面属性对话框的General标签下。所以，点击general标签，则显示以下对话框：

……

阅读全文 | 回复 | 引用通告

[网页设计知识]一日学会做主页

[ 2007-1-11 14:29:00 | By: webdesigner ]

很多人问我：怎么学做主页啊？我说做主页一天就可以了。其实学做主页一点都不难，关键是去做，去做就会了。
　　要学主页，分三步走就行了：
　　首先找一个网页编辑器，例如DreamWaver或者Frontpage，然后就可以制作主页了，制作主页无非是添加文字、添加图片、添加链接，跟用word没什么区别（详细可以看这里），倒腾一番后，其实你已经开始会制作主页了！第三步，就是用一个FTP软件，把你的主页传上去（请看如何上传主页）就完了！原来就那么容易！
　　假如你要提高基本功的话，可以学习HTML基础知识，假如想网页漂亮点的话，可以学习图片制作，这样你就会一步一步提高了。
……

阅读全文 | 回复 | 引用通告

[新手上路系列]背景与字体的搭配经验

[ 2007-1-11 14:27:00 | By: webdesigner ]

BGCOLOR=“＃f1fafa”　做正文的背景色好，淡雅

BGCOLOR=“＃E8FFE8” 做标题的背景色好，与上面的颜色搭配很协调这两种颜色可以配黑字或FONT COLOR=“＃800080”

bgcolor=“＃E8E8FF”　做正文的背景色好，字体配黑色较好

bgcolor=“＃8080C0”　上配黄色白色字体较好

bgcolor=“＃E8D098” 上搭配浅蓝色或蓝色字体较好

bgcolor=“＃EFEFDA” 上搭配浅蓝色或红色字体较好

bgcolor=“＃F2F1D7” 配黑字素雅,红字醒目

bgcolor=“＃336699” 配白字做标题较好

……

阅读全文 | 回复 | 引用通告

[新手上路系列]色彩的象征意义

[ 2007-1-11 14:25:00 | By: webdesigner ]

　也要考虑色彩的象征意义。颜色得配置，可以流露你的心情和喜好，也会暴露你对颜色的驾驭程度。
　　在色彩的运用上，可以根据主页内容的需要和自己的喜好，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵，从而提升主页的文化品位。

……

阅读全文 | 回复 | 引用通告

[企业建站教程]色彩的基本知识

[ 2007-1-11 14:24:00 | By: webdesigner ]

1.颜色是因为光的折射而产生的。

　　2.红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如：红色是color (255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF), 我们经常看到的“bgColor=#FFFFFF”就是指背景色为白色。

　　3.颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外的所有色彩。

　　4.任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可以制作几百万种色彩。

……

阅读全文 | 回复 | 引用通告

[新手上路系列]色彩是人视觉最敏感的东西

[ 2007-1-11 14:23:00 | By: webdesigner ]

色彩是人视觉最敏感的东西。不同色彩之间的对比会有不同的效果，当两种颜色同时在一起时，这两种色各自走向自已的极端，例如红色与绿色对比，红的更红，绿的更绿，黑色与白色对比，黑的更黑，白的更白。由于人的视觉的不同，对比的效果通常会有不同。当大家长时间的看一种纯色，例如红色，然后再看看周围的人，你会发现周围的人脸色会成绿色，正是因为红色与周围的对比，形成了对我们视觉的刺激 ! 色彩的对比会受很多因素影响，例如色彩的面积、时间、亮度等等。

……

阅读全文 | 回复 | 引用通告

[新手上路系列]如何打造实用网站？

[ 2007-1-11 14:21:00 | By: webdesigner ]

　　遨游网络世界实在很简单，只要点选蓝色的超级链接就可以了，大家都知道怎么作。既然三岁小孩都会，那网站的可用性（Web usability）还有什么可讨论的呢？
以下这几点正是我们的答案：
1. 点选连结很简单，但要知道哪些连结值得点可不容易。网页上的说明常常不清不楚的，让网友犹如坠入五里迷雾，不知道应该点哪里才对。

2. 现在网络上互动的技术五花八门，除了传统蓝色的超文件连结标示之外，还有Java以及动态HTML，往往让使用者更加头大。

3. 网络上的导览做得很糟糕，使用者结果会迷失在浩瀚的网络世界里，找不到自己想要的网站。

……

阅读全文 | 回复 | 引用通告

[网站重构教程]alt属性和title属性

[ 2007-1-10 21:09:00 | By: webdesigner ]

当浏览器卖主扭曲了标准并且自顾自的不按规则去做一些事，他们可能会造成一些问题，或者至少产生了混淆。例子之一就是一些浏览器处理alt属性（一般会被错误的称作alt标签）的方式，比如拥有大量用户的Windows的IE浏览器。

替换文字（alt text）并不是用来做提示（tool tip），或者更加确切的说，它并不是为图片提供额外说明信息的。相反地，title属性才应该用来为元素提供额外说明信息。这些信息在大部分图像浏览器里显示为提示（tool tip），虽然制造商可以任意采取其他方式渲染title属性的文字。

……

阅读全文 | 回复 | 引用通告

[网页设计知识]定义标题的最好方法

[ 2007-1-10 21:06:00 | By: webdesigner ]

原文：What is the Best Way to Mark up the Title of a Document?
说明：本文是《Web Standards Solutions: The Markup and Style Handbook》一书中的一章。书号：ISBN:1590593812。我们会陆续翻译此书中有价值的章节。
原作者：Dan Cederholm
翻译：阿宏
一个文档标题，最好的定义方法是什么？要回答这个问题，先设想我们要在一个页面上定义文章的标题，通常我们有三个方法来实现这个简单目的：

……

阅读全文 | 回复 | 引用通告

[网站重构教程]符合Web标准的超链接

[ 2007-1-10 21:04:00 | By: webdesigner ]

在HTML 4.0 Strict和XHTML 1.0 STRICT里不允许在<a>标签里使用target属性,这是一件令网页设计者懊恼的事.在过渡的规范里还是允许使用的.但通过一定的方法,我们可以解决这一问题.
　　
　　HTMl4.0规范里拿掉了target属性.但它添加了另外一个属性:rel.这个属性是用来指定包含链接的文档和所链接文档之间的关系的.规范里定义了其属性值(如:next,previous,chapter,section),在这些属性里大多数是用来定义一个大文档里各个小部分之间的关系的.事实上.规范里允许开发人员自由的使用非标准属性值做特定的运用.
　　
　　在这里,我们采用一个
……

阅读全文 | 回复 | 引用通告

[网站重构教程]符合WEB标准的导航菜单

[ 2007-1-10 20:51:00 | By: webdesigner ]

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
< http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜单演示</title>
<style type="text/css">
<!--
*{margin:0;padding:0;border:0;}
body {
font-family: arial, 宋体, serif;
font-size:12px;
}

#nav {
line-height: 24px; list-style-type: none; background:#666;
}

#nav a {
display: block; width: 80px; text-align:center;
}

……

阅读全文 | 回复 | 引用通告

[企业建站教程]从GMail认识的W3C网页标准

[ 2007-1-10 20:50:00 | By: webdesigner ]

　不可否认，W3C网页标准刚出来的时候的确很吸引人。那时因为firefox的出现，冲击了浏览器市场，使得大家为了一个小狐狸，而掀起一场网页标准的风波，但是对于设计师来说带来什么?在这场风波我看到的最多就是技术的泛滥。

　　和一些designer聊天，第一句话就问，“你的网页标准化了”吗，“你的网页又有几处错误”。无形中这些话就给我们这些designer来说带来很大压力。每次更新网页都很害怕因为一些小小的改动导致一些小错误。似乎W3C成了一种追捧现象。就如同前段时间的Ajax热一样。但我们更加是应该理性分析，我们什么时候才应该用到这些技术。

　　我举一些例子

　　1.Div和Table之间的误会

……

阅读全文 | 回复 | 引用通告

[网页设计知识]CSS中expression使用简介

[ 2007-1-10 20:49:00 | By: webdesigner ]

　IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式，CSS属性的值等于Javas cript表达式计算的结果。在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。

　　给元素固有属性赋值

　　例如，你可以依照浏览器的大小来安置一个元素的位置。

……

阅读全文 | 回复 | 引用通告

[网页设计知识]谈谈xhtml的结构标签

[ 2007-1-10 20:46:00 | By: webdesigner ]

xhtml的结构标签
原则上一个xhtml文档所有的标签都应该是结构标签,需要表现的地方都使用css来控制。

来列一个完整xhtml的结构标签：

结构
body, head, html, title

文本
abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var

链接
a

列表
dl, dt, dd, ol, ul, li

表单
form, input, label, select, option, textarea

表格
caption, table, td, th, tr

图片
img

对象
object, param

……

阅读全文 | 回复 | 引用通告

[企业建站教程]div的用处就比较明朗了

[ 2007-1-10 20:45:00 | By: webdesigner ]

……

阅读全文 | 回复 | 引用通告

[网页设计知识]合理运用div和span

[ 2007-1-10 20:44:00 | By: webdesigner ]

　把div看成是布局元素这种观点我想是最多的，类似有“用div代替table进行布局”、“实战CSS+DIV布局”等等等等，太多了，还有不少人延用Dreamweaver的定义，称div为层，按Photoshop的层的概念来使用……有朋友干脆就直接称div和span为辅助布局元素。

……

阅读全文 | 回复 | 引用通告

[网站重构教程]一个简单又不简单的Css设计实例

[ 2007-1-10 20:42:00 | By: webdesigner ]

首先给出结构，请注意，是结构固定在先，表现设计在后。

1 <body>
2     <div id="PopPage">
3         <h3>新增联系人</h3>
4         <div>
5             <label>姓名</label>
6             <input type="text" />
7         </div
……

阅读全文 | 回复 | 引用通告

[企业建站教程]页脚保持在底部的布局方法

[ 2007-1-10 20:41:00 | By: webdesigner ]

有时候，我们用CSS创建一个高度自适应布局，如何保证页脚（footer）在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子，但总感觉不是那么完美，经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法，兼容IE5.0+，Opera 8.5+，Firefox 1.5+。下面我们看步骤：

……

阅读全文 | 回复 | 引用通告

[网站重构教程]从豆瓣网站设计谈网站重构

[ 2007-1-10 20:39:00 | By: webdesigner ]

douban.com非常精巧的应用了div+css，并且通过色系的运用，最大限度减少图片等等方式既使得网站页面清新可人，而且可以最大限度的压缩了网页的大小，从而使得访问的效率得到了最大化。

　　第一次看douban.com，有一种拿着“读书”杂志在手上阅读的感觉，很素雅，好像还有那么点书香气息。被中国式网站强奸得都习以为常，以为网站也就这样而且也只能这样，无疑好多人第一次看到douban.com的时候都会被他的网站的简洁所触动，都会感觉眼前一亮!为什么会这样呢，于是有些想法，来看看douban.com的网站设计方面的东西，看看他到底是怎么做的呢:

……

阅读全文 | 回复 | 引用通告

[网页设计知识]有关web标准化的一些想法

[ 2007-1-10 20:35:00 | By: webdesigner ]

很多朋友对我说，她/他有代码洁癖，即，让她/他写XHTML的话，从来不愿意加上额外的标签（tag）。举个简单的例子，相信很多人从很多地方都看到过的：

以下是引用片段：
<div id="nav">
    <ul>
        <li></li>
        <li></li>
        ......
    </ul>
</div>

很多人，包括许多业界大牛，都建议你这样写即可：

……

阅读全文 | 回复 | 引用通告

[企业建站教程]为什么要建立网站标准

[ 2007-1-10 20:34:00 | By: webdesigner ]

　我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996- 1999年典型的"浏览器大战"，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举:网站代码臃肿、繁杂浪费了我们大量的带宽;针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户;不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。

……

阅读全文 | 回复 | 引用通告

[网页设计知识]网络媒体的核心价值是什么

[ 2007-1-10 20:33:00 | By: webdesigner ]

单纯依靠技术是否就一定可以使一家网络媒体永远保持领先?

　　目前网络技术可以说日新月异，任何一家公司都有机会通过某项技术瞬间超越别人，但是时下技术越来越透明化，除了少数公司，绝大部分网站的技术应该不会有太大的区别，唯一的区别可能仅仅是采用某种技术的先后。

　　网络媒体的核心价值是什么?

……

阅读全文 | 回复 | 引用通告

[企业建站教程]为什么div这样方便呢？

[ 2007-1-10 20:32:00 | By: webdesigner ]

1.　DIV之死

一个网页不管是什么..都可以用DIV来~~最典型的为某某论坛(不敢打出他的名字)
应该用什么元素的就用什么元素。
tbody是个好东西，table也可以一行一行的出来，不过不是在所有的浏览器。

为什么div这样方便呢？因为div虾米都没。不管想怎样，只要加个class或者ID就用，不用考虑层次关系，反正DIV是无语义的东东，爱怎套就怎套~~套成像table都可以。

建议解决方案：多去了解(X)HTML

2.　校验之死

……

阅读全文 | 回复 | 引用通告

[企业建站教程]如何开始WEB标准之路

[ 2007-1-10 20:29:00 | By: webdesigner ]

看看高手们发的一些国外的作品，觉得很漂亮。但是由于当时自己对HTML的不熟悉也并没有立刻进入学习。但是开始了解WEB标准的一些优点了，而最吸引我的就是那种HTML不用动，只需要更新CSS就能把网站变成另一个样子。我是个设计师，程序的美妙我是不能理解的，但是这个换肤的特性却深深的吸引我了。

……

阅读全文 | 回复 | 引用通告

[企业建站教程]组合CLASS来完成网页布局风格

[ 2007-1-10 20:27:00 | By: webdesigner ]

我是这样来做DIV布局代码的．不知道说的清楚不清楚，凑和看吧
我的想法是未来能这样：用标准件的方式来组装网页DIV布局

我把class分为２种，布局class，风格class，布局class是骨架，风格class是衣服
举个例子：
比如布局中的左栏
首先它的属性有：是左栏，宽度，背景颜色，字体颜色等

１．首先会定义一个class,比如:.layout,主要用来控制页面整个的大小
.layout{width:98%;margin:0 auto;text-align:left;}

……

阅读全文 | 回复 | 引用通告

[网页设计知识]谁在意什么标准

[ 2007-1-10 20:26:00 | By: webdesigner ]

……

阅读全文 | 回复 | 引用通告

首页上一页下一页尾页页次：1/2页 30篇日志/页转到：

时间记忆

最新评论

专题分类

最新日志

最新留言

搜索

用户登录

友情连接

博客信息

七彩博客网站建设七彩社区信阳毛尖鲜花礼品英国留学网页设计七彩鲜花商标注册

建网站打包带工艺品杭州鲜花卓迈国际律师 Spa水疗祝福短信情人节鲜花 Nike shoes