易教模板制作管理

《易教模板制作管理》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、易教模板制作管理一、首先我们了解一下易教的每套模板的构成，一套易教模板分为11个子模板，需要分别制作。我们重点制作的是主页模板、内容页模板、栏目页主模板。其余的子模板样式和他们相同，只是模板标记不同而已。下表是子模板标记调用关系表以及相似子模板对应关系。子模板标记调用关系表源模板被调用模板头文件尾文件主页模板内容页模板内容页模板头文件图片新闻模板图片新闻模板尾文件滚动式公告内容模板滚动式公告内容模板主页模板内容搜索模板内容搜索模板栏目页主模板栏冃页主模板白定义栏目标记栏目页副模板栏目页副模板评论页模板评论页模板主页“更多”模板主页“更多”模板二、创建好了专题学习

2、网站之后，我们就需要了解掌握模板制作的一般步骤。注意点：1•用图片处理软件（推荐Photoshop）设计好专题学习网站的页面布局图片。（1）图片的宽度尺寸大小一般控制在800-1024像素Z间；（2）图片设计时需要将本专题网站中的基本区域设计好，比如：最近更新、用户登陆、栏目导航等区域设计布局成形。2.创建专题学习网站中模板文件的虚拟环境，也就是图片文件在专题学习网站中的存储位置。专题学习网站的模板图片文件一般都日®说心存储在网站根目录下的“uploadskin”自建文件夹中，这日©ski.里的文件夹可以根据专题学习网站名称的拼音命名。模板的前台调用文件都在

3、网站根目录下的“app”，当我们访问专题学习网站时，网站系统执行文件首先调用“app”文件夹下相关的模板设置参数，然后到数据库中调用相应的模板代码。我们在设计时就需要先创建这样的环境，在本机自选位置建立“app”、"upload”文件夹，“upload”文件夹下建立“skin”文件夹，“skin”文件夹下建立专题学习网站名称拼音的文件夹。3•利用图片处理软件（推荐Fireworks）对设计出的图片文件进行切片处理。•I«W.（1）打开图片文件，用切片工具根据图片中的区域进行切片处理。一般先将图片切为头部、中间、尾部三个部分，然后细细划分个个区域。（2）将切好

4、的图片用“文件”菜单中“导出”命令导出为图片部分（保存在“uploadskin”自建文件夹中）和网页代码部分（保存在“app”文件夹中）。Wraqp■丿心IJX>M>MJMoc.fjbu:met.e:nr配r.IMK.・lJM••4••丄卄.・1jm•亠”.•！mcjm注意点：（1）导出时“保存在”选择“app”文件夹，“将图像放入子文件夹”选保存在a）：Q・ppvj文件名

5、indexasp二］导出导出：

6、HTIIL和圉像二］取消HTML(H):出HTML文件二J选项9）…切片（□：

7、导出切片厂仅己选切片（E）r仅当前頓（①P赳描无切片区域©R?将田像放入

8、子文件夹电）浏览⑧…”Q

9、/制作備京江宁/upk>ddskjn-.vyxmb/择“uploadskin”自建文件夹。（2）“选项”中选择一像素透明表格。（3）勾选“包括无切片区域”。4•用网页设计软件（推荐Frontpage）对生成在“app”文件夹下的网页代码文件进行设计修改。（1）转化单元格内插入图片为背景图片。方法如下图所示:的片JE性初

10、朗I外观询寃©)・・I81片文件类田片包）：町堆外观低分辨卓册P文本Q较长说明a：wuiflww目标框架①：rA®wa)moAMK(£)全堆3码QB!5EI・映0）全选五XJ■■pwqoMQ图片新闻模板凌动式公吿内容

11、樓板内容搜索模板栏目页主模板栏目贡副模板评论页模板自定义栏目标记模板标记类别：探记:A拡入戏修改公枣4插入或修改艺术手<}]抵入当1RBM。插入当IW间一_2d闻册接渎注新公贴题査栏斯住桩阅关更式热课调义片新情徉点近动坛点线定—«灰惟热最滾论热在自标记传入參数：栏目宽®[100%栏目高度阪背胴色:»JS：$TPL』y「砒(130,FFFFFF)$EdV阳加表格控制信息插入I取消I（3）插入模板标记。1插入模板标记一网贝对话框模板标记通过在线编辑器插入，插入方法如上图所示：单击“插入模板标记”命令后会岀现“插入模板标记”对话框，在模板标记对话框中选择相应的模板标记

12、，并将其插入到相应的单元格中。或者我们可以直接复制现成模板中的代码标记，类似u$TPL_move_gg（#000000,0,100%,130）$”的代码（不包描引号），粘贴到相对应的单元格中。注意点：在插入模板标记时,一般情况下应对应插入模板标记。如：头文件模板一般插入头文件模板标记，也可以交叉插入其它模板标记，如主页模板标记。但并不是所有子模板的标记均可相互调用。子模板对应关系表见第一页。5.将插入模板标记修改过的网页代码保存到相应的子模板位置，并上传切片图片到专题学习网站相应文件夹中。(1)在网页设计软件代码区域全选代码后复制，单击打开相应子模板，在“代码”

13、模式下粘贴代码。段落样式