《网站建设技术9.实现网站的导航栏功能》由会员分享，可在线阅读，更多相关《网站建设技术9.实现网站的导航栏功能（8页珍藏版）》请在金锄头文库上搜索。
1、浙江金融职业学院教案首周次：11日期：页课时序：41 - 42课题项目1实战建站 任务7制作网站后台9 实现网站的导航栏功能教学目的 要求能够实现导航栏的各项功能能够实现首页中的“查看更多”功能 能够实现首页底部的部分功能重 点1、实现导航栏的各项功能。难点1、实现导航栏的各项功能教学过程设计 及时间分配一、复习并引入新课（10）复习网站的搜索功能实现方法，演示完成后的网站动态效果，引入本次课内 容。二、讲授新课（65）（一）实现导航栏的各项功能（二）实现首页中的“查看更多”功能（三）实现首页底部的部分功能二、总结布置作业（5）在自己的电脑上实现网站的导航栏功能、首页中的“查看更多”功能、首页
2、底 部的部分功能。教学场所教学方法专业机房；翻转课堂教学法、讲授法、演示教学法使用 教具多媒体、电子教室、PC机作 业在自己的电脑上实现网站的导航栏功能、首页中的“查看更多”功能、首页底部 的部分功能。课后记授课教师：郑春瑛基本内容任务7制作网站后台9 实现网站的导航栏功能一、教学目标终极目标：1.能够实现导航栏的各项功能；2.能够实现首页中的“查看更多”功能；3 .能够实现首页底部的部分功能。促成教学目标：1.能够了解利用自由列表实现导航部分功能的方法；2.能够了解实现首页中“查看更多”的各种方法。二、工作任务（一）实现导航栏的各项功能（二）实现首页中的“查看更多”功能（三）实现首页底部的部
3、分功能三、具体内容任务7制作网站后台9 实现网站的导航栏功能（一）实现导航栏的各项功能1. 首页链接至U dede:global. cfg_basehost /tutecan2. 公司简介链接到后台栏目公司简介的网址http:/localhost/tuteca n/a/ba ngo ngshi/2014/0323/18.html?1401510900以下通过后台核心 频道模型 自由列表管理 实现。3. 新品上架1） 在资源管理器中复制list_shop.htm改名newshop.htm;2） 在网站后台CMS中检查 自定义文档属性中是否有“新品上架”属性，没有自己增加；3）在网站后台CMS中把
4、一些商品的属性设为“新品上架” ；4） 在网站后台 CMS核心 频道模型 自由列表管理 新建“新品上架”自由 列表歹U表模板：n ewshop.htm限定频道：商品附加属性：新品上架自由列击标靠： 列夷盯吃存放目录: 目录畫认页宅称：窃容规从I：列表複扳：员炭列出页融；汩建亍：列丧揖逹；tas paxh/reelis e/aistdir5Sfi 的 HJ不懊用目录暫认至贡mde-ilist dir/iodti_ 1 i st id? _ :page). htil仙11 yl 色 rb色owbdp htn1OT新品上衆以下迭锁用于H哽里的 Hif北京土廿區北点土特蘇，臂（S樹美目課乐話t J14
5、2E4343i列為拝我：F迭里昱走丈自由列喪構板里的:谯业:X示记的荐武和屈住）限定栏目：不阻吃目.，”匱走頻汨：祈品 *如果阻走了裁道內吝榄型”血亢许便用跑加烹卷定的刘抚圭段作对底层変更附垃匡性：新品上架-交皆握帝时冃： 天兴内5夷示不卩盯田而记录数：rii-显示列埶：ri-标題长度：1门李节=o鳥个中史李）把list_shop.htm里右边的以下li代码 field: title/ br /市场们：field：price/?-c会员们：field:trueprice/元br /复制到“新品上架”自由列表的“循环内的单行记录样式(InnerText):”中Cft hrEf-ZieldrcuT
6、l. *Czmg 注!:=* ：f让 LiiM-gl J： PidtAlTO* iMigit=17Ol* /X/biXIst .If11Jld：title-u. a市场们I： Cfiild;iG/l%SCfftt fidstTDprire Sbr 八C i5) 在DW 中把newshop.htm里右边的以下代码用 dede:freelist/代替，dede: list page size- 12 field: t it 1b/ 芷 / 会员： fi eld: t ruepr i ce/元 /dedsslit结果如下。 mtftR : dede;field nane=Jposition/)ded
7、e:freelist/6）更新 新品上架 自由列表查看结果网页，把结果网页的地址http:/localhost/tuteca n/freelist/ in dex_11_1.html 复制到首页 新品上架” 的超级链接地址。4.礼盒系列1）在资源管理器中复制 newshop.htm改名为lihe.htm ；2） 在网站后台CMS中检查 自定义文档属性中是否有“礼盒系列”属性，没 有自己增加；3） 在网站后台CMS中把一些商品的属性设为“礼盒系列”；4）在网站后台 CMS核心 频道模型 自由列表管理 新建“礼盒系列”自由 列表列表模板：lihe.htm限定频道：商品附加属性：礼盒系列（在自定义文
8、文件属性中设置，给一些商品加上“礼盒系列”属性）把list_shop.htm里右边的以下li代码 field: title/ bt /市场们：field：ptice/TC会员们：field:trueprice/元br /复制到“新品上架”自由列表的“循环内的单行记录样式（InnerText）:”中遁坏內的单行祀录禅式（Untrltat.:段底层变毘1让1丄卷考1spanXa. hreif f i e-lil: asrcurl/J * c las 5=- 1111 ef ie-1 d: title/ 币场筍|; fie-ldtpfee/元tbi6 /会员i/i ： i e-1 d: txuepn
9、ce 元应 / img 旨底亡-Jit tp:lata l!hd i E/ Eut c hjl. t eupl S-tS. def ;au 11.1 iug e S/ li tpi t .】.2Ek Jpgw:id.tli=101 heiht=*32*5）更新礼盒系列自由列表查看结果网页，把结果网页的地址http:/localhost/tutecan /freelist/i ndex_12_1.html 复制到首页“礼盒系列”的超级链接地址。5. 散装商品参考（1 ）新品上架 http:/localhost/tutecan/freelist/index_13_1.html6. 打折促销参考（1 ）新品上架7. 营养功效链接到网站地图中的营养功效http:/localhost/tuteca n/a/yi ngya nggo ngxiao/8. 公益BBS链接至U discuz dede:http:/localhost/tutecan/global.cfg_basehost/bbs（二）实现首页中的“查看更多”功能般链接到商品列表页http:/localhost/tuteca n/plus/list.php?tid=4首页名优商品的查看更多”http:/localhost/tuteca n/freelist/i ndex_15_1.html （做自由列表mingyo
