西安嘉瑞德网络公司
当前位置:网站首页 > 网站维护 > 西安网页制作中如何利用框架高效制作网站呢? 返回列表

西安网页制作中如何利用框架高效制作网站呢?

发布时间:2022-04-06来源:admin
西安网页制作中如何利用框架高效制作网站呢?现在制作网站跟之前制作网页完全是两码事了,并且现在做网页对技术的要求简单来的多了,并且多半都是通过前端的框架来完成先关页面的布局和制作的,并且通过大量的前端框架的学习和使用,可以很快的上手对前端网页的制作了,而且作为前端的框架当中,里面封装好了好多常用的方法和类,在日常的工作中可以经常性的使用了,这也就对前端的技术要求大大降低了不少,并且也大大提升了网页制作开发的效率了,接下来我们来听一下西安网页制作公司的技术人员是怎么看待前端网页制作的框架的。
创建框架网页的结构是混乱的、西安做网页的保存是混乱的、无法辨析框架代码。从多年的教学来看,我觉得在初学框架网页时,手绘框架图、按关键字提示保存框架文件以及运用框架面板分析框架代码,可以快速地弄清框架网页的知识,正确建立符合要求的框架网页。我以如图1的框架结构的网页为例,谈一谈如何进行框架网页的学习。 
一、手绘框架结构图 
许多学生在初学框架网页时,在确定框架网页的样式后仅绘一个如图1那样由几根线条组成的结构图,这样的图是无法体现出框架网页各个对象的包含关系的,导致所建立的框架网页是凌乱的。我认为,采用手绘框架图的方法和步骤,细化各个框架,便可以帮助学生理清框架的结构及各对象的关系。 
第一步:手绘框架,细化框架结构。 
这里采用矩形嵌套的方法,从外到里的顺序绘制,按如图2步骤完成。先绘制外面最大的矩形(它含上方框架),再绘中间的矩形(含左侧框架),然后绘出最里面的矩形(含底部框架),最后使用一条直线将里面的矩形一分为二。这样既符合了“上方固定,左侧嵌套”的结构,又将框架页(内容页)从“底部框架”中分出来了。这样层层相套,各框架结构就很分明了。 
第二步:标注框架名。 
在新建框架网页时,软件会默认给各个框架命名,我们只需在提示“为每一个框架指定一个标题”时,按默认选择即可,同时在框架面板的各个框架内显示相应的框架名字。对于手绘的框架,我们也应分别为它们标上相应的框架名,为后面理解和分析代码提供了方便。如图3,在含有上方框架的大矩形内标上topFrame,在含有左侧框架的中间矩形内标上leftFrame,在含有底部框架的小矩形内标上bottomFrame,再在分出的内容页里标上mainFrame即可。这样有利于我们看懂框架图,为操作时保存各个框架文件做准备,这样的框架名将会在框架面板中对应显示
第三步:标注所指文件。 
在手绘的框架图上标注好框架名后,便是标注出要生成的框架集文件和各框架所指的文件。由于一个框架网页包含1个框架集文件和多个框架文件,其中每个框架对应一个文档,即一个文件。比方说,一个包含4个框架的框架集实际有5个文件:1个是总的框架集文件和4个分别包含了各自框架内的文件。就图1框架网页而言,共有5个文件要保存,含1个框架集文件和4个框架所指的文件。如图4,我们为这个框架集保存为index.htm的主页文件;而上方框架topFrame所指向的文件,即保存为1个文件:top.htm;左侧框架leftFrame所指向的文件,也要保存为1个文件:left.htm;里面小矩形的底部框架bottomFrame和框架页mainFrame分别要指向1个文件,即保存bottom.htm和main.htm這2个文件。依次标注这些文件名后,在保存操作时便可对照命名,提高操作的正确性。 
二、根据关键字符保存框架网页文件 
正确保存框架网页为后面学习和分析脚本代码提供保障。怎样才算正确保存完整的框架西安网页制作呢?由于一个框架网页文件的保存包括1个框架集文件和多个框架文件(含1个内容网页)的保存,所以需要认真对照才不至于保存的文件是混乱的。很多学生在保存时分不清是在保存“框架集”还是“框架”,我觉得最重要的一点是我们只要将关键字符Frameset是框架集、Frame是框架分别对应起来即可。 
对于初学者,在首次保存框架网页时,建议选择“保存全部”命令。在“另存为”对话框中,默认会给出的文件名“UntitledFrameset-1.html”,当显示含有“Frameset”的字符时,表示这是在保存框架集文件,将它命名为之前标注的“index.htm”主页文件即可。如果给出默认的文件名中含有“Frame”的字符,我们对照“设计”窗口中毛边状的框架,再用对应的框架文件名保存就是。如果给出默认的文件名是“Untitled-1.html”,则保存为内容网页main.htm即可。 
三、运用框架面板辨析框架代码 中职学生的英文水平有限,理解能力较弱,我觉得学习框架部分的代码时,利用框架面板对照学习是最有效的。 当单击框架面板的任意边框或内容,代码窗口中相应的框架代码便会被选中,呈蓝底白字状态,且java代码和其他的程序代码一样,都是有层次感和递进效果的,具有嵌套关系。我们只需利用框架的嵌套方式来推理这些代码,就能理解哪个对象对应哪几行代码。另外,我们还可以利用代码窗口底部的状态栏上的一个个嵌套的标签,如<frameset>框架集、<frame>框架,来分析代码。代码便是上面标注好的框架图的部分框架代码。 在初学框架网页时,我们按照确定好的框架网页样式手绘框架图,细化框架结构,可理清框架的结构;按照提示的框架关键字符保存各个框架文件,灵活地利用框架面板分析框架部分的代码,相信框架网页的技术是不难掌握的。 
联系方式:18066528545   029-89298792

阅读过此文章的读者,还阅读过下面的文章

  • 外贸网站建设制作的有贵有难看的原因何在,其实最为外贸网站,有些的确是没法看和浏览的,但是这样的网站流量还是很好的,而有些做的一本正经的网站,反正没有什么流量的,这是什么原因呢,另外一些又贵又丑的网站为...
  • 公司官网制作是客户了解你公司的第一手资源,为什么这么说呢,在当下,公司网站最为权威,时间最久远的一种互联网资源了,从互联网诞生到心在,最先让小公司参与其中就是制作公司的官网了,说到这里,相比大家是不是...
  • 企业网站制作好之后,没有访客看,什么原因,知道制作公司网站,但是从来没有想过如果让更多的潜在用户看到你的公司网站,然后实现通过网站将这些潜在的客户进行转化成你的实际客户,这也是好多公司当下面临的一个最...
  • 外贸公司网站建设这个问题一定要注意,现在国内做外贸业务的公司是越来越多了,现在这些公司做外贸业务,接待客户的方式不外乎这些方式和手段,就是通过制作外贸网站,或者开通一些大的外贸平台上的会员来对公司的产...
  • 企业网站制作之前应该搞清楚这些问题然后在做网站,不同的公司做网站的目的是不一样的,有的公司做网站的目的就是很直接的,我就是通过制作公司网站,宣传销售公司的产品的,这也是大多数公司采用比较多的方式的,另...
  • 什么时候外贸网站,有普通公司网站建设有何区别呢?外贸网站就是专门给外贸公司制作的,符合国外搜索引擎索引和抓取的网站,并且方便与询盘和客户检索查找的网站,外贸网站其实跟普通的网站差别不大,就是在做这样网...

网站地图 Copyright © 2015 西安嘉瑞德网络科技有限公司 陕ICP备2023001199号