网页设计框架怎么做

网页设计框架怎么做,第1张

网页设计框架做法如下:学习网页设计框架推荐咨询【达内教育】。

1、第一步:新建网页

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

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

首先插入表格设置基本属性:选择主菜单下的“插入”——“表格”。接着设置表格的属性:(4行1列的表格“高300像素、宽100像素”,表格边框为黄色、背景为绿色。)其中的高,边框颜色都是使用代码输入。

3、第三步:设置css样式

首先打开css面板,选择该面板的下面的“+”号,出现下图所示的效果。设置样式。选择“id”类型,取名为“stlye1”,保存了“仅存为该文档”。设置样式属性。“华文楷体、14磅、加粗、黑色”。

4、第四步:使用css样式

在表格中书写相应的文字。选中所有的文字,然后来到属性面板。选择“类”——“stlye1”,;就设置好css样式。

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

选中文字,来到属性面板,设置“水平”,“垂直”的属性等。感兴趣的话点击此处,免费学习一下

想了解更多有关框架的相关信息,推荐咨询【达内教育】。达内与阿里、Adobe、红帽、ORACLE、微软、美国计算机行业协会(CompTIA)、百度等国际知名厂商建立了项目合作关系。共同制定行业培训标准,为达内学员提供高端技术、所学课程受国际厂商认可,让达内学员更具国际化就业竞争力。达内IT培训机构,试听名额限时抢购。

<frameset cols="25%,50%,*" rows="50%,*" border="5">

<frame src="the_first.html">

<frame src="the_second.html">

......

</frameset>

1.纵向分割窗口

<html>

<head>

<title>rows纵向分割为3个窗口</title>

</head>

<frameset bordercolor="red" rows="25%,50%,*" border="5">

<frame src="subframe/the_first.html" name="top"/>

<frame src="subframe/the_second.html" name="middle"/>

<frame src="subframe/the_thdrd.html" name="bottom"/>

</frameset >

<html>

2.横向分割窗口

<html>

<head>

<title>cols进行纵向分割</title>

</head>

<frameset bordercolor="#FF0000" cols="200,*,200" border="5">

<frame name="leftFrame" src="subframe/the_first.html" />

<frame name="mainFrame" src="subframe/the_second.html" />

<frame name="rightFrame" src="subframe/the_third.html" />

</frameset >

3.横向和纵向同时分割窗口

<html>

<head>

<title>创建多框架页面</title>

</head>

<frameset rows="20%,*" frameborder="0">

<frame src="subframe/top.html" name="topFrame"

scrolling="no" noresize="topframe"/>

<frameset cols="20%,*">

<frame src="subframe/left.html" name="leftframe"

scrolling="no" noresize"noresize">

<frame src="subframe/right.html" name="rightframe">

</frameset >

</frameset >

<html>

第一种做法:在“导1.html”中点击“导2-1.html”的时候target="second"

不过这种方法要求导1.html的样子和导2.html一样

第二种:在“导1.html”中点击“导2-1.html”的时候先跳到导2.html,记得多传个参数,在导2.html做判断,比如传了个tiaozhuandao2=1的参数 在导2.html判断

取参数的步奏就不写了

var tiaozhuandao2 = 1//这是取参数

if(tiaozhuandao2=1)

document.getElementsByName("second")[0].src="导2-1.html"

就可以了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11789887.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存