《网页设计与制作（第二版）Dreamweaver CS5》中职全套教学课件.pptx

网页设计与制作（第二版）全套可编辑PPT课件

目录DIRECTORY01DreamweaverCS5入门05插入图像02创建站点06插入多媒体03设置首页07建立网页链接04DreamweaverCS5编辑文本08表格全套可编辑PPT课件

目录DIRECTORY09使用Div标签和APDiv10框架11表单12CSS样式13行为14资源15模板和库16站点上传和维护全套可编辑PPT课件

01DreamweaverCS5入门全套可编辑PPT课件

1.能描述网页设计的概念、构成、类型和用色技巧。2.会应用DreamweaverCS5。3.能够熟知网页设计工具。4.通过对典型人物事迹的挖掘，激发学生的学习动力。任务目标全套可编辑PPT课件

1任务实施

（一）网页网页（WebPage）其实就是一个用来传输各种信息的文件，它能在网上传输并被浏览器识别和翻译成页面，然后显示在计算机屏幕上。简单地说，通过浏览器在WWW上所看到的每一幅画面都是一个网页，如图1-1所示。一、网页制作基础知识

一、网页制作基础知识1.静态网页早期的网页都是一些静态网页，这些静态网页也称为静态HTML文件，它是一次性生成，制作好后，内容相对稳定，不需经常修改，文件比较小，适合在网上传输，执行效率很高。但具有固定信息的HTML文件，当需要改变其信息内容时，就必须重新使用设计工具来更改，然后重新放置在WWW服务器上。2.动态网页动态网页指所设计的网页能够动态地、随数据库内容不断变化地显示数据库中的信息，又称为网页应用程序，在WWW上可以看到大量的各种各样的动态网页，如以.php、.asp、.cgi、.jsp等为后缀结尾的文件。

一、网页制作基础知识（二）网站●门户网站：通常是指涉及领域非常广的综合性网站，如国内著名的3大门户网站——搜狐、网易、新浪，图1-2为新浪网站的首页。

一、网页制作基础知识（二）网站●职能网站：通常是一些公司对其产品进行介绍或对其所提供的售后服务进行说明而建立的网站，“瑞星反病毒资讯网”网站，如图1-3所示。

一、网页制作基础知识（二）网站●个人网站：是指一些由个人开发建立的网站，这种网站在内容和形式上具有较强的个性化，通常都是宣传自己或是展示个人兴趣爱好的，如图1-4所示。

一、网页制作基础知识（二）网站●专业网站：是指专门以某个主题为内容方向的网站，通常这种网站都以某个单一的题材作为网站的内容，如图1-5所示网站就是一个以读书为主题的专业网站。

一、网页制作基础知识（三）网站地址通常，浏览器（如InternetExplorer）地址栏中输入的地址为网站地址。如是四川大学的网站地址，其中cn代表中国，edu代表教育机构，scu是四川大学的域名。

一、网页制作基础知识（四）网页的基本构成不同性质的网站，构成网页的基本元素是不同的。一般情况下，网页的构成包括网页标题、网页导航栏、网页标志、网页Banner、主内容区、页脚版权信息等，如图1-6所示。

一、网页制作基础知识（五）网页布局的方法在制作网页前，可以先画出网页布局的草图，也就是规划网页的布局。网页布局的方法有两种，一种为纸上布局法，另一种为软件布局法，下面分别进行介绍。2.软件布局法如果不喜欢用纸来画出布局示意图，那么可以利用Photoshop、Fireworks等软件来完成这些工作。利用软件可以方便地使用颜色、图形，并且可以利用层的功能设计出用纸张无法实现的布局意念。02011.纸上布局法新建的页面就像一张白纸，没有任何表格、框架和约定组成的东西，尽可能地发挥想象力，将想到的“景象”画上。这属于创造阶段，不必考虑细节功能，只要用粗犷的线条勾勒出创意的轮廓即可。并且尽可能多地画几张草图，最后选定一张满意的来创作。

一、网页制作基础知识（六）常见的网页版式类型网页内容在页面上有规则地排列布置，就称为网页的排版。网页版式类型就是各种不同排版方式的组合。网页的版式是可以随心所欲设计的，比较常用的有以下几种。1.满版型该类型的网页版式没有明显的分界形式，通常由一个整体的图案或是一个Flash动画完成网页内容的安排。个人网站和一些时尚站点多采用此类版式，如图1-7所示。

一、网页制作基础知识（六）常见的网页版式类型网页内容在页面上有规则地排列布置，就称为网页的排版。网页版式类型就是各种不同排版方式的组合。网页的版式是可以随心所欲设计的，比较常用的有以下几种。2.左中右型该类型的网页版式是在网页的左边显示导航栏，中间显示正文内容，右侧则通常安排一些友情链接或页边广告条，如图1-8所示。

一、网页制作基础知识（六）常见的网页版式类型网页内容在页面上有规则