如何制作框架网页

作者&投稿:剑看 (若有异议请与网页底部的电邮联系)
~

小编以前也不会框架网页的,但是前段时间小编需要考试。遇到了有关框架网页的问题,也就去学习了。接下来小编就用接下来的实例来教大家如何制作框架网页。希望能够帮助到你们。

我们今天就以下面的例题来学习一下。

请建立一个目录框架网页,并按照要求将此文件保存名为page2.html。

要求:在目录框架网页建立一个4行1列的表格(高300像素、宽100像素),表格居中,边框为黄色、背景为绿色;表格中的文字为华文楷体、14磅、加粗、黑色;单元格内容水平方向居右对齐,垂直方向相对底边对齐;在主框架网页中新建网页并插入素材包内的图片8139.jpg;设置"美食介绍"与素材包内sc7.htm文件的链接,设置"相关新闻"与网站.cn链接,设置"相关图片"与素材包内bg7.jpg文件的链接,设置"网络高手"与邮箱someone@microsoft.com链接

第一步:新建网页

首先我们打开软件,选择菜单栏下“修改”——“框架集”——“拆分为左右框架”。进行三个网页的保存。

1.整个框架网页。

选中框架最中间的竖线,当我们看到代码栏中有“<framesetcols="597,598">”代表我们选取成功。

2.框架网页的左侧

选中左侧空白区域即可

3.是框架网页的右侧。

选中右侧空白区域即可

如图:

第二步:制作左边的框架网页

首先插入表格并设置基本属性

1.选择主菜单下的“插入”——“表格”如图。

2.接着设置表格的属性

(4行1列的表格“高300像素、宽100像素”,表格边框为黄色、背景为绿色。)其中的高,边框颜色都是使用代码输入的。如图:

3.至于背景和居中我们可以到属性面板的页面布局进行设计就可以了。如图:

第三步:设置css样式

1.首先打开css面板,选择该面板的下面的“+”号,出现下图所示的效果。

2.设置样式。选择“id”类型,取名为“stlye1”,保存了“仅存为该文档”。如图:

3.设置样式属性。“华文楷体、14磅、加粗、黑色”。如图:

第四步:使用css样式

1.在表格中书写相应的文字。如图:

2.使用样式。选中所有的文字,然后来到属性面板。选择“类”——“stlye1”,我们就设置好css样式了。如图:

第五步:设置文字的位置。

选中文字,来到属性面板,设置“水平”,“垂直”的属性。如图:

第六步:设置文字链接。

选中“美食介绍”,来到属性面板,选择“链接”,将我们要链接的地址输入进去就可以了。接下来依次选中其他文字就可以了。效果如下:

(注意:我们先前选中的网页文件,图片文件是可以直接填写的。而网址我们要在前面加上“http://”,邮箱地址要加上"mailto:")

第七步:设置右侧网页

选中右侧网页,选择“插入”——“图片”,选择我们想要插入的图片我们就完成了。如图:

此时我们就可以打开htm文件,在浏览器中浏览效果了,如图:




如何制作一个左右框架的网页
回答:若要制作一个站点,这个站点是左右的框架结构,左侧框架显示导航页面,右侧框架显示主内容,需要做的是将这两个页面合成一个左右框架结构的页面。 步骤一:使用前面介绍的方法,首先将一个新建的空白页面分割成左右结构的框架。 步骤二:选中“框架”面板中的左框架,单击属性面板中“源文件”文本框...

dw怎么设计网页dw怎么做网站
DW制作网页的基本步骤 01在线下载dw的软件,点击打开软件。02单击文件,查找新文件,然后开始下一步。03创建一个html,然后确定文档类型,然后单击确定。0405填写好要写的代码内容后,点击保存,点击F12,预览效果,简单的网页内容就写好了。dw制作简单框架网页全过程?第一首先在DW软件中创建一个HTML文件...

编写一个框架网页
你描述的功能感觉用HTML就可以实现,不需要VBSCRIPT。主界面通过frameset分为三个框架,分别命名为title,index和content,title指向网站标题网页(如title.html),index指向目录网页(如index.html), content指向初始的html文件(如default.html),主界面编码如下: 左侧的index.html通过实现目录...

htmlDW怎么制作网页用DW制作html简单网页制作
怎么用dreamweaver制作简单网页?如果想做这行建议先学好html和css语法,dreamweave只是加快开发速度而已。如果只是想做网站,用dw只能做静态没有任何意义,现在网站都是动态,有后台的,建议直接下载pageadmin这些网站管理系统来用。dw制作简单框架网页全过程?第一首先在DW软件中创建一个HTML文件。然后点击工具...

网页设计模板-如何制作网页模板
网页设计模版是什么?应该怎么设计_网页设计与制作模板 网页模板就是已经做好的网页框架,使用网页编辑软件输入自己需要的内容,再发布到自己的网站。每个网页模板压缩包内包含:PSD图片文件(可用Photoshop、ImageReady或Fireworks修改),按钮图片PSD文件、Flash源文件和字体文件,推荐使用Dreamweaver软件向网页模板添加...

如何做一个简单的网页简单网页设计
但是,Netscape编辑器对复杂的网页设计就显得功能有限了,它连表单创建、多框架创建都不支持。Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的,Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话,能够使用Notepad或UltraEdit等文本编辑器来编写少量的HTML语句,也可以...

如何创建网页?
如何创建网页?如何创建网页?制作一个完整的网页有什么步骤吗? 首先,定义网页的主题。 网页的影响力是整个企业,所以在网页建设之前一定要确定网页建设的主题。例如,需要制作的网页是用于宣传企业形象、推广企业产品或面向服务的网页。不同的需求对应不同的网页主题和不同的网页功能。如果不想漫无目的的建网站,又想保证...

要怎么用dreamweaver制作嵌套式层次结构框架网页
利用dreamweaver的框架式页面布局工具可以制作。在新建网页时可以选择“新建文档”对话框中的“框架集”列表中的一种布局,比如“上方固定,左侧嵌套”,就建立了一个框架。嵌套式框架代码,例子。 提示: iframe 的参数中 width 表示宽度, height 表示高度, name 表示名称, frameborder 表示边框, src ...

网页制作中框架是什么意思?
框架可以把浏览器窗口分成几个独立的部分,每部分显示单独的页面,页面的内容是互相联系的。框架网页,顶端框架显示网页标题,下面左右两个框架,左边显示导航栏,右边显示链接目标网页。单击左边框架导航栏中的超级链接,在右边框架里显示超级链接的对象。内容非常多的网页不宜采用框架式结构,所以大网站中几乎...

网页设计的框架结构怎么操作
另外,对于一些内容较少的网站,利用框架结构也使得网页布局看起来更加丰富。 但从网络营销需要的角度而言,尤其是出于搜索引擎优化方面的考虑,最好不要使用框架结构(帧结构)的网页设计,或者要进行特别处理,以便适应搜索引擎的检索规则。框架结构(帧结构)的主要问题在于不能为每个网页都设置一个标题(...

太湖县18542082597: 怎样创建创建框架网页?
望魏养胃: 选择【查看】→【可视化助理】→【框架边框】命令将框架的边框显示出来. 按住【Alt】键,将上方的边框向下拖动到页面底部位置后释放鼠标,完成框架的拆分. 使用相同的方法,再拖动上边框两次,完成框架的创建. 选择【文件】→【保存全部】命令将框架及框架集进行保存即可. 完成各框架页面的制作. 打开gtly1.html框架集网页,将其另存为gtly2.html. 首先设置框架集的属性,设置边框为无,边框宽度为0,各框架的高度分别为86、202、18、110. 再设置各框架的属性,设置边框为不显示,不能调整大小

太湖县18542082597: 怎样制作框架网页? -
望魏养胃: 本人建议用dreamweaver做,下面是操作步骤: 下面我们从实例操作中逐步了解框架的建立方法吧. 打开编辑版面,先在上行工具栏中选择“框架”标签,下面出现很多结构图标,如下图所示:从图标的形状上就很容易看出结构形式,从左...

太湖县18542082597: 如何制作一个左右框架的网页 -
望魏养胃: 若要制作一个站点,这个站点是左右的框架结构,左侧框架显示导航页面,右侧框架显示主内容,需要做的是将这两个页面合成一个左右框架结构的页面.步骤一:使用前面介绍的方法,首先将一个新建的空白页面分割成左右结构的框架.步骤...

太湖县18542082597: 怎么可以最简单的使用div+css制作网页框架 -
望魏养胃: 当你对一个东西感兴趣的时候你会学习的很快;就好比读书的时候某些学生某一科的成绩一直很好,新手还是不要取巧,写divcss代码的时候不要怕出错,不要怕难,碰到了问题就去寻找解决的方法,针对问题然后去解决问题是最好的解决方式...

太湖县18542082597: 网页框架制作求详细步骤.最好能教我的 -
望魏养胃: 框架网页制作 左边页框超连结的操作在左边页框按下连结后,将网页内容在右边框架开启. 在网页制作基本练习(2)中,曾经练习储存一个档案:段落练习:2.htm,以这个档案来做连结的练习. 使用滑鼠左键拖曳将 段落练习 文字反白后,在其反白处按下...

太湖县18542082597: 编写一个框架网页 -
望魏养胃: 你描述的功能感觉用HTML就可以实现,不需要VBSCRIPT.主界面通过frameset分为三个框架,分别命名为title,index和content,title指向网站标题网页(如title.html),index指向目录网页(如index.html), content指向初始的html文件(如default....

太湖县18542082597: 网页的框架怎么设计
望魏养胃: 先构思style,然后规划TABLE , 最后导航-主题-内容

太湖县18542082597: 如何用dreamweaver制作网页框架 -
望魏养胃: 步骤如下: 在开始菜单打开dreamweaver,打开之后,选择html,就进入网页的编辑窗口; 进入框架编辑,切换过来工作区为“经典”; 击框架右下角的黑色三角形,就出现许多种框架格式,选择“顶部和嵌套的左侧架”,当然你可以根据实际需要选择,这种...

太湖县18542082597: 网页框架制作
望魏养胃: 主页 <div> 导航部分:<br /> <a href="content1.htm" target="cc">内容1</a> <a href="content2.htm" target="cc">内容2</a> </div> <iframe name="cc" src="content1.htm" frameborder="0"></iframe> 这个iframe就是框架,位置和样式就要你自己调整,frameborder是框架的边框. 框架最关键的就是target和name两属性了,超链接中的target是放要在哪打开的框架的name. 上面就是例子

太湖县18542082597: 框架式网页咋做呀?就是只在局部切换页面的~~ -
望魏养胃: 给你一段典型的 上 左 右 框架 代码<html><head><title>日韩酷站 框架</title></head><frameset border=0 framespacing=0 rows=70,* frameborder=no cols=*><frame name=head src="top.htm" noresize scrolling=no><frameset border=0 ...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网