1.我想制作个网页..大家教教我...
2.ASPRunner Enterprise软件介绍
3.DevTool开发者工具
4.firebug如何使用以及firebug安装的网页网页图文步骤
5.如何用“码工助手”添加版块热点链接
6.常用源代码编辑器有哪些？

我想制作个网页..大家教教我...

       首先，可以告诉想学网页制作的源码源码朋友。学习制作网页和学习其它知识一样，助手是线查询要有基础的。在基础之上学习起来会比较轻松和快捷的网页网页。其次，源码源码rpm内核源码要清楚学习它是助手用来做什么。

       建议你要具备的线查询条件：对电脑熟练操作，使用电脑最好在一年以上，网页网页对网页设计感兴趣，源码源码有较充足的助手学习时间，熟悉office办公软件。线查询当然，网页网页这些不是源码源码一定必须的。

       第一阶段：开始时最好是助手学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。

       第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。

       第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。

       怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。

       二

       一、工具

       1、空间

       网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个M以上的就可以了。

       2、软件

       推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。

       二、教程

       花点时间，找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成，不外是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，链接制作源码你也就算懂得如何制作网页了。推荐一个教程地址，有空可以去看看，.com/soft/.html

       2. 网建博士 1.

       不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要会用

       www.onlinedown.net/soft/.htm

       3. 网页背景选择器 2.5.1

       当您制作网页时，您是否为了在大量素材中选一张背景，每每都要用看图软件查看--修改网

       www.onlinedown.net/soft/.htm

       4. Animagic GIF Animator 1.

       一个很好用的制作网页动画的软件，它提供了六种特效，也支持拖曳功能，它不仅支持gif

       www.onlinedown.net/soft/.htm

       5. Animagic GIF Animator 1. 汉化补丁

       一个很好用的制作网页动画的软件，它提供了六种特效，也支持拖曳功能，它不仅支持gif

       www.onlinedown.net/soft/.htm

       6. Macromedia Authorware V7.0

       先进丰富的视音频、可视媒体集成制作解决方案，可用于制作网页和在线学习应用软件

       download.cn.com/list.php?id=

       7. Picture2Web 2.3.1

       用来制作网页电子相簿的好工具

       download.pchome.net/design/homepage/.html

       8. SCP Button Magic 4.0

       专门制作网页广告横幅和按钮的软件

       download.pchome.net/design/webpic/.html

       9. Animagic GIF Animator V1.

       一个很好用的制作网页动画的软件，它提供了六种特效，

       www.skycn.com/soft/.html

       . Magic Gallery 4.5

       一款制作网页照片集以及其缩略图的软件

       download.pchome.net/design/homepage/.html

       . Animagic GIF Animator 1.

       一个很好用的制作网页动画的软件

       download.pchome.net/design/animation/.html

       . Banner Maker Pro V4.0.0.1 汉化版

       是一套制作网页横幅广告及按钮软件。特点包含：可以调

       www.skycn.com/soft/.html

       . Banner Maker Pro V6.0.6

       是一套制作网页横幅广告及按钮软件。特点包含：可以调

       www.skycn.com/soft/.html

       . Animagic GIF Animator V1. 汉化补丁

       一个很好用的制作网页动画的软件，它提供了六种特效，

       www.skycn.com/soft/.html

       . Mapedit 3.

       制作网页Image Maps的工具

       download.pchome.net/development/html/.html

       . Banner Maker Pro 6.0.6

       是一套制作网页横幅广告及按钮软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色

       www.onlinedown.net/soft/.htm

       . GIF Dispenser 1.0

       是一个快速制作网页动态GIF的好工具

       download.pchome.net/design/animation/.html

       . 自助建站专家 5.0

       不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要会用

       www.onlinedown.net/soft/.htm

       . 酷网宝典(CoolWEB) 2.0

       酷网宝典(coolweb)是用于制作网页特效的软件。能够制作三大类效果：特殊层效果，动态

       www.onlinedown.net/soft/.htm

       . 下雨天网页特效王 RD2.0

       制作网页的好帮手,大量的特效代码

       download.pchome.net/development/html/.html

       . Macromedia Contribute 3.

       Macromedia出品的全新概念网页设计工具，可以将网页编写程序化繁为简,制作网页,现在就

       www.onlinedown.net/soft/.htm

       . 酷网宝典(CoolWEB) V2.0

       酷网宝典(coolweb)是用于制作网页特效的软件。能够制作

       www.skycn.com/soft/.html

       . Button Magic V4.0

       专门制作网页广告横幅和按钮的软件，可存成 BMP、JPG

       www.skycn.com/soft/.html

       . Liatro Button Maker V2.2

       Liatro Button Maker 是一套专门制作网页按钮的绘图软

       www.skycn.com/soft/.html

       . Mapedit V3.

       制作网页Image Maps的工具，小巧、使用方便。

       www.skycn.com/soft/.html

       . 网建博士 V1.

       不懂制作网页的专门技术，不懂网页编程技术，不需要任

       www.skycn.com/soft/.html

       . GIF Dispenser 1.0

       是一个快速制作网页动态GIF的好工具，使用者只要移动操作视窗上的浮标组，来调整

       www.onlinedown.net/soft/.htm

       . Reptile V3.0

       所视即所得的背景制作软件，制作网页背景再也不需要求

       www.skycn.com/soft/.html

       . GIF Dispenser V1.0

       是一个快速制作网页动态 GIF 的好工具，使用者只要

       www.skycn.com/soft/.html

       . 网建博士 V1.

       不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要

       download.cn.com/list.php?id=

       . MapEdit V3. 汉化版

       制作网页Image Maps的工具，小巧、使用方便。 本

       www.skycn.com/soft/.html

       . 网页特效王 Beta 1

       制作网页特效的得力助手,正在进一步开发中

       www.onlinedown.net/soft/.htm

       . MapEdit 3.

       小巧但是使用方便的制作网页ImageMaps的工具!

       www.onlinedown.net/soft/.htm

       . Picture2Web V2.3.1

       Picture2Web 是一个用来制作网页电子相簿的好工具。它

       www.skycn.com/soft/.html

       . Banner Maker Pro V6.0.1

       制作网页横幅广告及按钮软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色、

       download.cn.com/list.php?id=

       . Button Magic 4.0

       专门制作网页广告横幅和按钮的软件，可存成BMP、JPG和GIF格式。

       www.onlinedown.net/soft/.htm

       . Magic Gallery 4.5.

       MagicGallery是一款制作网页照片集以及其缩略图的软件，可以方便的调节尺寸。

       www.onlinedown.net/soft/.htm

       . Magic Gallery V4.5.

       Magic Gallery 是一款制作网页照片集以及其缩略图的软

       www.skycn.com/soft/.html

       . 下雨天网页特效王 RD2.0

       制作网页和好帮手，该软件包含了大量的cf源码版javascript特效和vbscript特效。你只需简单

       download.cn.com/list.php?id=

       . BSCOutline Tutorial V5.

       用来制作网页上的Java applet导航条，类似于文件管理器

       www.skycn.com/soft/.html

ASPRunner Enterprise软件介绍

       ASPRunner Enterprise是一款专为ASP网页开发设计的源代码生成工具，它的主要功能是帮助用户快速创建和管理ASP网页。通过这款工具，你可以轻松地与多种数据库进行交互，包括Oracle、SQL Server、DB2、MySQL、FileMaker以及MS Access，甚至任何支持ODBC连接的数据库。无论是数据库新手还是经验丰富的开发者，ASPRunner Enterprise都能显著提升你的工作效率，减少在数据存取和管理上的时间消耗，让你的开发过程更加便捷高效。

       它简化了传统手动编写ASP代码的过程，提供了强大的数据库操作界面，无需深入理解底层技术细节，即可实现对数据的增删改查。无论是查询、更新还是复杂的SQL操作，ASPRunner Enterprise都能一键完成，大大节省了编程和调试的时间。对于那些频繁与数据库打交道的开发者来说，这款工具无疑是他们工作中的得力助手。

       总的来说，ASPRunner Enterprise以用户友好和高效著称，无论是对于开发初学者的学习成长，还是对于专业开发者日常任务的处理，都能提供高效、便捷的解决方案。它通过集成化的工具，简化了数据库操作，让你的开发工作变得更加直观和高效。

DevTool开发者工具

       DevTools，这个前端开发的得力助手，犹如一把多功能瑞士军刀，为开发者揭示网页的秘密。它分为九个强大的组件，每个都扮演着不可或缺的角色：

Device Mode（设备模式）: 通过快捷键Ctrl+Shift+I（Windows）或Cmd+Opt+I（Mac）一键启动，设备模式允许你模拟真实设备的响应式设计，调整网络环境，甚至模拟地理位置，以便更好地测试用户体验。

Elements（元素面板）: 作为DOM和样式调试的窗口，元素面板让你实时查看和修改网页结构，设置断点，轻松诊断和优化网页表现。

Console（控制台）: 控制台是你的现场指挥中心，无论是调试代码、查看消息，还是执行脚本，这里都是你发现问题和解决问题的前线阵地。

       接下来，让我们深入探讨DevTools的其他功能：

Source Code Panel（源代码面板）: 设置断点，直接在浏览器内查看和操作代码，方便进行代码级的调试。

Network（网络面板）: 网络面板实时监控网络请求，详细展示资源加载过程，新时代源码提供了强大的缓存管理和网络环境模拟功能，让你洞察网络性能。

Performance（性能面板）: 通过控制选项选择CPU或网络模拟，Performance面板为你呈现帧率、CPU和网络资源使用情况，火焰图追踪DOM加载、首次绘制和load事件，细节展示每一笔性能开销。

Memory（内存面板）: 内存分析器如同性能的X射线，帮助你识别出内存消耗的瓶颈，优化内存使用。

Application（应用面板）: 在这里，你可以查看和管理Local Storage、Session Storage以及cookies，对用户数据的存储和管理游刃有余。

Security（安全面板）: Security Overview确保你的页面安全，区分HTTP和HTTPS，左边的源详情栏让你对页面的加密状态了如指掌。

       DevTools的每一个部分都是为了提升开发效率，确保网页的性能和安全性。熟练掌握这些工具，你将能在前端开发的道路上如鱼得水，轻松应对各种挑战。

firebug如何使用以及firebug安装的图文步骤

       Firebug是网页浏览器 Mozilla firefox下的一款开发类插件， 现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发 JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面， 给Web开发者带来很大的便利。

       对于网页开发人员来说，Firebug是Firefox浏览器中最好的插件之一，也可以说Firebug的CSS调试器是专为网页设计师们量身定做的！

firebug怎么安装？

       1、首先下载Firefox浏览器 点击下载

       2、找到“工具（T）”，下拉列表中选择“附加组件”。

       3、“获取附加组件”

       4、在搜索里输入“firebug”，稍等即可。

       5、安装firebug插件，安装完成后的图标如图所示：

       6、查看页面元素并对页面进行修改。

firebug怎么用？

       一、安装Firebug

       Firebug在Firefox浏览器中运行。另外有一个Firebug lite版本，可以通过javascript调用，包含在页面中，从而在其他非Firefox浏览器中使用。本文不涉及这个版本。

       安装Firebug，请访问Firebug下载页面。点击该页面右边栏中部巨大的force指标源码橙**按钮即可。你也可以在Mozilla的FireFox Add-ons站点下载它。安装后只要重新启动FireFox，就可以使用了。

       如果你已经安装过了，那么请检查是否更新到了最新版本。打开Firefox的"Tools"菜单，选择"Add-ons"命令，然后在弹出窗口中点击左下角的"Find Updates"按钮。

二、打开和关闭Firebug

       在Firebug网站上，可以找到它的快捷键设置。我最常使用以下三种方法：

       * 打开Firebug：按F，或者点击浏览器状态栏右边的绿色标志。

       * 关闭Firebug：按F，或者点击浏览器状态栏右边的绿色标志，或者点击Firebug窗口右上角的红色关闭标志。

       * 在单独窗口中打开Firebug：点击firebug窗口右上角的红色箭头标识，或者使用Ctrl+F/⌘+F按钮。

       Firebug的相关设置：

       * 固定Firebug在新窗口打开：先打开firebug，点击左上角的bug标志，选择options菜单中的"Always Open in New Window"设置。

       * 增加/缩小字体大小：先打开firebug，点击左上角的bug标志，选择"Text Size"命令。每次字体变化的幅度非常小，你可能需要使用多次。

       * 限制只对某些站点使用Firebug：先右击浏览器状态上的green check mark标志，选择"disable Firebug"命令。然后，再右击这个已经变灰的标志，选择"Allowed Sites..."命令，增加允许Firebug生效的域名。

三、Firebug窗口概览

       * Console标签： 主要使用javascript命令行操作，显示javascript错误信息，在底部的提示符后，你可以自己键入javascript命令。

       * HTML标签： 显示HTML源码，并且像DOM等级结构那样，每行之前有缩进。你可以选择显示或不显示某个子节点。

       * CSS标签：浏览所有已经装入的样式表，可以当场对其修改。在Firebug窗口上部，"edit"命令的旁边，有一个本页面中所有样式表的下拉列表，你可以选择一个样式表进行浏览。

       * Script标签： 显示javascript文件及其所在页面。在Firebug窗口上部，"inspect"命令的旁边，有一个本页面中所有Javascript文件的下拉列表，你可以选择一个进行浏览。你可以在javascript命令中，设置断点（breakpoint）及其出现的条件。

       * DOM标签： 显示所有的页面对象和window物体的属性。因为在javascript中，所有变量都是window物体的属性，所以Firebug会显示所有变量和它们的值。

       * Net标签：显示本页面涉及的所有下载，以及它们各自花费的时间，各自的HTTP请求头信息和服务器响应的头信息。XHR标签对AJAX调试很有用。

四、随时编辑页面

       在HTML标签中，点击窗口上方的"inspect"命令，然后再选择页面中的文本节点，你可以对其进行修改，修改结果会马上反应在页面中。

       Firebug同时是源码浏览器和编辑器。所有HTML、CSS和Javascript文件中的对象，都可以用单击或双击进行编辑。当你输入完毕，浏览器中的页面立刻会发生相应变化，你可以得到瞬时反馈。DOM浏览器允许你对文档结构进行彻底的编辑，不局限于文本节点。在HTML标签中，点击窗口上部"inspect"命令旁边的"edit"命令，下方的窗口就会立刻变成一个黑白的文本编辑窗口，你可以对HTML源代码进行任意编辑。在CSS标签中，Firebug会自动补全你的输入。在DOM标签中，当你按Tab键时，Firebug会自动补全属性名。

五、用Firebug处理CSS

       在DOM标签中，每个HTML元素的style属性揭示了该元素的所有CSS设置。你可以双击对这些设置进行编辑。

       对于那些Firefox不支持的CSS规则，Firebug会自动隐藏。比如，Firebug会隐藏针对某些浏览器的CSS特定设置，以及一些它不支持的CSS3规则。所以，它会隐藏_height:px;（下划线是一个针对IE6的设置）和p:first-of-type { color: #ff;} (:first-of-type是一个CSS3规定的伪类，目前只有Safari 3支持）。但是，这也意味着，如果你恰巧发生了打字错误，导致某些规则无法显示，那么你只有使用其他编辑器显示全部CSS内容，找到你的错误。

       Firebug允许你关闭CSS中的某些语句，页面会立刻反映相应变化，你可以立刻查看效果。"关闭"一条语句的方法是，在该语句的左边点击，会出现一个红色的禁止标志。该语句就会变灰。再次点击，该语句就会恢复。

       Firebug允许你编辑CSS的属性和属性值。你只要对它们点击，就能编辑。修改后的效果会立刻在浏览器窗口中显示出来。这个特性最好的运用，是在确定准确定位的padding和margin时，firebug允许你用方向键逐单位的增加。

       Firebug允许你增加新的属性和属性值。增加方法是双击现有的selector，然后就会出现一个空白的属性名输入框，完成输入后则会出现一个空白的属性值。

       六、盒状模型

       当你在HTML标签中，点击一个元素时，左面窗口显示HTML代码，右面窗口显示该元素的CSS。在CSS窗口上方，有一个layout按钮，点击后会展示与该元素相关的方块模型，包括padding、margin和border的值。要查看每一个元素的这三项值，只需点击"inspect"按钮，然后用鼠标悬停在页面中该元素的上方。

       七、评估下载速度

       Net标签中图形化了页面中所有http请求所用的时间。使用这个功能，必须打开Network monitoring，默认设置就是打开，但是你可以在"options"下拉菜单中关闭这个选项。你可以用这项功能评估javascript文件下载，占用整个页面显示的时间。

       在每个HTTP请求的左面点击，会显示该次请求的头信息。

       在1.0.5版以后，你可以单独查看HTML文件、CSS文件、图像文件等各自下载的时间。

       八、DOM

       DOM标签提供页面上所有物体的所有属性的信息。Firebug最酷的功能之一是，它可以动态修改页面，反映在浏览器窗口，但是如果使用浏览器自带的查看源码功能，你会发现源码并没有改变。

九、Javascript调试

       JavaScript profiler可以报告你的Javascript函数执行所花的时间，因此你可以查看不同函数对速度的影响。使用这个功能的方法是，打开console标签，然后点击上面的Profile按钮（上部的按钮顺序是"Inspect |Clear | Profile"）。Firebug列出调用的所有函数，及其所花的时间。你可以针对要测试的某个函数，在其前部加上console.profile([title])，在其后部加上console.profileEnd()。

       console标签的底部是命令行输入，它以""开头。如果命令行输入有结果输出，那么它会展示在上部的窗口。有一个详细的命令行输入API值得看一下。Firebug内置console对象有几种有用的方法可供调用，包括console.debug、console.info、console.warning、console.error等。如果这些方法产生了输出结果，Firebug会提供一个链接，让你查看相应的代码。

       调试的另一个方法是设置断点。Script标签允许你在任意行暂停执行。单击行号，就会设置一个断点。右击行号，就可以设置一个断点出现的条件，只有当条件为真时，程序才会暂停执行。右面还有一个watch窗口，可以查看当前变量的值。

       十、AJAX

       前面已经提到，Firebug可以捕捉页面的动态内容和其他DOM变化。如果你打开这个示例文件，点击页面上的链接后，在浏览器中查看源码，你会发现什么也没有改变，源码中依然包含那个链接。但是，如果你在Firebug中查看源码，你会发现DOM已经发生了变化，"Hello World"已经被包括在内了。这就是Firebug的核心功能之一，没有它，AJAX的请求和回应就是不可见的。有了它，你可以看到送出的和收到的文本，已经相应的头信息。在Net标签中，你还能监控每个请求/回应各自所花费的时间。

       Net标签中的XHR功能，对查看AJAX操作特别有用。如果你点击每个服务器端回应前的加号，你就会看到服务器端回应的头信息和内容。

       当通过XMLHttpRequest对象向服务器端发出一个请求时，Firebug会记录请求的POST或GET内容，以及回应的头信息和内容。使用Net标签中的XHR功能，就可以看到这些内容。它会列出所有服务器的回应，以及所花费的时间。点击前面的+号，如果是GET请求，会显示三个标签；如果是POST请求，会显示4个标签：

       Params: 显示请求URL中所包含的name/value对。

       Headers: 显示请求和回应的头信息。

       Response: 显示实际从服务器收到的信息。

       Post：显示从通过POST请求，送到服务器的信息。（此项GET请求不包括。）

       这四个标签对编写和调试程序很有用。检查POST和Params标签，确定你的请求被正确地发出了。检查Response标签查看返回的格式，确定相应的Javascript处理函数应该如何编写。

如何用“码工助手”添加版块热点链接

       利用"码工助手"添加版块热点链接，让您的店铺更加吸引人。以下是操作步骤：

       首先，打开千牛中心，进入店铺管理界面，然后找到空间。在这里，精心准备并制作好用于宝贝展示的。

       接下来，复制您刚制作的宝贝展示链接。这一步非常重要，因为它将连接到您的宝贝。

       然后，转到码工助手平台，点击“电商通用热区工具”。这将为您提供添加版块热点链接的工具。

       在码工助手界面，将复制的链接粘贴到“宝贝链接”框中。接着点击确定按钮，以完成链接的添加。

       接着，选择添加热区。在“链接”框中，复制宝贝的链接，然后点击“生成代码”。此步骤生成用于创建热点链接的代码。

       将生成的代码复制下来。现在，您将使用它来添加热点到版块。

       进入淘宝装修后台，选择自定义区域。点击编辑选项，转至源代码界面。

       将刚刚复制的代码粘贴到编辑源代码框中，完成代码的添加。最后，点击确定按钮保存更改。

       完成以上步骤后，按预览功能检查是否成功创建了可以跳转的热点链接。如果一切正常，您已经成功使用“码工助手”添加版块热点链接，为店铺增添了新亮点。

常用源代码编辑器有哪些？

       在编程世界中，你是否在寻找一款高效的源代码编辑器？让我们一起来探索那些备受开发者青睐的工具：

       Emacs，这位跨平台的编程老将，无论是Unix、Linux、Mac OS X还是Windows，它都能轻松驾驭，提供强大的定制化功能，满足各类开发者的不同需求。

       Geany，同样跨平台，不论是Unix、Linux还是Mac OS X和Windows，其简洁易用的界面和轻量级设计，使得它成为初学者和轻量级项目的理想选择。

       Gedit，专为Linux和Mac OS X用户设计，与Windows用户无缘，但其直观的界面和稳定性能，深受Linux用户喜爱。

       IntelliJ IDEA的内置编辑器，为Windows、Linux和Mac OS X用户带来了卓越的代码智能提示和项目管理功能，是Java和相关语言开发者的首选。

       Microsoft Visual Studio的内置编辑器，专为Windows打造，以其强大的IDE能力和对.NET生态的深度集成，成为C#和相关技术的开发利器。

       NetBeans，尽管也曾风靡一时，但如今它的身影在众多竞争对手中可能略显低调，但仍不失为Java开发的稳健伙伴。

       Notepad++，专为Windows设计，其轻巧的体积和强大的文本编辑能力，是处理简单文本和快速原型开发的理想工具。

       Sublime Text，跨平台的宝藏，无论你是Linux、Mac OS X还是Windows用户，它那流畅的操作和丰富的插件库，让编程如丝般顺滑。

       TextMate，Mac OS X的专属瑰宝，专为Apple的开发者社区打造，提供了高度定制化的文本编辑体验。

       vi/Vim，跨平台的高效编辑器，以其强大的命令行操作和学习曲线，深受程序员推崇，是代码高手的不二之选。

       PNEdit，专为Unix和Linux设计，其强大的文本处理和自动化功能，是高级开发人员解决复杂任务的得力助手。

       而近年来崭露头角的Visual Studio Code，凭借其跨平台的兼容性，强大的代码扩展支持，以及对多种语言的深度集成，已经成为众多开发者的首选。

       以上这些编辑器各有所长，选择哪款取决于你的具体需求和开发环境。无论是新手还是老手，总有一款适合你，让你在代码的世界里游刃有余。