制作网页都用什么工具和语言有哪些呢
网页制作webpage
Dreamweaver既是针对专业网页设计者 而特别开发的可视化网页设计工具，作为一 个所见即所得的网页编辑器，Dreamweaver 为用户提供了方便快捷的属性工具条、对象 工具条、站点管理窗口及快速工具条等工具， 不仅使得制作过程更加直观，同时也大大简 化了网页制作的步骤。
Fireworks集合了矢量、位图绘图工具的 优点，具有强大的web绘图功能。从扫描图 片到绘制矢量图，从修饰位图到输出风格各 异的按钮和Banner，从选择安全的调色板到 优化图形，从分割图片到制作Image Map， 从制作特殊文字效果到创建复杂、鲜活的动 画……以往需要多个软件才能完成的工作， Fireworks统统都给解决了。
style等。
<BLOCKQUOTE><／BLOCKQUOTE>:之间加入的文本将会在 浏览器中按两边缩进的方式显示出来。
3.列表标记 <ul>无序列表:用来创建一个标有圆点的列表； <ol>有序列表:它是用来创建一个标有数字的列表；
HTML语言的标记及其用法
4.表格标记 <table>…</table>建立表格；其间可以通过
下面给出的分别是选中窗口时（上）和选中图像时（下）的属性窗口：
代码面板
打开代码面板：
1. Window---Code Inspector; 2. 键盘上的[F10]键； 3. 单击文件工作窗口右下方的按钮； 设置代码面板： 设置代码形式：设置系统、面板上以及固定字体的大小、样式等。 设置代码面板的背景、文字和标记的顔色： 均在Edit—Preferences命令打开的对话框中进行（如下图）
href:链接目标的地址；target:链接目标的窗口名；若
用HTML语言制作简单的网页
电子科技大学电子工程学院标准实验报告（实验）课程名称用HTML语言制作简单的网页电子科技大学教务处制表电子科技大学实验报告学生姓名：万羽学号：2902103035 指导教师：伍瑞钦一、实验室名称：科B457二、实验项目名称：用HTML语言制作简单的网页三、实验原理：1.网页（1）网页就是在浏览器上看到的一页，网页也称为Web页。
（2）主页通常是进入网站首先浏览的网页，具有引导用户浏览整个网站内容的作用。
（3）超链接是网页中的特殊标记。
它指向了WWW中的其他资源，如其他网页、网页的另一个段落、声音文件等。
这些资源可以位于自己的计算机上，也可以位于其他计算机上。
用作超链接的标记可以是一段文字、一幅图像，也可以是一幅图像的一部分。
在浏览网页时，单击超链接就可以跳转到超链接所指向的资源。
超链接像一根一根的线一样，将各种网页链接在一起，形成一个庞大的信息网。
2.HTML语言（1）HTML语言就是超文本标记语言，是网页制作的基础，也是基本的工具，使用其他任何工具制作的网页，最终都要以HTML方式存储在计算机里。
（2）HTML的脚本可用任何一种文本编辑器进行编写，如记事本、Microsoft Word等。
保存时要将脚本保存成纯文本格式，扩展名必须是.htm。
（3）HTML脚本的基本结构。
HTML脚本总是以<html>标记开头，</html>标记结尾，在<html>和</html>标记之间是HTML的所有内容，一般情况下它分为两部分：头部和主体。
头部总是由<head>和</head>标记定义的，其中包含了HTML脚本的标题和说明信息；头部下面是HTML脚本的主体部分，它以<body>作为起始标记，</body>作为结束标记，其中所包含的就是在浏览器中所看到的内容，包括文字、图片、动画等。
3.FrontPageFrontPage是一种简单易学的Web管理和网页制作的软件。
网页制作简介
【任务1-3】知识储备
Dreamweaver界面介绍
知识引入
Dreamweaver初始化设置 创建第一个网页
【任务1-3】知识点讲解
1、Dreamweaver界面介绍
工作区布局：
【任务1-3】知识点讲解
1、Dreamweaver界面介绍
新建HTML文档： 选择菜单栏中的【文件】→【新建】选项， 会出现“新建文档”窗口。这时，在文档类 型下拉选项中选择XHTML 1.0 Transitional ，点击【创建】按钮，即可创建一个空白的 HTML文档。
CSS样式需要写 在 <style>标记 内，位于 <head> 头部标记中。 HTML 内容需要写在 <body>标记内
及整体排版等，而且还可以针对不同的浏览器设置不同的样式。
【任务1-2】知识点讲解
2、CSS简介
使用CSS设置的网页效果：
【任务1-2】知识点讲解
2、CSS简介
CSS语言的发展历程：
1996年12月W3C发布了第一个有关样式的标准CSS1。 1998年5月发布了CSS2。 目前最新的版本是CSS3，但是各个浏览器对它的支持不统 一，所以流行的版本仍然是CSS2，即本书所讲解的版本。
4、常见浏览器介绍
浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷
歌（Chrome）、Safari和Opera等。
【任务1-2】知识点讲解
4、常见浏览器介绍
不同的浏览器对同一个CSS样式有不同的解析，这样，同样的页面在 不同浏览器下的显示效果可能不同。
【任务1-2】知识点讲解
【任务1-1】了解Web基本概念
1、认识网页
自考网页设计与制作重点
自考网页设计与制作重点通过本章学习，应了解互联网的基本功能、服务、原理，对网页浏览服务的体系结构、技术名词、浏览器有基本的了解，对于网页的设计原则和所使用工具也应有一定的认识，从而为继续深入学习网页制作技术打下知识基础。
第一节关于互联网一、什么是协议网络协议：是一系列通信规则的总称，主要包括用户数据与控制信息的结构和格式、需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部门内容。
硬件协议：定义了硬件设备如何运作以及如何协同工作。
软件协议：程序之间的通信是通过软件协议完成的。
二、互联网协议1、TCP/IP是为了连接不同的网络而设计的一个协议集，主要由TCP和IP两套协议组成，互联网就是以此为基础建立的。
这套协议包括远程登录、文件传送、电子邮件等，TCP/IP可与任何硬件或操作系统一起工作。
（1）IP网际协议IP协议处理网络上一个主要到另一个主要的数据报路由选择，远行在OSI网络七层模型中的网络层上。
OSI开放系统互联是由国际标准化组织发起制定的计算机网络通信标准。
OSI定义了网络功能的七层模型，分别是：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层，称为OSI七层模型。
（2）TCP传输控制协议TCP工作在OSI模型中的传输层上，用于建立和校验数据连接。
整个数据传送过程是由计算机、网关、路由器和协议共同保证的。
2、PPP协议PPP指点对点协议，是在串行线路上传输IP数据报的TCP/IP协议。
一般被用来建立与互联网的拨号连接，该协议同时提供了物理层和数据链路层的功能，PPP附加的功能包括出错控制、安全性、动态地址分配以及运行多种协议等。
3、其他协议HTTP：超文本传输协议，用于WWW服务。
FTP：文件传输协议，用于实现计算机之间的文件传输。
SMTP：简单邮件传输协议，用于电子邮件发送。
POP3：邮件协议3，一般用于电子邮件接收。
TELNET：远程登录协议，一般用于远程终端登录主机。
学网页制作要学哪些东西
1、HTMI语言。
首先要学这个，任何网页的显示都要靠HTML语言来表达，然后浏览器解释HTML语言显示在我们面前。
2、服务器架设，要制作网页就需要架设服务器来调试你做出来的网页，有IIS等很多种，可以在网上搜索得出。
3、CSS语言。
用网页制作三剑客做出来的东西，CSS大部分是自动生成的，很难理解，需要学习基本的CSS知识，是步入高手的必经之路。
CSS控制着网页图片、表格、文字等等内容在我们面前的显示样式，比如颜色，边框，大小等。
4、DIV+CSS布局。
这个东西是走向网页制作的必经之路，网页元素靠它来搭建基本框架，像QQ空间的皮肤就是利用这个来做的。
5、数据库。
数据库在网建过程中的作用可谓是非同小可，整个网站的相关数据包含重要机密数据都要放置于数据库当中，所以我们在网建过程中一定要注意安排好数据库的设计工作。
数据库是网页走向动态的基础，比如百度知道的提问回答这些，都涉及数据库的读、写、改、删。
数据库是所有软件的基础，八成以上的应用程序都涉及数据库，而作为网页制作来说没有必要学得很深，够用就行。
6、动态语言，ASP，.NET，PHP，JSP，C#这几种，是目前网建领域使用得比较频繁的几类编程语言。
学习网站制作不仅要对这些语言有一个比较正确的认识，还要学会判断什么样编辑语言适用于哪一种网站制作要求操作数据库，交互就需要动态语言，现在好多动态语言像PHP都有“框架”。
7、javascript。
网页里面的验证码，弹窗等就靠它了，一个没有javascript 的页面基本没有，这个也有好多的框架可用，用框架建站好比用活动板房的零件建房子，全部自己写好比用一块一块砖砌一整个房子。
8、会用到的工具：辅助软件——Photoshop我们在进行网页制作的过程中不免要对一些图片进行加工处理，这个时候就需要使用Photoshop 这一图片处理工具来进行辅助工作。
入门工具——FrontpageFrontpage采用了典型的文字处理器界面设计，凡是会使用文字处理器的朋友都能比较容易掌握和使用这一款网建软件。
实验一做一个简单的html网页
实验报告学生姓名：学号：一、实验室名称：软件大楼302二、实验项目名称：用HTML语言制作简单的网页三、实验原理：1.网页（1）网页就是在浏览器上看到的一页，网页也称为Web页。
（2）主页通常是进入网站首先浏览的网页，具有引导用户浏览整个网站内容的作用。
（3）超链接是网页中的特殊标记。
它指向了WWW中的其他资源，如其他网页、网页的另一个段落、声音文件等。
这些资源可以位于自己的计算机上，也可以位于其他计算机上。
用作超链接的标记可以是一段文字、一幅图像，也可以是一幅图像的一部分。
在浏览网页时，单击超链接就可以跳转到超链接所指向的资源。
超链接像一根一根的线一样，将各种网页链接在一起，形成一个庞大的信息网。
2.HTML语言（1）HTML语言就是超文本标记语言，是网页制作的基础，也是基本的工具，使用其他任何工具制作的网页，最终都要以HTML方式存储在计算机里。
（2）HTML的脚本可用任何一种文本编辑器进行编写，如记事本、Microso ft Word等。
保存时要将脚本保存成纯文本格式，扩展名必须是.htm。
（3）HTML脚本的基本结构。
HTML脚本总是以<html>标记开头，</html>标记结尾，在<html>和</html>标记之间是HTML的所有内容，一般情况下它分为两部分：头部和主体。
头部总是由<head>和</head>标记定义的，其中包含了HTML脚本的标题和说明信息；头部下面是HTML脚本的主体部分，它以<body>作为起始标记，</body>作为结束标记，其中所包含的就是在浏览器中所看到的内容，包括文字、图片、动画等。
3.FrontPage，dreamwerver，notepad以FrontPage为例，它是一种简单易学的Web管理和网页制作的软件。
Front Page2000的窗口，如图1.1所示。
网页设计基础知识1
2.使用老师提供的Adobe_CS3_LJF_3in1.iso 虚拟光驱加载ISO文件进行安装，序列号任意填写
3.确保“FLEXnet Licensing Service”服务开启 （即确保“FNPLicensingService”这一服eaver CS3
➢ Dreamweaver操作界面 1.菜单栏 2.文档窗口 3.属性面板:PS、office属性在上方，DW在下方 4.插入栏：对象面板，快速插入各种网页元素 可以设定该工具条界面为制表符模式或者菜单模式 5.文档工具栏 6.面板组：浮动面板，实现特定的功能 设计面板、代码面板、应用程序面板、文件面板等
（插件）支持。
－－动态效果
常见的客户端动态技术：Javascript、JavaApplet、 DHTML、ActiveX、Flash、VRML
多媒体网页，但并不是真正的动态网页
a
6
1.网页设计概述
➢ 服务器端动态技术需要服务器和客户端的共同参 与，客户通过浏览器发出页面请求后，服务器根 据请求的参数运行服务器端程序产生结果页面再 返回给客户端。一般涉及到数据库。 典型的服务器端动态技术：ASP、、PHP、 JSP、CGI
DW和Frontpage为“所见即所得”工具，不懂HTML语言也 可以制作专业的网页,图形化界面操作，自动生成相应代码。
a
12
2.网页制作相关工具
➢ 本课程主要讲解使用Adobe Dreamweaver CS3 制作静态网站。
➢ DW最新版本为Dreamweaver CS4，其基本功能 跟Dreamweaver 8/CS3类似，CS3/CS4跟8的最 大区别主要为：界面“色调”不一样、多了Ajax 框架、CS3/4和Photoshop的整合、CSS样式表 的增强。
软件分类
一、网页制作软件 ③Adobe Pagemill Pagemill功能不算强大，但使用起来很方 便，适合初学者制作较为美观、而不是非常复杂的主页。 如果你的主页需要很多框架、表单和Image Map图像，那么 Adobe Pagemill的确是你的首选。 Pagemill另一大特色是 有一个剪贴板，可以将任意多的文本、图形、表格拖放到 里面，需要时再打开，很方便。
13
Neobook介绍 NeoBook软件界面：
Cult3D演示：
14
WPF和Silverlight介绍
Windows Presentation Foundation ，缩写为WPF，WPF是微软新一 代的多媒体桌面设计软件，为用户界面、2D/3D 图形、文本、声音、视 频和动画提供了非同一般的设计方法。程序员在WPF的帮助下，开发出和 Mac系统比美的酷炫界面已不再是遥不可及的奢望。WPF生成EXE文件运行 于Windows系统。 Silverlight是网络环境设计软件，可以生成网页格式文件，目前其 功能还不及WPF。 XAML是WPF和Silverlight的界面描述语言，后台脚本语言可以是C#、 等。 微软提供了开发工具：Visual Studio和Expresion Blend （MEB） 微软要和同行们竞争，抢占多媒体技术开发的市场。
30
（14）选择播放方式，默认：我的电脑。
31
PPTtoFlash
PPT向flash和html的转换
PPTtoFlash安装后实际上是PPT的一个插件
16
三分屏课件制作软件 微软的Producer for PowerPoint 2003
17
Producer可以将PowerPoint文件以网页形式发布到 互联网、支持实时录像、可以做到视频和演讲文本的同 步，而且简单、易学、实用。 下面简要介绍制作步骤：
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
制作网页都用什么工具和语言有哪些呢
你最起码要先学会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什么的是做动态网页的比如论坛一类的网页。