admin管理员组

文章数量:1537331

2024年6月18日发(作者:)

竭诚为您提供优质文档/双击可除

html模板怎么用

篇一:网页库项目和模板的制作及使用方法

网页库项目和模板的制作及使用方法

姓名:张亚班级:计管一班

二○一三年五月十八日

1、创建库文件

在新创建站点下的资源面板中新建库文件,并加以命名。

单击资源面板,选择库项目,再单击右下角的

按钮新建库文件。

库文件保存于library文件夹中。点开所创建的库文件

制作。

库项目的应用,插入库项目

在新建的网页中插入好表格,将光标停在第一行的单元

格中,在已打开的资源面板中,选中库项目文件,单击下面

的“插入”按钮或右击,在弹出的快捷菜单中选择“插入”

命令,将库项目插入在光标所在单元格中。

1 6

2、创建模板文件(1)、新建子页模板,选择“文件”|

“新建”打开“新建文档”|选择“空白页”|“html模板”

在布局列表选择“无”模板将保存在自动创建的templates

文件夹中。

(2)、将已有的网页保存为模板,选择文件|另存为模

板|打开“另存模板”,模板文件被保存到templates文件夹

中,文件的扩展名为

.dwt

定义可编辑区域,选择“插入”|“模板对象”|“可编

辑区域”

定义可编辑区域,可以将原来的图片或者文本置换为所

需要的图片或者文本。

篇二:如何用photoshop输出html网页(psd网页模板)

如何用photoshop输出html网页(psd网页模板)

20xx-11-0314:52

在修改好相应的文字与图象之后,我们就将psd文件输

出(x)html文件。

首先得先对psd文件做切片,有两种方法:

①使用工具栏上的“切片工具”,

然后在图象上划出一块一块的区域。

②使用基于参考线的切片,按ctrl+R调出标尺栏,

把鼠标移动到标尺上,按住鼠标左键,移动到图象上,

2 6

将会看到一条绿色的参考线,

如图

将参考线;排好,然后点一下工具栏上的切片工具图表,

然后点上面

选项栏里的“基于参考线的切片”。于是在原来的参考

线上就变成了一块一块的切片了。

接下来就可以输出了:

①依次选择菜单栏上的“文件”→“存储为web所用格

式”→“存储”。

②接下来就会弹出一个“将优化结果存储为”的窗口,

如图

在“保存类型”处有个下拉列框可以选择,因为我们要

存储为网页的格式,所以选择“html和图象(*html)”,再选

择“保存”就可以输出一个网页格式的html文件与一个包

含图象的名为“images”的文件夹。

③如果我们需要输出“div+css的网页”我们还可以这

么做:

在“设置”处的下拉列框,选择“其他”

就会弹出一个“输出设置”的窗口

在第2个下拉列框处选择“切片”

选择“生成css”

单击“好”→“保存”就可以输出一个目前流行的

3 6

本文标签: 模板选择文件网页项目