网站公告列表

  没有公告

加入收藏
设为首页
联系站长
繁體中文
您现在的位置: 无忧电脑 >> 文章中心 >> 网页设计 >> 网页设计 >> 文章正文
  [图文]网页制作教程           ★★★ 【字体:
网页制作教程
作者:佚名    文章来源:互联网    点击数:    更新时间:2008-7-1    

                                                                                        
 
        网页是WWW的基本文档,它是用HTML(Hypertext Markup Laguage即超文本标识语言)编写的。HTML语言严格来说并不是烦人的编程语言,其实它只是一些能让浏览器看懂的标记,当网页中包含正常文本和HTML语言标记时,浏览器会“翻译”由这些HTML语言标记提供的网页结构、外观和内容的信息,从而将网页按设计者的要求显示出来,而不是显示一堆奇怪的标记。您现在所看到的这个页面就是网页了。
   超文本(Hypertext)是把一些信息根据需要连接起来的信息管理技术,人们可以通过一个文本的链指针打开另一个相关的文本。只要用鼠标点一下文本中通常带下划线的条目,便可获得相关的信息。我们通常所说的网站或网页,就是由一个或多个超文本组成的,而我们进入网站首先看到的那一页称首页或主页(HomePage)。网页的出色之处在于能够把超链接(Hyperlink)嵌入网页中,这使用户能够从一个网页站点方便地转移到另一个相关的网页站点。它可以指向其他网页、文、多媒体文件、图像甚至程序。超链接是内嵌在文本或都图像中的,文本超链接在游览器中通常是带下划线,而图像超链接是看不到的,但如果用户的鼠标碰到它,鼠标的指标通常会变成手指状(文本超链接也是如此)。
   1.2 网页制作的基本设计思路
   要设计出一个精美的网站前期工作是必不可少的。一个网页的成功与否,很重要的一个因素在于它的构思,好的创意及丰富详实的内容才能够让您的网页充满勃勃生机。
   1.2.1 网页的选题
   在制作自己的网页之前,首先要确定自己网页的内容。个人网页的设计内容可以从自己的专业或兴趣爱好多做些考虑。例如自己在计算机、书法、绘画等方面有独到的工夫,可以此专题做为网页的内容。但网页涉及的内容切勿过广,这样虽然内容比较丰富,但往往涉及各个方面的内容会比较肤浅。
   1.2.2 网页的组织结构
   网页的选题确定好以后,接下来就要确立网站的总体结构了。总体结构的确立至关重要,它是网站设计能否成功的关键所在。如果我们对网站的总体结构了如指掌,设计起来就会得心应手,游刃有余,但是如果网站的总体结构比较混乱,在设计的过程中也就会颠三倒四,无法将自己的想法表达出来,这样的网站一般不会很成功。一般网页的组织结构是采用树形结构。
   1.2.3 资料的收集与整理
   在对自己未来的网页有了一个初步的构思后,还需要有丰富的内容去充实。网页的基本组成元素有三个:文字内容、图片和超级链接。而Internet的最迷人之处在于它信息的极大丰富,如果你的网而只有漂亮的外观而实质内容很少,那么就不会有多少人在你的网页中停留。要注意的一点是,网站的内容必需合法。
   1.2.4 选择网页的设计方法
   要建立一个网站,要选择用何种方法来实现它。现在,能够用来设计网站的方法有很多,可以使用HTML语言来编辑,也可以使用网页制作工具(如:ProntPage)来设计网站。对于一个初学者来说,建议您使用所见即所得的网页制作工具来设计出网站的框架,然后再用Java和javascriptT等编辑语言来对网站进行修饰。
   1.2.5 设计网页要注意的问题
   (1)、网页的标题要简洁,明确。
   (2)、在文本要使用水平线,以分割不同部分。
   (3)、对重点段落要强调显示。
   (4)、网页中插入的图片要尽量的小。
   (5)、图形要附加文字说明,以便关闭图象时查看。
   (6)、网页中引用的资料及商标(或图标),不能侵犯版权。
   1.3 HTML语言简介
   HTML语言是网页制作的基础,是初学者必学的内容。虽然现在有许多所见即所得的网页制作工具,但是说到底,还是有必要了解一些HTML的语法。这样,您可以更精确的控制页面的排版,可以实现更多的功能。HTML语言可直接使用普通的文本编辑器进行编辑(例如:DOS下的EDIT,WPS;WINDOWS中的记事本等)。
   在HTML中,标记是用来界定各种单元,如标题、段落、列表等。HTML单元由三部分组成:起始标记、单元内容、结束标记。起始标记由“< ”和“ >”来界定,结束标记由“< /”和“ >”来界定,单元名称和属性由起始标记给出。如:“< TITLE >免费新天地< /TITLE >”,“< TITLE >”和“< /TITLE >”是起始标记和结束标记,“免费新天地”是单元的基本内容。
   1.3.1 关于标记的有关约定
   (1)、超文本标记用带尖挎号“< ”和“ >”表示。
   (2)、超文本标记一般是成对出现,用带斜杠的元素表示结束,如:< html >和< /html >。但有些标记只有起始标记而没有结束标记,如:< BR >,它网页中表示引入一个换行动作;还有些标记可以省略,如:段落的结束标记< /P >就可以省略。
   (3)、超文本标记忽略大小写,如:< HTML >和< html >是等效的,但其中实体内容的名称是要区分大小写,如"&NAME"和"&name"是表示不同的实体。
   (4)、一个标记元素可写在多行,参数位置不受限制。
   1.3.2 主要标记的用法
   HTML文档的标记在该语言中占有重要的地位,可以说,整个HTML文档都是它的标记构成的,HTML文档的标记为编写该文档建立了固定的框架,我们只要在这个框架中填充内容就行了。但你可能会对下图的HTML,而感到一头雾水吧?

    其实您可以将HTML文档分成两部分:首部信息和正文主体。其具体的结构如下:
   < HTML >
   < HEAD >
   首部元素、元素属性及基本内容。
   < /HEAD >
   < BOBY >
   主体元素、元素属性及基本内容。
   < /BOBY >
   < /HTML >
   首部元素中的内容在浏览器中是不被显示出来,它主要是浏览器使用首部来收集有关页面的各种信息。我们在浏览器中看到的是< BOBY >和< /BOBY >之间的内容。
 
                                                                      
 

文章录入:admin    责任编辑:admin 
  • 上一篇文章: 没有了

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    Dreamweaver怎么加入CSS码
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

                         无忧电脑 QQ群:19938280   闽ICP备08000694号       
                      本站有些内容参考互联网,如有侵犯到你的地方,请来信通知,我们将会在三日内处理