精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网页软件>Dreamweaver教程>正文

孤风和你一起学Dreamweaver MX 2004


来源: 时间:07-02-24 点击: 点击这里收藏本文
昨天我们讲解了站点的含义和怎么样去建立一个站点,大家都为自己的小站准备好了吗?

今天我们来学习制作一个简单又不象第一天那样简单的网页,在今天的教程里面我们将学习到表格的应用

一个复杂的网页通常要使用N多的表格,这样来切割整个网页,初学者很容易因为表格放得过多了而导致整个页面的混乱,表格不能少用,但过多了也不可以,过多就会乱,我学习的时候一个老师告诉我````多用表格`````我学习之后`````改了一个字`````妙用表格!

另外你要找些小图片,你可以先到一些网站上找好看的小图片,注意```一般的背景图片都很小的哦!!宽度在1-5之间```注意收集哦!!存放才我们建的IMG那个文件夹里面。

好了````让我们开始吧!!
首先我们规划一下我们这个网页要怎么做,分哪几个部分,画出张草图出来,我画了一张:

大表格套小表格,现在我们来分析一下这个要大抵用几个表格。

我把它看作三行,第一行是顶部的LOGO、广告、联系我们和导航,第二行是中间的东西。第三行是版权信息和友情链接,好了,大体已经分出来了,我们开始做吧!

按图中的操作,就是在菜单栏上点插入-->表格

可以看到,有快捷键ctrl+alt+t 这个组合键也不太好用,但由于我孤风的指甲比较长的缘故````还是习惯了````

==================

按照图中的设置,插入一个表格,不要在这里设置表格,因为要插入很多的表格,而这里是默认的```除非你以后每次都要设置,很麻烦的,第一天的教程我就说过,下面的属性那一栏很有用的,过会你就知道了。

这是插入了一个表格后的界面。

这个表格并不符合我们的要求,我们要进一不的设置

由于考虑到用户使用的电脑的分辨率不一样,所以,一般网站的宽度都设置在760-800之间,这样800*600的用户刚好能看到全部网页,而1024*768的拥护看网页也是比较舒服的,我一般制作网页的时候习惯把网页的宽度设置在768,因为这样和1027*768中间有一个数字相同,我比较习惯,大家不必和我设置的一样,在760-800之间选择一个数值,你认为最好看就可以了。我做的菏泽汽车网就是按照768的宽度来设置的。

好了,下面大家按照DMX下面的属性那一栏进行表格设置。按照我图上的设置就可以了,再说一次,点小图看大图。

好了,刚刚我们插入了一个宽为768的1行的表格,刚才我们说了,我把网页分为了三行,那么,我是不是要把这个表格分为三行呢?可以这样做,也没什么事,但是我的习惯是仅仅用这个表格控制大小,我在这个表格里面插入一个三行的表格。我不知道我这种做法科学不科学,这仅仅是我个人的习惯。大家以后做网页的时候可以按照自己的想法来做,不一定要遵循我的习惯。好了,按照刚才的方法插入一个一行的表格。(不是说三行吗?不,我过会在属性里面设置,那个面板就让它保持默认吧!这个也是我的习惯,大家如果认为这个习惯不好就不要这样,如果认为好就这样,这需要大家较多的练习感觉出来````)

把鼠标放在插入的第一个表格里面,然后按照刚才的方法插入表格。(在哪个单元格里插入表格就把鼠标放到哪里。)然后在属性里设置为行数为3,见图

好了这下一个三行的表格就出来了,由于宽度是默认的100%,所以,它和先前的表格是紧密帖和在一起的,好了一个大体的框甲已经出来了,那么,我们要开始做细部的工作了。先做第一行。

第一行我们刚才的定义是LOGO那一行还有导航那一行。就是要分两行。而这其中的第一行要分为三列。这个大家一定要弄清楚,表格里面套表格,不能搞混了,头脑一定要清晰,要了,我们在第一行先插入一个两行的表格。这个我就不做图了,按照刚才的方法插入和设置就可以了。

然后把第一行设置为三列。方法是这样,先把鼠标放到第一行,然后点属性里的这个图标

然后在弹出的选项框里做图中的设置,大家可以看到这里也可以设置行数,就是把这一个单元格拆分为几行的,大家可以试一下。上一帖中的那个图标前面的那个图标是合并单元格用的,所以呢,如果你拆分错了可以用那个图标修改过来,灵活运用,这两个图标你以后用着多呢!!
然后用鼠标拖动第一行里的那三个列的分隔线到合适位置,大家可以自己操作一下,感觉一下,其实高度也是可以用鼠标拖的,大家以后在熟练的操作之后就可以用鼠标拖动。

至此为止,第一行的框架就完全拉出来了。下面我们就要拉第二个大行的框架了。

分析一下第二行的结构,也是拆分成两个大行,然后在里面插入小的表格、分列啊什么的,大家自己操作,我就不发图了。我想大家应该都能操作了,因为第一行里面的具体操作已经掌握了一些分割的方法了。看图,这是我做的效果

最后大家再把第三行做一下,整个网页的框架就拉出来了。

今天的学习内容比较多,大家要认真学习。可能你一次不能成功,那就要多练习几次。

可能你在单元格里插入表格的时候会出现单元格一下子变得很宽,这是由于单元格没有设置宽度的缘故,在哪里设置宽度,大家自己找,我相信大家的能力。学习软件就是这样,师傅领进门,修行在个人,如果你光看教程或者书本只类的,而不去练习,不去制作,那么,你将永远学不会,学习软件有时候是一见枯燥乏味的事情,但大家如果真的想把一个软件学会了,那就要努力去学习,我制作教程的时候尽量把教程做的简单容易懂一些,让大家更轻松的去学习。

好了。框架已经做出来了,明天我们继续!!
9 7 3 1 2 3 4 5 4 8 :

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.