下载文档原格式
电子科技大学电子工程学院标准实验报告（实验）课程名称用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、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采用了典型的文字处理器界面设计，凡是会使用文字处理器的朋友都能比较容易掌握和使用这一款网建软件。
实验报告学生姓名：学号：一、实验室名称：软件大楼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所示。
网页设计与制作复习资料一、概述网页设计与制作是指通过使用各种技术和工具，将网页的外观和功能进行设计和实现的过程。
本文将提供一份复习资料，帮助读者回顾网页设计与制作的相关知识。
二、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样式属性用于定义元素的外观。
《网页设计与制作》习题参考答案第一章网页设计与制作概述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等各种特效。
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是客户端语言。
网页制作三剑客是什么网页制作三剑客是什么网页三剑客，是一套强大的网页编辑工具，最初是由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软件省时集成。
制作网页都用什么工具和语言有哪些呢
你最起码要先学会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什么的是做动态网页的比如论坛一类的网页。
