制作网页都用什么工具和语言有哪些呢
网页制作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文件以网页形式发布到 互联网、支持实时录像、可以做到视频和演讲文本的同 步，而且简单、易学、实用。 下面简要介绍制作步骤：
网页制作——HTML简介
五、段落格式 1．分段与换行符 <P>…</P> < BR> ． 分段标记符用于将文档划分为段落， 分段标记符用于将文档划分为段落，标记符为 <P>…</P> 要将文字强制换行，而不是另起段落， 要将文字强制换行，而不是另起段落，可以用换 行标记符BR实现该功能 注意， 仅单独使用 实现该功能。 仅单独使用， 行标记符 实现该功能。注意，BR仅单独使用， 而非成对出现。 而非成对出现。 2. 添加水平线 <HR> 添加水平线的标记符为<HR>（与BR类似，HR 类似， 添加水平线的标记符为 （ 类似 也不包括结束标记符。 也不包括结束标记符。
二、创建超链接
1．指向本地网页的链接：相对URL ．指向本地网页的链接：相对 相对URL是指相对于当前页面的地址，通常 是指相对于当前页面的地址， 相对 是指相对于当前页面的地址 是指从当前页面指向的主机目录开始的路径。 是指从当前页面指向的主机目录开始的路径。 例如： 例如：image_file/example.gif就是一个相对 就是一个相对 URL，它表示当前目录下的 ，它表示当前目录下的image_file目录下 目录下 文件。 的example文件。用户在制作自己的网页时， 文件 用户在制作自己的网页时， 通常使用的是相对URL。 通常使用的是相对 。 2．指向其他网页的链接：绝对 ．指向其他网页的链接：绝对URL，如： ， <P><A HREF=””>我 我 要上网易</A></P> 要上网易
HTML文档的基本结构 HTML文档的基本结构
一个典型的HTML文件的基本结构形式如下： 文件的基本结构形式如下： 一个典型的 文件的基本结构形式如下 <HTML> <HEAD> <TITLE> 文件标题 </TITLE> </HEAD> <BODY> 文件体 </BODY> </HTML>
信息处理技术基础教程(精)
专业网站和个人主页将其作为建站的首选工具。
⒊ Adobe Pagemill
使用起来很方便，非常适合初学者。
⒋ HotDog
HotDog是初学者较容易上手的网页制作工具。
7．2 网站的概念与网站设计步骤
⒈ 网站设计与网站制作。网站“设计”与网站“制作”的
· 链接到某一个目标 · 链接到某一个网站的主页 · 链接电子邮件 · 用图片作链接指针
见教材
表7-1 常用的HTML标记符号
⒉ XML语言
XML（可扩展的标记语言）借鉴了HTML与数据库、程序语言
的优点，将内容与表现分开，不仅使检索更为方便。更主
要的是用户之间数据的交换更加方便，数据可重用性更强
制作网页，通常需要网页制作软件、图形处理软件和网页
动画软件的配合使用来完成。
⒈ HTML（HyperText Markup Language）即超级文本标
志语言的缩写，是一种描述性的 标识符号的集合，由若干“标记” 组成的，它们扮演了语言中保留字 和控制代码的角色，通常以 “.html”或“.htm”为后缀。
⑶ 几个常用的标记
①换行和分段
·换行<BR> 该标记用于一段文本中的强制换行，<BR>标记除了用来标识一个换 行动作外，在HTML文件中还可以用它来调整行间距。 ·分段<P> <P>标记打断行并插入一个空行，把段落区分开，其后的文本另起 一个段落。
② 超链接的设置 HTML超文本的功能体现在链接功能上
但XML在更多的时候只是一种数据文件，要把它变成日常所
看到的HTML格式那样的文件，还需要借助XSL模式化查询语
网页设计与制作 复习资料
网页设计与制作复习资料一、概述网页设计与制作是指通过使用各种技术和工具，将网页的外观和功能进行设计和实现的过程。
本文将提供一份复习资料，帮助读者回顾网页设计与制作的相关知识。
二、HTML基础1. HTML是什么？HTML（Hyper Text Markup Language）是一种用于创建网页的标记语言。
它使用标签来描述网页的结构和内容。
2. 常用HTML标签- `<html>`：定义HTML文档- `<head>`：定义文档的头部- `<title>`：定义文档的标题- `<body>`：定义文档的主体- `<h1>`至`<h6>`：定义标题- `<p>`：定义段落- `<a>`：定义链接- `<img>`：定义图像- `<table>`：定义表格- `<form>`：定义表单3. HTML属性HTML标签可以包含属性，属性为标签提供了额外的信息。
常见的HTML属性有：- `class`：定义元素的类名- `id`：定义元素的唯一标识符- `style`：定义元素的样式- `src`：定义图像的URL- `href`：定义链接的URL4. HTML表单HTML表单用于收集用户输入的数据。
常见的表单元素有：- `<input>`：定义输入字段- `<textarea>`：定义多行文本输入字段- `<select>`：定义下拉列表- `<button>`：定义按钮三、CSS样式1. CSS是什么？CSS（Cascading Style Sheets）是一种用于描述网页样式的语言。
它可以控制网页元素的外观和布局。
2. CSS选择器CSS选择器用于选择要应用样式的HTML元素。
常见的CSS选择器有：- 元素选择器：选择指定元素类型的所有元素- 类选择器：选择具有指定类名的元素- ID选择器：选择具有指定ID的元素- 后代选择器：选择指定元素的后代元素- 伪类选择器：选择指定状态的元素3. CSS样式属性CSS样式属性用于定义元素的外观。
Web习题参考答案
《网页设计与制作》习题参考答案第一章网页设计与制作概述1、填空题（1）静态网页、动态网页（2）HyperText Mark-up Language、超文本标记语言或超文本链接标示语言（3）文字、图形图像、动画、视频（4）Microsoft Frontpage（或SharePoint Designer）、Adobe Dreamweaver2、问答题(1)www的特点有哪些？答：1）万维网是无数个网络站点和网页的集合，它们在一起构成了因特网最主要的部分。
2）WWW是建立在客户机／服务器模型之上的。
3）WWW是以超文本标注语言HTML(Hyper Markup Language)与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础。
4）WWW能够提供面向Internet服务的、一致的用户界面的信息浏览系统。
5）WWW浏览提供界面友好的信息查询接口。
(2)网页的基本元素有哪些？答：组成网页的元素主要有文字、图像、声音、动画、视频、超链接以及交互式处理等。
它们的特点如下：文字：网页中的大多数信息主要以文本方式显示，文字是网页的主体，负责传达信息的功能。
图像：图片给网页添加了色彩，使网页做到了图文并茂，形象生动。
动画：动画是动态的图形，添加动画可以使网页更加生动。
常用的动画格式包括动态GIF图片和Flash动画声音和视频：声音是多媒体网页中的重要组成部分，支持网络的声音文件格式很多，主要有MIDI、WA V、MP3和AIF等。
网页中支持的视频文件格式主要有Realplay、Mpeg、A VI和DivX等。
表格：在网页中使用表格可以控制网页中信息的结构布局。
超链接：超链接是网页与其他网络资源联系的纽带，是网页区别于传统媒体的重要特点导航栏：导航栏的作用是引导浏览者游历所有站点。
表单：表单类似于Windows程序的窗体，用来将浏览者提供的信息，提交给服务器端程序进行处理。
其他常见元素：包括悬停按钮、Java特效和ActiveX等各种特效。
计算机教师考证必考内容之网页制作名词解释(最新)
出版在线的文档，其中包含了标题、文本、表格、列表以及照片等内容。
通过超链接检索在线的信息。
为获取远程服务而设计表单，可用于检索信息、定购产品等。
在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他的一些应用on Gateway Interface），可以让HTML文件在客户机和服务器之间建立一种交互性，使信息网关、反馈机制、访问数据库、订货和查询等一系列灵活复杂的操作可以实现。
最常用的应用有：去下划线、设置字体大小为Xpx或Xpt、设置字体在点击时变色、定位行高……。
什么是ＦＴＰ？
文件传输协议File Transfer Protocol的缩写。文件传输协议可让用户进入另一台电脑系统取得公用软件或是传送文件至另一个电脑系统内。
最常用的应用有：使用ＦＴＰ权限进行网页上传、下载……。
最常用的应用有：运行在浏览器端的各种脚本程序。
什么是ＦＬＡＳＨ？
由Macromedia公司出品的网页制作“三剑客”软件之一。是一个专业的网页动画制作软件。它生成的动画可嵌入声音、电影、图形等各种文件，另还可与ＪＳ等相结合进行编程，进行交互性更强的控制。最新的ＦＬＡＳＨ４.０还可把嵌入地ＷＡＶ转为ＭＰ３文件。
最常用的应用有：网页动画。
《网页设计与制作》名词解释：IP地址：在TCP/IP地址编排方案中，采用了一种通用的地址格式，为互联网中的每一个网络和每一台计算机都分配了一个地址，这个地址在Internet中是唯一的，并以此屏蔽了物理网络地址的差异。这个统一的地址是由高层软件技术来实现的，准确地说是通过IP协议层来实现的。IP层所用到的地址是互联网地址，又叫IP地址。域名：为了解决IP地址不便于记忆这个问题，同时也为了便于网络地址的分层管理和分配，自1984年起在互联网上采用了一种字符型的地址标识，这便是域
Asp、php、jsp、html区别及各种网站制作工具的介绍
Asp、php、jsp、html区别及各种网站制作工具的介绍HTML（Hypertext Markup Language）即，超文本标记语言，是用于描述网页文档的一种标记语言。
编辑HTMLHTML其实是文本，它需要浏览器的解释，HTML的编辑器大体可以分为三种，1 基本编辑软件，使用WINDOWS自带的记事本或写字版都可以编写，当然，如果你用WPS来编写，也可以。
不过存盘时请使用.htm或.html作为扩展名，这样浏览器就可以解释执行了。
2 半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出HOMEPAGE，且可以学习HTML，这种类型的软件主要有HOTDOG，还有国产的软件网页作坊。
3 所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，这类软件主要有FRONTPAGE2003，DREAMWEA VER。
既然php中可以嵌套html，为什么不直接用html来编写php文档啊？还要记那么多新东东西，解释下。
谢啦也就是为什么同一个网站需要同时用PHP+html你是想问例如写<?phpecho "<font>你好</font>";?>不如直接<font>你好</font>是吧？这是因为上述的情况还没有和服务器，数据库挂勾，也看不出PHP是动态的效果..//test.php<?phpif($_GET['a']==1) echo "<font>你好</font>";else echo "<font>你们好</font>";?>这里，虽然也没有用到数据库，但起码有了动态的效果，同一个页面会根据$_GET['a']传来的参数不同且页面内容不同。
你想一想，如果一个新闻网里面有几十万篇新闻，那只用HTML写岂不是要写几10万个结构相似页面？但有了PHP，只需要根据一个参数，例如ID值，通过url上面?id=1 , ?id=n...这样的形式传参数，然后PHP程序根据不同的参数去数据库找出相应文章内容输出在相应位置就行，而页面其它东西例如CSS样式均不用重新再写...html是客户端语言。
大学计算机基础-第9章网页设计与制作
2020/6/25
3
9.1 网站的建设与规划
9.1.1 网页基本知识 9.1.2 HTML语言简介 9.1.3 常用的网页制作工具
2020/6/25
4
9.1.1 网页基本知识
• WWW(World Wide Web )
WWW是Internet上多媒体信息查询的工具。WEB由互相链接在一起的网页 构成，这些网页是由普通文本、超文本Hypertext，以及图表、图片等构成 。
• URL（Uniform Resource Locator）
URL（统一资源定位器）是指向网络服务器中某个资源的地址，用字符
串来表示。其中包括协议、主机域名（或IP地址）、文件名等等。
• 超级链接（Hyperlink）
超级链接是包含在网页中指向其他网页的指针。
• 超文本
包含超链接的文本称为超文本。有时图像或图像的某部分也可以包含超
➢ 标记的一般格式为：
<tag>对象</tag>
<tag 属性=参数>对象</tag>
<tag>
例如：<h1>我的主页</h1>
<a href=jianjie.htm>简介</a>
2020/6/25
12
超文本文档的结构
例：<html>
<head>
文 档
<title>我的第一个主页</title>
头部</head>
20120./6/确25 定了主题和风格后就需要组织文字、图片、9声
网页设计遵循的一般原则
•主题鲜明
一個主题鲜明、內容丰富具有特色的网站，通常要比什么都有的大杂 烩式的网站更加吸引人。
网页制作三剑客是什么
网页制作三剑客是什么网页制作三剑客是什么网页三剑客，是一套强大的网页编辑工具，最初是由Macromedia公司开发出来的。
由Dreamweaver，Fireworks，Flash三个软件组成，俗称三剑客。
Dreamweaver 是一个“所见即所得”的可视化网站开发工具，主要用于动态网页和静态网页的开发;Fireworks主要是用于对网页上常用的jpg、gif的制作和处理，也可用于制作网页布局;Flash主要用来制作动画，现推出Flash平台，可预见有极好的前景。
Flash概述Flash是美国Macromedia公司所设计的二维动画软件，全称Macromedia Flash(被Adobe公司收购后称为AdobeFlash)，主要用于设计和编辑Flash文档。
附带的Macromedia Flash Player，用于播放Flash文档。
2011年底，Flash被Adobe公司合并，最新版本为2013年宣布的：Adobe Flash Creative Cloud(CC)，播放器也更名为Adobe Flash Player。
特性被大量应用于互联网网页的矢量动画文件格式。
使用向量运算﹙Vector Graphics﹚的方式，产生出来的影片占用存储空间较小。
使用Flash创作出的影片有自己的特殊档案格式﹙swf﹚。
该公司声称全世界97%的网络浏览器都内建Flash播放器﹙FlashPlayer﹚。
是Macromedia/Adobe提出的“富因特网应用”(RIA)概念的实现平台。
Fireworks概述Adobe Fireworks可以加速Web 设计与开发，是一款创建与优化Web 图像和快速构建网站与Web 界面原型的理想工具。
Fireworks不仅具备编辑矢量图形与位图图像的灵活性，还提供了一个预先构建资源的公用库，并可与Adobe Photoshop、Adobe Illustrator、AdobeDreamweaver和Adobe Flash软件省时集成。
常用的网页设计工具
1、什么是HTML语言以及HTML语言的格式；
2、使用记事本编写源代码的方式来制作一些简单的网页；
3、用编写源代码方式制作跑马灯效果。
作业：
P11：填空题：6、7、9、11、13
操作题：2
板书设计：副板书设计：
一、HTML语言简介
1、定义：
2、用法：
二、跑马灯效果
1、语法：
2、实例：
（4）学生上机操作老师演示的实例（5分钟）
（5）讲解HTML源代码的一些基本知识
通过刚才的操作，很多同学都制作出了自己的第一个网页，但有些同学还没有，为什么呢？主要是HTML代码输错了，代码出错了，网页就显示不出来了，接下来，我们来学习一些关于源代码的基础知识。
A、标记的写法
HTML语言中所有的标记都要用<>包起来，如<P>，小括号中的标记字母不用区别大小写，<>与标记中间不能用空格隔开。
滚动方向（左、右、上、下）
Behavior=scroll、slide、alternate
scroll表示由一端滚动到另一端；
slide表示由一端快速滑动到另一端，不再重复；
alternate表示在两端之间来回滚动；
height＝数值
滚动区域的高度；
Width=数值
滚动区域的宽度；
scrollamount=数值
《网页制作》教案
课题
常用的网页设计工具
课时
3、4
授课日期
教学目标
1、了解什么是HTML语言以及HTML语言的格式
2、学会使用记事本编写源代码的方式来制作一些简单的网页
3、学会用编写源代码方式制作跑马灯效果
教学
重、难点
常用的网页设计软件有哪些
常用的网页设计软件有哪些？一、网页制作软件有哪些种类？目前网页制作软件主要用两大类：一是安装在本地电脑的网页制作软件，如Dreamweaver、webstorm、frontpage、我们的金蜘蛛网页设计器等；另一类是所谓的在线制作网页。
国内的公司的大多数都是在线制作的方式。
二、在线网页制作软件与安装在本地的网页制作软件有哪些？1.在线网页制作软件在线制作网页的软件是一种网络应用，完全要依靠网络才能运行。
国内商业收费的都是这种模式。
2.安装在本地电脑的网页制作软件安装在本地的都是比较专业的网页制作软件，如Dreamweaver、frontpage、webstorm我们的金蜘蛛网页设计器等，这些软件只在本地电脑运行，不依赖网络，使用不受限制。
a.DreamweaverMacromedia Dreamweaver最早是Macromedia公司出品的一款著名的网页制作软件，后来被Adobe公司收购，改名为Adobe Dreamweaver。
Dreamweaver是一款基本HTML、JS、css代码编辑的网页制作软件。
b.金蜘蛛网页设计器金蜘蛛网页设计器(kingspider)（原名超级网页设计器）是一款相当优秀的网页设计、网页编辑软件，金蜘蛛网页设计器功能强悍，基于当下各种流行网站风格打造，全面支持响应式网页设计理念，把常用功能抽象成控件供使用，并且软件实用简洁，支持所见即所得的傻瓜式的设计模式。
金蜘蛛网页设计器操作十分的简单，完全基本于控件设计网页，不关心HTML代码、JS代码、css样式表，无需用户具备专业的网页知识，专注于需求设计网页即可。
c.FrontpageFrontpage是微软公司出品的一款网页制作入门级软件，结合了所见即所得的HTML元素界面设计、HTML代码编辑、网页预览三种模式，也是一款主要基本HTML语言制作网页的软件，最后更新时间是2003年，这款软件已过时。
d.WebStormWebStorm 是JetBrains公司旗下一款专业的网页制作工具。
html网页制作用什么软件？html网页制作软件和使用步骤
html网页制作用什么软件？html网页制作软件和使用步骤在这个数字化时代，网页已经成为了人们猎取信息的主要途径之一。
而HTML网页制作作为网页制作的基础，也成为了一个特别重要的技能。
但是，对于初学者来说，HTML网页制作用什么软件却是一个特别困惑的问题。
在本文中，我们将为大家具体介绍HTML网页制作用什么软件以及使用步骤。
HTML网页制作软件HTML网页制作软件是指用于创建和编辑HTML网页的软件。
目前市面上有许多HTML网页制作软件，如Adobe Dreamweaver、Microsoft Expression Web、Notepad++、Sublime Text等。
这些软件都有各自的特点和优缺点，用户可以依据自己的需求和阅历来选择适合自己的软件。
Adobe Dreamweaver是一款功能强大的HTML网页制作软件，它可以关心用户快速创建和编辑HTML网页。
它具有丰富的功能和工具，如代码高亮、代码提示、可视化编辑等，可以关心用户更加便利地进行网页制作。
Microsoft Expression Web是一款专业的HTML网页制作软件，它具有强大的CSS编辑功能和可视化编辑功能，可以关心用户更加便利地进行网页制作。
Notepad++是一款免费的HTML网页制作软件，它具有代码高亮、代码折叠、多文件编辑等功能，可以关心用户更加便利地进行网页制作。
Sublime Text是一款轻量级的HTML网页制作软件，它具有代码高亮、代码折叠、多文件编辑等功能，可以关心用户更加便利地进行网页制作。
使用步骤1、学习HTML语言在进行HTML网页制作之前，首先需要学习HTML语言。
HTML 语言是一种标记语言，用于描述网页的结构和内容。
学习HTML语言可以通过在线教程、书籍、视频教程等方式进行。
2、选择合适的HTML网页制作软件选择合适的HTML网页制作软件特别重要。
用户可以依据自己的需求和阅历来选择适合自己的软件。
第7章 网页设计工具简介
7.4 网页上传工具
7.4.1 CuteFTP CuteFTP是最早支持断点续传的FTP客户软件之一，是 一个集FTP上传下载、FTP搜索和网页编辑功能于一体的软 件包，其功能强大，使用方便，支持拖放。最新的CuteFTP 版本，为了更好地适合专业用户的使用，推出不少新的特色 功能，例如，目录比较上传、宏处理、远端文件直接比较操 作及IE风格的工具栏等。 CuteFTP的最新版本是CuteFTP 6.0 Pro，是一个全新的 商业级FTP客户端上传工具，提供了目录同步，自动排程， 同 时 多 站 点 链 接 、 多 协 议 支 持 （ FTP 、 SFTP 、 HTTP 、 HTTPS），智能覆盖，整合的HTML编辑器等功能，以及更 加快速的文件传输系统。
7.2 网页图形图像处理工具
7.2.2 Photoshop Photoshop是Adobe公司推出的功能强大的平面图像处理 软件，也是迄今为止世界上最畅销的图像编辑软件。Adobe Photoshop CS2（Creative Suite）是目前Photoshop的最新版 本，无论从性能的优越还是使用的方便等方面，Adobe Photoshop CS2都给人以耳目一新的感觉。由于Photoshop在 图像编辑、桌面出版、网页图像编辑、广告设计、婚纱摄影 等各行各业中广泛应用，它已成为许多涉及图像处理的行业 的事实标准。 Photoshop中包含的ImageReady是用于网页图片制作的 工具，其缺点是体积庞大，操作比较复杂，非专业人士很难 熟练掌握。
7.2 网页图形图像处理工具
7.2.1 Fireworks Fireworks是Macromedia公司开发的一款优秀的网页图 形图像处理应用软件。Fireworks与多种产品集成在一起，包 括Macromedia的其他产品（如Dreamweaver、Flash、 FreeHand和Director）和其他用户喜欢的图形应用程序及 HTML编辑器，从而提供了一个真正集成Web解决方案，可 以帮助网页图形设计人员和开发人员解决所面临的特殊问题。 Fireworks的最新版本是Fireworks 8，利用Fireworks 8 中的新增功能，可以更方便地在网站上添加图形和交互元素， 这使得该应用程序越来越易于使用。对于有经验的Web设计 人员，需要与图形打交道的HTML开发人员，以及需要开发 包含大量图形图像的交互式网页但对代码编写或JavaScript 知之甚少或一无所知的Web开发新手来说，Fireworks 8都可 以最大限度地提高工作效率。
- 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什么的是做动态网页的比如论坛一类的网页。