<b>Dreamweaver架设网站终极教程</b>[DW设计]

1、定义站点

　　1、 在肆意一个根目录下成立好一个文件夹（我们这里假定为E盘）,如取名为MyWeb.
　　***备注:中所用的文件都要用英文名.
　　2、翻开,挑选“站点—新点”,翻开对话框.在站点名称中输入的名称（可用中文）,在本地根文件夹中挑选方才成立的文件夹（E:web）.然后肯定便可.
　　***备注:再次翻开,会自动找到方才设立的站点.假若有多个站点,可以在菜单“站点—翻开站点”中去挑选.

　　2、成立页面

　　1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件”,这样就建好了一个页面,默许的文件名为untitled.htm.htm就表示这个文件是一个静态的HTML文件.给它改名为index.htm.
　　***第一页的名字普通是index.htm或index.html.别的页面的名字可以自己取.
　　2、双击index.htm进入该页面的编辑状况.在标题空格里输入名称,按右键选页面属性,翻开“页面属性”窗口.在这里可以设置的标题、后台颜色或背影图象,超级链接的颜色（普通默许便可）,其他都保持默许便可.
　　3．此光阴标位于左上角,可输入一句话,如“欢送来到我的”.选取文字,用菜单“窗口/属性”翻开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间.
　　4．如要选取,则挑选中的最后一项:编辑列表.然后在对话框中选+号,接着在“可用”栏中挑选需求加入到列表中的一种,点击中间的按钮便可以加入了.
　　***在上最常用的是宋体字.不要将特别的加到列表中利用,因为别人上未装就看不到.假如需求用的话,要做成图片后再利用.
　　***在上打入空格的办法是:把输入法调为全角.
　　***在上换行的办法是:shift+Enter.只按Enter则为换段.

　　3、为页面增添图片

　　1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件夹”,这样成立了一个文件夹,用它来放图片,可以改名为tu或pic或images都可以.
　　2、用菜单“窗口/对象”翻开对象面板,点击“插入图象”,在对话框里选要插入的图片.假如会呈现对话框:“你乐意将该文件复制到根文件夹中吗?”,必须选“是”,然后将它保存到刚建好的文件夹里.
　　3、选中该图片,翻开属性面板,可以在上面为图片取名,重新设置图片的高、宽,拖住图片角上的点可以变大小.按住shift键,再拖动角上的点,可以使图片保持宽高比例拉伸.如要恢复这原始大小,则单击右下角的“重设大小”按钮.
　　4、 “链接”可以直接在这里输入地址.“替换”是图片的阐明,即鼠标指向图片所显示的文字;“边框”是图片边框宽度,“对齐”是对齐方法.

　　4、增添超级链接

　　1、为文字增添链接.
　　比方,在页面上输入“我的文章”,然后将其选中,翻开属性面板,在“链接”一格中,挑选它所要链接到的页面便可.背面一格“目标”我们普通常用的是self即翻开的新窗口替换了现开的窗口;或是挑选blank即翻开新窗口.
　　2、为图片增添链接
　　与上面文字的链接同理,插入图片,然后在属性面板中的链接一格中挑选便可.
　　****图片可以成立差别的多个链接.办法以下:
　　在属性面板中的“地图”一项下面有一些图形,比方点击方形,光标变成十字,在图片上画一个蓝色矩形的热区,此时在属性面板上可认为这个热区设置链接地址,鼠标指向会显示.一样,再用圆形设置一个热区,便可以再为该图片设置其他链接了.
　　3、增添E-mail链接
　　选中需求增添E-mail链接的文字或图片,翻开属性面板,在“链接”一格中输入填写邮件地址.格局以下:mailto:邮件地址.注意中间不空格.
　　4、假如链接到浏览器无法翻开的文件,比方exe、Zip等文件,那么浏览者在点击这个链接的时刻,就会实现文件、或是在线播放的功效.

　　5、表格的利用

　　1、点击插入/表格,翻开表格面板举行设置.行数、列数、宽度、边框等,“单元格填充”为单元格内侧与内容的距离;“单元格间距”为单元格之间的距离,单位均为像素.
　　2、插入表格后,在表格的边框上点击一下,可以全选整个表格.然后在下面的属性面板里可以举行各种设置.
　　3、把光标移到此中一个单元格,此时看到的属性面板,就是单元格的属性面板.也可以举行各种关于单元格的操作.如后台色、后台图、边框、归并、拆分等.

　　6、关于表格的其他操作

　　一制作细线表格 原理:
　　1、选中整个表格,设置后来台为黑色（该颜色即表格线的颜色）.
　　2、选中全部单元格,设置后来台为白色.

　　二自动格局化表格
　　1、先制作好一张表格,然后选中.
　　2、选菜单中的号令/格局化表格.便可以此中挑选预设好的一些表格款式.

　　三一像素分割条
　　1、插入一个1行1列,宽为200像素,边框边距均为0的表格.
　　2、选中表格,设置表格高为1像素,并设置一个后台色（即所要的线条颜色）.
　　3、切换到代码和窗口,将代码 删除.

　　7、用表格构建完好的页面

　　一顶部（普通包含图标、广告、导航菜单）
　　1、成立一个1行2列,宽为760像素,边框及边距均为0的表格.
　　2、选中表格,设置布列方法为居中对齐,后台色为#3366CC.
　　3、将光标置于左边单元格中,设置其水平布列为左对齐,垂直布列为顶端对齐,然后插入一张图象,普通在此插入的是的图标,即logo.
　　4、将光标置于右边单元格中,设置其宽度为500,水平布列为居中对齐,垂直布列为中间,然后插入图象,普通是广告,即banner.
　　5、将光标置于刚完成的表格之后,插入/表格,成立一个1行1列,宽为760像素,边框及边距均为0的表格.
　　6、选中刚成立的表格,设置布列方法为居中对齐,后台色为#005173.
　　7、在该表格中顺次插入多个图象,作为导航条菜单.

　　二中部（左边栏目列表、中间新闻、右边栏目列表）
　　1、 在导航条表格背面,插入/表格,成立一个1行3列,宽为760像素,边框及边距均为0的表格.并设置布列方法为居中对齐,后台色为#FFFFFFF.
　　2、 将光标置于左边单元格中,设置其宽度为18%,水平布列为居中对齐,垂直布列为顶端对齐,然后插入一张图象,插入一个导航条.
　　3、 将光标置