精彩专题推荐:
建站之入门课
建站之必修课
建站之关键课
网站价值所在
流量提高专题
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
:
把此文章收藏到:
相关教程
·
在DreamWeaver中编写CSS的一些
·
新手入门篇:J2ME开发环境的安
·
入门:学习网页Web标准的五个步
·
简单描述Adobe Dreamweaver CS
·
用DW制作网页时关于文字自动换
·
玩转 Dreamweaver8.0:速记 CSS
·
jsp入门:初学者对Spring框架的
·
建站入门:明星FANS网站搭建全
·
用Dreamweaver8制作网页中常用
·
通过Dreamweaver设计网页时组织
·
入门:用Dreamweaver简单描述制
·
学习Dreamweaver8了解掌握CSS层
·
绝对简单易学的PHP入门教程
·
用Dreamweaver MX 2004制作ASP
·
入门:AJAX应用需要组件技术作支
广而告之
文章搜索
Google
JZxue.Com
最新文章
网站推广—网站建设的关键课
吸引访客,做内容有价值的网
关于Photoshop直方图的详细
网站策划,B2B网站策划者应
Web标准网站开发人员配备
便宜/廉价的网站推广方式
写给做BBS的新站长
行为经济学在网站运营中的
漫谈网站改版的必要性
网站策划需要具备的知识
外贸网站建设全攻略
CSS让网页更容易设计与维护
和马云学习如何做网站推广
推荐导读
优秀个人网站打造全过程
如何策划网站?
wap建站入门教程
以这种方式做网站肯定会失败
Photoshop用另类方法打造水彩效果
FireWorks教程:DIY树叶笔触画一棵树
用Photoshop制作非主流风格MM秀亮的脸蛋
网站制作过程中把握的几点
Photoshop处理唯美照片效果和边框的制作
使用Fireworks 8制作网页效果图
如何在国外进行域名的注册?
简单的CSS改进网站设计的三个技巧
CSS制作的标准的 非侵入的页签切换效果
热门排行
如何制作网页(网页制作实
如何选择网页制作工具
下载安装Dreamweaver8
制作主页前的准备
垃圾站全教程--之一(新手上
怎样个人网页制作,制作个人
制作模板
在Dreamweaver设置站点
制作首页
网站设计65条原则
规划站点
中国所有银行的BIC code(即
个人主页制作完全手册
关于我们
|
联系我们
|
友情链接
|
网站地图
Copyright © 2005 - 2006
建站学
All rights reserved.