制作网页都用什么工具和语言有哪些呢
制作网页都用什么工具和语言有哪些呢
你最起码要先学会html超文本标记语言再谈其他的工具方面我喜欢dreamweaver8.0图像及动画方面我喜欢photoshop cs3
flash8.0用这三个做网页基本上无往不利了不过要想学会没有半年也是不行的
学会html之后再学css网页排版再学javascript网页特效
都学会了再去学数据库这是动态网页的基础之后再去学asp php
另外我再转给你一段文章希望你看过后会有所感悟
CSS网页布局开发应该使用什么软件呢？这是一个非常常见的问题。往往会令新
手朋友感觉迷茫，今天就这个问题我们来说一说吧。如果你有什么想法可以参与评论，大家集思广议吧。
有很多朋友是用DreamWeaver进行开发，DreamWeaver是三剑客之一，在传统的table布局中，可视化的环境让我们编辑网页非常轻松，各项功能面板进行设置即可达到想要的效果。虽然简化了操作，方便了我们的制作，但我们丢掉了很多东西，以至于有朋友从业几年了，却完全看不懂HTML代码，看不明白那些标签的真正含义是什么。
CSS网页布局是建立符合WEB标准的网页，表现、内容、行为分离。我们要简化我们的代码，让其效率更高。而应用DreamWeaver往往会增加许多垃圾代码，而且不够简化。一句代码能够搞定的设置，DreamWeaver或许搞出四五句
话来帮你完成。更重要的是，如果项目是由一个多人团队协作完成，这样由DreamWeaver所制作出来的代码，往往会让其他成员感觉很棘手，一堆代码，
没有明确的界定与规律，无从下手与识别。这与table布局时的代码大同小异。
有些朋友或许会说，我们可以使用DreamWeaver的代码提示功能，辅助编码。例如我们在代码中键入“F”往往DreamWeaver就会提示以“F”有关的一些
样式，这对于英文基础薄弱的朋友来说是雪中送炭。这个功能我们可以使用，但请注意，不要产生依赖的心理。如果你到了一个新单位，或者加入一个新的项目
团队，或者处理一些应急问题，脱离了DreamWeaver这个环境，你很快就愣
了，完全不知道如何进行样式的编写。而且这样长久下去，你对代码的含义理解也不够明确与清晰。
如果你想对CSS了如指掌，你想对CSS网页布局的工作非常熟练。建议你扔掉
一切辅助软件，用记事本进行开发。如果感觉很困难或者一些单词记不住。没有关系，放一个参考列表在手边，一行一句，一个词一个字母的慢慢的进行编写。一两天以后，你感觉就适应了，一两个星期以后，你就完全熟练了。实践证明这样的付出是值得的，你完全能理解代码是什么，为了少敲字母，你会尽量的想办法去精简你的代码，用很少的代码实现同样的功能与样式设置。假以时日，你的代码就规范
了，你就越接近高手的境地了。
当我们熟练了，我们为了提高工作效率，让开发的速度更快，我们就可以使用相关的辅助软件了。例如最通用的DreamWeaver。或者其它开发工具Notepad++、TopStyle。
html是静态网页制作语言
css是网页布局用的
javascript是网页特效比如弹出式菜单什么的，很多
而asp php什么的是做动态网页的比如论坛一类的网页
5种网页编写软件的比较
Dreamweaver 优点 1．最佳的制作效率 Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。 2．网站管理 使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 3．无可比拟的控制能力 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得Dreamweaver 成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，Cold Fusion，iCAT，T ango与自行发展的应用软体。当您正使用Dreamweaver 在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。 Dreamweaver还集成了程序开发语言，对ASP、.NET、PHP、JS的基本语言和连接操作数据库，都是完全支持的。 缺点 一、难以精确达到与浏览器完全一致的显示效果。也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来； 二、页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张表格也要几分钟，但您要它完全符合您要求可能需要几十分钟，甚至更多时间。而相比之下，非所见则所得的网页编辑器，就不存在这个问题，因为所有的HTML代码都在您的监控下产生，但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。如何实现两者的完美结合，则既产生干净、准确的HTML代码，又具备则见则所得的高效率、直观性，一直是网页设计师梦想。在DREAMWEAVER之前，FRONTPAGE98一直被人们认为是最好的所见即所得网页编辑器，但是它同样继承了所见即所得的种种劣性。但是我说过这是在DREAMWEAVER之前，现在我无意说DREAMWEAVER已经实现网页设计师的梦想，但我觉得DREAMWEAVER正在努力向这个梦想一步步走去。 FrontPage 以前，想在网页中使用数据库，常常需要通过麻烦的数据库连接设置，而设置时又会接触到繁琐的ASP、CGI什么的。现在使用FrontPage 2002来连接数据库就轻松多了，因为FrontPage 2002在数据库接口功能方面做了很大改进，特别是它提供的数据库接口向导功能可以替用户产生在线数据库所需要的一切功能，包含数据库的建立、窗体以及所需的各种页面。
Axure模板库使用指南
Axure模板库使用指南 交互设计师一般都是出线框图为最终产物，但是往往很多产品只需要利用现成的视觉标准就可以画出原型。为了减少流程、降低沟通成本，所以我建议交互设计师在做类似产品的时候能够直接利用现有视觉标准进行原型的搭建，一般很多交互设计师会用Photoshop来实现视觉原型，但是效率和不可交互性还是存在很多问题，所以需要有一套完成的封装来执行视觉标准并且产生可交互的高保真原型。 背景就不多说了，来讲讲Axure怎么使用视觉标准。这里用到最多的就是Axure里面的Masters的功能。 一、创建视觉零件库 1、把视觉标准中的元素进行提取。一般视觉标准的形式是以PSD、JPG、WORD等，你所要做的就是把每个元素单独保存成gif文件，最好背景是透明的，而且把元件上的文字都去掉保持可扩展性。分类可以按照自己需要来分，我是分为：Logo、icon、button、tab、table、flow。 图1-1 按钮的视觉标准
图1-2 视觉零件分类 2、在Axure里面的Masters功能区中新建一个文件夹，命名为“视觉零件”，在文件夹下面新建一个Master。 图1-3 新建Master 3、双击打开这个Master，在Widgets里面把图片组建拖动到中间的操作区域中，双击找到你已经保存好的gif文件，这样一个视觉零件就加到你的Axure里面了。 图1-4 将视觉组建放入Axure中 4、如果这个视觉零件本身需要文字元素，那么在Widgets里面把文字组件放到视觉零件上的相应位置，然后根据视觉标准调整文字样式。注意，因为Axure不支持中文，所以他的字体和html中的px是不同的，html中的12px字体在Axure里面要设置为9，14px的要设置为11，以此类推。
个人网页制作全过程
个人网页制作全过程 [日期：10-12] 来源：作者：[字体：大中小] 如何制作个人网页全过程，送给刚学做网页的朋友们 第一讲网页的基本知识和FrontPage入门 一、网页的基本知识 1、网站与网页 我们在因特网上浏览时，看到的每一个页面，称为网页，很多网页组成一个网站。一个网站的第一个 网页称为主页。主页是所有网页的索引页，通过单击主页上的超链接，可以打开其他的网页。正是由于主 页在网站中的特殊作用，人们也常常用主页指代所有的网页，将个人网站称为“个人主页”，将建立个人网 站称为“网页制作”。 2、怎么建立个人网站？ 要建立一个个人网站，必须经过网页制作、网站（页）发布和网站维护三个阶段 1）网页制作 一个网站和一本杂志一样，都是展示信息的载体，只有能提供他人需要信息（内容）的网站才能吸引 他人访问。这些都要靠制作有内容的网页来完成。确定网站主题和后，制作网页是建立个人网站的首要工作。 每个网页基本上都是一个HTML(Hyper Text Markup Language，即超文本标识语言)文件，所以网页文件的扩展名一般是.HTM或.HTML。主页文件的文件名字index.htm或index.html。 一般在电脑上写文章使用Word、Wps等文字处理软件，而制作网页则可使用Frontpage等网页制 作工具。 2）网页发布 做好的网页必须发布到因特网上，才能被大家看到。所谓发布到因特网上实际上就是将网页文件放到 始终与因特网联机的计算机上，这种计算机被称为“服务器”。实际上家里的PC机安装相应的服务器软件 且有固定的IP地址也可以做服务器，但一般都借用单位网站的服务器或租用一些空间提供商的服务器空间。这就和你要开商店必须租用一个场地一样。 3）网站维护 网页发布后就可供大家访问了，不管在什么地方，只要是与和因特网相连的计算机都可以访问到你的 网页。但这没有万事大吉。就和报纸、杂志一样，总是老内容，也就没人来访问了。需要经常更新，补充 新内容。另外网页上的错误也需要及时改正。实际上网站维护是网站建设的主要工作量。 2、什么软件可以做网页？ 假如，你熟悉文字处理的相关软件，你不用专用软件，也可以作出网页来。比如，用Word，用Wps，甚至用你计算机附件自带的记事本也行。不过用Word做出来的网页体积太大，用记事本做网页则要会用一些HTML语言，而用HTML来制作网页是一件非常麻烦的事。FrontPage等网页制作工具则使我们可 以不必和这些难记、难懂的HTML代码打交道就作出较好的网页来。 初学的人，用微软公司的frontpage比较好，它的优点是易学易懂，上手快。FrontPage是微软公 司Office系列办公软件中的一个，它很好地实现了主页制作者与HTML的分离。就像在Word中编辑文 本一样，我们只需要在编辑器中输入文本或图片，并设置好格式，很快就可以作出一个简单的网页了。 除了Frontpage以外，还有许多制作网页的软件，如Hotdog等，其中最著名的是Macromedia公司的“网页三剑客”即Dreamweaver（网页制作工具）、Flash（动画制作工具）和Fireworks（图像编 辑工具）。 假如，你有了一定基础，还是用“网页三剑客”好。它们是专用的网页制作软件，用它们制作的网页， 体积小，占用资源少，兼容性好。 所以本讲座也从FrontPage入手学习网页制作。大家先学好FrontPage，打好基础，如果将来准备
网页设计库和模板的应用
52门户网站实训指导（一） 实训目标： 1 掌握门户网站的设计技巧。 2 掌握库项目和模板的制作及使用方法。 实训步骤： 一创建站点。 在Dreamweaver CS3中定义一个本地站点，命名为“52menhu”，存储位置为：D：\sample\52menhu\，并将本项目素材文件夹下的图像文件夹image复制到网站的根文件夹下。然后，选择“窗口”→“资源”命令或者按F11键，打开“资源”面板。如图1。 图1 资源面板图2 新建库项目 二创建库文件。 单击“资源”面板右下角的按钮，新建一个库，然后在列表框中输入库的名称banner并加以确认。使用同样的方法创建名称为foot
的库文件。 二、制作主页的Banner 基本步骤: 1.在“资源”面板中双击打开，找到库文件banner.lbi。 2.插入一个3行1列，宽为760像素的表格。 3.设置表格属性(具体步骤参照书讲解)。 4.插入图片，输入文本。 最终效果如图3所示: 图3 banner效果图 制作页脚 基本步骤： （1）在资源面板中打开库文件foot.lbi； （2）插入一个3行1列,宽为760像素的表格； （3）设置表格属性，参数如图4； 图4 表格属性 （4）输入文本，并保存文件。效果如图5所示。
图5 页脚效果图 ●四、库项目的应用 ●1.插入库文件 新建页面myindex.html，依据前面做的banner.lib和foot.lib 文件充实首页面myindex.html。打开“资源”面板，点击左下角的“插入”按钮，分别将两个库项目分别插入到页面对应位置。 2.编辑库项目 在资源面板中单击“编辑”按钮，可打开库项目进行编辑。编辑的方法同编辑普通页面一样。 任务2 制作女性频道子页 1、使用模板建立子页 操作步骤： （1）将素材中的首页复制到站点中。选择“文件”→“另存为模板”命令，将已有页面另存为模板，命名为moban1。 2、定义可编辑区域 操作步骤： （1）选择“插入”→“常用”命令，单击“可编辑区域”按钮或者选择“插入”→“模板对象”→“可编辑区域”命令，打开“新建可编辑区域”对话框。
几种常用网页文本编辑器总结
文本编辑器应用总结 一．lhgeditor文本编辑器 lhgeditor组件文件结构： 1. lhgeditor.js：组件的核心JS文件 2. lhgeditor.css：组件的样式表文件 3. images：组件所需的图片都在此文件夹中 以上三个文件为组件所必须的三个文件，组件包中其它以“_”开头的文件为示例的演示文件，实际使用中不需要这些文件。当然框架核心文件lhgcore.js是每个组件都必须用到的文件，记得加载组件前先要加载此文件。 lhgeditor组件使用说明： 1. 在调用组件的页面加载lhgcore.j s和lhgeditor.js两个文件。 2. 在window.onload函数里加入J.editor.add(编辑器的id).init(); 例：
二．nicEdit文本编辑器