《Dreamweaver CC网页设计与制作教程》课件——第15章 综合应用实例.pptVIP

《Dreamweaver CC网页设计与制作教程》课件——第15章 综合应用实例.ppt

此“教育”领域文档为创作者个人分享资料,不作为权威性指导和指引,仅供参考
  1. 1、本文档共24页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多

第15章综合应用实例本章主要内容本章结合前面各章知识介绍一个“示范校建设”网站的制作实例。15.1网站规划15.2定义站点(1)选择菜单栏的“站点”→“管理站点”命令,弹出“管理站点”对话框。(2)在“站点设置对象”对话框中的左栏选择“服务器”。(3)单击按钮,弹出服务器对话框,在其中定义站点根文件夹的URL并填写其他信息.(4)单击“测试”按钮,DreamweaverCC启动连接测试,测试成功后弹出成功连接信息框。(5)单击“服务器”对话框中的“高级”选项卡,勾选“维护同步信息”和“保存时自动将文件上传到服务器”。(6)单击“保存”按钮,完成服务器设置.(7)单击“站点设置对象”对话框中的“保存”按钮,完成站点设置,回到“管理站点”对话框。(8)单击“完成”按钮,保存站点设置。15.3网站模板制作15.3.1页面规划页面的规划就是对网页的版面进行布局,主要任务是将web页面分割成用于安排文字、图像等各种屏幕元素的各个区域。采用传统的“上中下”型布局,上部放置网站logo和导航;中间是页面的主要部分,放置具体内容;下部是板权、网站所有者的地址、联系电话等信息。如图15-10所示。15.3.2布局设计采用“Div+CSS”模式来进行布局的设定。1)在DWCC中打开文档“StateTemplatePage.html”,选择“插入”→“结构”→“页眉”,命名其ID号为“top”,单击“确定”按钮,DWCC在文档中自动插入ID为top的页眉。2)依次插入ID号为container的主结构和ID号为footer的页脚。15.3.3使用CSS样式打开“CSS设计器”面板,在“源”窗格上单击添加“+”按钮,选择“创建新的CSS文件”;在弹出的“创建新的CSS文件”对话框中,“添加为”选择“链接”;单击文本框后面的“浏览”按钮,弹出“将样表文件另存为”对话框。右键单击“名称”栏下面的空白处,在弹出的右键菜单中选择“新建”→“文件夹”。新建文件夹“inc”,在文件夹“inc”中,新建CSS文件“page.css”在“page.css”中添加页面上各种“选择器”的样式。15.3.4制作页眉1.插入Logo2.插入导航栏3.插入导航栏列表项如图15-25所示。15.3.5制作页脚在“CSS设计器”面板中添加页脚选择器#footer,设置其属性。在页脚内插入ID号为“bl”、“bm”和“br”的三个层。层“bl”中插入图像“bl.jpg”,层“br”中插入图像“br.jpg”并为图像创建链接,层“bm”中插入版权信息。如图15-26所示。15.3.6制作模板页主要可编辑区域选择菜单“插入”→“模板”→“创建模板”命令,为其输入名字StateTemplatePage,并保存。在主结构中,“插入”→“模板”→“可编辑区域”,在弹出的“新建可编辑区域”对话框中输入相应的可编辑区域名称。15.4首页制作15.4.1首页规划首页规划就是对网页的版面进行布局。首页设计图是由美工师用ps等作图工具设计好,然后网页设计师根据首页设计图进行编码设计。本网站的首页设计图如图15-27所示。15.4.2使用模板创建首页在DWCC中,选择“网站模板”→“StateTemplatePage.dwt”,创建示范校首页“index.html”。15.4.3制作首页主要部分1.构建主页2.插入幻灯片3.插入文字条新闻4.插入视频5.插入动画15.5二级页面制作15.5.1制作二级页面模板二级页面模板“SecondTemplate.html”布局分为两栏,左栏为边栏“aside”,是二级页面的导航栏,制作方法同“插入文字条新闻”一样;右栏为主要内容“cont”,从上到下分为面包屑导航栏“slider”和文章结构“article”。如图15-31所示。15.5.2编辑二级页面主要部分选择“网站模板”→“SecondTemplate.html”,创建二级页面。编辑右栏的章节部分页面内容。修改日期和标题,把空链接“#”换成其相对应的页面地址。二级页面之一“notice.html”运行,效果如图15-34所示。**示范校建设建设动态重点专业特色项目资金投入贡献示范媒体宣传经验交流新闻动态通知公告机电技术机械加工要闻速递工作简报校企合作校园文化专项资金资金管理成果展示佐证材料平面媒体网络媒体视频媒体联系方式资料下载图15

您可能关注的文档

文档评论(0)

青柠职教 + 关注
实名认证
服务提供商

从业10年,专注职业教育专业建设,实训室建设等。

1亿VIP精品文档

相关文档