湖北职晚计算机科学与技术理论课教案一《网页设计》 教学项目三图片链接网页的实现 【教学内容】 1.图片的分块链接 2.图片的区域链接 3.利用表格分布网页中的元素 【教学目的】 使学生熟悉熟练掌握表格,超级链接,图片链接的操作 【教学重点】 图片热点链接的实现 【教学难点】 利用表格布局网页 【教学方法】 工程项目教学法、案例教学法、小组研讨法 【教学参考】 1.《 OFFICE2000中文版》 孙慧清华大学出版社 2.《 Front Page2002案例教程》 李辉 海洋出版社 3.《 Front Page2000中文版网页提高》黄敏如清华大学出版社 4.HIML网页制作教程 林义证铁道出版社 5.HIML基础与实例 程耀 电子工业出版社 【新课】 、设计案例1:图片链接的网站 步骤: 1.新建站点,并在站点下新建主页 index. htm,并分别建立网页1hm,2htm 3. htm. 4. htm. 5. htm. 6.htm 2.将图片在 Photoshop中分割成六部分,并分别保存为 p04-0ljpg、tp04-02jpg、tp04-03.jpg、tp04-04jpg、tp0405jpg、tp0406jpg 3.在主页插入表格,在单元格中插入图片,设定超级链,在各子网页中设计返回 主页效果如下,在不同单元格图片上单击时,可以打开相应的超级链接
湖北职院计算机科学与技术系理论课教案—《网页设计》 教学项目三 图片链接网页的实现 【教学内容】 1． 图片的分块链接 2． 图片的区域链接 3． 利用表格分布网页中的元素 【教学目的】 使学生熟悉熟练掌握表格，超级链接，图片链接的操作 【教学重点】 图片热点链接的实现 【教学难点】 利用表格布局网页 【教学方法】 工程项目教学法、案例教学法、小组研讨法 【教学参考】 1．《OFFICE2000 中文版》 孙慧 清华大学出版社 2．《FrontPage2002 案例教程》 李辉 海洋出版社 3．《FrontPage2000 中文版网页提高》 黄敏如 清华大学出版社 4．HTML 网页制作教程 林义证 铁道出版社 5．HTML 基础与实例 程耀 电子工业出版社 【新课】 一、设计案例 1：图片链接的网站 步骤： 1. 新建站点，并在站点下新建主页 index.htm,并分别建立网页 1.htm,2.htm, 3.htm,4.htm,5.htm,6.htm 2. 将图片在 Photoshop 中分割成六部分,并分别保存为: tp04-01.jpg、tp04-02.jpg、tp04-03.jpg、tp04-04.jpg、tp04-05.jpg、tp04-06.jpg 3. 在主页插入表格，在单元格中插入图片，设定超级链，在各子网页中设计返回； 主页效果如下，在不同单元格图片上单击时，可以打开相应的超级链接
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 ⊙··回团的户古收可往 地稳址)色】4:r以m小ht 湖北职业技术学院 后·凶图的古收头的体份③·8□ 地址①)GDFp1N,Le 以为魂以能为本以勤为径以创为先 笑鸡图产艾量奎教疆藻朵愿陰府批类建的之害早格董所 铁路 交汇处仅1公里,交通十 鸡签到含 簧力量雄厚 规代接转院2“罡 省高持难贴,请了国内外知名专家。中国王 面科研成申请了国家专利,20项科研成果获省 ⊙m·回心户做收体日, 部门名称 部门名 应用技术分院 5 公 6.貌数 1.人文艺术 处团 9、针龙财处 4护理 6、匮学二 12、督导室 7计算机科学与木系
湖北职院计算机科学与技术系理论课教案—《网页设计》
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 nt Parn\RaPIer\3. ht=- icrosoft Internet Explorer 亿件①辑①)查看①收)工风①)帮助① 后·凶团的驶言收失的嫩,品图·□ 13.h 计算机科学与技术系 机科学与技术系是湖北职业技术学院的新成立的 是好的工科系x设有计算机及其应 在读研究生(脱产)1人,其 生生1 4始东方卫士种版 ②评姑的案 ⊙·6回团必户收的体的应,号 n深芬,落雾:高若带答器捞盗“常紫入学 办学模式 桥,多蔗獒鑫蒜拿,徠兰教看结答出与图练影数歌区城丝圣、产学合,架构立交
湖北职院计算机科学与技术系理论课教案—《网页设计》
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 rotorS工 alternet ERu⊥Oxex ⊙后·团的☆收离的,品8口 地()1G: FrontPage\Eas115.a 叫②物到” ◆联合办学 乐我个含倍全 办学宗旨:引进国外教资源和办竽模式养国际通用型人 就式聞合杂犇满者公高带挚续赴渔湖共职接 态分 叫料x死有选品恰高感英出摞若,面武语息售是光级 ⊙后·团的户搜来收的体,,□ 址①))]G: FrontPage\amn⊥6V6hm 种到恼把 第门名称 电话号码 部门名称 电话号码 1、应用技术分院 0712-2823847 1,实验实训中心 0712-2839327 0712-2823419 4、后勤总公司 2、组织部、人事处 6、附属高级中学 3、直传部,统战部 0712-2826325 四、教学系 7、学生工作处、团委 0712-2827830 二、设计案例2:图片热点链接的网页 步骤 (一)设计站点,并设计网页 jiaoyou. htm
湖北职院计算机科学与技术系理论课教案—《网页设计》 二、设计案例 2：图片热点链接的网页 步骤： （一）设计站点，并设计网页 jiaoyou.htm
湖北职晚计算机科学与技术糸理论课教豪一《网页设计》 3G:\ Front Pse积1mp1积2\ Aryat,htm一夏 crosoft Int ernat Fxp1orer 回 后·,团的搜次收夹的溅体的台,品8·□ 地址q)钟)G: ProntPage\sample2i4 oyou. htm 动到链接 田丽的彐,可以任阻 飛翔 井 注主册 (二)在 jiaoyou. htm中将图片中的文字进入和注册区域设定矩形热区链接与圆形区域链 接:单击进入时,打开 jin. htm,单击注册时,打开 zhuge htm ⊙后·园的户搜☆收买的媒的·品8·口 也址)但 G: \FrontPage\sanp12ih 转到援 可密 云 我希望 片天空 我希望 片属于天空的羽毛和树叶 万G[系方卫土网版评估案一B。,网3a0tP,强G:Fn
湖北职院计算机科学与技术系理论课教案—《网页设计》 (二)在 jiaoyou.htm 中将图片中的文字进入和注册区域设定矩形热区链接与圆形区域链 接；单击进入时，打开 jin.htm,单击注册时，打开 zhuce.htm
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 t Intern粒t五xp工们xer 件吧)编①煮看)收偯)工具)帮助0 6··凶图必搬索言收廉类的媒体的,8·□ 址①)e]G: \FrontPage\aap12ha.htm 青填写个人注册信息 <10⊙<20◎<30◎<40◎其他 口上网 口旅游 回运动 口文学 我喜欢上阿,希望我们能成为好阴灰 【课后小结】 本次课的学习,学会利用表格布局网页中的内容,并能熟练使用图片的分块链接与热 区链接操作
湖北职院计算机科学与技术系理论课教案—《网页设计》 【课后小结】 本次课的学习，学会利用表格布局网页中的内容，并能熟练使用图片的分块链接与热 区链接操作
