网站模板用什么打开网站模板用什么打开
篇一:网页模板如何在DreamWeaver中使用.
网页模板,请问如何在DreamWeaver中使用.
不是每个模板都能在Dreamweaver中使用的!
模板基本分为三大类:
1、psd模版
2、flash模版
3、html模版
4、PNG模版
PSD模版需要专业的软件打开,不能像html模版那样直接使用。后缀名是.psd;这种类型的模版是最好的,也是我们重点推荐的。因为他把模版上的元素分为一个一个的层,设计起来十分方便。同时也可以任意切割成自己喜欢的布局~常用的打开软件firework...
网站
用什么打开
篇一:网页模板如何在DreamWeaver中使用.
网页模板,请问如何在DreamWeaver中使用.
不是每个模板都能在Dreamweaver中使用的!
模板基本分为三大类:
1、psd模版
2、flash模版
3、html模版
4、PNG模版
PSD模版需要专业的软件打开,不能像html模版那样直接使用。后缀名是.psd;这种类型的模版是最好的,也是我们重点推荐的。因为他把模版上的元素分为一个一个的层,设计起来十分方便。同时也可以任意切割成自己喜欢的布局~常用的打开软件fireworks、photoshop。
flash模版如果包含.fla源文件,那么打开就需要flash软件。
html模版就是平常的模版了,直接使用Frontpage或者Dreamwaver打开即可,这里就不介绍了。
PNG模版的处理
跟PSD模版类似,推荐使用
1
Fireworks处理。
还有韩国矢量素材,为AI格式,需要AdobeIllustrator
才能打开!
篇二:利用模板创建网页-步骤
利用模板创建网页 学习目标
1)了解模板的概念。
2)熟练掌握模板的创建、应用、更新和管理。
13.1 案例——模板的典型应用
13.1.1 案例介绍
本案例是运用模板创建的某网站页面,用于查看该公司的相关信息,实例效果图如13-1所示。
图13-1 创建模板网页效果
13.1.2 案例分析 本案例是一个典型的模板应用实例,用到的
主要有模板和
。
利用模板实现把网页布局和内容分离,在布局好之后将其存储为模板,这样相同布局的页面可以通过模板创建,因此能够极大地提高工作效率。本案例通过模板的创建、应用、更新等功能实现某公司网页的制作。
13.1.3 案例实现 (1)执行“文件/新建”命令,弹出“新建文档”对话框,在对话框中选择“空模板/HTML模板/无”选项。如图13-2所示。
图13-2 “新建文档”对话框
2
(2)单击“确定”按钮,创建空白文档。
(3)执行“文件/另存为”命令,弹出Adobe Dreamweaver
CS3提示对话框。如图13-3所示。
图13-3 Adobe Dreamweaver CS3提示对话框
(4)单击“确定”按钮,弹出“另存为”对话框,在对话框中的“文件名”文本框中输入moban.dwt。
(5)单击“确定”按钮,将该模板保存到相应的目录下。执行“插入记录
/
表格”
命令,弹出“表格”对话框,在对话框中将“行数”设置为2,“列数”设置为1,“表格宽度”设置为100百分比。
(6)单击“确定”按钮,插入表格,此表格记为表格1。如图13-4所示。
图13-4 插入表格1
(7)将光标置于表格1的第1行单元格中,执行“插入记录/图像”命令,插入图像1。如图13-5所示。
图13-5 插入图像1图13-6 插入图像2
(8)将光标置于表格1的第2行单元格中,执行“插入记录/图像”命令,插入图像2。如图13-6所示。
(9)将光标置于表格1的右边,执行“插入记录/表格”命令,插入1行2列的表格,此表格记为表格2。如图13-7所
3
示。
图13-7 插入表格2 图13-8 插入背景图像 (10)将光标置于表格2的第1列单元格中,插入背景图像。如图13-8所示。
(11)将光标置于背景图像上,执行“插入记录/表格”命令,插入5行1列的表格,插入表格3,将“对齐”设为居中对齐。如图13-9所示。
图13-9 插入表格3 图13-10
输入汉字
(
12
)将光标置于表格3的第1行单元格中,执行“插入记录/图像”命令,插入图像。
(13)将光标置于图像的右边,输入文字,将“大小”设置为12像素,“颜色”设置为
,FFFFFF。如图13-10所示。
(14)分别在表格3的其它单元格中插入图像,
输入文字,设置颜色。如图13-11所示。
图
图13-11 插入图像并输入汉字图13-12 插入可编辑区域
(15)将光标置于表格2的第2列单元格中,将“垂直”设置为“顶端”,执行“插入记录/模板对象/可编辑区域”命令。
4
如图13-12所示。
(16)执行命令后,弹出“新建可编辑区域”对话框,在对话框中的“名称”文本框中输入可编辑区域的名称。如图13-13所示。
图13-13 “新建可编辑区域”对话框 图13-14 插入可编辑区域
(17)单击“确定”按钮,插入可编辑区域。如图13-14所示。
(18)将光标置于表格2的右边,执行“插入记录/表格”命令,插入1行1列的表格,此表格记为表格4。如图13-15所示。
图13-15 插入表格4 图13-16 插入图像
(19)将光标置于表格4中,执行“插入记录/图像”命令,插入图像。如图13-16所示。
(20)执行“文件/保存”命令,保存当前已创建好的模板。
模板创建好后,就可以快速利用模板创建网页了,具体操作步骤如下:
(1)执行“文件/新建”命令,弹出“新建文档”对话框,在对话框中选择“模板中的页/zd1/moban”选项。如图13-17所示。
图13-17 选择模板对话框
(
5
2
)单击“创建”按钮,创建一基于模板的文档。
(3)执行“文件/保存”命令,弹出“另存为”对话框,将文件保存到相应的目录下,将文件命名为index1.html。如图13-18所示。
图13-18 创建模板文档
(4)单击“确定”按钮,保存文档。将光标置于可编辑区域中,执行“插入记录/表格”命令,插入1行2列的表格,“表格宽度”设置为100,。
(5)单击“确定”按钮,插入表格,将“对齐”设置为“左对齐”。
(6)将光标置于该表格的第1列单元格中插入背景图像1。如图13-19所示。
图13-19 插入背景图像1 图13-20 插入背景图像2
(7)将光标置于该表格的第2列单元格中插入背景图像2。如图13-20所示。
(8)将光标置于表格第2列单元格中,输入文字,将“大小”设置为12像素,“颜色”
篇三:Dreamweaver中怎样使用模板
Dreamweaver中怎样使用模板
作者: 来源: 发表时间:2007-8-6 15:59:43 浏览:
在网页设计工具Dreamweaver(以下简称DW,目前最
6
高版本为4.02,本文例子中用的是4.0版)里有一项十分强大的功能,就是模板~
那模板有什么魅力呢,它又有什么样的特点呢,
利用模板,我们可以固化站点每页都出现的元素。
通过利用模板创建WEB页,可使整个站点具有统一的风格。
只要修改模板,就可以修改应用了该模板的所有WEB页,而不需要手动修改每一页。比如需要更改你的版权时,你是不是要一页一页的进行版权修改,如果有上千页呢,我相信你会一个头两三个大。但如果你用上了模板的话,这些都不成为问题。
下面是个较全面的例子,能迅速的让你掌握模板的使用。
1. 编辑页面
打开DW,新建一个站点,我们就取名为“蜘蛛网”。
新建一个空白页面作为内页(通常一个网站只有一个首页,所以对首页我们可以不做成模板),取名为body.htm。
编辑这个页面,完成如图1。
图1,编辑完成后的body.htm页面,注意A处,此处将作为可编辑区域,下文会针对提及。
2. 生成模板
编辑完成后,我们将此页保存为模板(注意不是保存为普通的htm网页)。通过DW中的FileàSave As Template可
7
以存为模板,执行此命令后会弹出Save As Template窗口,如图2。
图2,Save As Template窗口。
图2中的B处为选择站点,我们选择“ 蜘蛛网”,C处为我们要存为的模板文件名,我们填入body。按右上角的Save保存。
这时我们按F8调出site(站点管理器),在Templates文件夹中可以看到body.dwt(当有模板文件时,DW会自动生成Templates文件夹,dwt为模板类型文件)
3. 编辑模板
在Site中打开body.dwt模板文件,将会发现跟body.htm页面好像没什么分别,但其实是不一样的,在body.htm中是无法添加可编辑区域的。可编辑区域只能在模板文件中添加。
为了让大家更好的理解“可编辑区域”,我们先用此模板生成一个htm文件:点FileàNew From Template,弹出Select Template窗口,在emplates中选择body,再点击右上角的Select即可生成一个新的htm文件。我们将此新建页面改名为body2.htm。现在我们用DW将body.htm与body2.htm两文件都打开,比较一下有什么不同。你会发现在body2.htm页面的右上角写着“Template:body”几个字。(说明此页是由body.dwt模板文件生成)同时你会惊讶的发现body2.htm文
8
件竟然不可以编辑(body.htm可以编辑)。对了,这就是由于在body.dwt模板文件中没有定义“可编辑区域”的结果,使得生成的页面都不可编辑了。所以我们必须在模板文件中添加可编辑区域。下面是添加可编辑区域的步骤:
1) 打开body.dwt模板文件,我们希望中间的表格可以编辑(也就是图1中的A处)。但是要在body.dwt文件中,而不是body.htm),所以要在此处添加可编辑区域。
2) 将鼠标光标放入A处表格里,点击鼠标右键,选择New Editable Region?, 弹出New Editable Region窗口,要求填入此可编辑区域的名称(我们通常称为可编辑区域标记)。我们填入Region01,点击ok关闭此窗口完成当前可编辑区域标记的编辑。此时可以看到在表格中有如图3的显示。
图3,New Editable Region窗口。
说明此处有一个标记为Region01的可编辑区域。
到此为止我们定义了一个可编辑区域,如果有多个编辑区域,同样可以如法炮制。
※还可以通过ModifyàTemplatesàNew Editable Region?
生成新的可编辑区域,如果想删除可编辑区域,可通过ModifyàTemplatesàRemove Editable Region?,然后按提示操作即可。
4. 用模板生成页面
其实我们前面也提及过用模板生成页面的步骤,就是通
9
过FileàNew From Template。请参考第三步的有关步骤。现在我们用模板生成一个名为body3.htm的页面。这时你会发现,在body3.htm页面中除了可编辑区域Region01可以编辑外,别的地方鼠标都成了限制状态。我们在此可编辑区域中添加我们需要的内容,比如我们随便写入一篇文章。这样就可以根据我们的需要,利用模板生成页面。
5. 修改模板内容与更新站点文件
打开body.dwt模板文件,将我们需要修改的地方进行修改,比如我们把logo图片换掉或修改任何非可编辑区域,甚至添加或删除可编辑区域等。
下面就用换logo来说明模板是如何更新文件的。
我们把logo图片换成另外我们喜欢的图片,完成后保存body.dwt文件,这时DW会弹出窗口询问是否需要更新文件,选择Update,DW就会自动的将所有用此模板生成的页面都更新,更新时DW会弹出Update Pages窗口,完成后,在Update Pages窗口中会给出更新日志。
※如果选择了don’t Update,DW直接保持模板文件,暂时不更新页面,但我们可以手动更新页面,只要选择ModifyàTemplatesàUpdate Pages?即可。
这时我们打开任意一个用body.dwt生成的页面,如body3.htm。会发现logo图片已经改变。
不难发现,利用这个功能,我们可以轻松的解决站点更
10
新问题,模板的功能十分强大,此文只起到抛砖引玉的作用,很多功能由于篇幅问题未能提及,自己要多尝试,这样才能充分领略DW的模板风采。
在DW中,还有一项称为库的功能,跟模板可以有机的配合,这样会使模板的功能更加强大,如果读者反应有兴趣的话,我愿意为大家献上这一份礼物。
11
本文档为【网站模板用什么打开】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。