全屏式网站
全屏式网站
现在,请允许我来为大家分享一些关于全屏式网站的相关知识,希望我的回答可以给大家带来一些启发。关于全屏式网站的讨论,我们开始吧。
文章目录列表:
1.在手机爱奇艺上全屏观看视_的操作方法?
2.麻花影视怎么用电脑全屏播放
3.目前比较流行的网站设计风格有哪些?
4.当下流行网站建设有哪些类型
5.谷歌浏览器如何进入全屏模式
6.全屏网页如何布局全屏网页如何布局
在手机爱奇艺上全屏观看视_的操作方法?
只需要调整设置即可。
打开爱奇艺,找到主界面的_左侧logo图标,在下拉列表中找到“设置”这一选项。
找到“设置”选项后打开,进入到设置界面。
在设置界面中,我们在_个“播放器”设置中可以看到_下面有一个设置“双击播放区域时”,在这里我选中“全屏幕”这选项即可。
果有全屏,那么问题则解决了,如果还不行,那么就需要重装一次了。
如果是手机在网页看视_的话,有些网站用安卓或者苹果看视_即使按了全屏按钮,也只是在竖屏状态下的半全屏观看模式。所以可以将手机屏知幕设置横道屏,这样就可以全屏观看。
爱奇艺的相关情况
目前,爱奇艺已成功构建了包含电商、游戏、**票等业务在内的多元化的商业模式,其品质、青春、时尚的品牌调性深入人心,网罗了全球广大的年轻用户群体。
1、爱奇艺打造涵盖**、电视剧、综艺、动漫在内的十余种类型的丰富的正版视_内容库,并通过“爱奇艺出品”战略的持续推动,让“纯网内容”进入真正意义上的全类别、高品质时代。
2、同时,作为拥有海量付费用户的视_网站,爱奇艺倡导“轻奢新主义”的VIP会员理念,主张人们对高品质生活细节的追求,坚持为广大VIP会员提供专属的海量_内容,_的视听体验,以及独有的线下会员服务。
麻花影视怎么用电脑全屏播放
麻花影视用电脑全屏播放的具体操作步骤如下:
1、打开电脑浏览器,如GoogleChrome、Firefox等。
2、在浏览器地址栏中输入麻花影视官方网址,按下Enter键打开网站。
3、在麻花影视网站上找到想要播放的视_,在视_上方会有一个播放按钮,点击播放按钮开始播放视_。
4、视_开始播放后,将鼠标移动到视_窗口下方,出现控制栏。
5、在控制栏中找到一个类似于全屏的图标(是一个四个箭头组成的正方形),点击以进入全屏模式。也可以使用键盘上的快捷键F11进入或退出全屏模式。
6、视_自动切换到全屏模式,并占据整个屏幕进行播放。麻花影视是一个提供_**和电视剧观看的视__,为用户提供大量的**和电视剧资源,包括热门影片、经典影片、_新上映的影片等。
目前比较流行的网站设计风格有哪些?
1、全屏网页设计(FullScreenDesign)
网站设计制作所谓设计不分家,近年来平面设计里“纯净”“留白”等概念也被互联网设计吸取,为了更简单明了的_主体,提供更舒适的感官感受,很多网站开始采用全屏网页设计,利用精心挑选设计的漂亮背景,加上合理的页面布局,视觉冲击力大可很好的吸引观者注意。通常页面内的文字内容不会特别多(所出现的少量文字加上精美的排版将会变得更加吸引人),主要以展示为主。这个样子的网站多用于摄影团队或个人作品集展示会比较常见。虽然简单养眼,但是承载信息有限,公司部门的主页很少见这样的设计。
2、响应式网页设计(Resp_iveWebDesign)
现在越来越多用户都拥有多种终端:台式机,笔记本,平板电脑,手机,能够适应不同尺寸显示屏的网页是现在的潮流,甚至是未来很长一段时间的设计趋势。那么响应式网页设计就是来解决这个问题的。这种特别的开发方式能保证网页适应不同的分辨率,让网页要素重组,使其无论在垂直的平板电脑还是智能手机上,都能达到_好的视觉效果。网站设计制作除了多终端的多样化,我们还可以看到我们的电脑屏幕,手机屏幕都在不断变大,而在对未来生活的预测、概念设计里,“屏幕”这个产物更是被运用到多种新_上。例如微软发布的“未来生活概念视_”里,厨房、室内墙壁、办公室玻璃墙面都成为了交互_。所以我们可以发现,响应式网页设计所具备的良好的适应性和可塑性,在未来的网页设计里将占有举足轻重的位置。
3、扁平化设计(FlatDesign)
网站设计制作扁平化设计可以说是去繁从简的设计美学。去掉所有装饰性的设计,可以说是对之前所推崇的拟物化设计的颠覆。我们不能妄加评论说这是好还是不好,只能说它提供了一种新的设计思维。扁平化设计是否会成为将来的趋势我们也无法回答,尽管褒贬不一,备受争议,但是就现在来说它是当下的一种潮流。
4、视差滚动设计(ParallaxDesign)
网站设计制作视差设计可以说是近年来网页设计中的一大突破,也备受推崇。视差滚动是让多层背景以不同速度滚动,以形成一种3D立体的运动效果,给观者带来一种_的视觉感受。除此以外,鼠标滚轮的流畅体验,让用户在观看此类网站时有一种控制感,简单来说这是有响应的交互体验。就好像童年看到走马灯,转动它你就能看到人物动起来,还能欣赏故事。视差滚动设计的趣味也在于此。所以无论是网站还是电商商品宣传页都经常采用视差设计,吸引眼球也很受用户喜爱。
5、无限滚动模式(瀑布流)
有一些网站内容很多,但他们并没有简单分页,而是采用的是一种垂直瀑布流的方式布局。将那些内容垂直排布,当用户纵向滚动时,内容会不断更新好像永无止境。这样的瀑布流很早之前就开始流行,_早采用该布局的是pinterest。这样的滚动页面就大大减少了分页的数量,个人认为对于这类信息量大,每日更新数据快的网站是比较不错的方案。
6、滚动侦测网页设计(Scrollspy)
网站设计制作利用CSS的实现将导航栏固定在网页顶部(大多数是顶部,当然也有侧面或底部),并将版面内容按照导航顺序垂直或横向排布,使得用户点击相应导航tab时页面自动滑到相应页面,而若点击内容,导航也将随之改变。这样的网页设计页面基本不会跳转,每一个tab所指向的页面内容也基本一屏显示完整,所以在页面呈现的内容上会有所局限。为不影响布局一般也会伴随自适应。滚动侦测式的网页会给设计师带来了很大挑战——要在有限空间内保证内容呈现的完整性,故设计师会在版面上下足功夫。而这类网站结构和视差设计有异曲同工之处,所以我们发现很多网站会结合两者,给观者带来不一样的视觉感受和用户体验。
7、网页的风格化设计(ThestyledesignofWebpage)
网站设计制作现在的网页早已不再像过去受诸多条件和技术限制了。其呈现方式颇为丰富。风格从清新到复古,插画手绘到拟真设计,无奇不有。无论是版面版式,还是设计元素,用标新立异这个词形容绝不为过。根据自己撇到的冰山一角,提一下对我感触_深的变化:
(1)注重字体设计(Payattentiontothefontdesign)
近年来很多设计师将字体设计也融入了网页设计中,并作为设计的一个重要元素提升整个网页品味。通过使用CSS3设计师可以拥有许多自定义的字体,这给网页的视觉设计也增加了一个重要的设计思路。
(2)丰富灵活的动画(Theflexibleanimation)
Html5和flash的广泛应用,让网站设计制作的交互动画变得更加生动有趣。
通过观察这些趋势如何影响现代网站设计,或许可以为网页设计师带去指引,发散出新想法。
(3)平面设计感的加强(Strengthenthesenseofgraphicdesign)
网站设计制作随着设备和技术的革新,早已突破了过去单一框架的限制,变得更加灵活。所以就页面风格更多地开始向平面设计靠近,许多页面设计得极赋海报和杂志的版式感。时尚而富有冲击力。虽然设计师和开发者都需要和市场接轨并跟上潮流的脚步,但是所谓的潮流是当下的,未来确是未知的。网站设计制作的确需要保证自己不被行业趋势甩到队尾,但更重要的是在浪潮中适应和学习。
1.全屏网页设计(FullScreenDesign),
2.响应式网页设计(Resp_iveWebDesign)
3.扁平化设计(FlatDesign)
4.视差滚动设计(ParallaxDesign)
当下流行网站建设有哪些类型
当下流行网站建设有哪些类型
目前较为流行的网站建设类型大致分为:宣传型网站、营销型网站、展示型网站、响应式网站、扁平化网站、全屏式网站、视差滚动式网站等等。
网站建设有哪些类型类型。。。这不是一个定义 这个范围太广
关键是看你的想法,你想要哪方面的
比如从大小分, 网站有大型,中型,微型
从客户端区分,网站分电脑型,移动型,客户端型,_等
从区域分,网站分本地网站,全国网站,国际网站
从性质分,网站分企业型,事业型,个人型
从格式分,网站分文字型,图文型,影音型,资源型。。。。
从内容分,网站分新闻型,娱乐型,交易型,展示型
从。。。你想从哪分?
网站建设的市场分析 当下流行建站类型有哪些流行的 很明显就是电商类型的
更细分下去(商城、知识付费系统、vip下载等)
鸭梨网站建设有哪些类型?鸭梨网站建设主要为企业提供“PC网站+手机智能网站+移动_+微信_+OA办公系统+终端智能交互机+互联网实战培训”一整套“互联网生态圈”,主要是针对企业站提供整套营销解决方案。
芜湖网站建设有哪些类型
根据使用途径,分为 电脑网站、手机网站、微网站
根据类型:企业产品网站、企业形象网站、电子商务网站、门户网站、综合网站
根据开发程序不同:模板网站、手工网站、网站改版、仿站
企业网站建设有哪些类型?企业网站建设主要的类型有展示型的、_型的、购物型的等,不同的企业要选择合适的类型。鸭梨企业网站建设有PC站、_、手机站等_,通过_的方式解决企业的互联网问题,拓宽企业的发展渠道。
企业网站建设有哪些类型方案企业网站建设主要是先定位,后设计开发,_后是维护运营。网站建设的目标是让企业通过网络发展业务拓宽渠道,因此企业网站在建设时要做好定位,确保后期的网站开发运营都围绕核心目标进行。鸭梨科技开发企业的网站,根据企业发展定位开发合适的网站类型,多__建设,提高多_的管理效率,建设企业的互联网生态圈。
网站建设有哪些制作流程网站建设是指使用标识语言(markup language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,_终以图形用户界面(GUI)的形式被用户所浏览。简单来说,网页设计的目的就是产生网站。简单的信息如文字,(GIF、JPEG、PNG)和表格,都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视_、声_等多媒体档案则需要插件程序来运行,同样地它们亦需要标示语言移植在网站内。
网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。不同领域的网页设计、网页图形设计、界面设计、创作,其中包括标准化的代码和专有软件、用户体验设计和搜索引擎优化。许多人常常会分为若干个工作小组,负责网站不同方面的设计。网页设计是设计过程的前端(客户端),通常用来描述的网站,并不是简单的一个页面,一个网站是包括很多工作的,其中包括域名注册、设计效果图、布局页面、写代码等工作。
乐山网站建设有哪些?成都好耶科技有限公司,他们专门是网站建设的做的不错,他们在乐山不少客户的
dengzhong
谷歌浏览器如何进入全屏模式
chrome浏览器是使用全球范围_广的浏览器,谷歌chrome浏览器是可以设置进入全屏模式的,此功能很少有人使用。那么谷歌浏览器如何进入全屏模式?方法很简单,接下来和大家说说一下具体操作方法。
chrome浏览器下载_新版
chrome浏览器是迄今_轻便_快的桌面浏览器,大部分的用户都选择下载_新版chrome浏览器,因为chrome浏览器可以有效拦截各种恶意网站和恶意软件,并时刻保持更新,让你的浏览器永远处在_牢不可破的状态。本文小编为大家提供谷歌chrome浏览器下载64位_新版离线安装包,下载之后即可安装到电脑上。
具体方法如下:
1、在我们的电脑上打开谷歌浏览器,可以看到正常情况下是显示标题栏,地址栏。
2、在谷歌浏览器中按F11键进入全屏模式。
3、如果想退出全屏模式,可以再次按F11键,或者鼠标右键选择退出全屏模式。
4、我们也可以在谷歌浏览器设置中进去全屏模式,点击浏览器右上方的设置图标,在缩放旁边有一个全屏的按钮。
5、点击全屏模式按钮,谷歌浏览器就进入了全屏模式。
以上分享快速进入谷歌浏览器全屏模式的详细步骤,想要退出全屏模式直接按下F11键即可。
全屏网页如何布局全屏网页如何布局
网页布局方法
众所周知,屏幕的尺寸千差万别。当考虑网页布局时,主要的考虑因素是:同时,网页布局的设计和实现要综合考虑:
虽然屏幕宽度、高度、长宽比千差万别。而网页的组织主要是基于宽度适配和高度延伸。
当然,也有一些网页需要高度自适应,比如视_网站的全屏播放。
这里主要讨论的是宽度自适应。高适应也可以类似处理,这里就不赘述了。
有三种基本布局:静态布局、丢失布局和灵活布局。
静态布局
静态布局使用像素(px)作为页面设计的单位。在不同的显示宽度下,页面元素大小都是固定的。
流式布局
流式布局将页面宽度设置为百分比。当显示区域改变时,页面布局将按比例改变。
流式布局强调适应屏幕宽度的变化。在实际应用中,往往设置为适应宽度,而高度是不变的。当页面变大时,页面布局会水平加宽。
弹性布局
灵活布局采用rem/em等相对单位,是相对单位,会随着屏幕变化而变化。
柔性布局强调在不同条件下,显示内容除大小不同外,在布局上是一致的。也就是说,柔性布局的宽度和高度会按比例放大。当页面被放大时,整个页面被放大。
假设有两个屏幕尺寸,一个是640px,一个是1080px。640px页面下有大小为64px的元素。
如果是静态布局,在640px屏幕下,元素设置为64px。1080px屏幕下,还是64px。元素的大小不变。
如果是流式布局,页面元素将被设置为640像素屏幕宽度的10%。在1080px屏幕下,10%的长度变成了1080px*10%=108px。元素的大小随着屏幕而增加。
如果是弹性布局,假设在640px的屏幕下,设置了1rem=16px,那么64px就是4rem的大小。在1080px的屏幕下,设置1rem=27px,4rem的大小就变成了4*27=108px。元素大小也随着屏幕而增加。
静态布局
静态布局无法响应页面变化,这既是优点也是缺点。
缺点是屏幕变大了会有空白色区域。当屏幕变小时,需要通过滚动条浏览页面内容。
好处是静态页面在任何情况下都可以按照页面的设计来显示,适应性的问题_少,工作量_少。
其实目前很多大型网站都是采用静态布局。正因为适应性广,所以几乎不存在什么适应性问题。任何用户在任何情况下打开一个页面都会显示相同的页面。
虽然屏幕尺寸有很多种,但在一定程度上,屏幕宽度一般都在一个范围内。在应用静态布局时,放弃适应一些市场份额较小的小屏幕显示器是合适的。
流式布局
流式布局多采用宽度适配、固定高度的方式。换句话说,页面这次被水平拉伸或收缩了。
这样做的好处是页面可以适应屏幕的宽度,充分利用屏幕面积,避免大量空白。
缺点是屏幕太宽,页面会变宽,让整个页面显得不协调。当屏幕过窄时,页面会被缩小到很小的尺寸,一些元素的显示会出现问题。
为了避免这个问题,我们实际上应该。通常,将设置_和_小装配宽度。当屏幕超过_和_小宽度时,页面将不再适合屏幕。
弹性布局
灵活布局采用宽度和高度同时放大的方法,力求不同屏幕下页面布局一致。
灵活布局兼顾了静态布局和流式布局的优点。一方面可以适应屏幕的变化,另一方面也不会造成页面横向加宽,造成比例不协调,在一定程度上保证了页面布局与原设计的一致。
然而,这也带来了新的问题。放大页面会导致一些元素被拉伸,尤其是元素,会导致失真。
因此,灵活布局往往采用与流式布局相同的方式,设置_和_小响应大小,超过它就不会继续响应。
同时针对失真的问题,可以通过上传多个尺寸的来解决。不同的屏幕尺寸对应不同的画面。但是也会带来大量的维护工作,需要权衡。
由于静态布局的特点,一般在以下情况下采用静态布局:
流式布局更适合有字体的页面。在流式布局中,虽然文本大小不会改变,但文本段落可以通过更改换行符来改变宽度。
如果屏幕尺寸变化不大,可以考虑采用灵活布局。它可以在不改变页面布局的情况下进行调整。
事实上,有些页面采用了几种不同的布局。比如采用静态布局的侧边栏,而采用流式布局的主区域。
上面也讨论过流式布局和弹性布局不适合尺寸跨度太大的屏幕。所以基本上采用有限的__小拟合尺寸,在拟合范围内,采用流式布局或者弹性布局进行拟合。如果超出适应范围,就会变成静态布局,不再响应屏幕的变化。
上面讨论的几个网页的基本布局,在一定程度上解决了页面适配的问题。但随着显示终端的发展,出现了平板电脑、移动设备等屏幕。这些设备出现增加了屏幕尺寸的跨度。但是上面讨论的几种网页布局就是不支持屏幕尺寸跨度过大的情况。
相比之下,自适应布局和响应式布局更能解决屏幕跨度过大的问题。
适应性布局
自适应布局为不同尺寸的屏幕准备多种方案,根据不同的屏幕尺寸确定一套显示方案。具体到每个方案,可以使用上述基本的网页布局进行适配。可以看作是由一系列基本布局组成的一套方案。
一般自适应布局会设计宽屏、窄屏、移动终端等几种适配方案,然后设置屏幕适配的范围。显示时会根据匹配适应范围的屏幕大小选择一组方案进行显示。
但是,自适应布局通常不会改变页面的结构。当页面缩小时,会选择缩小、替换、隐藏一些横向的页面元素,以达到适配的目的。有一些常见的治疗方法:
响应式布局
响应式布局就是设定一组方案,通过调整行和列的显示来适应它们。当屏幕较大时,每个元素显示在一行中,当屏幕较小时,它转换为以列显示。
响应式布局适应屏幕,因为它需要换行。所以在页面缩减的过程中,页面布局会发生变化。页面缩小时,一开始会以流布局或柔性布局的形式缩小页面,直到页面宽度再也装不下为止,横向显示的元素会改为纵向显示。
适应性布局
自适应布局需要一系列页面布局。因此,设计和实施需要更多的时间。
但是因为它可以针对不同的屏幕设计不同的方案,所以方案是相对独立的。它的限制较少,自由度较高。
但是,请注意,自适应不是几个完全不同的方案的组合。总的来说主要部分都是一样的。只有一些水平元素是独立设计的。
响应式布局
响应式布局只需要一个页面布局就可以完成屏幕适配,其实现工作量相对较小。然而,有必要用一套方案来适应所有的屏幕尺寸。所以设计时要考虑很多因素。
一般来说,自适应布局适合复杂页面,响应式布局适合页面结构简单的页面。
因为移动端和PC端的巨大差异,包括屏幕大小,操作方式,都不一样。另一个解决方案是分别设计每一页的页面。
这种方案的优点是每个显示终端可以根据自身情况自由设计,从而为每个显示终端专门设计一种方案。这无疑给设计师和用户体验带来了巨大的好处。
然而,这种方案带来了设计和实现的双重工作量。同时,产品投入使用后,需要两组人对其内容进行维护。
如果你有以下情况,可以考虑使用移动端和PC端分离的设计:
写在_后
没有_的计划。根据自身情况选择才是硬道理。
作为设计人员,不要忘记运营商后期的技术实现、测试、维护的工作量。同时,不要忘记项目后期迭代的难度。总之,选对_重要。
要知道,看似土的静态布局还是有大量应用的。千万不要过度设计。
电脑怎么把网页变成全屏?
1、首先我们右键桌面空白处,打开“显示设置”。
2、接着修改“分辨率”到符合你电脑屏幕的_分辨率。
3、更改完成后,打开浏览器中的“设置”。
4、然后在其中搜索“全屏”选项。
5、找到全屏快捷键后,按下该快捷键就可以网页全屏了。
网页怎么全屏显示?
网页怎么全屏显示,这个还是很简单的,下面呢就给大家简要概述下:
1、打开你的浏览器。
2、打开浏览器之后,找到右上方设置按钮。
3、点击全屏即可,也可以直接按键盘的F11。
4、快捷键需要自己设置,通常默认通用是FN+F11,同时按住“Fn+F11”组合键来开启全屏,再按一次即可退出全屏。
扩展资料
网页是构成网站的基本元素,是承载各种网站应用的_。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。网页是一个包含HTML标签的纯文本文件,它可以存放在_某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。
如何把网页设成全屏?
2、打开了之后,在浏览器右上角有三条横线的图标,点击这个图标。
3、点击了之后,这时候就会弹出一个下拉菜单,在这个菜单栏里面点击全屏。
4、点击了之后,这时候网页就调整成全屏模式了。同样如果需要退出全屏,按键盘上的F11键即可。
win7网页怎么全屏显示?
1.打开电脑之后没,在桌面空白的地方右键点击鼠标,然后选择里面的“屏幕分辨率”选项;
2.这时候就会弹出一个窗口,找到里面分辨率设置下面的下拉框,把其中的分辨率调节至_(推荐),接着就单击“确定”按键;
3.之后会弹出一个窗口,当询问是不是需要保存显示设置的时候,就直接单击“保存更改”按键就可以了。
手机网页全屏怎么设置?
打开手机浏览器,
点击进入一个网页内容,
点击屏幕中间的全屏观看,
即可进行网页全屏观看。
网站首页如何使页面全屏显示?
网页全屏显示代码系列 (1)打开全屏窗口 方法如下: 一:将下面的代码放在<HEAD>与</HEAD>之间 <script language="JavaScript"> <!-- function call(htmlurl) {_ar newwin=window.open(htmlurl,"airWin","top=0,left=0,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=796,height=546");//修改宽度和高度可控制窗口的大小 newwin.focus(); return false;}//--></script> 二:将下面的代码复制到〈BODY〉区并修改其中的链接地址和名称。 <a href=/horsewhite onclick='return call(this.href);'>全屏显示</a> (2)实现真正的全屏 这种方法需按Alt+F4才能关闭。 代码如下: <html> <head> <meta ', 'fullscreen')"> </td> </tr> </table> </body> </html> (3)效果同上 将下面的代码贴到body之间,即可实现同上的效果,关闭的方法也同上。 <INPUT onclick="window.open(document.location, 'www_helpor_net', 'fullscreen')" type=button_alue=全屏显示 name=FullScreen> <SCRIPT language=JavaScript> <!-- window.open("full_window.htm","新窗口","fullscreen=1"); window.opener=null; window.close(); //--> </SCRIPT> 详解下列收集的代码: (4)瞒天过海法-javascript 我们知道,显示器的分辩率大小决定了我们看到的程序窗口的面积大小,分辩率越大,窗口面积越大,看到的内容就越多。但并不是说显示面积越大就越好,因为分辩率的变化会带来菜单文字的变化,可能会影响软件界面的字体美观。此乃题外话,就不细说了。浏览器同样是一种程序,其窗口的大小,我们可以利用脚本语言来控制调整,这样我们就可以实施瞒天过海法来达到全屏目的,方法是在网页文件的头部,也就是 < head > 与 < /head > 标签之间加上下面这段 javascript 代码: < script > < !-- function omiga_window(){ window.open("12.htm","","fullscreen=1,menubar=0,toolbar=0,directories=0,location=0, status=0,scrollbars=0") } //-- > < /script > 代码功能是由一个网页调出另一个浏览器窗口,加上设置语句,设置新窗口的大小为全屏,然后新的网页内容就显示在此窗口里,借此实现了全屏。 不要忘记在网页文件的 < body > 标签里加上加载网页里调用函数的代码。代码设置如下: <body onload="omiga_window()" onBlur="self.close()" scroll="no"> (5)借尸还魂法 可能有些朋友见到代码就害怕。告诉你,不怕!不懂脚本代码的我们可以使用 Dreamweaver 的插件,借尸还魂!实现全屏! 首先我们到点击下载 “MFX-fullscreen.mxp”插件 到自己的硬盘里,接着打开 Dreamweaver4 菜单栏“Commands”,选择“Manage Extensi_”命令,打开插件管理工具“Macromedia Extension Manager”,按“Ctrl + i”快捷键把插件安装好。 接下来的事情就相当轻松了,重新启动一次 Dreamweaver4 ,按“Shift + F3”打开行为面板,再按快捷键“Ctrl + Tab”进入源代码窗口,点击行为面板的加号按钮,在弹出的菜单中选择“MFX”里的“MFX-fullscreen”命令马上可以看到 < head > 和 < /head > 是加入了全屏的代码,同时 < body > 里也加入了“onLoad”加载函数。按 F12 就可以看到全屏的效果。注意,没有进入源代码窗口该命令呈灰色,是不可选的。 没有插件的朋友可以复制以下代码到网页文件: <script language="JavaScript"> <!-- function MachakFull(Ie,other){ //Copyright ?1999 m.milicevic machakjoe@netscape.net jjooee@tip.nl x=screen.availWidth; y=screen.availHeight; target=parseFloat(navigator._Version.substring(navigator._Version.indexOf('.')-1,navigator._Version.length)); if((navigator._Version.indexOf("Mac")!=-1) &&(navigator.userAgent.indexOf("MSIE")!=-1) &&(parseInt(navigator._Version)==4)) window.open(other,"sub",'scrollbars=yes'); if (target >=4){ if (navigator._Name=="Netscape"){_ar MachakFull=window.open(other,"MachakFull",'scrollbars=yes','width='+x+',height='+y+',top=0,left=0'); MachakFull.moveTo(0,0); MachakFull.resizeTo(x,y);} if (navigator._Name=="Microsoft Internet Explorer") window.open(Ie,"MachakFull","fullscreen=yes"); } else window.open(other,"sub",'scrollbars=yes'); } //--> </script> </head> 当然,<body> 里也加入了“onLoad”加载函数,代码如下: <body bgcolor="#FFFFFF" text="#000000" onLoad="MachakFull('full_window.htm','')" > 看了前面的两种方法,分析源代码,我们注意到,都必须先打开一个原来的窗口,我们称之为A,然后再调出一个新的浏览器窗口,我们称之为B。当 B 窗口打开时,就实现全屏了,并且位于_前面。但前面的两种方法都没有把原来的窗口 A 窗口关闭。我们可以在 < body > 里加入关闭的代码“onBlur="self.close"”或者“onBlur="javascript:window.closer()"”。可是,此两种关闭都会弹出一个关闭的提示框。无疑它影响了整个网页的显示效果!有办法解决么?当然有!请看下面的返璞归真法 (6)返璞归真法 此法是__的一种全屏方式,实现代码与相应简单,一个完整的全屏网页代码如下: <html> <head > <title>123</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" > <script > <!-- function omiga_window(){ window.open("full_window.htm","","fullscreen,scrollbars") } //--> </script> </head> <body onload="omiga_window()" onblur="focus();closes.Click();" scroll="no"> <object id=closes type="_lication/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <param name="Command"_alue="Close" > </object> 全屏! </body> </html> 实现全屏的代码跟之前的两种方法相类似,差别就在于可以自动关闭原来的A窗口,并且不出现提示。不出现提示的奥妙在于 < body > 标签里的: onblur="focus();closes.Click();" 以及< body >和< /body >之间的: <object id=closes type="_lication/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <param name="Command"_alue="Close"> </object> 要实现返璞归真_全屏方式,不要漏了上面两段代码哟!
好了,今天关于“全屏式网站”的探讨就到这里了。希望大家能够对“全屏式网站”有更深入的认识,并且从我的回答中得到一些帮助。