国字网页

2020-08-09   来源:个人简历封面

网页布局类型
篇一:国字网页

网页布局类型

网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型,下面分别论述。

1、“国”字型:也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。

2、拐角型:这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接

3、标题正文型:这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。

4、左右框架型:这是一种左右为分别两页的框架结构,一般左面是导航链接,有时最上面会有一个小的标题或标致,右面是正文。我们见到的大部分的大型论坛都是这种结构的,有一些企业网站也喜欢采用。这种类型结构非常清晰,一目了然。

5、上下框架型:与上面类似,区别仅仅在于是一种上下分为两页的框架。

6、综合框架型:上页两种结构的结合,相对复杂的一种框架结构,较为常见的是类似于“拐角型”结构的,只是采用了框架结构。

7、封面型:这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。

8、Flash型:其实这与封面型结构是类似的,只是这种类型采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体。

9、变化型:即上面几种类型的结合与变化,比如本站在视觉上是很接近拐角型的,但所实现的功能的实质是那种上、左、右结构的综合框架型。

关于第一屏

所谓第一屏,是指我们到达一个网站在不拖动滚动条时能够看到的部分。那么第一屏有多“大”

呢?其实这是未知的。一般来讲,在800*600的屏幕显示模式(这也是最常用的)下,在IE安装后默认的状态(即工具栏地址栏等没有改变)下,IE窗口内能看到的部分为778px*435px,一般来讲,我们以这个大小为标准就行了,毕竟,在无法适合所有人的情况下,我们只能为大多数考虑了。

说了那么多,无非是一个标准的问题,其实接下来不用我说大家也能想到,第一屏当然要放最主要的内容,关键要知道的是,我们要对第一屏能显示的面积要有个估计,而不要仅仅以自己的机器为准。其实网页制作的一个很麻烦的地方就是浏览者的机器是未知的。

有关导航栏的位置

导航栏能让我们在浏览时容易的到达不同的页面,是网页元素非常重要的部分,所以导航栏一定要清晰、醒目,一般来讲,导航栏要在“第一屏”能显示出来,但是有时第一屏可能会小于上面所说的435px,积于这点考虑,那种横向放置的导航栏要优于纵向的导航栏考虑,原因很简单:如果浏览者的第一屏很矮,横向的仍能全部看到,而纵向的就很难说了,因为窗口的宽度一般是不会受浏览器设置影响的,而纵向的则不确定性要大的多。

什么样的布局是最好的

这是初学者可能会问的问题。其实这要具体情况具体分析的:比如如果内容非常多,就要考虑用“国字型”或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便,速度快,但结构变化不灵活;而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采,封面性是首选;Flash型更灵活一些,好的Flash大大丰富了网页,但是它不能表达过多的文字信息。还没有提到的就是变化型了,我只是想把这个留给读者了,因为,只有不断的变化才会提高,才会不断丰富我们的网页! 大致就这些了,希望您有所启发。

网页导航设计的注意要点

一、注意超连结颜色与单纯叙述文字的颜色呈现

WWW的语言—HTML允许Webpage设计者特别标明单纯叙述文字与超连结的颜色,以便丰富Webpage的色彩呈现。如果您的网站

充满知识性的信息,欲传达给访问者,建议您将网页内的文字与超连结颜色,设计成较干净素雅的色调,会较有利于阅读

∶纯粹的叙述文字采用较暗、较深的颜色来呈现(如∶黑色、墨绿色、暗褐色),超连结文字则以较鲜明抢眼的色彩来强调

(如∶亮黄色、翠绿色、鲜橘色),至于探访过的超连结则采用较低于原超连结亮度的颜色做呈现。

二、测试所有的超连结与导览按钮的真实可行性

Webpage上线之后,第一件该做的事,是逐一测试每一页的每一个超连结与每一个导览按钮的真实可行性。彻底检验有没有

失败的link无法连结到该连结的Webpage,却反而冒出“FileNotFound”的错误讯号出来。这是一个负责任、够水准的

Webpage设计者对自己的作品应有的基本品质要求。

如果您果真有那么多的超连结必须提供给读者,不如将这些超连结以条列的方式,一笔一笔清楚地列在一选单页或目录页

上,既不防碍走文的顺畅,又呈现一目了然的导览连结。

三、让超连结的字串长短适中且走文自然

抓住能传达主要讯息的字眼当做超连结的锚点(anchor),可有效地控制住超连结的字串长度,避免字串过长(如∶整行、整

句都是锚点字串)或过短(如∶仅一个字当做锚点),而不利于读者的阅读或点取。

四、当导览按钮连结到目前此页时

各Webpage若重复使用同一组的导览按钮,无可避免地会产生某一导览按钮连结到目前此页的情形。为达成界面设计的一致

性,并没有绝对的必要性拿掉此导览按钮,但Webpage设计者可让此按钮不再具有超连结的功能;或将此按钮的彩度、亮度

降低(如∶深绿色变成淡绿色,亮红色变成暗红色),使读者可清楚地意识到∶这个暗设下来的导览按钮不再具有超连结的国字网页。

功能。

五、分析、说明您提供的bookmarks或coollinks

常常看到热心的Webpage设计者条列了精心收集的bookmarks或coollinks,以分享读者个人遨游WWW的美好经验。但多数

Webpage设计者就只提供一大串links,并不分门别类,也不加以分析、说明为什么这个link好,值得推荐?那个link的主

要内容精彩之处?又在哪?提供您的bookmarks或coollinks是一大善举,但未加以分析、说明,却变得功亏一篑。多花几

分钟,将您提供的bookmarks或coollinks稍加分类、注解,可提供读者清晰的概念与无限的方便,也使您的站台的导览系

统更加周全完善。未加以说明、注解的coollinks,其实一点也不cool。老实说,任何人都可以到Yahoo轻易地找到上百上

千的links。您若未对这些推荐的links加以个人独特的评论、介绍,读者又何劳偏得到您的站台去找索引呢?任何一个分

类索引或搜寻引擎都绝对比您条列的links还要更完备齐全。

六、在具有前后连续顺序的文件里提供必要的连结

将篇幅过长的文件分隔成数篇较小的Webpages大大地增加了界面的亲和性,但在导览按钮与超连结的配置上,Webpage设计

者则要更细心周全地安排,使得读者不论身处您站台的哪一阶层,依然能够快速便捷地通往其他任何一个页面。Webpage设

计者应特别注意∶

1.提供“上一页”、“下一页”、“回子目录页”与“回首页”的导览按钮或超链结在一系列具前后连续顺序的文件里,

每篇Webpage都至少应提供“上一页”、“下一页”、“回子目录页”与“回首页”的导览按钮或超连结,可使读者能够立

即得知自己所在的页面,是属于一份较大文件内的一小部分。(考虑、体贴一下某读者不是从您的Home顺序连结至此页,而

是依循别的站台的某个link跳跃连结至此)。并且可以借由这些links随时参考连结“上一页”、“下一页”与本页的连贯

内容;直接点取“回子目录页”查寻其他相关的标题;或直接跳跃至homepage,浏览其他不同项目的信息。

2.简明扼要地标明此页、上一页与下一页文件的标题或内容梗概。国字网页。

在一系列具有前后连续顺序的文件里,每篇Webpage都应加上一个具有说明性的标题,使读者一目了然,马上抓住这一页的

重点。而完善的导览系统除了提供“上一页”、“下一页”的导览按钮或超连结外,更添加精简达意的上一页与下一页标

题、内容提要,使读者即使尚未点取这些Webpages时,亦能先梗概地了解自己将连结至什么样的Webpage。

3.提醒读者某一系列文件已到尽头。

当读者已达某一系列文件的最后一页时,Webpage设计者应提供一小段告示提醒读者,同时不再提供“下一页”的导览按钮

或超连结。但基于Webpage界面设计的一致性,或许有些Webpage设计者并不希望在同一系列的最后一篇Webpage里忽然少了

国字网页。

一个先前每页都有的“下一页”导览按钮(尤其是精心设计过的图形化导览按钮)。为达此目的,可考虑将最后一页的“下

一页”导览按钮颜色暗沉下来,且不赋予超连结的功能,并提供一小段告示提醒读者,此系列文件已到尽头,不再有“下

一页”的内容。

七、在较长的Webpage内提供目录表与大标题

理想的Webpage长度以不超过三、四个荧幕页面为佳。但是如果基于某些特殊理由,您的Webpage一定要做得很长,那么不

要忘了在此长篇的Webpage最上头,提供一个目录表,Webpage的内容也标上大小标题,以利清楚阅读。尤其重要的是,在

这些标题与目录表的HTMLsource里分别设置锚点,并链接到锚点,以使您的Webpage真正发扬

网页
篇二:国字网页

1、Dreamweaver的主要作用是什么?

答案:Dreamweaver的主要作用是设计网页和管理网站,它在各个行业领域都得到广泛的应用,如个人网站、教育科研网站、企业网站、商业网站、政府网站、公益性网站以及其他网站等。

2、Dreamweaver CS3的编辑区域有哪3种视图模式?

答案:编辑区域有【设计】、【代码】和【拆分】3种视图模式。

1、网站制作的基本流程是什么?

答案:制作网站需要做好前期策划、网页制作、网站发布、网站推广以及后期维护等工作。

2、常见的网页布局类型有哪些?

答案:常见的网页布局类型有“国”字型、“匡”字型、“三”字型、“川”字型、标题文本型、框架型、封面型和Flash型等。

3、创建一个HTML文档的基本途径有哪些?

答案:创建一个HTML文档的基本途径有3种:(1)在【文件】面板中创建;(2)通过【文件】/【新建】菜单命令,打开【新建文档】对话框进行创建;(3)在Dreamweaver CS3启动时的【欢迎屏幕(或称起始页)】对话框中进行创建。

4、举例说明【首选参数】对话框的作用。

答案:在Dreamweaver中可以通过设置【首选参数】来定义Dreamweaver的使用规则。例如,新建文档默认的扩展名是什么,在文本处理中是否允许输入多个连续的空格,在定义文本或其他元素外观时是使用CSS还是HTML标签,不可见元素是否显示等。

1、举例说明【页面属性】对话框的作用。

答案:创建文档后,可以通过【页面属性】对话框来设置一些影响整个网页的参数。例如,设置网页的文本字体、大小和颜色,设置网页的背景颜色和背景图像,设置网页的页边距,设置超级链接样式,设置网页文档标题格式,设置文档显示在浏览器标题栏的文本,设置网页的文档类型和编码等。

2、通过【页面属性】对话框和【属性】面板设置文本的字体等属性有什么不同。 答案:通过【页面属性】对话框设置文本的字体、大小和颜色等属性,影响的范围是整个页面;而通过【属性】面板设置文本的字体、大小和颜色等属性,影响的范围是选中的文本,这是它们的最大区别。

1、网页中图像所起的主要作用是什么?

答案:网页中图像的作用基本上可分为两种情况,一种是起装饰的作用,如背景图像,另一种是起传递信息的作用,它和文本的作用是一样的。

2、图像替换文本的主要作用是什么?

答案:图像替换文本的作用是,当由于网速或者其他原因导致图像不能立即显示时,替换文本就可以优先显示出来,让用户知道该处的大致内容以决定是否等待。

3、不使用网页布局技术如何实现文本和图像的混排?

答案:在网页中,经常出现文本和图像混排的现象。如何不使用网页布局技术,就需要用到图像【属性】面板的【对齐】选项。【对齐】选项调整的是图像周围的文本或其他对

象与图像的位置关系。在【对齐】下拉列表中经常用到是“左对齐”和“右对齐”两个选项。【对齐】选项直接作用于图像标记<IMG>,能够调整图像与周围文本的对齐关系。

1、创建文本超级链接比较常用的两种方式是什么?

答案:创建文本超级链接比较常用的方式主要有两种:一种是选择【插入记录】/

【超级链接】命令或在【插入】/【常用】面板中单击【超级链接】按钮,打开【超级链接】对话框来设置超级链接,另一种是在【属性】面板中设置超级链接的目标地址和目标窗口。

2、一个完整的超级链接通常包括哪几个部分?

答案:一个完整的超级链接通常包括链接载体、目标地址和目标窗口打开方式3个部分。链接载体,如最常用的文本和图像。目标地址,即超级链接所指向的目标文件。目标窗口打开方式,通常有4种,如“_blank”等。

3、创建锚记超级链接需要经过哪两步?

答案:创建锚记超级链接需要经过两步:首先需要命名锚记,即在文档中设置标记,然后在【属性】面板中设置指向这些锚记的超级链接。

3、如何选择相邻单元格?

答案:选择相邻单元格的方法如下。

(1)在开始的单元格中按住鼠标左键并拖曳到最后的单元格。

(2)将光标置于开始的单元格内,按住Shift键不放,单击最后的单元格。

(章节:任务二 难度:易

1、创建框架网页的方法通常有哪几种?

答案:创建框架网页的方法通常有以下几种。

(1)在【欢迎屏幕】中选择【从模板创建】/【框架集】命令。

2)在主菜单中选择【文件】/【新建】命令,然后依次选择【示例中的页】/【框架集】中的相关命令。

(3)在当前网页中单击【插入】/【布局】面板中的【框架】工具按钮。

(4)在当前网页中选择主菜单中的【插入记录】/【HTML】/【框架】命令。

(5)在主菜单中选择【查看】/【可视化助理】/【框架边框】命令显示出当前网页的边框,然后手动设计。

2、简述选择框架集和框架的基本方法。

答案:(1)在【框架】面板中用鼠标单击框架集边框将选中框架集,在文档窗口中,当鼠标靠近框架集边框且出现上下箭头时,单击框架集的边框也可将其选中。

(2)在【框架】面板中用鼠标单击需要选择的框架可将其选中,在文档窗口中,按下

1、类、标签和高级3种选择器各自的特点是什么?

答案:类CSS样式用来存放文档中标签的共同属性,网页元素使用该类CSS样式时,需要添加引用。标签CSS样式用来改变或者扩展文档中某些特定的HTML标签的属性。高级CSS样式是改变标签组合、命名ID标签属性最好的方式。

2、CSS规则定义对话框共包括哪几个方面的内容?

答案:CSS规则定义对话框共包括【类型】、【背景】、【区块】、【方框】、【边框】、【列表】、【定位】、【扩展】8个分类的内容。

1、在【AP元素】面板中可以实现哪些操作?

答案:(1)双击AP Div的名称,可以对AP Div进行重命名。

?(2)单击AP Div后面的数字可以修改AP Div的z轴顺序。

?(3)勾选【防止重叠】复选框可以禁止AP Div重叠。

?(4)在AP Div的名称前面有一个眼睛图标,单击眼睛图标可显示或隐藏AP Div。 ?(5)单击AP Div的名称可以选定该AP Div,按住

AP Div可以将多个AP Div选中。

?(6)按住

AP Div拖动到另一个AP Div上,形成嵌套的AP Div。

2、如何创建具有复杂运动路径的动画?

答案:如果需要创建具有复杂运动路径的动画,可以使用录制AP Div路径功能。首先在主菜单中选择【修改】/【时间轴】/【录制AP Div路径】命令,然后在文档中拖动AP Div来录制路径,最后在动画要停止的地方释放鼠标左键,Dreamweaver CS3将自动在

【时间轴】面板中添加对象,并且较为合理地创建了一定数目的关键帧。这时也可以根据实际情况对各关键帧的位置适当进行调整使其更为合理。

常用的模板对象有哪些?

答案:常用的模板对象有可编辑区域、重复区域和重复表格。

1、如何理解行为、事件和动作?

答案:一个行为是由一个事件所触发的动作组成的,因此行为的基本元素有两个:事件和动作。事件是浏览器产生的有效信息,也就是访问者对网页所做的事情。例如,当访问者将鼠标光标移到一个链接上,浏览器就会为这个链接产生一个“onMouseOver”(鼠标经过)事件。然后,浏览器会检查当事件为这个链接产生时,是否有一些代码需要执行,如果有就执行这段代码,这就是动作。

2、常用的Spry布局构件包括哪些?

答案:常用的Spry布局构件包括Spry菜单栏、Spry选项卡式面板、Spry折叠式构件和Spry可折叠面板。

1、文本域的类型有哪些?国字网页。

答案:文本域的类型有单行、多行和密码3种。

2、Dreamweaver CS3新增功能中Spry验证表单构件有哪些?

答案:Dreamweaver CS3新增功能中的Spry框架提供了4个验证表单构件:Spry验证文本域、Spry验证文本区域、Spry验证复选框和Spry验证选择,使用它们可以更好地对表单对象进行验证。

1、创建数据库连接的方式有哪两种?

答案:创建数据库连接的方式通常有两种:ODBC和OLE DB。

2、记录集的基本作用是什么?

答案:在交互式网页中使用后台数据库时,必须首先创建一个存储检索数据的记录集。

记录集在存储内容的数据库和生成页面的应用程序服务器之间起一种桥梁作用。记录集由数据库查询返回的数据组成,并且临时存储在应用程序服务器的内存中,以便进行快速数据检索。当服务器不再需要记录集时,便将其丢弃。记录集本身是从指定数据库中检索到的数据集合,它可以包括完整的数据表,也可以包括表的行和列的子集。这些行和列通过在记录集中定义的数据库查询进行检索。

3、登录、注销的原理是什么?

答案:登录、注销的原理是,首先将登录表单中的用户名、密码与数据库中的数据进行对比,如果用户名和密码正确,那么允许用户进入网站,并使用阶段变量记录下用户名,否则提示用户错误信息。而注销过程就是将成功登录的用户的阶段变量清空。

建站中常见的网站布局结构
篇三:国字网页

建站中常见的网站布局结构

做网站首选要考虑网站主题,然后就是网站布局,目前主要流行的网站布局有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、flash型、变化型。

第一、“国”字型网站布局。这种网站布局是目前最流行的网站布局模式,主要应用于一些大型的门户网站建设,网站格局从上倒下依次为:标题及横幅的广告条——网站文章——网站信息及联系方式和网站声明,网页左右则分裂一些加有链接的相关小条目。

第二、拐角型网站布局。这种布局与“国”字型网站布局知识形式上有区别,其他相似,模式为:最上面是标题或广告横幅,中间左侧是导航链接,右侧是网页正文,最下面是一些网站的辅助信息,这种布局的网站多用于网站产品展示。

第三、标题正文型网站布局。这种布局的网站页面上面是网页标题,下面就是正文。

第四、左右框架型网站布局。这种布局的网站页面,常分为左右两部分,右边是导航链接,右边是正文,有时最上边会有一个小的标题或标致等,这种结构常用于论坛型网站布局。

第五、上下框架型网站布局。顾名思义,这种布局的网站页面分为上下两部分。

第六、综合框架型网站布局。这种布局的网站页面是左右框架型及上下框架型的结合体,是一种行对较复杂的网站布局结构。

第七、封面型网站布局。这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在 首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。

第八、flash型网站布局。其实这与封面型结构是类似的,只是这种类型采用了目前非常游戏行的flash,与封面型不同的是,由于flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体。

第九、变化型网站布局。即上面几种类型的结合与变化,比如本站在视觉上是很接近拐角型的,但所实现的功能的实质是那种上、左、右结构的综合框架型。

文章来源于郑州30建站,转载请注明出处!

国字网页

http://m.myl5520.com/gerenjianli/117431.html

展开更多 50 %)
分享

热门关注

求职个人简历封面锦集三篇

个人简历封面

护士个人简历封面集合4篇

个人简历封面

2023年护士个人简历免费护士个人简历封面免费范文(精选9篇)

个人简历封面

本科专业个人简历封面设计(通用6篇)

个人简历封面

大学生如何做个人简历封面设计【三篇】

个人简历封面

2023年求职个人简历封面怎么做(合集四篇)

个人简历封面

2023年求职个人简历封面怎么做四篇

个人简历封面

大学生如何做个人简历封面设计汇编4篇

个人简历封面

本科专业个人简历封面设计范文汇总四篇

个人简历封面

大学生个人简历封面制作方法锦集三篇

个人简历封面