The information listed below is collected from other members who do web designs and web development on a daily basis.下面列出的信息是谁收集每天做网站设计和网页开发的其他成员。 I take no credit for what I am sharing, but the information presented below is invaluable.本人不承担任何我所共享的信用,但下面所提供的信息是无价的。 The links at the bottom are from my personal collection.在底部的链接从我的个人收藏。

Its great information for the novice designer, to the professional.它的伟大的信息对于新手设计师的专业。

These types of threads pop up a lot, so, I have decided to inform some of you of what is what in the world of what we call, e-commerce!这些类型的线程弹出了很多,因此,我已决定通知什么在我们所说,电子商务的世界是什么你一些!

Understanding the Web as a Medium 了解网络作为一个中等

Television is a medium.电视是一种媒体。 Print is a medium.打印是一种媒体。 Radio is a medium.无线电广播是一种媒介。

The web is also a medium.该网站也是一个媒介。 As an interactive information medium, the beauty of the web is it can do this instantaneously, globally, and to a variety of devices (aka user agents) like web browsers, iPhones, Nintendo Wiis, as well as assistive technology for the disabled such as screen readers.作为一个互动的信息媒介,对网络的优点在于它可以做到这一点瞬间,全球,并在各种设备(又名用户代理),如Web浏览器,iPhone手机,任天堂台Wii,以及为残疾人辅助技术,如屏幕阅读器。

What Makes a Web Page? 是什么让网页?

A webpage consists of three things. 一个网页由三件事情。
  • HTML (Structure)的HTML(结构)
  • CSS (Design)的CSS(设计)
  • PHP, MySQL, ASP, JS (Site Behavior) PHP和MySQL,天门冬氨酸,江苏(网站上的行为)

Related Reading... 相关阅读...

Understanding Web Design - Jeffrey Zeldman - A List Apart 了解网页设计-杰弗里Zeldman -除了一个名单

There are three standards at work on any given web page.有三个在任何特定网页的工作标准。
  • HTML (Hyper-Text Markup Language) HTML(超文本标记语言)
    HTML is a markup language (it's right in the name). HTML是一种标记语言(它的正确的名称)。 To "mark something up" is to give it semantic and structural meaning.为了“标记说出”是给它的语义和结构的意义。 Markup is used to show relationships between items of content and describe that content.标记是用来显示内容项之间的关系,并描述这些内容。

    When writing HTML don't think about "what do I want this to look like" - think about "what does this mean."当编写HTML不认为对“什么是我想要这个看起来像” - 想“这是什么意思。” This is what people mean by "semantics."这就是人们的意思是“语义”。

  • CSS (Cascading Style Sheets) CSS(层叠样式表)
    CSS is a presentational language. CSS是一种表象的语言。 It is used to alter the visual (and aural and printed) appearance of a web page.它是用来改变视觉(和听觉和印刷)的一个Web页面的外观。 Fonts, colors, borders, padding, margins, layout, positioning - these are all handled by CSS.字体,颜色,边框,填充,边距,布局,定位 - 这些都是由CSS来处理。

    People used to use HTML tables to lay out web pages.过去,人们习惯使用HTML表格来布局网页。 This practice is out of date and frowned upon by the professional web development community.这种做法已经过时,皱起了眉头由专业Web开发社区时。 CSS was introduced in 1996 to provide web designers a way to make their websites look attractive. CSS是在1996年推出的网页设计师提供一种方法,使他们的网站看起来有吸引力。

    Due to browser limitations, it wasn't until the first years of the 21st century when we were able to use it more-or-less as it was intended!由于浏览器的限制,但直到21世纪的头几年,当我们不能够更多地使用它,或多或少因为它的目的! In other words, there has been no excuse to use a table-based layout for at least 5 years.换句话说,有没有理由使用至少5年的基于表格的布局。

  • DOM (Document Object Model) DOM(文档对象模型)
    The DOM is a bit more involved and confusing for beginners (and applies to more than just HTML). DOM是一个较为复杂和初学者混乱(且适用于多只用HTML)。 The DOM provides pathways and hierarchies for scripting languages (JavaScript, usually) to manipulate the structure and content of a document. DOM提供了对脚本语言(JavaScript中,通常)操纵的结构和文件的内容和层次的途径。 If you can imagine an HTML document as a nested tree, then you have an understanding of the DOM. Don't worry too much about it until you understand the first two.如果你能想象一个嵌套的HTML文件作为树,那么你有一对DOM的了解。 不要太担心它,直到你明白很多关于前两个。

Behavioral Scripts and Languages 文字和语言行为
  • JavaScript JavaScript的
  • PHP PHP的
  • MySQL MySQL的
  • ASP ASP的

Related Reading... 相关阅读...
  • HTML Beginner Tutorial - HTML Dog HTML初级教程- HTML的狗
  • CSS Beginner Tutorial - HTML Dog 的CSS初级教程- HTML的狗
  • Developing with Web Standards - Roger Johansson - 456 Berea Street 发展与Web标准-罗杰约翰森- 456伯里亚街

---------------------------------- ----------------------------------
---------------------------------- ----------------------------------

Resources to bookmark 资源,以书签

Browsershots Browsershots
Browsershots makes screenshots of your web design in different browsers. Browsershots让你在不同的浏览器网页设计截图。 It is a free open-source online service created by Johann C. Rocholl.这是一个免费开源的在线服务,约翰三Rocholl创建。 When you submit your web address, it will be added to the job queue.当您提交您的网址,它会被添加到工作队列。 A number of distributed computers will open your website in their browser.一种分布式计算机数量将其浏览器中打开网站。 Then they will make screenshots and upload them to the central server here.然后,他们将截图并上传到中央服务器在这里。

/* Position Is Everything */ / *的立场是一切* /
Describes and demonstrates some of the bugs found in web browsers, and to show advanced CSS methods that work across all browsers.介绍并演示了在Web浏览器中的一些错误,并展示先进的CSS方法,在所有的浏览器工作。

Veerle's blog 2.0 - Webdesign - XHTML CSS | Graphic Design Veerle的博客2.0 -网页设计- XHTML的CSS |平面设计
A personal online journal source for topics ranging from XHTML/CSS to graphic design tips.一个个人为主题的范围从XHTML在线期刊源/ CSS以平面设计的技巧。

COLOURlovers :: Color Trends + Palettes COLOURlovers::色彩趋势+调色板
COLOURlovers™ is a resource that monitors and influences color trends. COLOURlovers™是一种资源,监测和影响色彩趋势。 COLOURlovers gives the people who use color - whether for ad campaigns, product design, or in architectural specification - a place to check out a world of color, compare color palettes, submit news and comments, and read color related articles and interviews. COLOURlovers赋予人谁使用颜色 - 无论是广告系列,产品设计,还是在建筑规范 - 一个地方检查出一个彩色的世界,比较调色板,提交新闻和评论,阅读相关文章和采访颜色。

CSS Standards & Positioning CSS标准和定位
In this guide we'll learn about how to position elements using CSS, and clear away a lot of the fog that surrounds the idea of a layer.在这个指南中,我们将了解如何使用CSS来定位元素,并清除了周围的雾层的想法很多。

CSS Zen Garden: The Beauty in CSS Design CSS禅意花园:CSS中的设计之美
CSS demonstrations of what can be accomplished visually through CSS-based design.什么样的CSS示范可以通过CSS来实现视觉化设计。 Select any style sheet from the list to load it into this page.从列表中选择任何样式表加载到这个页面上。

CSS Max Designs: CSS resources and tutorials for web designers and web developers 最大的CSS设计:CSS的设计人员和Web开发的网络资源和教程
Step by step tutorials on using CSS to create background image lists, rollover lists, nested lists and horizontal lists.教程步骤一步使用CSS来创建背景图像列表,滚动列表,列表的嵌套列表和水平。

Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc. Web开发手册|的CSS,Web开发,颜色工具,搜索引擎优化,可用性等

The 960 Grid System 960网格系统
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. 960网格系统是为了简化提供常用的尺寸,宽度为960像素基于Web开发工作流程。 There are two variants: 12 and 16 columns, which can be used separately or in tandem.有两个变种:12和16列,可用于单独或串联。

Set My Browser Size 设置我的浏览器大小
A nifty online tool for setting your browser size while doing Web design一个极好的设置您的浏览器大小的在线工具,在做网页设计

Lorem Ipsum Generator Lorem Ipsum发电机
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum是简单的印刷和排版行业的虚拟文本。 Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum一直自从16世纪,当一个未知的打印机了厨房的类型和炒它的模式标本作书业界的标准假人文本。 It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.它存活到电子排版,不仅五个世纪,而且飞跃,其余基本保持不变。 It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.这是20世纪60年代普及与包含Lorem Ipsum的Letraset代表的释放,更喜欢奥尔德斯PageMaker中包括Lorem Ipsum版本的桌面出版软件最近。

Nifty Corners 漂亮的角球
Tutorials on creating rounded corners without images.教程创建一个没有图像圆角。