网站设计说明书（ps交互式网站怎么做）

： 2023-10-18 00:40:04 ：22

网站设计说明书（ps交互式网站怎么做）

本文目录

ps交互式网站怎么做
UI设计规范说明书
如何建立一个动态交互式网站成本投入要多大自己亲手做要多少时间
网页设计作品如何写作品介绍
个人网页设计说明书的功能介绍（各模块介绍核心技术）
网页制作与网站设计报告书
网页设计项目要求说明书怎么写
想学计算机网页设计需要了解些什么呢
学网页设计有前途吗
做一个网站需要什么，网站建设基本步骤

ps交互式网站怎么做

1、打开PS，文件——打开，打开需要处理的图片（熟练使用的朋友可以直接在PS界面快速双击打开需要处理的文件）。

2、选中背景层，拖动至【新建图形按钮】上，复制出背景副本。

3、滤镜——其他——高反差保留，半径值根据图片情况来定（一般2到5左右）。

4、在图层面板中将图层混合属性更改为【叠加】。

5、滤镜——锐化——USM锐化（数值根据图片的情况来定）。

6、一般数量填515、半径2.0、滤值4即可。

7、图像——调整——亮度/对比度（亮度、对比度数值根据图片的情况自己来定），然后，保存文件就可以完成本例效果的制作了。

8、看看效果，如下图所示。

UI设计规范说明书

高质量的规范文档是一个优秀设计系统的代表物。我们详实地描述每个 UI 组件的设计与代码规范，来帮助设计师高效地作出决策，推动开发速度。编写高质量的文档需要前期规划和一系列合理的流程来辅助，付出的成本相当高。

这个系列由六篇文章组成，致力于描述编写组件规范文档的过程。本篇我会从目标读者、文档内容、文档结构开始。然后会涉及案例，设计与代码指南。这些内容来自于我自己这些年的实践经验以及社区里大家所分享的知识。

那么我以一个问题开始今天的主题：文档的目标读者是谁，他们需要什么样的内容，作为编写者我们该怎样组织文档结构来作出清晰的表达？

文档的目标读者

首先：你要弄清楚谁是你的文档的主要读者。

工程师，设计师，还有公司里的所有人！

当一个设计系统包含了代码指南，工程师们显然会是读者。那么一个只包含了代码指南的设计系统应该服务于设计师吗？如果文档里只包含了设计规范而没有代码（如 Material Design），工程师还是读者吗？

在我看来，两个问题的答案都是肯定的。规范文档是从不同的角度来服务于多种角色的。

除了设计与工程，它还服务于其他人吗？很有可能，特别是当文档所在的设计系统已经成为产品的基石时。简短有效的介绍对于 PM（产品经理）很有价值，QA（测试）则比较关注案例部分…等等。

规范文档是从不同的角度来服务于多种角色的

很多设计系统团队还会把自己的系统公开出来，在体现共享精神的同时也能起到吸引行业人才的作用。所以文档应该能够体现团队的专业与严谨。

文档的主要目标是：为设计师、工程师和团队里的其他角色服务，让他们能够高效地做决策。

Takeaway：设计系统的效应和影响力不只覆盖设计与工程，一个成长中的系统必将会服务于更多的角色。

工程师，接着是设计师，然后才是其他人

为所有角色服务并不意味着平等地服务所有角色。工程师每天会查阅 10 次或更多次文档，他们甚至会把文档与代码器窗口并排排列！设计师的访问次数应该是少于工程师的，其他角色则会更少。

所以谁是最重要的？以我的经验来看，设计系统最初就是为了工程与设计之便，由工程师和设计师建立的。即使其他角色也对其有所贡献，但他们仍是偏次要的。因此我们首先需要确保工程师与设计师的需求能够得到满足。

设计师与工程师优先级最高

那么，工程师与设计师孰轻孰重呢？我最近参与设计的设计系统项目中都需要同时服务于两者，为设计和代码制作规范指南。我也在一些企业的文档中看到了对其中一方的过多偏见，或者是有将他们的目标完全分离开的倾向（稍后我会解释）。有很多维度需要考量：设计系统的目标，他们的使用频率，内容深度、质量、生产成本，以及和他们日常工作的相关度。

设计师 vs 工程师

Takeaway：读者的优先级由很多因素决定。要有预期：工程师和设计师的需求会有冲突，并尽可能地优化和处理这些冲突。如果实在不行，就要偏向于距离最终产品最近的那一方，通常是工程师。这就意味着工程师优先，设计师其次。

文档内容

规范文档是连接读者与内容的媒介。内容会有不同的格式或模块，因此成本也各有差异，而你需要最终把它们编织在一起。

文档内容模块：简介和案例文档内容模块：设计参考和代码参考

抽象地来看，规范文档的内容通常包含以下四种模块：

介绍：组件的名称，以及一段简明扼要的介绍。（必要）
案例：这个组件的各种形式，状态，尺寸等等其他要素，比较好的做法是用代码直接把这些展示出来，而不是不可以交互的静态图片。（必要）
设计参考：比如什么时候应该用这个组件，允许的做法与不允许的做法，以及视觉、交互、文案方面的指南。（推荐）
代码参考：包含 API 和其他实施及部署方面的指南。（必要）

不同的模块会有不同的制作成本

「介绍」写起来当然非常的短平快。结构优秀的「案例」也是值得投入成本的，并且写起来会越来越顺手。工程师也需要一个合理清晰的「代码参考」。但是，真正有效的「设计参考」可能会非常耗费成本。

横轴：细节的丰富程度由浅到深。纵轴：制作成本由低到高

请点击输入图片描述

Takeaway：规范文档可以包含很多内容模块。所以需要团队在前期就进行充分的讨论，对每种内容模块做出符合自己团队和产品价值的判断，再投入成本去制作。

文档的信息结构

设计与代码：分开还是合并？

在实践中，设计师往往会自顾自的发布或更新和自己相关的内容，工程师也一样。这样的惯性行为会在无意中增加设计与工程的距离。所以大家需要在前期就对文档的信息结构达成共识。

谷歌的 Material 文档生态就是这种距离感的代表。 Material’s design foundation 优先服务于设计实践, 而 Material Design Lite，Polymer Project，Android Developer’s，Material UI (built for React) 都是服务于代码，和设计规范绑定的并不紧密。

请点击输入图片描述

这种分离的状态其实是有意义和理由的。因为 Material 是一个操作系统的底层系统，跨越了许多框架，团队，平台。它的复杂度在某种意义上超越了目前世界上所有的设计系统。但你要知道大多数的设计系统并不是服务于一个操作系统的，因此不会发展至如此复杂的形态。

对于像我们一样的产品团队来说，设计和代码分开是符合共识的。这种做法能够给分别为两种角色设计符合他们需求的体验。

组件设计规范与 API 和代码规范分别放在两个网站上。来自：Atlassian

请点击输入图片描述

这种做法也有风险。随着时间推移，两个网站可能出现不同步的现象：

设计与代码的分类逻辑出现差异（最简单的例子就是 Loader 和 Spinner 的命名：代码里叫 Loader，而设计里则叫 Spinner）
功能差异：设计规范里出现了代码不能实现的功能，或者代码里加入了设计里没有考虑的功能。

你可能会觉得这样也挺好，毕竟设计和代码本身就是两个领域。至少对于文档的写作者来说这种分离还是挺方便的（只用考虑自己的需求，管理自己的进度）。

但真正的读者需要的是一个「真相的唯一来源（Single source of truth）」。如果你是一个对设计和代码都有需求的读者，你会发现自己不停在两个网站间切换，两个地方都有对你有价值的内容，这感觉就像是在打网球时陷入了拉锯战。

Takeaway：要慎重地看待设计与代码的分离。虽然一开始方便了内容作者和发布者，但之后会有风险。这种做法也可能会在潜移默化中造成设计与工程的距离扩大。

合并内容的两种方案：堆叠还是切换？

例如 Morningstar Design System 是把设计和代码放在一个页面里，读者就能找到完全统一的命名，指南，功能描述。

一个页面之堆叠式：把设计和代码放在一个页面中，纵向滚动来查看。

请点击输入图片描述

堆叠式的布局方式会使得页面变得冗长。当然还有一种方式是使用 Tab 来切换内容。

一个页面之切换时：把设计和代码放在一个页面中，通过 Tab 来切换内容。

请点击输入图片描述

Takeaway：将设计和代码混合在一起是有可能的，大家可以按自己的需求来选择以上两种布局方式。

按类型来为内容做排列和编组

不论选择那种布局方式，文档内容的模块结构和顺序应该是保持一致的：

简介
案例
设计参考
代码参考

其实只要把「案例」放到读者一进来就能看到的地方，把设计和代码参考放在一步点击就能达到的地方，就是一个不错的设计了。下面是几种行业内比较有代表性的模式：

左：IBM Carbon 模式中：Hudl’s Uniform System 模式右：Lightning Design System 模式

请点击输入图片描述

IBM Carbon 认为代码更应该被优先展示，将交互用法和样式分别放在其他的 Tab 中。Hudl’s Uniform system 把顺序反了过来，设计优先于代码。 Salesforce’s Lightning Design System 把代码和组件案例放在 Tab 上方，默认选中开发者指南这个 Tab，而后两个 Tab 则被奇怪地留空了。

Takeaway：把简介和案例放在一开始最重要的位置，接下来的模块则没有唯一的方案，需要大家自己做出符合自己团队情况的判断。

若页面很长，则为读者提供定位导航

你的文档页面越长，越需要给读者清晰的认知，要让他们知道这个页面里会包含哪些内容以及当前所处的位置。纵向的定位导航栏是个不错的方案：一直固定存在于页面右侧，在滚动时同步追踪位置，并且可以包含子标题。

Morningstar Design System 在文档页面右侧设计了一个两级的定位导航栏

请点击输入图片描述

Takeaway：不论选择哪种形式，最重要的是在整个系统中保持逻辑一致，符合读者的预期与心理模型。

展示设计？展示代码？还是都展示？

把设计和代码融合，就会有读者只对其中一个方面感兴趣，他们会提出自己的意见：

设计负责人可能会问到：我能把这些代码案例和指南隐藏掉嘛？

工程师可能会问：我能把这些和设计规范有关的文字隐藏掉嘛？

可以考虑加一个选项或按钮来允许隐藏设计/代码内容。比如：

Design Only：把代码指南、代码片段和属性表等等都隐藏起来

Code Only：把视觉样式指南和文案指南都隐藏，但还是要把一部分交互用法指南保留着，这对工程师们也有用。

如何建立一个动态交互式网站成本投入要多大自己亲手做要多少时间

要看网站的规模。如果只是简单的交互（比如留言板）则只需几天就可以完成，成本也不会很高。但大规模的内容管理或者ERP等平台需要很大投入和时间才能完成。
网站看你做的是什么规模的，有多少功能了！几个小时也可以搞个小东西出来，几天也能弄个小网站出来，几个月可以搞个初具规模的网站！网站建立一般不会投入很大！看你是什么规模了！

网页设计作品如何写作品介绍

网页设计作品介绍，主要可以围绕为了让更多的人能够明白设计图所想表达的意思，以及每种不同的图案、颜色、等所代表的意思。其中可以包含设计师所表达的主题思想、设计理念、设计风格、结构说明、产品以及设计所用的到图案、颜色、文字等的含义、设计尺寸、标准色、材料。

设计作品在第一步就要很明确的为大家说明，作品的大概信息，如：作品名称、作品所用材料、造价、用途等等信息，一篇室内设计需要注明：设计公司、设计师、项目面积、工程造价、装饰材料等信息。

扩展资料

在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。

Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

为了做到主题鲜明突出，要点明确，应该使配色和图片围绕预定的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

我的网页主要包括了主页，邮箱登陆，个人简介和爱好，个人像册，通讯录，友情连接，另类下载等。主页主要上用来显示网页的主要内容。在主页里，我嵌套了一副FLASH，在FLASH里面我又加入了一首歌，是本网页有了精美的音乐。邮箱登陆主要是用来在别人登陆该网页时有什么建议或意见，可以迅速的登陆到他的邮箱给我意见。也为别人在浏览本网页时突然想起了什么事，可以迅速登陆到自己的邮箱。个人爱好主要是用来介绍自己和介绍自己的爱好，以便让更多的人了解自己。个人像册是用来显示照片的，在个人像册里我大量使用了表格嵌套，通过做个人像册我更加的了解了网页里的表格的使用。通讯录主要是用来显示我们记录的数据的，在做同学录时，我们先要用ACCESS做一个数据库和一个数据表，再用DREANWEAVER做一个关于通讯录的网页，然后把他们连接起来。最后我们可以通过安装的IIS来显示它。友情连接主要连接了一些重要的网站，以便别人在浏览本网页时可以方便的跳转到别的网页。另类下载模块主要显示了一些主要的下载工具和网站，方便那些想快速下载又找不到好的网站和工具的人。本网页还包括了很多东东，我就不一个一个的说明了。

网页制作与网站设计报告书

　　网站项目管理规范
　　一.概念
　　网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
　　二.需求分析
　　1.项目立项
　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，/文档等必须人员。项目实行项目经理制。
　　2.客户的需求说明书
　　第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚，需要您不断引导和帮助分析。曾经有一次，我问客户：“您做网站的目的是什么？”他回答：“没有目的，只是因为别人都有，我没有！”。这样的客户就需要耐心说明，仔细分析，挖掘出他潜在的，真正的需求。配合客户写一份详细的，完整的需求说明会花很多时间，但这样做是值得的，而且一定要让客户满意，签字认可。把好这一关，可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢？简单说，包含下面几点：
　　1.正确性：每个功能必须清楚描写交付的功能；
　　2.可行性：确保在当前的开发能力和系统环境下可以实现每个需求；
　　3.必要性：功能是否必须交付，是否可以推迟实现，是否可以在削减开支情况发生时“砍“掉；
　　4.简明性：不要使用专业的网络术语；
　　5.检测性：如果开发完毕，客户可以根据需求检测。
　　三.系统分析
　　1.网站总体设计
　　在拿到客户的需求说明后，并不是直接开始制作，而是需要对项目进行总体设计，详细设计，出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定：
　　1.网站需要实现哪些功能；
　　2.网站开发使用什么软件，在什么样的硬件环境；
　　3.需要多少人，多少时间；
　　4.需要遵循的规则和标准有哪些。
　　同时需要写一份总体规划说明书，包括：
　　1.网站的栏目和版块；
　　2.网站的功能和相应的程序；
　　3.网站的链接结构；
　　4.如果有数据库，进行数据库的概念设计；
　　5.网站的交互性和用户友好设计。
　　2.网站建设方案
　　在总体设计出来后，一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统，而且在客户需求不是十分明确的情况下提交方案，往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解，在明确需求并总体设计后提交方案，这样对双方都有益处。网站建设方案的包括以下几个部分：
　　1.客户情况分析；
　　2.网站需要实现的目的和目标；
　　3.网站形象说明；
　　4.网站的栏目版块和结构；
　　5.网站内容的安排，相互链接关系；
　　6.使用软件，硬件和技术分析说明；
　　7.开发时间进度表；
　　8.宣传推广方案；
　　9.维护方案；
　　10.制作费用；
　　11.本公司简介：成功作品，技术，人才说明等。
　　当您的方案通过客户的认可，您可以开始动手制作网站了。但还不是真正意义上的制作，你需要进行详细设计：
　　3.网站详细设计
　　总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序，而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图，它们应该包含必要的细节，例如：程序界面，表单，需要的数据等。程序员可以根据它们写出实际的程序代码。
　　四. 项目实施
　　1.整体形象设计
　　在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。
　　整体形象设计包括标准字，Logo，标准色彩，广告语等。首页设计包括版面，色彩，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格，完成后，供客户选择。
　　记住：在客户确定首页风格之后，请客户签字认可。以后不得再对版面风格有大的变动，否则视为第二次设计。
　　开发制作
　　2.开发制作
　　到这里，程序员和网页设计师同时进入全力开发阶段，需要提醒的是，测试人员需要随时测试网页与程序，发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试，这样会浪费大量的时间和精力。项目经理需要经常了解项目进度，协调和沟通程序员与网页设计师的工作。
　　调试完善
　　3.调试完成
　　在网站初步完成后，上传到服务器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来。
　　为什么要记录文档呢？其实本软件工程本身就是一个文档，是一个不断充实和完善的标准。通过不断的发现问题，解决问题，修改，补充文档，使这个标准越来越规范，越来越工业化。进而使得网站开发趋向规范，趋向合理。
　　4.宣传推广
　　宣传推广的基本方法有：
　　1.网页里设置适当的META标签；
　　2.各搜索引擎登录；
　　3.准备新闻稿件在各新闻公告板发表；
　　4.合理使用Email邮件列表；
　　5.广告条交换；
　　6.付费广告。
　　至此，网站项目建设完毕，将有关网址，使用操作说明文档等提交客户验收。如果需要维护，另行签定维护项目。
　　五.维护
　　网站成功推出后，长期的维护工作才刚刚开始，需要做到的是:
　　1.及时响应客户反馈；例如可以采取Email自动回复功能，然后在1-3个工作日里解决问题，再次回复；
　　2.网站流量统计分析和相应对策；
　　3.尽量推广和使用您的网址；
　　4.网站内容的及时更新和维护。
　　六.遵循的规范
　　1.网站建设目录规范
　　2.网站文件命名规范
　　3.网站建设尺寸规范
　　4.网站首页head区代码规范
　　5.网站连接结构规范
　　网站开发规范
　　任何一个项目或者系统开发之前都需要定制一个开发约定和规则，这样有利于项目的整体风格统一、代码维护和扩展。由于Web项目开发的分散性、独立性、整合的交互性等，所以定制一套完整的约定和规则显得尤为重要。定制一系列约定和规则，包括组件团队、文件夹命名规则、文件名命名规则、程序代码编程风格、数据库设计约定。这些规则和约定需要与开发人员、设计人员和维护人员共同讨论定制，将来开发都将严格按规则或约定开发。每个团队开发都应有自己的一套规范，一个优良可行的规范可以使我们工作得心应手事半功倍，这些规范都不是唯一的标准不存在对与错，也许有些地方与你当前使用的习惯相驳，很多地方都有争议。。
　　非常明显在Web项目开发中有前后台开发之分，前台开发主要是指非程序编程部分，主要职责是网站AI设计、界面设计、动画设计等。而后台开发主要是编程和网站运行平台搭建，其主要职责是设计网站数据库和网站功能模板的实现。下面的这些规范主要是从这2个方面来定制的，这些规范是工作中总结的一点经验，本文档比较适合中小型网站或者Web项目的开发规范。
　　一．组建开发团队
　　在接手项目后的第一件事是组建团队。根据项目的大小团队可以有几十人，也有可以是只有几个人的小团队，在团队划分中应该含有6个角色，这6个角色是必须的，分别是项目经理，策划，美工，程序员，代码整合员，测试员。也许你的团队还没有6个人，没有关系一个人可以有多个角色，比如项目经理还可以有策划这个角色，如程序员还可以含有代码整合和测试这2个角色，如果你的项目够大人数够多那就分为6个组，每个组分工再来细分。下面简单介绍一下这6个角色的具体职责。
　　项目经理，项目总体设计，开发进度的定制和监控，定制相应的开发规范，负责各个环节的评审工作，协调各个成员(小组)之间开发。策划，提供详细的策划方案和需求分析。还包括后期网站推广方面的策划。美工，根据策划和需求设计网站AI，界面，Logo等。程序员，根据项目总体设计来设计数据库和功能模块的实现。代码整合员，负责将程序员的代码和界面融合到一起，代码整合员可以制作网站的相关页面，测试员，负责测试程序。
　　二．开发工具
　　Web开发工具主要分为3部分，第一部分是网站前台开发工具，第二部分是网站后台开发环境，第三部分是项目管理和辅助软件。下面分别简单介绍这三部分需要使用的软件。
　　网站前台开发主要是指Web界面设计。包括网站整体框架建立、常用图片、Flash动画设计等等，主要使用的相关软件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。
　　网站后台开发主要指网站动态程序开发、数据库建模，主要使用的相关软件是： PowerDesigner（数据库建模），PowerDesigner在数据库设计方面应用非常强大，用它可以快速创建数据库概念和物理模型，我最喜欢的还是它生成数据库Report的功能太方便了，设计数据库强烈推荐用它。Rational Rose（程序建模），如果你的项目功能模块不是特别复杂那就剩了它吧，这样会节省一些时间和开发的复杂度，不过我个人认为不管是大项目还是小项目都应该画画Rose图。
　　网站项目管理主要指对开发进度和代码版本的控制。开发进度用Microsoft Project来制定，代码版本控制采用Visual SourceSafe，当然还有其他的选择比如CVS和Rational ClearCase。网站测试采用VS.net的附带工具Microsoft Application Center Test，它可以进行并行、负载测试等。程序文档编写采用Word，用WPS也可以。
　　三.网站开发流程
　　在项目开始实施之前应该有一个工作步骤也就是工作流程，在项目开发中最需要时间的是总体设计和系统测试，而程序编写代码所占的时间并不多，但有的团队就急于开发写代码，先把程序写出来再说，没有注重评审和测试这2个环节，结果造成返工，我在一家比较大的公司中都遇到多次这种情况。所以项目来了不要急于开工写代码，应该一步一步慢慢来，只有走的慢才能走得稳走得远。图1的开发流程比较好地体现开发的整个环节。
　　图 1
　　从图1可以看到2条主线，这2条主线分别是前台开发和后台开发。前后台开发在项目开发早期互相没有交叉，当然不是绝对没有，Web策划和需求分析都是互相有关系的，一个是网站表现形式和风格的策划另一个是网站功能的策划，它们是衣服和躯干的关系。到了开发后期就需要把界面和功能模块结合起来形成一个统一，也就即将发布的网站。
　　四．数据库开发规范
　　数据文件命名采用系统名+_+文件类型，比如系统名为kupage,则数据库文件命名为kupage_database.mdf，有的数据库文件有多个，比如SQL Server就有2个，一个是数据库文件，另一个是日志文件，那么他们的文件命名分别为kupage_database.mdf，kupage_log.log。文件名全部采用小写。
　　数据库表命名规范，表名长度不能超过30个字符，表名中含有单词全部采用单数形式，单词首写字母要大写，多个单词间不用任何连接符号。若库中有多个系统，表名采用系统名称+单词或多个单词，系统名是开发系统的缩写，系统名称全部采用小写英文字符,如bbsTitle,bbsForumType。若库中只含有一个系统，那么表名仅用一个单词或多个单词。单词选择能够概括表内容的一个或多个英文单词，如UserInfo,UserType。关连表命名规则为Re_表A_表B,Re是Relative的缩写，如：Re_User_ArticleType, Re_User_FormType。
　　数据库字段命名规范，数据库字段名全部采用小写英文单词，单词之间用”_”隔开，命名规则是表别名+单词，如：user_name,user_pwd。表别名规则，如果表名是一个单词，别名就取单词的前4 个字母；如果表名是两个单词，就各取两个单词的前两个字母组成4 个字母长的别名；如果表的名字由3 个单词组成，你不妨从头两个单词中各取一个然后从最后一个单词中再取出两个字母，结果还是组成4 字母长的别名。
　　视图名采用规则View_表A_表B_表C,View表示视图。这个视图由几个表产生就用”_”连接几个表的名，如果表过多可以将表名适当简化，但一定要列出所有表名。
　　存储过程命名规则P_表名_存取过程名(缩写)，比如P_User_Del，P_ArticleType_AddData。
　　SQL语句编写规则，关键字必须大写，其他书写按上述命名规则，比如：
　　SELECT user_id, user_name FROM User WHERE user_id = ‘tom’
　　五．文件夹文件名命名规范
　　文件夹命名一般采用英文，长度一般不超过20个字符，命名采用小写字母。除特殊情况才使用中文拼音，一些常见的文件夹命名如：images(存放图形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript脚本），inc(存放include文件)，link（存放友情链接）,media(存放多媒体文件)等。
　　文件名称统一用小写的英文字母、数字和下划线的组合。命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。
　　1、图片的命名原则名称分为头尾两部分，用下划线隔开，头部分表示此图片的大类性质例如广告、标志、菜单、按钮等等。
　　放置在页面顶部的广告、装饰图案等长方形的图片取名： banner
　　标志性的图片取名为： logo
　　在页面上位置不固定并且带有链接的小图片我们取名为 button
　　在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名： menu
　　装饰用的照片我们取名： pic
　　不带链接表示标题的图片我们取名： title
　　下面是几个范例： banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。
　　2、动态语言文件命名规则性质_描述，描述可以有多个单词，用”_”隔开，性质一般是该页面得概要。
　　范例：register_form.asp，register_post.asp,topic_lock.asp
　　六．程序代码编程规范
　　一个良好的程序编码风格有利于系统的维护，代码也易于阅读查错。在此只讨论ASP的编程风格和约定。在ASP中所有变量是弱变量，无需定义就可以直接使用，而且代码不区分大小写。但其他语言一般这些都要定义的，为了养成良好的编程习惯，编写代码务必按照一下规则。
　　1、每个变量名必须定义，在ASP文件的最开始添加语句，强制定制每个变量。
　　2、出于易读和一致性的目的，在代码中使用以下变量命名约定：
　　子类型前缀示例
　　Boolean bln blnFound
　　Byte byt bytRasterData
　　Date (Time) dtm dtmStart
　　Double dbl dblTolerance
　　Error err errOrderNum
　　Integer int intQuantity
　　Long lng lngDistance
　　Object obj objCurrent
　　Single sng sngAverage
　　String str strFirstName
　　3、程序代码需要有缩进，缩进采用键盘Tab键，不采用空格键。并且”＝”或者链接字符串时需要左右空一格，如下：
　　4、函数过程编写的约定。函数或者过程命名采用动作+名词，每个函数需要给出相应的注释，函数功能，传入变量，以及作者和修改相关信息。如下面函数:
　　《%
　　’ 返回一个参数的值
　　’ strParameterName 参数名称
　　’ icefire 2002/8/20 am
　　Function GetParameterValue(strParameterName)
　　Dim objRS, strSQL, strParameterValue
　　strSQL = “SELECT ParameterValue FROM damsParameters WHERE ParameterName = ’“ & strParameterName & “’“
　　.
　　.
　　.
　　GetParameterValue = strParameterValue
　　Set objRS = Nothing
　　End Function
　　5、ASP内置对象区分大小写。如下代码片断
　　strUserName = Request.Form(“UserName”)
　　Set conn = Server.CreateObject(“ADODB.Connection“)
　　6、数据库连接一个库只能有一个数据库连接文件，创建数据库对象得原则是尽可能晚地打开数据库，尽可能早地关闭数据库。创建数据库对象调用统一地创建函数。如下：
　　Sub OpenConn(ByRef conn)
　　Dim strDBPath, strDBConnection
　　strDBPath = Server.MapPath(“database/tax.mdb“)
　　strDBConnnection = “Driver={Microsoft Access Driver (*.mdb)}; DBQ=“ & strDBPath
　　Set conn = Server.CreateObject(“ADODB.Connection“)
　　conn.Open strDBConnnection
　　End Sub
　　7、当一个对象不在使用时要释放对象资源，比如objFSO,objRS对象等。采用统一函数调用。函数如下：
　　Sub CloseObj(ByRef obj)
　　If IsObject(obj) Then
　　obj.Close
　　Set obj = nothing
　　End If
　　End Sub
　　8、时间全部以字符串的形式保存到数据库中，这样做能够是日期在不同的数据库中都能良好地保存，也方便数据库地迁移。时间用14位字符串保存，日期用8位字符串保存。
　　七．网站首页head区代码规范
　　head区是指首页HTML代码的《head》和《/head》之间的内容。必须加入的标签
　　1.公司版权注释
　　《!--- The site is designed by Maketown,Inc 06/2004 ---》
　　2.网页显示字符集
　　简体中文：《META HTTP-EQUIV=“Content-Type“ CONTENT=“text/html; charset=gb2312“》
　　繁体中文：《META HTTP-EQUIV=“Content-Type“ CONTENT=“text/html; charset=BIG5“》
　　英语：《META HTTP-EQUIV=“Content-Type“ CONTENT=“text/html; charset=iso-8859-1“》
　　3.网页制作者信息
　　《META name=“author“ content=“webmaster@maketown.com“》
　　4.网站简介
　　《META NAME=“DESCRIPTION“ CONTENT=“本站是一个医疗站点…“》
　　5.搜索关键字
　　《META NAME=“keywords“ CONTENT=“xxxx,xxxx,xxx,xxxxx,xxxx,“》
　　6.网页的css规范
　　《LINK href=“style/style.css“ rel=“stylesheet“ type=“text/css“》
　　(参见目录及命名规范)
　　7.网页标题
　　《title》xxxxxxxxxxxxxxxxxx《/title》
　　8.可以选择加入的标签
　　1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。
　　《META HTTP-EQUIV=“expires“ CONTENT=“Wed, 26 Feb 1997 08:21:57 GMT“》
　　2.禁止浏览器从本地机的缓存中调阅页面内容。
　　《META HTTP-EQUIV=“Pragma“ CONTENT=“no-cache“》
　　3.用来防止别人在框架里调用你的页面。
　　《META HTTP-EQUIV=“Window-target“ CONTENT=“_top“》
　　4.自动跳转。
　　《META HTTP-EQUIV=“Refresh“ CONTENT=“5;URL=
　　6.收藏夹图标
　　《link rel = “Shortcut Icon“ href=“favicon.ico“》
　　所有的javascript的调用尽量采取外部调用.
　　《SCRIPT LANGUAGE=“javascript“ SRC=“script/xxxxx.js“》《/SCRIPT》
　　附《body》标签：
　　《body》标签不属于head区，这里强调一下，为了保证浏览器的兼容性，必须设置页面背景《body bgcolor=“#FFFFFF“》
　　八．网站建设尺寸规范
　　1. 页面标准按800*600分辨率制作，实际尺寸为778*434px
　　2. 页面长度原则上不超过3屏，宽度不超过1屏
　　3. 每个标准页面为A4幅面大小，即8.5X11英寸
　　4. 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px
　　5. 另外120*90，120*60也是小图标的标准尺寸
　　6. 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K

网页设计项目要求说明书怎么写

从项目一开始,也就是在设计之前,客户要明确设计的任务,目的,预算,时间等,所以很有必要拟一份项目要求说明书,一般项目说明书应该在这个项目正工委托之前完成,如果客户缺乏设计专业知识,应与设计师共同讨论逐步完成,说明书的内容一般有:
1.启动日期,完成日期,项目实施阶段.
2.项目要求,数量以及评价标准.
3.受众(消费者)情况,市场规模,项目的商业目的.
4.竞争对手分析,
5.材料/技术细节
6.制作成本.
7.提案会议的时间,次数安排,参与评审验收的人员名单.
8.测试计划,内部测试,客户认同度,常规测试.

想学计算机网页设计需要了解些什么呢

先回答个问题吧：

A.设计，你是一名有美术基础的学生，有一定艺术基础。

B.制作，你是一名理工科学生，有较强的逻辑思维能力，已经具备了成为一名程序猿的觉悟！

如果你选A：那好吧，你要学习的方向很清晰，由于艺术功底的BUFF加成，你可以很享受工作。你需要学习以下内容：

1.HTML超文本标记语言：虽然HTML也被称为语言，但实际上更应该被称为标签标注，非常简单容易。目前正在使用的是HTML5标准，我觉得学习起来更简单。

发一个参考教程链接，可以先了解一下。

5…

6…

这个列表是总也写不完的！一入猿门深似海！这辈子永远学不完！

就到这里吧！

学网页设计有前途吗

谢谢邀请！

作为一名IT行业的从业者，同时也是一名高等教育工作者，我来回答一下这个问题。

首先，当前学习网页设计的相关知识具有较好的就业前景，一方面IT行业内的岗位需求量比较大，另一方面传统行业也会释放出大量的Web开发岗位。

Web开发（网页设计）分为前端开发和后端开发两大部分，前端开发涉及到Web前端和移动端，后端开发则涉及到业务逻辑实现、分布式开发、数据库开发等内容，通常后端开发也分为研发级开发岗位和应用级开发岗位两种。

从目前的岗位需求量来看，前端开发和后端开发都比较大，前端开发在移动互联网的推动下，开发人员的数量得到了较为明显的提升，以Android开发、iOS开发和小程序开发为代表，目前整个前端开发也被称为“大前端”。在PaaS的推动下，未来应用级开发会逐渐从后端向前端转移，前端程序员的需求量会持续加大。要想从事前端开发，并获得较强的岗位竞争力，需要在加强自身实践能力的基础上，不断拓展自身的知识结构，最好走前端全栈程序员路线。

后端开发未来将逐渐从应用级开发向研发级开发过渡，随着大数据、云计算和人工智能的推动，后端开发的生态正在发生三个比较明显的变化，其一是开发团队逐渐小型化；其二是开发内容逐渐升级；其三是行业领域的开发内容不断增加。

开发团队小型化就要求开发人员要能够同时兼顾多个开发角色，所以在学习编程语言的时候，尽量选择全场景编程语言，比如Java、Python就是不错的选择。

开发内容逐渐升级就要求程序员要具备一定的研发能力，要能够站在更高的层面上来解决问题，需要具备一定的数学基础。行业领域开发内容逐渐增加则会要求程序员学习一定的行业知识，比如金融领域、医疗领域等等。

我从事互联网行业多年，目前也在带计算机专业的研究生，主要的研究方向集中在大数据和人工智能领域，我会陆续写一些关于互联网技术方面的文章，感兴趣的朋友可以关注我，相信一定会有所收获。

如果有互联网、大数据、人工智能等方面的问题，或者是考研方面的问题，都可以在评论区留言！

做一个网站需要什么，网站建设基本步骤

一、需求整理

需求整理是个非常重要的步骤，需要将公司要做的网站大致方向确立。如果有详细的需求文档那是再好不过，不知道如何将需求细分的话，至少需要提供几个最希望网站能实现的点。

二、需求提交

将整理好的需求交给网页设计师，不会整理需求该怎么办？小编来支个招；

1.收集同行中的优先站点，将你认为不错的地方进行截图并简单来两句介绍。

2.与网页设计师电话进行沟通或者使用微信，沟通交流是最直接、快捷的方式。

3.与网页设计师进行面对面沟通，让设计师与技术人员来帮你整理网站需求。

三、网页设计

页面设计是个非常重要步骤而且需要花很大的精力在这上面，先出网站首页页面稿，每个网站重点都在首页，如果首页都看不到公司的重点内容说明这个首页设计非常失败，首页设计的好用户才会点击内容页进行下一步浏览，也只有确定好首页后再是栏目页以及内容页面的设计。

四、首页确认

网站的重点都在首页，首页确定下来后其他页面以及网站风格大致已定。首页的重要刚才也简单的进行了阐述。首页初稿出来后大部分的情况下都需要进行多方位的修改，这也是确认的重要目的，首页是否将网站的重点产品进行展示？页面的布局是否合理等等一眼就能看明白，在网站的首页上多下点功夫小编觉得是很有必要的。

五、静态页面制作

首页稿确认后，其他栏目页只要布局上没有太大的问题就能通过。所有的页面都完成后，就到了页面制作这一步，页面制作就能看到网站实际效果，想想都是激动的。以后公司网站就长这样啦是不是很开心？

六、程序开发

程序开发需求将制作好的静态页面进行功能的实现，比如我需要一个用户留言，这个需求就是通过程序的开发后实现的。需要哪些重要的功能都需求通过程序才能得到，当然了任何一个功能的实现都是通过很多代码来完成的，看似很简单的一个功能程序需要通过大量的工作来进行实现，比如邮件通知，这个功能在我们的日常生活中都能看到，是不是非常有意思，在京东上买了东西过后你就能收到由京东发布邮件“您购买的商品已出库”等信息。这个就是通过程序技术实现的。

七、测试阶段

程序员需要经过多方面测试来完成功能实现上出现的各种问题，专业术语叫bug。这也是网站建设中最为重要的一个不可缺少的步骤，很多时候都是在本地进行测试。

八、服务器配置

当测试阶段在本地测试确定没有太大的问题，而且网站的功能要求都已全部实行这时候就可以将网站放入服务器进行测试，需要选择一个服务器来承载网站的内容。可根据网站的实际情况来选择。

九、网站上线

经过以上八个步骤网站就可以正常上线了，这次真的会很激动。通过需求的整理以及提交，再到网页设计静态页面制作，然后是静态页面制作程序开发、功能的测试服务器配置以及空间的选择，经过漫长的过程后就能看到网站成功的上线。如果在这当中的每一个环节都参与其中，相信看到网站上线的你真的会非常开心。

网站设计说明书（ps交互式网站怎么做）