网络信息编实务第七章 网页制作.pptVIP

第七章 网页制作 第七章 网页制作 第七章 网页制作 【任务提出】 【任务分析】 本次主要任务是设计和制作网页模板，然后利用模板来快速制作网页并进行页面的日常维护。本次任务涉及到如下内容： 【任务分解】 任务1 网页基础知识 任务1 网页基础知识 任务1 网页基础知识 任务1 网页基础知识 ?实例1：分析网络视频的编排结构 〖知识要点〗 〖举一反三〗 〖举一反三〗 任务2 HTML基础 ?实例2：一个简单的HTML文件 〖知识要点〗 〖举一反三〗 任务3 网页设计 ?实例3：不同的颜色搭配，它所表现出来的效果也不同 〖知识要点〗 〖知识要点〗 〖知识要点〗 〖举一反三〗 任务4 网页制作 任务4 网页制作 任务4 网页制作 〖知识要点〗 〖举一反三〗 1．根据本章所讲的内容创建一个站点，并制作此站点的首页。同时思考下列问题： 问题1：如何创建站点？如何对已有的站点进行属性的编辑？ 问题2：网站的首页如何命名？ 问题3：进行网页布局的方法有哪些？ 问题4：如何在网页中插入文本、水平线、图像、日期、Flash动画、背景音乐等？ 问题5：超链接的类型有哪些？各自有什么作用？ 问题6：在Dreamweaver中创建超链接的方法有哪些？ 问题7：图像热点有什么作用？如何创建图像热点？ 问题8：如何创建锚记？ 2．在上题建立的站点中创建一个超链接的CSS外部样式，去掉超链接对象的下划线，并在整个站点内应用此样式。同时思考下列问题： 问题1：CSS样式有哪些作用和特点？ 问题2：CSS样式的类型有哪些？ 问题3：如何创建不同类型的CSS样式？ 问题4：如何应用CSS样式？ 〖举一反三〗 3．将1题中制作的网站首页进行改进后创建为模板，并应用此模板快速创建几个其他的页面文件。同时思考下列问题： 问题1：模板有什么作用？ 问题2：创建模板的方法有哪些？ 问题3：应用模板的方法有哪些？ 问题4：如何更新模板？ 问题5：模板区域的类型有哪些？各有什么作用？ 4．从互联网上下载商业网站模板，将其修改成自己的网页模板。 绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛； 蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛； 红色和黄色、金色的搭配，能渲染喜庆的气氛； 金色和粟色的搭配，则会给人带来暖意。 网页导航要清晰，容易查找，设计人员可以更改超链接的叙述性文字和颜色，以丰富网页的色彩表现。 清晰的导航应该做到使读者进入目的页的点击次数一般不超过3次。 将篇幅过长的文档分隔成数篇较小的页面，可以增加界面的亲和性。 4．设计网页导航 在较长的网页内提供目录表和大标题。一般网页的长度以不超过3个屏幕高度为佳。 不要将超链接链到未完成的页面上，不要在一篇短文里提供太多的超链接。 任务3 网页设计 网站建设的步骤 网页设计 页面设计的技巧 1．设计网页导航 1．网站建设的步骤 搜集材料 确定网站 主题 规划网站 选择合适 制作工具 制作网页 页面风格要统一 合理设计视觉效果 慎用图像 网页设计的技巧 慎用Java程序 页面的有效性 2．网页设计的技巧 1．浏览新华网、和讯网、中国博客网的首页，分析它们所采用的网页版面布局的形式，并思考下列问题： 问题1：网页版面布局的类型有哪些？各有什么特点？ 问题2：网页版面布局的原则有哪些？ 2．网站的内容风格不同，需要用不同的色调来衬托。浏览新浪网、人民网、微软网站，对比其运用色调的不同，同时思考下列问题： 问题1：网页色彩设计的原则有哪些？ 问题2：网页色彩设计的技巧有哪些？ 问题3：上述网站色调的设计体现了网站创意设计的哪些原则？ 3．对将要建设的网站进行整体风格、主色调、页面内容的安排等设计，并思考下列问题： 问题1：页面设计的步骤有哪些？ 问题2：页面设计的原则有哪些？ 问题3：如何对网页进行导航设计？ 制作网页 应用CSS样式 创建网页模板 任务实施 本任务的目标是根据页面的设计，使用网页制作工具Dreamweaver来制作网页模板。 1．制作网页 创建站点 Dreamweaver 启动 页面创建 与保存 网页布局 定位 制作网页 1．制作网页 插入文本 插入水平线 超链接 插入图像 插入翻转图像 插入版权、日期 插入Flash动画 插入背景音乐 插入视频 CSS样式表的类型 嵌入式样式 内联式样式 外部样式 CSS（C