导航:首页 > 万维百科 > 网页设计的创建层

网页设计的创建层

发布时间:2020-08-30 19:20:12

1、在dreamweaver8中创建层的方法有哪几种

现在网络上一般都流行 用层+div 的方法来做网页.
用层可以更好的定位.布局.

层的概念:
层是一种HTML页面元素,是指具有绝对或者相对位置的DIV标签.

通过 Dreamweaver,您可以使用层来设计页面的布局。您可以将层前后放置,隐藏某些层而显示其他层,以及在屏幕上移动层。您可以在一个层中放置背景图像,然后在该层的前面放置第二个层,它包含带有透明背景的文本。

利用层可以非常灵活地放置内容。但是,使用旧版本的 Web 浏览器的站点访问者查看层时可能会遇到麻烦。若要确保所有人都能够查看您的 Web 页,可以使用层设计页面布局,然后将层转换为表。有关更多信息,请参见将层转换为表格。但是,如果您所面对的访问者很可能使用某种最新的浏览器,则可以完全用层来设计布局,而无需将层转换为表格

DIV的意思是区块标签。
如果已经给 div 标签分配了绝对位置(也就是规定了这个DIV标签的样式),它就可充当一个 Dreamweaver 层。

2、在编写html页面时,如何在图片上建个图层

<div style="position:relative;/*这个是相对路径*/"><div style="position:absolute;/*这个是绝对路径这样你的*/">这个是新建图层,这个图片最右和最顶部不设置Left和Top的情况下,会和放图片的位置保存左上角对齐的</div><img src="你的图片路径" /></div>

上面的代码可以直接放到页面里Body区域里。就可以看到效果了。建议要把两个DIV定义上宽和高。希望我的回答能给你帮助。

3、在网页设计中,默认情况下按下什么键可以建立一个嵌套层

因为层是绝对定位的,所以,大概嵌套了也没什么意义吧。
是不是要表达的不是这个意思呀。还是说要问题别的什么。
能再说清楚些吗?比如说举个例子,或是说明你要实现的效果!

4、网页设计中创建模板的方法

用DREAMWAVER的菜单里有一个模板项,能创建,过程不说了。
操作可以摸索一下,跟word差不多。

5、网页设计中如何做层的定位

相对外边的层固定不要指定position:absolute就行了
然后再用JS来对应对像的Z-INDEX,LEFT,HEIGHT来定位

6、网页设计里table表格里怎么定义层的位置

table用什么层啊。直接用TABLE套就行了啊。或是用DIV那就要懂CSS了

7、创建网页的步骤

1)首先你要注册一个域名(例如:www.***.com),现在也有免费的二级域名可以申请,到百度搜索一下:免费的二级域名申请,可以找到. (2)你得去申请一个空间(就是你放网页的地方),同样有免费申请的(有WEB和FTP两种上传方式),但是一般免费空间都会在你申请的空间里放他们的广告的,挺烦人的.空间分为:静态空间和动态空间,静态的是只支持html格式的网页,动态的几乎所有的文件格式都可以支持.但是静态的比较不容易受到黑客的攻击,就是编辑时麻烦点. (3)申请完空间就会获得相应的IP地址一个,把域名解析到这个IP上,再把空间跟域名绑定一下(两边都要绑定哦,要不就打不开你的网站了. (4)下载一个网页编辑器编写自己的网页内容(例如:Frongpage.DW2004等) (5)编辑完自己的网页,接下来就是要把他放到自己的空间里了,那么就得找一个上传工具(例如:LEAPFTP等)上传到空间里就OK了(注意:首页的文件名必须为:index.htm或者index.asp等,具体请根据你所使用的语言). (6)告诉朋友你的网址,一起分享网络带来的快乐吧. BB这是需要掌握的技术步骤 第一讲 创建网站步骤 ①在D:盘新建一个文件夹(比如:Myweb) ②单击“开始”→“程序”→“Microsoft FrontPage ” ③单击“文件”→“打开站点”,选择查找范围(比如: Myweb) ④在屏幕窗口右边输入文本或插入图片,然后单击“文件”→“保存”,保存时文件名为index.htm(提示:主页文件名约定为Index.htm) ⑤新建其他网页,请单击“文件”→“新建”→“空白网页”或直接单击工具栏上新建按钮。 注意,除主页以外的其它网页文件名可以自定义,但尽量用英文。 如果已经退出FrontPage,请重复第②~③步,然后双击文件夹列表中的相应文件名可以继续编辑修改。 创建为网站的文件夹 普通文件夹 当前位置 主页>>网页设计与制作>>FrontPage 第二讲 网页的基本编辑  设置文本格式:在网页视图模式下,使用鼠标左键拖动选择要设置其格式的文本,单击鼠标右键,在所弹出的快捷菜单中选择“字体”命令项,或单击“格式”→“字体”。 插入图片:将光标置于网页编辑区中要插入图片处,单击“插入”→“图片”。  插入水平线:将光标置于网页编辑区中要插入水平线处,单击“插入”→“水平线”。若需要修改水平线颜色或宽度,请双击网页上的水平线  插入滚动字幕:将光标置于网页编辑区中要插入字幕处,单击“插入”→“组件”→“字幕”。然后,输入要滚动出现的文本内容(提示:字幕效果必须经过预览才能实现)  这里是滚动字幕演示 网页背景:在网页视图模式下,在网页编辑区中单击鼠标右键,选择快捷菜单中的网页属性命令。出现对话框后,选择背景。 当前位置 主页>>网页设计与制作>>FrontPage 第三讲 表格操作  创建表格:将光标置于网页编辑区中要插入表格处,单击“表格”→“插入”→“表格”。  设置表格属性:选中表格后,单击“表格”→“属性”→“表格”。  设置单元格属性:选中单元格后,单击“表格”→“属性”→“单元格”。  插入新的单元格:将光标置于单元格中,选菜单栏中的“表格”→“插入”→“单元格”  拆分单元格:选择要拆分的单元格,选菜单栏中的“表格”→“拆分单元格”  合并单元格:选择要合并的一列、一行或一组相邻的单元格,选菜单栏中的“表格”→“合并单元格” 当前位置 主页>>网页设计与制作>>FrontPage 第四讲 创建超级链接  创建指向站点内的网页或文件的超级链接:在网页视图模式下,键入或选中要用作超级链接的文本,选择菜单栏中的“插入”→“超链接”。  创建指向一个书签的超级链接:在网页视图模式下,首先在网页内指定的位置插入一个书签,方法是选择菜单栏中的“插入”→“书签”。然后,键入或选中要用作超级链接的文本,选择菜单栏中的插入→超链接。出现创建超链接对话框,在书签框上,选择要将其作为目标的书签。  使用导航栏:创建导航结构等同于创建超级链接,基本思路是首先创建导航结构,然后在需要的位置插入导航栏,如此同样实现网页之间的链接。具体步骤如下: 第一步,在导航视图模式下,选中文件夹列表里的网页,拖曳导向要起放置的位置,若重命名网页标题,可单击鼠标右键,选重命名; 第二步,在网页视图模式下,将光标置于网页中需要插入导航栏的地方,单击菜单栏“插入”→“导航栏”。 使用共享边框:共享边框内,包含了想要显示在共享边框的每一个网页上的项目。在网页视图模式下,选择菜单栏中的“格式”→“共享边框” 使用主题:选择菜单栏中的“格式”→“主题” CC这是网页运做的步骤 一、复杂方法 在手工制作个人网站的时代,我们可以总结出的网站制作步骤基本为:设计、切割、代码生成、发布。而在此之前,应该规划出网站的结构,包括页面数、栏目设置等。 1.设计 进行页面总体规划,包括风格、布局等。网站制作要有整体风格,各部分要保持协调,整个页面看起来才不显得凌乱。然后用平面设计软件制作整个页面,常用的软件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面设计的大拿,笔者也一直用它做页面设计,它从6.0版开始特别增强了对网页制作的支持,显得非常方便。现在流行的Fireworks是Macromedia网页制作三剑客的重剑手,由于它与Dreamweaver及Flash无缝集成,越来越受到网站制作人的欢迎。 2.切割 做完第1步,我们得到的只是一个图片文件,还没集成网页上应该有的元素。接下来要将图片按制作需求切割成小图。切割功能前面提到的两个设计软件中已经集成了(如Photoshop中提供的切片工具),不需要专门的软件来处理。 3.代码生成 这是整个制作过程中最重要的一环。我们要用HTML语言将切割下来的组件按整体设计“拼装”回去。众所周知,HTML语言是一种标记型语言,不须要编译就可以直接在浏览器中执行。所以理论上,我们可以用记事本等文本编辑工具来写代码。手写代码虽然被看作是一种很“酷”的行为,但是很耗时间,而且很难精确地控制格式。这时,便该专门的HTML编辑软件出场了。 HTML编辑软件大体上可分为两类:一类是代码型,典型代表为Homesite、Hotdog等;一类是所见即所得型,典型代表为Frontpage。也有两者兼具的,就是大名鼎鼎的Macromedia Dreamweaver。代码型实际上就是一个文本编辑器,不同的是,它可以有专门的代码提示功能,用起来比较方便。所见即所得是目前大家最推崇的方式,因为可视化的编辑基本丢弃了代码,方便快捷。 说到Dreamweaver,笔者就不多介绍了,我相信大部分的网站制作人都使用它在工作。Dreamweaver提供了代码编写模式和设计模式(即所见即所得),并且首次将“层”概念引入网页制作。Dreamweaver几乎可以满足所有人的需求,甚至还提供了ASP、PHP等脚本语言的代码提示。 4.发布 将制作好的页面放到服务器上,以便更多的人能浏览。发布通常采用FTP的方式,将文件上传到服务器。目前的网页制作工具基本上都有发布工具,可以通过各种方式发布你的页面,如Dreamweaver中的“站点管理器”。用户亦可使用FTP客户端软件进行这步操作。

8、网页设计中层有哪些作用?

图层是网页的一个区域,在一个网页中可以有多个图层存在,它最大的魅力在于各个图层可以重叠,并且可以决定每个图层是否可见,同时也能够自定义各图层之间的层次关系。在熟练掌握了图层技术之后,就可以给网页提供强大的页面控制能力。

为了说明图层的功能,我们先来制作简单的实例:

1、实现特效

在Dreamweaver MX 2004中新建一个页面,运行“Insert→Layer Objects→Layer”命令,此时编辑窗口中会出现一个黑色矩形框,这就是插入的图层。当鼠标移动到矩形的框线上时,鼠标会变成十字箭头形状,此时点击鼠标则框线周围出现8个黑色实心方块,左上角还有一个空心方块,表示这个图层被选中了。

提示:用鼠标拖拽实心方块可以改变图层大小,拖拽左上角的空心方块可以改变图层的位置。

第二步 在图层中点击一下鼠标,并且在其中输入“中国电脑教育报”,然后在属性面板窗口中将文字设置为蓝色。

第三步 单击图层边框选中图层,接着运行“Edit→Copy”命令复制当前图层,然后在编辑窗口其它空白处点击一下鼠标,并且运行“Edit→Paste”命令,这样在编辑窗口中就又出现了一个图层,不过目前它们重叠在一起,需要移动图层之后才能看见这两个图层。

第四步 把其中一个图层的文字颜色更改为黑色,并且移动图层位置,使得两个图层的位置相差几个像素,这样就产生了阴影效果。

2、嵌套图层

所谓嵌套图层指的是一个图层创建在另外一个图层中,比如图3所示的就是一个典型的嵌套图层(如图3)。实际上制作这种嵌套图层很简单,只要创建了一个父图层之后用鼠标点击图层内部,并且再次插入一个图层即可。不过嵌套的图层并不意味着子图层必须要在父图层内部,它们之间存在着继承关系。

继承的作用是可以使子图层的可见性和父图层保持一致,由于很多动态网页的特效是通过控制图层的可见性来实现的,因此当父图层可见性改变时,子图层的可见性也随之改变。而且继承关系也可以让子图层和父图层的相对位置不变,比如我们拖拽父图层移动,此时子图层也会跟随着移动,这在制作动态网页的时候将显得非常有用。

3、图层的“Z-顺序”

和表格相比,图层最大的优势在于图层可以重叠,为了表示各个图层哪个在上面,哪个在下面,就要给每个图层设定一个序号,这个序号就是“Z-顺序”,它的意思就是除了屏幕的X和Y坐标之外,人为增加一个垂直于屏幕的Z轴。

4、使用图层建立表格

虽然使用图层来定位网页元素比使用表格方便得多,但是只有IE 4.0以上版本的浏览器才支持图层功能,因此为了让使用旧版本浏览器的朋友也可以看到你辛苦制作出来的作品,最好的方法就是把图层转换为表格。

如果想把自己的网页制作的绚丽多彩,就必须掌握图层技术,否则日后制作动态网页时候将会遇到不少困难,因此建议大家通过上文的介绍深入研究一下,才能够真正掌握图层技术。

9、网页设计分块中怎样新建一层?

说详细点。。新建DIV 直接<div class="div"></div>

与网页设计的创建层相关的知识