《园所主页培训.ppt》由会员分享,可在线阅读,更多相关《园所主页培训.ppt(17页珍藏版)》请在三一办公上搜索。
1、园所主页培训,(个性化设置),园所主页个性化设置,网站页面的命名、新建及恢复网站页面结构的调整现有Part模板的应用CSS格式调整,网站页面的命名、新建及恢复,信息管理初始栏目命名(请勿修改栏目名称,可改栏目显示名)notice通知公告、activity园所活动园所相册、班级主页主页建设默认页面 index 园所主页list 信息列表、detail 信息详细imagelist 相册列表页面的新建与恢复新建、恢复、修改,网站页面结构的调整,页面设置页面标题、文件名称、字体、全页生效代码增加新栏分栏个数、分栏宽度、高度设置分栏调整、高度调整插入分栏,现有Part模板的应用,Flash滚动图片菜谱图
2、片友情连接,Part高级设置的css调整,CSSCSS 指层叠样式表(Cascading Style Sheets)把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 多个样式定义可层叠为一,就近原则菜单栏样式调整颜色、连接颜色、间距、定位、信息列表样式调整标题对齐方式、颜色文字颜色、间距,修改Part内CSS内容,可以Ctrl+A全选,Ctrl+C复制粘贴到记事本或网页编辑软件(如Dreamweaver)进行修改,然后用Ctrl+V的粘贴方式替换掉原有代码。CSS的代码可复制后在百度,谷歌查询使用方式和相关参数。如搜索:margin:padding:padding-left:
3、,网站标题 Part,.name background-image:url(#header.jpg);/*修改应用文件名*/width:widthpx;height:heightpx;.name.inside/*文字格式的定义*/padding-top:50px;/*padding-top属性设置元素的上内边距。*/padding-left:40px;font-size:28px;color:#FFFFFF;/*修改文字颜色*/text-align:left;font-weight:bold;,菜单 Part,.name background:url(#menu.jpg);height:hei
4、ghtpx;width:widthpx;.name.nav ul.nav_top list-style:none;margin:0px;padding:0px;padding-left:16px;,.name.nav ul.nav_top li float:left;padding-left:菜单间距;padding-top:18px;.name.nav ul.nav_top li a/*信息列表文章格式*/text-decoration:none;color:字体颜色;font-size:字体大小;font-weight:bold!important;/*加粗*/white-space:no
5、wrap;/*禁止文字自动换行*/,.name.nav ul.nav_top li a:hover text-decoration:underline;/*鼠标-下划线*/*可以添加字体颜色color:#137484*/,信息列表,/*框架定位*/.namepadding:0px 0px 0px 背景边距px;.name.insidemargin:7px 0px 0px 15px;/*正文,外边距属性上右下左*/overflow:hidden;width:width-45px;.name.title.name.title.itemheight:14px;padding:16px 0px 0px
6、 0px;text-align:right;/*修改标题位置、对齐,内边距*/.name.contentmargin:20px 0px 0px 0px;/*正文,外边距属性上右下左*/.name.moretext-align:right;padding:0px 20px 0px 0px;/*背景*/.name.edgewidth:width-15px;height:heightpx;background:url(#block背景图片.jpg)no-repeat;,/*样式定义*/.name atext-decoration:none;color:#3a8006;.name a:hovertex
7、t-decoration:underline;.name ul,lilist-style:none;margin:0px;padding:0px;.name libackground:url(#sdot.gif)no-repeat transparent scroll 4px 10px;padding:0px 0px 0px 15px;line-height:26px;height:26px;text-overflow:ellipsis;overflow:hidden;.name.title.item afont-size:14px;font-weight:bold;/*可修改标题颜色color:#137484*/,title:20/*title:20 改列表显示字数*/,