Play as Webslides

Shaodong Di's List: WWW

9. 建立站点的线框图 | Opera 中国

team.operachina.com/24 - Preview

on 2008-12-19
- 首先应有一份建站计划，列明建站预算、目标市场、预期目标，以及完成这些工作任务所需的资源等
- 该网站只是向用户提供信息，还是还计划向用户销售产品或服务？该网站是将长期存续并发展，还是只是想在短期内以网站作为进入一个细分市场的营销手段（如竞选网站、针对当前的时尚而建立的营销网站等）？网站将包括博客页面、法律信息页面、图片集、电子邮件联系表单吗？网站还需要其他哪些页面？与竞争对手的网站相比较，该网站如何？
- 19 more annotations...
- - 当然如果客户公司已有一个完整的建站计划，你就必须遵循他们的指示去做
  - 如果你尚未履行过这些营销工作，你可能需要一个营销专家与你一道工作
  - 在所有情况下，写代码和设计导航都是工作重点
  - 除非 Flash 适用于网站的一些元素，要尽量避免使用 Flash
  - Flash 适合履行一些如播放视频这样的任务
  - 8周时间就已
  - 正如你不会在建筑师编制出蓝图前就去为新家挑选地毯或沙发一样，你也不会在规划好网站的架构前就去进行网站的视觉设计。
  - 我将把 Logo 图像设为 72dpi，以使 Logo 图像能被更快地下载
  - “网站建设中”是一个应避免使用的短语，这是因为访问者如果不知道网站的上线日期，可能就不会再回来访问网站了。更适宜的做法是，先上传一个网页，在其上载明公司的名称、网站将提供些什么内容、网站的上线日期，以及联系信息
  - 此外，如果能使用一个可以向个人发出网站上线通知的电子邮件表单，那就更好了
  - 使用图库网站提供的图片，费用并不昂贵，且避免让你自己去处理让人头疼的版权问题。
  - 请一定记住，在开始在为各个页面配色和添加图形图像前，需要先征得客户对网站视觉布局样板的批准。
  - “below the fold”（字面意思是对折线以下－译注）这个术语起源于报业，即当报纸被放在售报台上销售时，读者将只看到报纸对折线以上（“above the fold”）的部分，因此这部分在对折线以上的文字和图片是很重要的，因为它能促使读者购买整份报纸。
  - 要让访问者无论是在任何分辨率的显示器上首先看到的内容和图片都能引起他们的注意（这也是你需要在多种不同的显示器/屏幕分辨率下测试你的网站的原因之一）。
  - 之所以要保持页面布局的一致性，其原因是不让网站访问者感到困惑。
  - 一旦用户“学会”如何使用一个网站，一般情况下都不喜欢看到各个页面的布局有很大变化。
  - 作为一个设计师，你在哪些要素造就出一个成功的网站这方面的知识越多，就越有可能取得事业的成功。
  - 如果可能的话，尽量多学习营销知识（为你自己，也为你的客户）和了解搜索引擎优化策略。
  - 我在说服客户某一个页面布局比其他页面布局要好时，使用了这样一种策略，那就是提醒他们在额外的页面布局上写代码要多产生费用。
8. 色彩理论 | Opera 中国

team.operachina.com/23 - Preview

on 2008-12-18
- ColorScheme Generator II（配色方案生成器II，如图3所示），它不仅可以帮助你迅速和容易地确定配色方案，甚至还可以帮助你确定你选定的颜色是否为视力差或是色盲的用户提供了足够的对比度。
- 除非你是一个纯粹主义者，不要在颜色盒上方的“reduce to ‘safe’ colours”（降至‘安全’颜色）方框中打勾。
- 4 more annotations...
- - Web 安全颜色”这个术语，产生于显示器刚可以显示 256色的那个时期
  - 与试图通过将一个有形的色轮与一个 Web 浏览器的背光屏幕相匹配而做出的任何猜测相比，这些 16进制的数字的可靠度要高得多。
  - 使用这种互补色配色方法，你几乎从不会出错。
  - 实际上，使用“暖色”和“冷色”的搭配，可以使网站页面显得活泼，具有活力。
7. 一个好的网页需要什么 | Opera 中国

team.operachina.com/22 - Preview

on 2008-12-18
- 过分着重于主页，是一个人们常犯的错误。
- 你应该思考网站的访问者将如何找到他们真正在寻找的内容和信息，或者说，一旦他们开始在网站漫游，他们想访问的下一个网页是什么。
- 1 more annotations...
- - 其实对近视的人来说，所戴的眼镜也是一种“辅助技术”，但是他们中绝大部分人不会认为自己是残疾人。
6. 信息架构——规划一个Web站点 | Opera 中国

team.operachina.com/21 - Preview

on 2008-12-18
- 你的首要目标都应该是构建一个对将要使用站点的用户有用的Web站点。也就是说，如果你要构建的是针对某一特定人群的Web站点，只有这个人群的意见才是重要的。而其他如你的老板的意见，拥有软件工程博士学位的人的意见，甚至你的个人偏好，都不是真的重要。
4. Web 标准所包括的模块——HTML、CSS 和 JavaScript | Opera 中国

team.operachina.com/19 - Preview

on 2008-12-18
- 如果你将XHTML文件用作text/html, 则必须对所有被定义为“空”的元素使用简写语法，并在/>前加上一个空格。
- XHTML须使用 application/xhtml+xml 这种媒体类型，但也可使用 application/xml，text/xml 或 text/html。如果使用 text/html，则必须遵循 HTML 兼容性指导原则，因为这样浏览器将把其当作HTML处理（并使用错误恢复来解释语言之间的差别）。
- 2 more annotations...
- - 在一个网页中，每一个ID只能使用一次
  - 每个网页你可以有多个相同的类
2. 互联网和Web的历史，以及Web标准的演化 | Opera 中国

team.operachina.com/17 - Preview

on 2008-12-18
- 即使是到了2008年，也不是所有站点都是使用Web标准而构建的。
Opera Web 标准课程 | Opera 中国

team.operachina.com/wsc - Preview

on 2008-12-17 and saved by 3 people
- 在过去，人们在制作Web站点时，习惯于这样做：把整个页面通过一些巨大的表格进行布局，使用不同的表格单元格来定位图像、文本等（不是真正的表格，而是向页面添加冗余的标记）。他们习惯于使用不可见的空白GIF来调整页面元素的定位（不是真正的GIF图像，而是向页面添加冗余的标记）。他们习惯于用JavaScript来生成那些飞舞的菜单（这对于那些已经在浏览器中禁用JavaScript的人来说，一点好处也没有，而对那些因视觉障碍而使用屏幕阅读器的人来说，也会被这些JavaScript搞晕）。或者，写一些仅能运行在一种浏览器上的JavaScript（但对于那些使用其他浏览器的人，该怎么办呢？）。他们习惯于在HTML的<font>元素中，直接插入样式信息（但这将增加维护的难度，并且会使页面中凭添多余的标记）。
OpenDNS | Providing A Safer And Faster Internet

这回不用isp的dns了。

www.opendns.com - Preview

dns opendns on 2009-01-20 and saved by 628 people
Lorem Ipsum - All the facts - Lipsum generator

www.lipsum.com - Preview

web webdesign text generator tools on 2009-02-25 and saved by 662 people
Scratchmedia, Web2.0 design specialists, Web2.0 application and web site designers, consultants, producers >

这设计真爽！每样服务都有个图片，整齐排布，注意每幅图都是斜的。

scratchmedia.co.uk - Preview

scratchmedia on 2009-02-27 and saved by 2 people
List of CSS Frameworks | WebTecker the latest Web Trends, Resources and News.

webtecker.com/...list-of-css-frameworks - Preview

webdesign css framework on 2009-03-21 and saved by 13 people
Gimp-tutorials.net - Gimp , tutorials , brushes , downloads, forum.

gimp-tutorials.net - Preview

gimp tutorials graphics on 2009-03-21 and saved by 81 people
Home: Yet Another Multicolumn Layout | An (X)HTML/CSS Framework

www.yaml.de/home.html - Preview

framework css webdesign layout yaml on 2009-03-21 and saved by 118 people
25 Web 2.0 Generators | WebTecker the latest Web Trends, Resources and News.

webtecker.com/...25-web-20-generators - Preview

web2.0 tools web generator webdesign design on 2009-03-21 and saved by 36 people
14 CSS Tools to Save you Time | WebTecker the latest Web Trends, Resources and News.

webtecker.com/...14-css-tools-to-save-you-time - Preview

design css tools webdesign generator on 2009-03-21 and saved by 29 people
Web Development with The Gimp and Blueprint CSS - Part 1 at Don’t Click On Me

dontclickonme.com/...ith-the-gimp-and-blueprint-css - Preview

gimp blueprint webdesign on 2009-03-21 and saved by 2 people
A List Apart: Articles: Sliding Doors of CSS

good sliding doors tutor!

www.alistapart.com/...slidingdoors - Preview

css webdesign design tabs web tutorial sliding doors on 2009-03-22 and saved by 190 people
- We set the anchors to block-level elements so we can control all aspects without worrying about the inline box:
A List Apart: Articles: Sliding Doors of CSS, Part II

www.alistapart.com/...slidingdoors2 - Preview

css design webdesign tutorial tabs navigation sliding doors on 2009-03-22 and saved by 51 people
- Adding a bottom border of 1px to all “non-current” tabs, then removing the bottom border in case of an existing “current” tab,
Navigation Menus: Trends and Examples | Design Showcase | Smashing Magazine

www.smashingmagazine.com/...tion-menus-trends-and-examples - Preview

webdesign navigation design inspiration menu on 2009-03-22 and saved by 111 people
Border-radius: create rounded corners with CSS! - CSS3 . Info

www.css3.info/...rounded-border - Preview

webdesign css3 css rounded corners borderradius on 2009-03-24 and saved by 19 people

1 - 20 of 55 Next › Last »

Showing 20▼ items per page

List Comments (0)

List Info

Shaodong Di

55 items | 14 visits

something related to web, like web design, templates, web programing etc.

Updated on 2009-07-08
Created on 2009-01-10

Category: Computers & Internet

web html

URL:

Shaodong Di's List: WWW

9. 建立站点的线框图 | Opera 中国

8. 色彩理论 | Opera 中国

7. 一个好的网页需要什么 | Opera 中国

6. 信息架构——规划一个Web站点 | Opera 中国

4. Web 标准所包括的模块——HTML、CSS 和 JavaScript | Opera 中国

2. 互联网和Web的历史，以及Web标准的演化 | Opera 中国

Opera Web 标准课程 | Opera 中国

OpenDNS | Providing A Safer And Faster Internet

Lorem Ipsum - All the facts - Lipsum generator

Scratchmedia, Web2.0 design specialists, Web2.0 application and web site designers, consultants, producers >

List of CSS Frameworks | WebTecker the latest Web Trends, Resources and News.

Gimp-tutorials.net - Gimp , tutorials , brushes , downloads, forum.

Home: Yet Another Multicolumn Layout | An (X)HTML/CSS Framework

25 Web 2.0 Generators | WebTecker the latest Web Trends, Resources and News.

14 CSS Tools to Save you Time | WebTecker the latest Web Trends, Resources and News.

Web Development with The Gimp and Blueprint CSS - Part 1 at Don’t Click On Me

A List Apart: Articles: Sliding Doors of CSS

A List Apart: Articles: Sliding Doors of CSS, Part II

Navigation Menus: Trends and Examples | Design Showcase | Smashing Magazine

Border-radius: create rounded corners with CSS! - CSS3 . Info

List Info

Sponsored Links

Shaodong Di's Public Lists (3)