自制网页（如何自制网页）

大家好！今天让创意岭的小编来大家介绍下关于自制网页的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，如需了解相关业务请拨打电话175-8598-2043，或添加微信：1454722008

本文目录:

• 1、如何用html制作以东奥为主题的网页

• 2、制作网页都用什么工具和语言?有哪些呢?

• 3、如何制作自己的网页链接

• 4、怎样才能自己创建网页游戏

一、如何用html制作以东奥为主题的网页

介绍使用简单的HTML/CSS来编写导航页面，并设置为浏览器主页。将自己需要用到的常用连接做成导航页面，美观方便。相比浏览器自带的导航页定制，自制导航页面有更多的自由度。

方法/步骤：

第一步，我们在一个位置固定的文件夹下（不常移动）新建文本文件，修改后缀为.html，然后右键->打开方式，找一个文本编辑器打开。在文本编辑器中，编写基本的这些标签。接下来在Body中，添加一些标签。格式为：显示名称添加好保存，然后用浏览器打开此html文件，可以看到简单的导航页以形成。4、接下来，在head或者其它方便位置添加CSS层叠样式表。5、接下来继续添加一个类名为group的样式。6、然后，在CSS样式中继续添加margin外边距，padding内边距，border-width边框宽，border-radius边框圆角半径等。7、最后，打开浏览器设置页面，设置启动主页为文件位置

二、制作网页都用什么工具和语言?有哪些呢?

" 工欲善其事，必先利其器"。制作网页第一件事就是选定一种网页制作软件。从原理上来讲，虽然直接用记事也能写出网页，但是对网页制作必须具有一定的 html基础，非初学者能及，且效率也很低。用WORD也能做出网页，但有许多效果做不出来，且垃圾代码太多，也是不可取的。我认为比较合适的网页制作软 件首推Dreamweaver，它简单易学，功能强大，用它做出的网页垃圾代码也比较少，另外，它还可以在我们用所见即所得的环境制作网页的同时可以在代 检视窗中看到对应的HTML代码，这对我们学习HTML有很大好处。虽然用Dreamweaver，即使我们一点不懂HTML 也能做出漂亮的网页，但HTML毕竟是制作网页的基础，我们要想把网页做活了，必须要知其然还要知其所以然，最终我们还是要熟练掌握HTML才行。当然 Frontpage也不错，但比起Dreamweaver来还是要稍逊一筹。

●DreamWeaver——自制动态HTML动画的网页

DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、 Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug－in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变 原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它 的功能。

下载网址www.macromedia.com

●Microsoft FrontPage 98——制作功能强大的网页

如果你曾对Word很熟悉，那么相信你用FrontPage 98进行网页设计一定会非常顺手。

使用Frontpage98制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由Frontpage98中的Editor完成，其工作窗口 由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页，预览页。 Frontpage98带有图形和GIF动画编辑器，支持 CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage 98最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage 98会为你跟踪文件并拷贝那些新版本文件。FrontPage 98是现有网页制作软件中唯一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。

下载网址 http:‖www.microsoft.com/frontpage

●Netscape编辑器——制作简单的网页

Netscape Communicator和Netscape Navigator Gold 3.0版本都带有网页编辑器。

如果你喜欢用Netscape浏览器上网，那么使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮， Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图 像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与Frontpage 98还有些像。但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。

Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape 编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或UltraEdit等文本编辑器来编写少量的HTML语句，那么 也可以弥补Netscape编辑器的一些不足。

●Adobe Pagemill 3.0——制作多框架、表单和Image Map图像的网页

Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill 3.0的确是你的首选。

Pagemill创建多框架页十分方便，你可以同时编辑各个框架中的内容。Pagemill在服务器端或客户端都可创建与处理Image Map图像，它也支持表单创建。Pagemill允许在HTML代码上编写和修改，支持大部分常见的HTML扩展，还提供拼写检错、搜索替换等文档处理工 具。在Pagemill 3.0中还增加了站点管理能力，但仍不支持CSS、TrueDoc和动态HTML等高级特性。

Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。 下载网址http:‖www.adobe.com

●Claris Home Page 3.0——快速创建动态的网页

如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的 Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对Image Map图像的处理也不完全。

下载网址http:‖www.claris.com/software/highlights/clarispagetrial.html 提高级软件 如果你对网页设计已经有了一定的基础，对HTML语言又有一定的了解，那么你可以选择下面的几种软件来设计你的网页，他们一定会为你的网页添色不少。

●HotDog Professional 5——制作要加入多种复杂技术的网页

HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。 HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在 FrontPage 98中也未提供这样的功能。HotDog对plug－in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但 对中文的处理不很方便。

HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。

下载网址http:‖www.sausage.com

●HomeSite 3.0——制作可完全控制页面进程的网页

Allaire的HomeSite 3.0是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简 由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。

HomeSite具有良好的站点管理功能，链接确认向导可以检查一个或多个文档的链接状况。

HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite 3.0是你最佳选择。不过对于生手过于复杂。

下载网址http:‖www.allaire.com或者http:‖www.homesite－now.com

●HotMetal Pro 4.0——制作具有强大数据嵌入能力的网页

HotMetal既提供“所见即所得”图形制作方式，又提供代码编辑方式，是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML，才能得心应手地使用这个软件。

HotMetal具有强大的数据嵌入能力，利用它的数据插入向导，可以把外部的Access、Word、Excel以及其它ODBC数据提出来， 放入页面中。而且HotMetal能够把它们自动转换为HTML格式，是不是很棒，此外它还能转换很多老格式的文档(如WordStar等)，并能在转换 过程中把这些文档里的图片自动转换为GIF格式。

HotMetal为用户提供了“太多”的工具，而且它还可以用网状图或树状图表现整个站点文档的链接状况。 下载网址：http:‖www.softquad.com

以上工具各有千秋，但对于WEB新手来说，"所见即所得"无疑是最方便的，我将在下一步重点介绍Frontpage 98。(注：此篇文章写于1998年6月，1999年最新流行的网页编辑工具Dreamweaver以其强大的功能，方便的动态网页制作和高效率已经将 Frontpage 98拉下"最好网页编辑器"的宝座。DW配合Fireworks和flash在国内网坛掀起一股新技术浪潮。有关DW在本站有专栏介绍。)

代表性的是Sun Microsystems'（升阳公司）的Java 语言。 它最初的作用是允许网络服务器直接嵌入含有服务信息的小的程序（叫applet），这些小的程序可以直接在终端用户的计算机上使用，可以使用户间交互更快更丰富。最后，java语言逐渐发展成一种非常广泛使用的用于在生成服务器端生成更丰富内容的工具。

常见的网页程序语言有PHP（Hypertext Preprocessor）、ASP（Active Server Pages）、ASP.net、VBScript、Java Script、CGI（Common Gateway Interface，公用网关接口）、Perl（Practical Extraction and Report Language，文字分析报告语言）、JSP(Java Server Pages)等等。

Java Script，是一种处理网页的脚本语言。其标准版本是ECMAScript，由Netscape提交给欧洲标准协会制订。尽管它的名字和Java类似，但是它是由网景公司开发的而不是由升阳公司开发的，除了语法有些相似之外，它和 Java几乎没有什么关系。之所以叫Java Script，只是当时Netscape公司希望能借助Java的名气，推广它。和Java一样， Javascript类似C++是一种基于对象的语言，与Java不同的是它允许混合代码。由于Web浏览器中，Java Script与文档对象模型（Document Object Model）紧密结合，Java Script能够很好的处理网页，比它诞生时的预想要强大得多。它的用途可以用术语Dynamic HTML(DHTML)表达，强调其和静态HTML网页的区别。

二，动态网页程序语言

对象也称作动态内容，它是网页中的一个元素，包含了数据及当用户激活该项时的反应过程，多媒体演示就是一个典型的对象。下面我们就介绍编写对象所使用的各种程序语言和它们之间的关系。

1,C:C最初是用来编写操作系统及其它应用软件的程序语言。

2,C++:C++是C的高级形式，采用面向对象的编程方法。

3,Java:Java是由C++衍生而来。它也是一种面向对象的编程语言。

当WEB刚开始流行时，HTML是编写网页的唯一可用语言，用户借助浏览器可以访问到WEB服务器上静态的、具有超链接的网页。Java语言的出现改变了网页的这种传统的静态模式，通过在网页中添加一些利用Java编写的小程序。

4,Java Applets:Applets是用Java语言写的小程序，这种小程序非常特殊，它是为WEB专门开发的一种技术。Java Applets是动态的、交互的，它的主要特点如下：内联视频、变化文本及动画;音频;交互性强;自动刷新

5,Java Script:Web是事件驱动的。当我们在Web网页中进行某种操作时，就产生了一个事件。Java Script是一种事件驱动的脚本语言，当事件发生时，它可对之作出响应。具体如何响应某个事件取决于事件处理程序。

注意：Java Script是用于在线内容设计的第一种脚本语言，它的语法和其它编程语言很相似。

它的命令和函数可以同其它正文和HTML标识符一同放在用户的网页中，当用户的浏览器检索到该网页时，将运行这些程序并执行相应的操作。

注意：Java Script和Java虽然名字相似，其实是两种不同的语言。Java由 Sun Microsystems开发，能够编写独立应用程序和Java applets. Java Script是Netscape公司为了扩充Netscape Navigator浏览器功能而开发的一种可嵌入在Web主页中的编程语言。

6,Jscript:Jscript是Java Script的Microsoft版本，但Jscript只能实现了Java Script的部分功能。

7,Active X:Active X最初是由Microsoft开发的，后来分离出去，成立了一个独立的组织：Open Group。 Active X技术使得人们可以根据一定的标准，在WEB站点上放置交互式对象，并使这些对象能共同工作。

8,VBScript:VBScript脚本语言是一种基于对象的语言，它从Visual Basic中衍生而来。

三、如何制作自己的网页链接

如何制作自己的网页链接

html语言做网页链接.最快、最简单的做网页链接就是用html语言。

在桌面上新建一个txt文档。

打开txt文档，里面插入如下网页链接代码即可。

上面代码中。

都是一对对出现的，这是最简单的html语言,反斜杠：/,代表结束语句标签。

head表示网页的头部，title表示具体的标题是什么，body表示网页内容，href表示链接网址标记。

保存txt文档代码内容，取名叫百度.txt,再另存为：百度.html。

然后打开方式选择IE打开。

四、怎样才能自己创建网页游戏

1、学习最基本的HTML置标语言，他可以建立一个基本的网站，其他的css、javascript、flash只是丰富网页内容而设计的。还有ASP、PHP、jsp这些是服务器端用的，不要他们也可以建网站。 2、用HTML建立的网站叫静态的，他们不可以完成像【用户注册、数据存储、下载资料、上传资料...】，用ASP/PHP/JSP这些动态技术可以实现这些功能。 3、最基本的网页，示例： 打开【记事本】，文件名保存为【index.html】,文件类型保存为【所有文件】其他的不管了。 复制下面的代码到记事本上： 这是浏览器的标题 这是我的第一个网页 然后打开这个文件，若看不到“这是我的第一个网页”这句话。就右键文件，选择【打开方式】【internet explorer】就OK了。

以上就是关于自制网页相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

网络自制剧最新排行榜（网络自制剧最新排行榜）

自制小学生英语名片（自制小学生英语名片女生）

小学生自制名片

舟山园林景观设计公司（舟山园林景观设计公司排名）

主治医师报名入口景观设计（主治医生报名考试网站）