篇一动易模板制作示例
《动易网站管理系统》模板制作示例
《动易网站管理系统》增强了复制频道的功能采用标签与JS的方式显示网站动态更新的内容。除了利用提供的系统标签外您还可以自定义标签与各频道的JS文件。 同时对模板的设计形式与方法也进行了增强与灵活处理。您只要自己制作过网页懂得一些htm l知识就完全可以设计出自己独特的网页样式。
系统的模板设计功能从使用灵活、操作方便的角度出发将模板分成风格模板与版式模板二类。并将模板与网站数据分开您只要设计好模板并指定栏目页、 内容页为相应的模板 即可将前台相关页面显示出您设计的样式。
任意添加自定义CSS和自定义模板的功能更能给网站设计带来极大的自由。您可以添加任意多个风格模板和个版式模板然后在各个频道、栏目以及添加内容时分别指定已经定义的风格模板与版式模板。则网站中各个频道、各个栏目乃至各个内容页面都可以显现不同的样式。只要您有足够的智慧和时间制作出大型网站将不再是难事。
1
网站风格模板
网站风格模板可控制整个网站在前台显示时看到的的字体、风格、图片等样式通常是用CSS网页样式语句来进行设计和控制整个网站的风格样式。 网站版式模板
网站版式模板是用来显示前台时所看到的网页的界面布局形式如分栏、表格布局、 图片和文字要显示的位置等样式有时也称为版面设计、版面划分或版面布局。版式模板包括网站通用模板和各频道的首页、栏目页、 内容页等页面的模板。
下面以网站首页页面为例以图文方式讲解从设计到制作的完整过程。在了解本系统的模板设计之前您需要掌握基本的网页设计与HTML代码知识。如果您要独立设计一个网站最好要掌握一些图像设计处理软件如Photoshop、Firewo rks等。
本说明中使用到动易2005版Dreamweaver标签插件DW 插 件 的 使 用 说 明 及 程序请 参 阅/help/Admin/Xtsz/403.html一文。
制作流程
1.在制作模板前您先需要在Photoshop、 Fireworks等设计软件中制作网页效果图。然后利用这些软件的导出成Web格式文件功能将效果图输出成Web文件和图片文件夹。
2.在Dreamweaver等网页设计软件中修改Web文件将
2
需要显示相关内容的地方修改或插入相应的的标签。
3.将图片文件夹上传至网站的目录中 同时添加或修改相关类型的版式模板将Web文件的源代码拷入模板中并保存。将添加或修改的模板设置成默认模板。如果您开启了生成HTML功能重新生成相关页面刷新前台页面即可看到新模板的效果。
说明导航 网页设计分析插入系统标签
插入(转载于:wWw.xLTkwj.c O M小龙文档网:动易sf,模板导入)网站标题标签
插入网站Logo和Banner标签插入频道标签和栏目JS
插入用户登录标签和滚动公告、当前日期JS插入管理链接、版权信息和友情链接标签插入图片文章和文章标题标签插入图片等功能频道和其他信息标签添加新模板更换新风格
《动易网站管理系统》模板制作示例源文件下载/retype/zoom/4efc176fb84ae45c3b358ce9?pn=2&x=0&y=0&raww=1134&rawh=1028&o=png_6_0_0_156_111_642_599_8
92.979_1262.879&typ e=p ic&a i m h=435.13227513227514&md5sum=1 de3d4354569b67287012fddb822bc05&sign=72efd109fb&zoom=&png=205-275032&jpg=0-0”target=“_blank”>点此查看
3.在出现的窗口中选择“显示网站标题”选项后单击“确
3
定”按钮在间插入系统显示网站标题的标签“{$P a g e Title}”
注意 {$P a ge Tit le}标签在2005年5月28日15 00前下载的DW插件中没有提供请重新更新本插件程序
插入网站Logo和Banner标签
1.在DW的设计视图中用鼠标点选Logo图片在键盘中按“Del”键以删除Logo图片。
2.在菜单中依次选择“插入(I)” “动易标签(PowerEasy)”“动易通用标签” “通用函数标签” “显示网站Logo”在弹出的Logo标签设置窗口中设置图片的宽度与高度单位为像素px。设置完成后单击“确定”按钮
3.在此时原来LOGO图片处插入“{$ShowLogo(180,60)}”标签
4.同理将Banner图片删除在菜单中选择“通用函数标签”中的“显示网站B anner”设置B anner图片的宽度与高度后单击“确定”按钮 插入 Banner 标签“{$ShowBanne r(486,60)}”
如果有需要 以同样的做法可插入其他系统标签。在进行相关操作后请按保存Ctrl+S所作的修改。
插入频道标签和栏目JS
1.在DW的设计视图中用鼠标选择频道位置中的文字内容后按“Del”键删除。 2.插入标签与代码
·在菜单中选择“动易通用标签”的“通用普通标签”在弹出
4
的“网站通用普通标签”窗口中选择“显示顶部频道信息”选项插入显示频道信息“{$ShowChannel}”标签
·将栏目中的文字内容删除并在DW代码视图中输入以下栏目JS代码
显示栏目分类内容调用的是JS文件代码。若在本频道中调用栏目分类信息只需要ShowClass_Menu.js文件即可。若要在网站首页中调用栏目分类信息 则需要将ShowC lass_Me nu.js文件与stm31.js放在一起配合才能使用。
插入用户登录标签和滚动公告、当前日期JS
1.在DW的设计视图中用鼠标选中用户登录表单表格、滚动公告和当前日期内容后按“Del”键删除。
2.插入标签和代码
·在菜用户登录表格中插入以下用户登录的JS代码
·在滚动公告表格中插入以下滚动控制代码并在DW菜单中选择“动易通用标签” “通用函数标签” “显示本站公告信息”选项在弹出的标签设置窗口中设置公告的参数单击“确定”按钮插入公告信息{$ShowAnnounce(2,5)}标签
ma rquee元素中其中width为窗口宽度 scrollAmo unt为每次移动步长 scrollDelay为延迟单位毫秒。 ·当前日期内容表格中插入以下日期的JS代码
3.在DW的代码视图和设计视图中可以看到以下代码
5
插入管理链接、版权信息和友情链接标签
篇二动易sf3.6数据源标签书写格式总结
<!--以下为总结的字段类型在数据中源的定义定义数据源中的字段时可参照来定义--
1111111111111111111111111111111111
<Gene ralID
<xsl:value-of select=/NewDataSet/Table/GeneralID/
</Ge ne ralID
节点
<NodeID
<xsl:value-of select=/NewDataSet/Table/NodeID/
</NodeID
标题
<T it le
<xsl:value-of select=/NewDataSet/Table/Title/
</T it le
单行文本
<TitleIntact
<xsl:choose
<xsl:whentest=/NewDataSet/Table/TitleIntact !=''
<xsl:value-of select=/NewDataSet/Table/TitleIntact/
6
</xsl:when
<xs l:o t he rwise
<xsl:value-of select=/NewDataSet/Table/Title/
</xs l:othe rwise
</xsl:choose
</TitleIntact
<Subheading
<xsl:value-of select=/NewDataSet/Table/Subheading/
</Subheading
单行文本
<S o ftVe rs io n
<xsl:value-of select=/NewDataSet/Table/SoftVersion/
</S o ftVe rs io n
单行文本
<DecompressPassword
<xsl:value-ofselect=/NewDataSet/Table/DecompressPassword/
</DecompressPassword
单行文本
<SiteUrl
<xsl:value-of select=/NewDataSet/Table/SiteUrl/
</SiteUrl
7
多行文本不支持HTML
<Intro
<xsl:value-ofselect=pe:Encode Text(/NewDataSet/Table/Intro,'htmlencode')/
</Intro
多行文本支持HTML
<Photo Intro
<xsl:value-of disable-output-escaping=yesselect=/NewDataSet/Table/PhotoIntro/</PhotoIntro
多行文本支持HTML
<SoftIntro
<xsl:value-of disable-output-escaping=yesselect=/NewDataSet/Table/SoftIntro/</SoftIntro
<SoftIntroE ncode
<xsl:value-ofselect=pe:EncodeText(pe:RemoveHtml(/NewDataSet/Table/SoftIntro),'htmlencode')/</SoftIntroE ncode
多行文本支持HTML
<Co ntent
<xsl:value-of disable-output-escaping=yes
8
select=/NewDataSet/Table/Co ntent/</Content
<Inputer
<xsl:value-of select=/NewDataSet/Table/Inputer/
</Inputer
内容
<Co ntent
<xsl:choose
<xsl:when test=/NewDataSet/Table/PaginationType ='手动分页'
{PE.ContentPage id=contentpage mode=manualpagesize=<xsl:value-ofselect=/NewDataSet/Table/MaxCharPerPage/urlpage=true}
</xsl:when
<xsl:when test=/NewDataSet/Table/PaginationType ='自动分页'
{P E.Co ntentP age
</xsl:when
<xs l:o t he rwise
{PE.ContentPage id=contentpage mode=none}
</xs l:othe rwise
</xsl:choose
<xsl:value-of disable-output-escaping=yes
9
tmhhost怎么样?tmhhost正在搞暑假大促销活动,全部是高端线路VPS,现在直接季付8折优惠,活动截止时间是8月31日。可选机房及线路有美国洛杉矶cn2 gia+200G高防、洛杉矶三网CN2 GIA、洛杉矶CERA机房CN2 GIA,日本软银(100M带宽)、香港BGP直连200M带宽、香港三网CN2 GIA、韩国双向CN2。点击进入:tmhhost官方网站地址tmhhost优惠码:Tm...
10gbiz怎么样?10gbiz在本站也多次分享过,是一家成立于2020的国人主机商家,主要销售VPS和独立服务器,机房目前有中国香港和美国洛杉矶、硅谷等地,线路都非常不错,香港为三网直连,电信走CN2,洛杉矶线路为三网回程CN2 GIA,10gbiz商家七月连续推出各种优惠活动,除了延续之前的VPS产品4折优惠,目前增加了美国硅谷独立服务器首月半价的活动,有需要的朋友可以看看。10gbiz优惠码...
不知道大家是否注意到sharktech的所有服务器的带宽价格全部跳楼跳水,降幅简直不忍直视了,还没有见过这么便宜的独立服务器。根据不同的机房,价格也是不一样的。大带宽、不限流量比较适合建站、数据备份、做下载、做流媒体、做CDN等多种业务。 官方网站:https://www.sharktech.net 付款方式:比特币、信用卡、PayPal、支付宝、西联汇款 以最贵的洛杉矶机器为例,配置表如...