初学网站制作须知道什么是静态网页

初学网站制作须知道什么是静态网页,第1张

网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为:wwwexamplecom/eg/eghtm,也就是以htm、html、shtml、xml等为后后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如GIF格式的动画、FLASH、滚动字母等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。

 静态网页的特点简要归纳如下:

 (1)静态网页每个网页都有一个固定的URL,且网页URL以htm、html、shtml等常见形式为后缀,而不含有“”;

 (2)网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;

 (3)静态网页的内容相对稳定,因此容易被搜索引擎检索;

 (4)静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;

 (5)静态网页的交互性交叉,在功能方面有较大的限制。

简单介绍一下制作主页的过程和方法:

一、准备材料

你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面:自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如d:\html),来放你的所有文件,然后再在这个目录建立三个子目录:myself,interest,job。文件名你可以任意,但最好全部小写,因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照,那就将你的照片扫描成JPG格式的文件,放在myself的目录下

要注意,网上只能使用JPG和GIF两种图象格式,其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换,比如Office 97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。

二、开始制作

可以用Netscape40或者WORD70,我用的是Frontpage打开Netscape,在file菜单里选Edit Page,便可以制作了文字的处理基本跟Word没什么两样,关键是插入和产生链接我们先做关于你自我介绍的一页,你先写上“大家好,我是superboy,下面是我的照片:”这时要放了,只须点击Insert菜单,选取Image,在Choosefile里选取你的图象文件即可,然后把这个文件保存为myselfhtml文件,放在myself的目录下。好,现在必须做封面了,你在封面写:“欢迎来到superboy的主页”以下是“自我介绍,我的爱好,我的工作”。你的自我介绍要链接到下一页去,你只须用鼠标选“自我介绍”后按鼠标右键 ,再选create link,然后再选你myself目录下的myselfhtml,就将“自我介绍”链接到下一页了,以后在浏览器中一按,就可以跳到镶有你靓照的页面啦。

在你的封面做好了所有链接和后,记住你必须将这一页保存为indexhtm(有的主机要求必须为indexhtml),因为网页默认的主页名称是index制作主页其实很简单,只要多实际制作,工多艺熟。还可以拿来主义,在网上看到什么好的主页,用另存为功能保存为html格式的文件,细细研究人家是如何做的。还可以借用网页模版来搞,我的就是~~~~~~

三、将你制作好的安放在网上

要在网上安你自己的家,你必须先申请一个主页空间,即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间,具体见实用链接栏目。这些主机不仅提供免费个人主页空间,并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可,具体方法,参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了!

需要注意的是,一定要保持网页的相对位置,否则会看不到网页的,有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢?其实他们都是因为位置的问题,只要把位置改动一下就可以的了。

在制作网站的流行的当下,随着用户群体的增加,网站花样也是百花齐放,大多数的公司还是选择静态网页加动态页面的方式,不同种类的网站分别有着不同的优点,那么对于静态页面制作来说有什么方式与优点呢?

静态页面制作所需要的硬件配置:双ip双线费用较低,但不够稳定而且占用主机资源,普通单ip双线路仅仅是实现了部分双线路的效果因此打开速度不佳,cdn方式对静态页面效果很好但对交互强的网页效果不太理想,bgp单ip双线路解决了以上全部的问题是但国内选用此方案的较少,倘若能将bgp单ip双线与cdn结合起来将会是理想的解决方案。网站的加载速度问题,是直接影响客户留在网站的一个决定条件。网站的加载速度要快,时间不能太长,应该将时间控制在5秒内,这是比较理想的一个加载时间。在网站设计时,可以通过静态页面的设计或者通过cdn的方式实现加速,在速度方面也是一项优点。

需要尤其说明的是,优异的制作网站企业不胜枚举。然而倘若结合已经发表的网站数量和质量看,很明显一线城市的制作网站公司要可信很多。网站制作是一个系统工程,除去被人所熟知的静态网页制作及后端程序和数据库开发外,在制作网站的前期还需要网站策划,不仅设计还需要客户体验分析和交互。一些还仍旧维持着切图和做前端的方式,肯定难以保障制作效果。以响应式制作网站技术来说,很多企业仍然没有此项技术,在制作网站时也依然选用将两者分开设计的方式进行。当然对网站制作要求比较低,仅仅是普通的网站或者样版就已经可以满足。

从公司制作网站的互联网营销观点来看,当然是静态网页更为理想,但实际上可能不太现实,那么可采取静动结合的方法来解决。一方面是指,对于重要的内容相对固定的页面制作为静态网页,另外一个方面可以将动态实现的页面通过一定的技术,当发表出来之后转化为静态网页,这种方式特别适用于发表后内容无需不断更新的页面。静动结合以静制动的优点反映的是能用静态网页解决的决不用动态网页,特别是对重要页面一定要选用静态的方式来处理。

静态页面制作网站制作公司

·每个静态网页都有一个固定的网址,文件名均以htm、html、shtml等为后缀;

·静态网页一经发布到服务器上,无论是否被访问,都是一个独立存在的文件;

·静态网页的内容相对稳定,不含特殊代码,因此容易被搜索引擎检索;html更加适合SEO搜索引擎优化。

·静态网站没有数据库的支持,在网站制作和维护方面工作量较大;

·由于不需通过数据库工作,所以静态网页的访问速度比较快;

现在流行的cms都支持静态化网页,这有利于被搜索引擎收录和提高访问速度,但需要占用较大的服务器空间,程序在生成html的时候非常消耗服务器资源,建议在服务器空闲的时候进行此类操作。什么是静态网页和动态网页?静态网页,动态网页主要根据网页制作的语言来区分:

静态网页使用语言:HTML(超文本标记语言)

动态网页使用语言:HTML+ASP或HTML+PHP或HTML+JSP等

还可以从url上区分:

静态网页使用url:都以html为结尾

动态网页使用url:动态的url中基本带有“?”号

程序是否在服务器端运行,是重要标志。在服务器端运行的程序、网页、组件,属于动态网页,它们会随不同客户、不同时间,返回不同的网页,例如ASP、PHP、JSP、CGI等。运行于客户端的程序、网页、插件、组件,属于静态网页,例如html页、Flash、JavaScript、VBScript等等,它们是永远不变的。

静态网页和动态网页各有特点,网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少,如果网站功能比较简单,内容更新量不是很大,采用纯静态网页的方式会更简单,反之一般要采用动态网页技术来实现。

静态网页是网站建设的基础,静态网页和动态网页之间也并不矛盾,为了网站适应搜索引擎检索的需要,即使采用动态网站技术,也可以将网页内容转化为静态网页发布。

动态网站也可以采用静动结合的原则,适合采用动态网页的地方用动态网页,如果必要使用静态网页,则可以考虑用静态网页的方法来实现,在同一个网站上,动态网页内容和静态网页内容同时存在也是很常见的事情。我们将动态网页的一般特点简要归纳如下:

(1)动态网页以数据库技术为基础,可以大大降低网站维护的工作量;

(3)动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;

(4)动态网页中的“?”搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索蜘蛛不去抓取网址中“?”后面的内容,因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。

另外,如果扩展名为asp但却没有连数据库,完全是静态的页面,那也是静态网站asp只是扩展名。

(5)静态网站因为没有和数据库连接,所以要有动态网站的效果就必须制作大量的网页,其中许多网页只能是虚假网页,根本实现不了动态网站的功能。在网站设计中,纯粹HTML(标准通用标记语言的子集)格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。

静态网页的网址形式通常为:

也就是以htm、html、shtml、xml等为后后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如GIF格式的动画、FLASH、滚动字母等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。我们将静态网页的特点简要归纳如下:

(1)静态网页每个网页都有一个固定的URL,且网页URL以htm、html、shtml等常见形式为后缀,而不含“?”;

(2)网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页都是保存在网站服务器上的,每个网页都是一个独立的文件;

(3)静态网页的内容相对稳定,因此容易被搜索引擎检索;

(4)静态网页没有数据库的支持,网站信息量很大时,完全依靠静态网页制作方式在网站制作和维护方面工作量较大,比较困难;

(5)静态网页的交互性较差,在功能方面有较大的限制。

由于动态网页静态化的技术,一般网页前台的文件都是以htm、htm、shtml结尾。此类网站有后台,有数据库,前台页面与数据库没有任何交互的行为,此类网站与静态网站无异。可以视为静态网站。

一,了解网站:

网站它是一个什么东西起什么作用我为什么要去制作它等等

二,软件学习:

1,AdobePhotoshop专业的,图象处理软件这个是必须学的举例,为什么那么多网站上好看的呢都是用软件做出来的

2,MacromediaDreamweaver网页编辑软件

3,MacromediaFireworks网页优化软件

4,MacromediaFlsha网页Flsha动画制作软件

必须学会以上软件

三,网站语言学习:

1,HTML语言最基本的网页语言必须学会

2,CSS网页样式表的定义必须学会

3,DIV网页元素,对象必须学会

已上是静态网页的必须语言,也是动态网页的前提

静态网页和动态网页有什么区别说得通俗一点就是,动态网页有后台管理,静态却没有

为什么要后台管理网站内容经常更新必须要而静态网页适合长期不更新的网站

制作动态网站必须学会的语言:

ASPASPNETPHPACCESSMYSQLMSSQL

想怎么样把这个网站做得好看,必须有一定的审美基础

建议你到网上搜索相关资料我觉得建站可以按照以下步骤进行:

1、先在本地设一个文件夹,作为网站存储的地方。名字最好取“MySites”。

2、在网站文件夹里面建立一些文件夹,包括“images”等(存储、文件等),并且按照网页内容,再建立几个文件夹。(也可以把存储、文件的文件夹在每个内容文件夹里面各搞一些)

3、打开你的网页编辑程序(例如FP、Dreamwear等),新建网页,保存为“index”(主页),重复以上步骤,在网站文件夹里面建立“search”(查找)、“map”(站点地图)、“index02”(网站简介等)。

4、按照上面步骤,再在网站分类文件夹里面建立许多网页(接着还要把内容输入网页)

5、已经做到了这么多,我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”,把准备好的文档、、程式、文件和网页特效等放进去。(可以加入一些动态网页)

6、慢慢把这些文件一个不漏的放进网页里面(要掌握技巧)

7、把网站充实了,就差不多了。这时应该申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。

8、把网站上传至空间里面,删了准备文件,就OK了!

不过也可以这样使用FP建站:

1、在FP里面选择新建站点。

2、然后在导航里面设置网页名称以及标题。

3、准备好文档、、程式、文件和网页特效等,把它们都充实进网站里面。

4、申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。

5、把网站上传至空间里面,删了准备文件。完毕。

如果使用Dreamwear来建站,那就更加高级啦!Dreamwear的功能很强大,安装了它的朋友们可以研究研究。

在网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为:/eg/eghtm,也就是以htm、html、shtml、xml等为后后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如GIF格式的动画、FLASH、滚动字母等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。

在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中,提出了采用静态网页对搜索引擎的影响,书中对于静态网页本身的介绍比较少,尤其对于静态网页的特点没有做专门的介绍。网络营销教学网站将静态网页的特点简要归纳如下:

(1)静态网页每个网页都有一个固定的URL,且网页URL以htm、html、shtml等常见形式为后缀,而不含有“?”;

(2)网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;

(3)静态网页的内容相对稳定,因此容易被搜索引擎检索;

(4)静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;

(5)静态网页的交互性交叉,在功能方面有较大的限制

来看看吧~~

欢迎分享,转载请注明来源:浪漫分享网

原文地址:https://hunlipic.com/jiehun/2861591.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-08-10
下一篇2023-08-10

发表评论

登录后才能评论

评论列表(0条)

    保存