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

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

发布时间: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

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

  • 西安外贸独立站质量好坏和真假如何辨别呢?好多客户在制作外贸独立站这块的时候,由于对网站不是很了解,就找到一些低价便宜的网站建设公司来帮自己做网站,结果是采用的saas或者模板网站来应付客户,当然了,作...
  • 西安外贸独立网站搭建需要注意那些事项呢,大家都知道凡是做外贸业务的公司,都是通过大量的独立网站来布局和推广公司的产品的,这种独立网站虽然说前期的网站建设成本高一些,但是一旦建立起来之后,可以长期的使用...
  • 西安做网站的价格以及需要那些东西呢,其实在西安做网站也是比较简单,西安市场上做网站的公司还是很多的,并且做网站的价格也并不是很高,多半集中在三五千的样子,面对这样的价格形式,其实一般的公司网站是完全可...
  • 西安企业网站建设之banner图设置只要要求,在这里好多用户就有点迷茫,究竟什么是企业网站的banner图呢,这个可以是用的专业属于,简单来说,就是公司网站打开之后,网站菜单下面的那几张图就是网站的b...
  • 公司网页设计制作之前如何选择网页布局呢?公司网页设计制作之前,网页的采用何种方式来布局是必须要考虑的,这样不仅仅方柏霓后期的网页制作人员的制作,也方便后期在各种硬件设备的适用性,所以网页设计制作之前布...
  • 西安网站设计制作页面规范和要求,在制作公司网页的时候,大家都知道公司网页设计的版面的宽度要求,至于网页制作的高度是没有什么特殊的要求的,但是宽度一定是有要求的,一般网页宽度控制在1200px范围之内即...

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