《网页设计与制作》课件-项目十二 完善育才学校网站_第1页
《网页设计与制作》课件-项目十二 完善育才学校网站_第2页
《网页设计与制作》课件-项目十二 完善育才学校网站_第3页
《网页设计与制作》课件-项目十二 完善育才学校网站_第4页
《网页设计与制作》课件-项目十二 完善育才学校网站_第5页
已阅读5页,还剩9页未读, 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

Dreamweaver网页制作基础教程项目十二整合网站

核心技术链接的综合应用

CSS+Div的综合应用表格布局的综合应用任务目标完善育才学校网站能力目标

网页链接的熟练应用复杂表格的综合应用

CSS+Div的综合应用项目背景网站制作过程中的一个步骤是把前台美工制作的图片形式的页面转换为HTML网页,另一个步骤是对网站的各个分页面进行整合。需要网站设计人员利用网站管理技术,把各分页面通过网页链接的形式连接起来,形成一个完整的网站前台页面。项目分析本项目包含了网站中各分页面,在页面整合过程中,由于各部分相对独立,因而只是一个模拟整合的过程。前面11个各项目中制作的文件以文件夹的形式分别复制到“项目12”文件夹中备用。任务一网页中的文本任务描述学校网站各分页面已经完成,需要网站设计人员利用网站管理技术,把各分页面通过网页链接的形式连接起来,形成一个完整的网站前台页面。任务准备“项目1”到“项目12”文件夹的内容。任务实施图12.1.1素材文件组合步骤1:在Dreamweaver中建立一个站点,指向“项目12”文件夹。步骤2:将“项目1”~“项目11”文件夹分别复制到“项目12”目录中,如图12.1.1所示。步骤3:“学校简介”链接页面效果如图12.1.2所示。图12.1.2“学校简介”链接页面效果步骤4:“新闻动态”链接页面效果如图12.1.3所示。图12.1.3“新闻动态”链接页面效果步骤5:“学生工作”链接页面效果如图12.1.4所示。图12.1.4“学生工作”链接页面效果步骤6:“招生就业”链接页面效果如图12.1.5所示。图12.1.5“招生就业”链接页面效果步骤7:“党团建设”链接页面效果如图12.1.6所示。图12.1.6“党团建设”链接页面效果步骤8:“领导信箱”链接页面效果如图12.1.7所示。图12.1.7“领导信箱”链接页面效果步骤9:“校园明星”链接页面效果如图12.1.8所示。图12.1.8“校园明星”链接页面效果步骤10:“下载专区”链接页面效果如图12.1.9所示。图12.1.9“下载专区”链接效果步骤11:依次设定从主页单击进入的二级页面的导航信息,尤其是网站首页需要链接到“项目12/index.html”网页。保证所有页面单击后可以返回到主页。任务总结通过本任务的完成,可以对于网站前台设计有一个整体的认识。通过完成给定图片的网页的制作可以了解网页

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论