蓝梦丁丁的共享空间

虽然这个流程与真实有点出入，但基本是这意思了。

开发过程中三个角色：程序员，设计师和客户



步骤1：项目讨论
在接到项目后首先需要开项目开发讨论会，讨论网站的栏目，开发方向，文字内容和图片等等。




步骤2：激发灵感
考虑网站结构，认识客户中心思想要体现的内容，按客户需求展开创意的灵感。



步骤3：框架导航
程序员和设计师具体讨论网站整体制作



步骤4：项目计划
项目大概工作量和所需的时间，写成项目计划书给客户看。



步骤5：设计初稿
设计师作最基本的设计工作，主页和主要分页。设计师作最基本的设计工作，主页和主要分页。



步骤6：客户反馈
客户对设计初稿提出建议。



步骤7：重新设计
跟据客户对设计初稿建议和项目需求，进行修改设计或重新设计。



步骤8：客户满意
经过：设计初稿-客户反馈-重新设计的过程，最后得到了客户的满意。



步骤9：其它页设计
最基本的设计同意, 您就能开始制作站点每个页的布局和设计。



步骤10：客户确认
再一次让客户反馈，得到最后确认。



步骤11：制作HTML
程序员将设计师制作出的页面，作成HTML页。



步骤12：…和CSS
对网站完成CSS和其它工作。



步骤13：交给客户
程序员，设计师完成的工作，交给客户反馈，直到站点完成。



步骤14：测试
项目最后阶段是测试。站点需要进行跨平台测试，解决所技术问题和错误。



步骤15：发布
最后收款，完成项目。

HTML中几个Tag比较有用，平时大家用得比较少，而且是符合W3C XHTML标准的。

1. Label

Label是用来标记Input元素的提示的。例如：

程序代码：

[ 复制代码到剪贴板 ][ 运行代码 ][ 保存代码 ]

Label的“For”属性要和Input元素的ID相一致。

好处：点击提示文字，就自动Focus对应的输入元素。对于Radio，Checkbox这类点击区域特别小的控件特别有用：

程序代码：

[ 复制代码到剪贴板 ][ 运行代码 ][ 保存代码 ]

<!--如果For和ID不匹配，点击文字是没有用的-->


2. FieldSet & Legend

FieldSet用来明确把一组Input控件归成一组（相当于VB/VC里面的Group控件），而Legend则是组的标题(相当于Group控件的标题)。 例如：

程序代码：

[ 复制代码到剪贴板 ][ 运行代码 ][ 保存代码 ]

3. Optgroup

用于Select里面的option的分组。例如：

程序代码：

[ 复制代码到剪贴板 ][ 运行代码 ][ 保存代码 ]