网站开发方法
开发开发计划书怎么写
关于网站计划书的写法 1、相关行业的市场是怎样的,市场有什么样的特点，是否能够在互联网上开展公司业务。 2、市场主要竞争者分析，竞争对手上网情况及其网站规划、功能作用。 3、公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力（费用、技术、人力等）。 二、建设网站目的及功能定位 1、为什么要建立网站，是为了宣传产品，进行电子商务，还是建立行业性网站？是企业的需要还是市场开拓的延伸？ 2、整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能：产品宣传型、网上营销型、客户服务型、电子商务型等。 3、根据网站功能，确定网站应达到的目的作用。 4、企业内部网（Intranet)的建设情况和网站的可扩展性。 三、网站技术解决方案 根据网站的功能确定网站技术解决方案。 1、采用自建服务器，还是租用虚拟主机。 2、选择操作系统，用unix,Linux还是Window2000/NT。分析投入成本、功能、开发、稳定性和安全性等。 3、采用系统性的解决方案（如IBM,HP）等公司提供的企业上网方案、电子商务解决方案？还是自己开发。 4、网站安全性措施，防黑、防病毒方案。 5、相关程序开发。如网页程序ASP、JSP、CGI、数据库程序等。 四、网站内容规划 1、根据网站的目的和功能规划网站内容，一般企业网站应包括：公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。 2、电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。 3、如果网站栏目比较多，则考虑采用网站编程专人负责相关内容。 注意：网站内容是网站吸引浏览者最重要的因素，无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进行调查，并在网站发布后调查人们对网站内容的满意度，以及时调整网站内容。 五、网页设计 1、网页设计美术设计要求，网页美术设计一般要与企业整体形象一致，要符合CI规范。要注意网页色彩、图片的应用及版面规划，保持网页的整体一致性。 2、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。 3、制定网页改版计划，如半年到一年时间进行较大规模改版等。 六、网站维护 1、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。 2、数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。 3、内容的更新、调整等。 4、制定相关网站维护的规定，将网站维护制度化、规范化。 七、网站测试 网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容： 1、服务器稳定性、安全性。 2、程序及数据库测试。 3、网页兼容性测试，如浏览器、显示器。 4、根据需要的其他测试。 八、网站发布与推广 1、网站测试后进行发布的公关，广告活动。 2、搜索引掣登记等。 九、网站建设日程表 各项规划任务的开始完成时间，负责人等。 十、费用明细 各项事宜所需费用清单。 以上为网站规划书中应该体现的主要内容，根据不同的需求和建站目的，内容也会在增加或减少。在建设网站之初一定要进行细致的规划，才能达到预期建站目的。 网站项目建设流程概述 网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 二.需求分析 项目立项 我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 客户的需求说明书 第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚，需要您不断引导和帮助分析。曾经有一次，我问客户：“您做网站的目的是什么？”他回答：“没有目的，只是因为别人都有，我没有！”。这样的客户就需要耐心说明，仔细分析，挖掘出他潜在的，真正的需求。 配合客户写一份详细的，完整的需求说明会花很多时间，但这样做是值得的，而且一定要让客户满意，签字认可。把好这一关，可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢？简单说，包含下面几点： 1.正确性：每个功能必须清楚描写交付的功能； 2.可行性：确保在当前的开发能力和系统环境下可以实现每个需求； 3.必要性：功能是否必须交付，是否可以推迟实现，是否可以在削减开支情况发生时砍掉； 4.简明性：不要使用专业的网络术语； 5.检测性：如果开发完毕，客户可以根据需求检测。 三.系统分析 网站总体设计 在拿到客户的需求说明后，并不是直接开始制作，而是需要对项目进行总体设计，详细设计，出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定： 1.网站需要实现哪些功能； 2.网站开发使用什么软件，在什么样的硬件环境； 3.需要多少人，多少时间； 4.需要遵循的规则和标准有哪些。 同时需要写一份总体规划说明书，包括： 1.网站的栏目和版块； 2.网站的功能和相应的程序； 3.网站的链接结构； 4.如果有数据库，进行数据库的概念设计； 5.网站的交互性和用户友好设计。 网站建设方案 在总体设计出来后，一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统，而且在客户需求不是十分明确的情况下提交方案，往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解，在明确需求并总体设计后提交方案，这样对双方都有益处。网站建设方案的包括以下几个部分： 1.客户情况分析； 2.网站需要实现的目的和目标； 3.网站形象说明； 4.网站的栏目版块和结构； 5.网站内容的安排，相互链接关系； 6.使用软件，硬件和技术分析说明； 7.开发时间进度表； 8.宣传推广方案； 9.维护方案； 10.制作费用； 11.本公司简介：成功作品，技术，人才说明等。 当您的方案通过客户的认可，那么恭喜你！您可以开始动手制作网站了。但还不是真正意义上的制作，你需要进行详细设计： 网站详细设计 总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序，而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图，它们应该 包含必要的细节，例如：程序界面，表单，需要的数据等。程序员可以根据它们写出实际的程序代码。 四. 项目实施 整体形象设计 在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。 整体形象设计包括标准字，Logo，标准色彩，广告语等。 首页设计包括版面，色彩，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格，完成后，供客户选择。 记住：在客户确定首页风格之后，请客户签字认可。以后不得再对版面风格有大的变动，否则视为第二次设计。 开发制作 到这里，程序员和网页设计师同时进入全力开发阶段，需要提醒的是，测试人员需要随时测试网页与程序，发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试，这样会浪费大量的时间和精力。项目经理需要经常了解项目进度，协调和沟通程序员与网页设计师的工作。 调试完善 在网站初步完成后，上传到服务器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来。 为什么要记录文档呢？其实本软件工程本身就是一个文档，是一个不断充实和完善的标准。通过不断的发现问题，解决问题，修改，补充文档，使这个标准越来越规范，越来越工业化。进而使得网站开发趋向规范，趋向合理。 宣传推广 宣传推广的基本方法有： 1.网页里设置适当的META标签； 2.各搜索引擎登录； 3.准备新闻稿件在各新闻公告板发表； 4.合理使用Email邮件列表； 5.广告条交换； 6.付费广告。 至此，网站项目建设完毕，将有关网址，使用操作说明文档等提交客户验收。如果需要维护，另行签定维护项目。 维护 网站成功推出后，长期的维护工作才刚刚开始，我们需要做到的是 1.及时响应客户反馈；例如可以采取Email自动回复功能，然后在1-3个工作日里解决问题，再次回复； 2.网站流量统计分析和相应对策； 3.尽量推广和使用您的网址； 4.网站内容的及时更新和维护。 五.遵循的规范 1.网站建设目录规范 2.网站文件命名规范 3.网站建设尺寸规范 4.网站首页head区代码规范 5.网站连接结构规范
新手如何学习网站建设，教你如何制作网站。
建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，会打字，懂基本电脑知识，反正不要太笨就可以了，呵呵。当然，这些不是一定必须的。 第一阶段：开始时最好是学些网页编辑软件和基础网页脚本语法，如：Dreamweaver软件，HTML语法(百度一下：HTML入门)，CSS语法(百度一下：CSS入门)，这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作，这最多花你一周时间，如果有时间再学点javascript脚本语法(百度一下：javascript入门)。 第二阶段：会用网页制作软件和基础语法后，已会可以制作一个较完整的网站了。当然为了让网站做得更漂亮，功能更强大，你就需要学一些动态编程语言，常用的有ASP,PHP和ASP.NET,推荐后两种，应为ASP再过一段时间会被淘汰，后两种程序区别自己上网搜索吧，本人更倾向于学习.NET，面向对象，功能太强了，微软的东西就是强悍。 如果你没有精力去学这些复杂动态编程语言，你完全可以利用现成的网站管理系统（实际也叫建站软件，比如PageAdmin系统、shopex系统、discuz系统等都比较优秀），这也是目前比较流行的方法，省时、省力。 第三阶段：结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。 工具 1 、网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到服务器公司先买一个个人空间，大概有个20M 以上的就可以了，当然也可以在自己电脑上安装IIS来模拟服务器运行（这里不详细说了，有兴趣的朋友百度一下相关知识，这个是很容易的） 2 、图片处理软件推荐firework或photoshop，HTML编辑软件推荐Dreamweaver，当然如果你会HTML语法，那用计事本直接编辑会更高效。 制作 开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。 其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了网站设计八步骤 由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“心急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。 二、搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。 三、规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的建站系统软件(前面提到的网站管理系统)。除此之外，还有图片编辑工具，如firework 、Photoshop 等；动画制作工具，如Flash等；网上有许多这方面的软件下载，你可以根据需要灵活运用。 4、如果你作好了页面，就需要考虑你的网页放到什么地方发表，也就是平常我们说的发表空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用（有发布空间的标志是你有了FTP 账号，这个需要申请），也可以按我前面说的把自己电脑配置为服务器（需安装IIS等软件，这个自己百度一下） 五、制作网页 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用网站管理系统后台功能，这样可以大大提高制作效率。 六、上传测试 网页制作完毕，最后要发布到Web 服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，推荐LeapFTP软件，你可以很方便地把网站发布到自己制作的网站存放服务器上。网站上传以测试完毕就可以把你的网址告诉给朋友或客户，让他们来浏览。 七、推广宣传 网页做好之后，还要不断地进行宣传，这样才能让的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
电子商务网站建设的基本方法与步骤
自13年以后，互联网行业一直在关注电子商务的发展，12年的时候，几大电器零售商都开发了自己的网上商城系统，推动了电子商务行业的蓬勃发展，现在电子商务，也是最被看好的互联网行业，网购的庞大客户群，也使现在各个企业或个人，都想开发自己是商城系统，做自己的电子商务。 第一步：网站的规划与设计 电子商务网站是个较复杂的系统，一开始就要想好需要有的功能，网站的规划也是建所有网站都需要做的事情，在规划设计中需要对网站进行整体的分析，明确网站的建设目标，确定网站的访问对象，网站提供的内容与服务，网站的域名，logo，网站风格和网站目录分类等内容，这一步也是网站建设成功的前提，因为所有的建设步骤都是按规划设计进行实施的。 第二步：站点的建设 网站规划设计以后，就开始进入网站的建设阶段，这一阶段主要有域名注册，网站配置，网页制作和网站测试的四个部分。除了网站测试，需要在其他三项完成之后才能进行之外，域名注册，网站配置和网页制作相对独立，可以同时进行。 第三步：网站发布 等建设完成之后，网站就可以在因特网中发布，正式上线之后，也就是用户可以通过域名直接对我的网站进行访问了。 第四步：管理与维护 网站的管理维护虽然是最好一个步骤，但是实际上从头至尾，只要网站没有停止运行，就一直在对网站进行管理维护，所以这一步，也是最为复杂的一步，网站管理主要是对网站进行安全，性能和内容上三个方面的管理。 一个电子商务网站的建设最基本的需要这四个步骤，在这四个步骤当中，完成每个步骤的小部分，就可以做出一个庞大复杂的电子商务网站了。
有什么方法可以知道一个网站的后台是用 什么语言开发
查看网站开发语言方法：1）利用工具直接输入查询http://w3techs.com/sites/info/baidu.com把最后的域名换成想知道的网址，系统会自动分析。2）后台语言可以通过服务器类型推测。一般情况下，服务器类型可以通过 Response Header 来看。比如 IIS，一般是 http://ASP.NET。Tomcat、Resin、JBoss，一般是 Java。Nginx，不一定，很有可能是 PHP 或者 Python 之类的脚本语言。3）后台框架就更难分析了，不过可以尝试通过 HTML 代码格式，或者 URL 来分析。比如 URL 后缀是 do，可能用到了 Java Struts。URL 一般都是 index.php，但是后面参数不同，那么可能用到了 PHP 的一些模板引擎。当然，这个分析不可靠，只是一种推测。
电子商务网站建设的基本方法与步骤
自13年以后，互联网行业一直在关注电子商务的发展，12年的时候，几大电器零售商都开发了自己的网上商城系统，推动了电子商务行业的蓬勃发展，现在电子商务，也是最被看好的互联网行业，网购的庞大客户群，也使现在各个企业或个人，都想开发自己是商城系统，做自己的电子商务。 第一步：网站的规划与设计 电子商务网站是个较复杂的系统，一开始就要想好需要有的功能，网站的规划也是建所有网站都需要做的事情，在规划设计中需要对网站进行整体的分析，明确网站的建设目标，确定网站的访问对象，网站提供的内容与服务，网站的域名，logo，网站风格和网站目录分类等内容，这一步也是网站建设成功的前提，因为所有的建设步骤都是按规划设计进行实施的。 第二步：站点的建设 网站规划设计以后，就开始进入网站的建设阶段，这一阶段主要有域名注册，网站配置，网页制作和网站测试的四个部分。除了网站测试，需要在其他三项完成之后才能进行之外，域名注册，网站配置和网页制作相对独立，可以同时进行。 第三步：网站发布 等建设完成之后，网站就可以在因特网中发布，正式上线之后，也就是用户可以通过域名直接对我的网站进行访问了。 第四步：管理与维护 网站的管理维护虽然是最好一个步骤，但是实际上从头至尾，只要网站没有停止运行，就一直在对网站进行管理维护，所以这一步，也是最为复杂的一步，网站管理主要是对网站进行安全，性能和内容上三个方面的管理。 一个电子商务网站的建设最基本的需要这四个步骤，在这四个步骤当中，完成每个步骤的小部分，就可以做出一个庞大复杂的电子商务网站了。
如何使用 F12 开发人员工具调试网页
F12 开发人员工具是一套按需采用的工具，内建于 Windows Internet Explorer 9 的每次安装之中。网站开发人员可以随时在任何网页上使用 F12 工具，从而快速调试 JavaScript、HTML 和级联样式表 (CSS)，还可以跟踪并查明网页或网络的性能问题。F12的存在要求程序开发人员重要的数据不能写在HTML页面中，要写在一般处理程序或者后台中，不然很容易被用户知道比如密码之类的。对WEP开发人员有利的地方就是可以参照别人网站的布局样式等来构思自己的网站。因为F12可以看到网站的布局、样式、js等代码哦！使用“HTML”选项卡“HTML”选项卡视图在由内存中的 Windows Internet Explorer 9 呈现的树视图中显示你的网页的动态标记。它反映打开 F12 时的 DOM，如果有任何更改，则需要刷新。 你可以使用鼠标或键盘直接在树视图中导航，以及查看特性和更改值。若要跳转到网页上的特定元素，请按 Ctrl+B，或单击“单击选择元素” 按钮。在网页上，当你将鼠标悬停在元素上方时将突出显示相应的元素。单击某个元素时，将在 HTML 视图中突出显示 DOM 树中对应的节点。在“HTML”选项卡中选择一个元素时，可使用“视图”>“源”菜单在你的视图中筛选出按照元素关联的 CSS 样式或仅按照元素本身选择的元素。“带有样式的元素源”按钮仅在新窗口中显示选定元素的 HTML 源及其内容，以及适用于它的 CSS。这有助于只关注选定元素的源文件。必须首先使用“HTML”选项卡视图选择 DOM 树的主体内的某个 HTML 元素，然后才可以运行此命令。若要选择某个元素，可单击“单击选择元素”按钮，或在 DOM 树中单击某个元素。当你使用“单击选择元素”时，首先刷新视图是个不错的主意。若要展开或折叠某个元素的属性，请单击用加号 (+ ) 或减号 (-) 标记的框。HTML 和 CSS 视图中的所有元素都是可编辑的，并且编辑操作会立即生效。通过单击元素名称旁边的复选框，可以打开或关闭样式规则和特性。查看动态 HTML 代码大多数网站使用动态代码。客户端脚本通常用于生成用户可以看到的呈现的 HTML。静态 HTML 代码的数量通常很少，仅用于在页面上启动操作。由于 F12 工具将显示呈现在浏览器中的 HTML 和 CSS 代码，而不是显示严格的 HTML 源，因此查找错误更容易一些。“HTML”选项卡显示 DOM 的当前状态，而不会自动跟踪更改。如果你更改了某个值或特性，但它没有立即显示，请在“HTML”选项卡中按 F5 刷新视图。更改值和添加特性F12 工具允许你更改几乎任何特性或属性的值。从“HTML”选项卡内，从 DOM 树中选择一个元素或使用“单击选择元素”按钮选择一个元素。在属性视图（右窗格）中，单击一个值以突出显示并更改它。例如，在 Internet Explorer 9 中打开如何使用 CSS3 添加圆角中的 CSS 示例页面并且按 F12 可打开该工具。单击“单击选择元素”按钮 ，然后单击栗色的 Now in stock at Fourth Coffee 标题。 在属性窗格中，单击 "h2" 选择器下的颜色特性。 键入一个新的颜色名称或值，如 blue，然后按 Enter。标题的颜色将立即更改。要添加特性，请右键单击“HTML”或“CSS”选项卡的左窗格中的元素，然后单击上下文菜单中的“添加属性”。你需要知道该特性的格式（如 "background-color:"）和正确值。若要删除某个特性（你添加的特性或现有特性），请在右窗格视图中单击该特性，然后按 Delete 键。对于原始页中的特性，可通过刷新网页恢复它们。添加的特性需要重新应用。如果你只希望在某个会话期间临时关闭某个特性，则在“HTML”或“CSS”选项卡的右窗格中清除该特性旁边的复选框。“HTML”选项卡视图和工具在左窗格树视图中选择一个元素时，你可以在右侧查看和更改所选元素及其子元素的样式、框模型布局和特性。 你所做的更改不是永久的，当你刷新或打开另一个页面时这些更改会丢失。但是，你可以通过单击“保存”按钮来保存你的 HTML 代码。当你查看应用于“样式”和“跟踪样式”选项卡中所选元素的多个 CSS 规则时，将根据 CSS 规范，基于这些规则的专一性来显示它们。列表页首的规则将第一个应用到所选元素，而底部的规则是当前定义所选元素的样式属性的规则。这些规则的值是可编辑的，方法为：单击某个值，键入新值，然后按 "Enter"。更改会立即在网页上显示。这两个属性类型中的信息是相同的。但在“跟踪样式”属性类型中，相同的信息按照属性（在其下面显示规则）分组。这些属性按字母顺序列出，并基于专一性再次对规则排序。样式 显示你在树视图中选择的元素的规则和样式。它按规则进行组织，并包含继承的特性和重写的特性。跟踪样式 显示与样式相同的信息，但是按属性而不是规则分组。布局 显示所选元素的框模型。通过单击图表中的相应值，可更改“布局”视图中的任意值。“布局”选项卡对可缩放矢量图形 (SVG) 元素禁用。特性 显示选定元素的特性，如 ID。可以添加或删除特性右键单击“HTML”选项卡上的菜单如前面所述，可在“HTML”选项卡的左窗格中右键单击一个元素。下面是你可以在“HTML”选项卡中使用的选项。菜单项作用添加特性 向标记或元素中添加新的特性。 复制 将标记和特性复制到剪贴板中。 复制 InnerHTML 将元素的 InnerHTML 内容（子文本、元素和特性）复制到剪贴板。 复制 OuterHTML 将元素的 OuterHTML 内容（子文本、元素和特性）复制到剪贴板。 如果在“HTML”选项卡中单击某个元素的子节点，如 "h2" 标记的文本元素，则可能无法获得所有选项。如果你未看到所需的选项，则转到父元素并重试。检查 CSS 规则“CSS”选项卡显示你的样式表之间的相互影响。此选项卡对于使用多个样式表的网站很有用。若要在样式表之间切换，可使用样式表选择器。当你选择某个样式表时，左窗格中将显示规则及其相关样式属性。默认情况下，此按钮显示在网页中引用的第一个样式表。如果有多个样式表正在网页上使用，则单击下拉列表以选择其他样式表。“CSS”选项卡上的快捷菜单选项当你右键单击“CSS”选项卡时，快捷菜单将会提供比“HTML”选项卡的选项。启用的选项是上下文相关的，并取决于你在“CSS”选项卡中单击的位置。菜单项作用右键单击的位置添加特性 向标记或元素中添加新的特性。 在规则或特性（任何元素）上。 添加规则 添加选择器、声明或样式。 在白色区域中，而不是在现有元素上。 后加规则 在当前规则之后添加选择器或规则。 在任何元素上。 前加规则 在当前规则之前添加选择器或规则。 在任何元素上。 删除特性。 删除选定的特性。 在任何特性上。 删除规则 删除选定的规则和所有相关的特性。 在任何规则或选择器上。 在“CSS”选项卡中更改数字 CSS 值CSS 属性的值可以像 F12 工具中的几乎任何其他属性一样进行更改。通过单击属性值并键入新值，可以更改 CSS 属性。在“CSS”选项卡中，还可使用向上键和向下键增加或减小数值。搜索和保存更改像 F12 工具中的其余选项卡一样，你可以使用“搜索”框在“HTML”和“CSS”选项卡中搜索特定标记、属性、特性或值。单击“搜索”按钮时，将突出显示搜索关键字的所有实例，并且窗格会滚动到显示第一个匹配项。 如果存在多个匹配项，则可使用“下一个”和“上一个”按钮向前和向后滚动。你所做的更改（例如，调整框模型或添加特性）不是永久的。当你在浏览器中重新加载页面或导航到其他网页时，你所做的任何更改都会丢失。若要保存对 HTML/CSS 文件的本地副本的更改，请单击左窗格上的“保存”按钮。
