第一节网页制作基础研讨.ppt

认识HTML HTML是一种基于网络的格式化语言，它是HyperText Markup Language的首字母缩写，中文称作“超文本标记语言”。 一个网页文件，我们通过浏览器看到的是它图文并茂的效果，而其本质就是由HTML所编写的代码页面。 实践 同学们在浏览器上输入清华大学网址：/，观看它的效果图。再通过浏览器中“查看源代码”的功能，查看该网页的HTML代码页面，从中分析一下不同代码语句起到不同的作用和功能。 * 第1节 网页制作基础 网页设计与制作 教学目标： 1、了解网页的主要构成内容 。 2、了解常用的网页制作工具。 3、学会网页的布局。 4、掌握网页制作的基本方法。 5、学会利用表格对网页进行布局。 * * 1.1认识网页 Flash动画 导航栏 GIF动画 文字 表单 图片 超级链接 * * 1.1.1网页中的元素 1.文字 2.图像 3.表单 4.Flash动画 5. 表格 6. 超级链接 7. 视频、音频 8. POP窗口 9. 标题栏和状态栏文字 　　　 　 1.2 了解网页制作工具 由于网页元素的多样化，要想制作出精致美观、丰富生动的网页，不是单纯依靠一种网页编辑软件所能实现的，往往需要多种软件的互相配合，如同时应用网页布局软件Dreamweaver、图像处理软件Photoshop、动画制作软件Flash等。 常用的网页编辑软件有FrontPage和Dreamweaver等。Dreamweaver因其功能全面、操作灵活、专业性强，而受到网页制作人员的青睐。在制作网页时，经常使用的图像处理软件有Fireworks和Photoshop。Dreamweaver、Fireworks和Flash一度被称为“网页三剑客”，不过，现在，一般将Dreamweaver、Photoshop和Flash称为“新网页三剑客”。Flash是目前最常用的网页动画制作软件。用Flash制作的动画文件小，利于网上发布，而且还能制作出具有交互功能的动画，并能很方便地与网页建立链接。作为一般网页制作人员，掌握了这3种软件，就可以制作出精美的网页。本书将重点介绍Dreamweaver CS3的使用方法，同时兼顾介绍Photoshop CS3、Flash CS3的使用方法。 1.3 网页布局类型 国字型 匡字型 三字型 川字型 其他类型 1.3.1 国字型 国字型也称同字型，即最上面是网站的标题以及横幅广告条，接下来是网站的主要内容，最左侧和最右侧分列一些小条目内容，中间是主要部分，最下面是网站的一些基本信息、联系方式、版权声明等。这是使用最多的一种结构类型。 1.3.2 匡字型 匡字型也称拐角形，这种结构与国字型结构很相近，上面是标题及广告横幅，下面左侧是一窄列的链接等，右侧是很宽的正文，下面也是一些网站的辅助信息。 1.3.3 三字型 这是一种比较简洁的布局类型，其页面在横向上被分隔为3部分，上部和下部放置一些标志、导航条、广告条和版权信息等，中间是正文内容。 1.3.4 川字型 整个页面在垂直方向上被分为3列，内容按栏目分布在这3列中，最大限度地突出栏目的索引功能。