SlideShare a Scribd company logo
1 of 2
网站首页的制作
教学目的和要求:
1. 掌握网站首页图片版向网页版转变的方法
2. 掌握网站首页图片版向网页版转变的原则
3. 一些动态效果的设计


教学重点和难点:
1. 网站首页图片制作成 HTML 格式的网页
2. 网站首页图片切割的方法和原则


教学方法和手段:
   上机实践

教学过程:
见下页
上机实践内容:
  1.    请 你 将 已 经 制 作 完 成 的 网 站 首 页 图 片 , 用 fireworks 进 行 切 割 后 , 再 使 用
        dreamweaver 制作成 html 格式的网站首页。
  2.    注意事项:
     (1) 切割后的图片,每张大小不得超过 200K
     (2) 每分出一张图片都应以合适的能体现该图片内容或者位置的英文单词或者拼
          音作为其名称
      (3) 根据图片的特性,选择合适的格式进行保存。
      (4) 切割后的图片,均存入站点文件夹中,index 文件夹的 images 文件夹中
      (5) 在 Index 文件夹中新建 index 页面,使用布局表格,将分割出的图片,拼凑成
          页面。注意页面的布局表格制作方法和界面中的可操作性:如是否能让内容无
          限延长,而界面不会发生错误或者错版。

More Related Content

More from oldtaotao

Dreamweaver mx2004
Dreamweaver mx2004Dreamweaver mx2004
Dreamweaver mx2004oldtaotao
 
助理网络编辑师试题
助理网络编辑师试题助理网络编辑师试题
助理网络编辑师试题oldtaotao
 
11网络新闻的页面设计
11网络新闻的页面设计11网络新闻的页面设计
11网络新闻的页面设计oldtaotao
 
适时新闻
适时新闻适时新闻
适时新闻oldtaotao
 
网络采访
网络采访网络采访
网络采访oldtaotao
 
网络采访
网络采访网络采访
网络采访oldtaotao
 
适时新闻
适时新闻适时新闻
适时新闻oldtaotao
 
专题——内容策划
专题——内容策划专题——内容策划
专题——内容策划oldtaotao
 
15网络新闻标题
15网络新闻标题15网络新闻标题
15网络新闻标题oldtaotao
 
14网络新闻编辑2
14网络新闻编辑214网络新闻编辑2
14网络新闻编辑2oldtaotao
 
13网络新闻编辑
13网络新闻编辑13网络新闻编辑
13网络新闻编辑oldtaotao
 
11网络新闻的页面设计
11网络新闻的页面设计11网络新闻的页面设计
11网络新闻的页面设计oldtaotao
 
03网络新闻专题2
03网络新闻专题203网络新闻专题2
03网络新闻专题2oldtaotao
 
02网络新闻专题
02网络新闻专题02网络新闻专题
02网络新闻专题oldtaotao
 
07检索语言
07检索语言07检索语言
07检索语言oldtaotao
 
01课程教学说明
01课程教学说明01课程教学说明
01课程教学说明oldtaotao
 
05检索技术
05检索技术05检索技术
05检索技术oldtaotao
 
04检索语言
04检索语言04检索语言
04检索语言oldtaotao
 
长沙民政职业技术学院应用研究项目申报表
长沙民政职业技术学院应用研究项目申报表长沙民政职业技术学院应用研究项目申报表
长沙民政职业技术学院应用研究项目申报表oldtaotao
 

More from oldtaotao (20)

Dreamweaver mx2004
Dreamweaver mx2004Dreamweaver mx2004
Dreamweaver mx2004
 
助理网络编辑师试题
助理网络编辑师试题助理网络编辑师试题
助理网络编辑师试题
 
11网络新闻的页面设计
11网络新闻的页面设计11网络新闻的页面设计
11网络新闻的页面设计
 
适时新闻
适时新闻适时新闻
适时新闻
 
网络采访
网络采访网络采访
网络采访
 
网络采访
网络采访网络采访
网络采访
 
适时新闻
适时新闻适时新闻
适时新闻
 
专题——内容策划
专题——内容策划专题——内容策划
专题——内容策划
 
15网络新闻标题
15网络新闻标题15网络新闻标题
15网络新闻标题
 
14网络新闻编辑2
14网络新闻编辑214网络新闻编辑2
14网络新闻编辑2
 
13网络新闻编辑
13网络新闻编辑13网络新闻编辑
13网络新闻编辑
 
12
1212
12
 
11网络新闻的页面设计
11网络新闻的页面设计11网络新闻的页面设计
11网络新闻的页面设计
 
03网络新闻专题2
03网络新闻专题203网络新闻专题2
03网络新闻专题2
 
02网络新闻专题
02网络新闻专题02网络新闻专题
02网络新闻专题
 
07检索语言
07检索语言07检索语言
07检索语言
 
01课程教学说明
01课程教学说明01课程教学说明
01课程教学说明
 
05检索技术
05检索技术05检索技术
05检索技术
 
04检索语言
04检索语言04检索语言
04检索语言
 
长沙民政职业技术学院应用研究项目申报表
长沙民政职业技术学院应用研究项目申报表长沙民政职业技术学院应用研究项目申报表
长沙民政职业技术学院应用研究项目申报表
 

Recently uploaded

1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...微信 tytyqqww业务接单
 
taibif_資料標準概念介紹_20240509_20240509_20340509.pdf
taibif_資料標準概念介紹_20240509_20240509_20340509.pdftaibif_資料標準概念介紹_20240509_20240509_20340509.pdf
taibif_資料標準概念介紹_20240509_20240509_20340509.pdfjhujyunjhang
 
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个michaelell902
 
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习PUAXINYEEMoe
 
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdftaibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdfjhujyunjhang
 
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptxbusinesshealthwise
 

Recently uploaded (6)

1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
 
taibif_資料標準概念介紹_20240509_20240509_20340509.pdf
taibif_資料標準概念介紹_20240509_20240509_20340509.pdftaibif_資料標準概念介紹_20240509_20240509_20340509.pdf
taibif_資料標準概念介紹_20240509_20240509_20340509.pdf
 
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
 
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
 
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdftaibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
 
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
 

06上机:网站首页的制作

  • 1. 网站首页的制作 教学目的和要求: 1. 掌握网站首页图片版向网页版转变的方法 2. 掌握网站首页图片版向网页版转变的原则 3. 一些动态效果的设计 教学重点和难点: 1. 网站首页图片制作成 HTML 格式的网页 2. 网站首页图片切割的方法和原则 教学方法和手段: 上机实践 教学过程: 见下页
  • 2. 上机实践内容: 1. 请 你 将 已 经 制 作 完 成 的 网 站 首 页 图 片 , 用 fireworks 进 行 切 割 后 , 再 使 用 dreamweaver 制作成 html 格式的网站首页。 2. 注意事项: (1) 切割后的图片,每张大小不得超过 200K (2) 每分出一张图片都应以合适的能体现该图片内容或者位置的英文单词或者拼 音作为其名称 (3) 根据图片的特性,选择合适的格式进行保存。 (4) 切割后的图片,均存入站点文件夹中,index 文件夹的 images 文件夹中 (5) 在 Index 文件夹中新建 index 页面,使用布局表格,将分割出的图片,拼凑成 页面。注意页面的布局表格制作方法和界面中的可操作性:如是否能让内容无 限延长,而界面不会发生错误或者错版。