《中文版Dreamweaver CS3网页制作实用教程》课件第7章
Dreamweaver CS3网页制作基础教程-教学大纲
《Dreamweaver CS3中文版网页制作基础》课程教学大纲一、课程性质和任务本课程是网页制作的一门实用课程，是网络类专业的一门实践性很强的技术基础课。
它的主要任务是培养学生规划、设计和制作网站的实际技能。
二、课程教学目标1、掌握Dreamweaver CS3界面的组成与使用方法2、掌握创建和发布站点的基本方法3、掌握首选参数及页面属性的设置方法4、掌握文本、图象、多媒体的主要属性与设置方法5、掌握制作超级链接的方法6、掌握表格的创建、编辑与属性设置方法7、掌握框架结构网页的制作方法8、掌握使用AP Div和CSS样式布局网页的方法9、掌握使用时间轴创建动画的方法10、掌握使用模板和库项目创建网页的方法11、掌握使用行为和Spry构件的方法12、掌握使用表单设计网页的方法13、掌握创建ASP应用程序的方法四、教学内容和基本要求第1章Dreamweaver CS3概况∙了解Dreamweaver CS3的基本概况。
∙熟悉Dreamweaver CS3的工作界面。
∙掌握常用工具栏和面板的基本使用方法。
∙了解Dreamweaver CS3的新特性。
第2章规划、创建和管理站点∙了解网站制作的一般流程。
∙了解网页布局的基本方式。
∙了解网页色彩搭配的基本原理。
∙掌握定义站点的基本方法。
∙掌握设置首选参数的基本方法。
∙掌握创建文件夹和文件的基本方法。
∙掌握编辑、复制和删除站点的基本方法。
∙掌握导出和导入站点的基本方法。
第3章创建和设置文档∙掌握创建、打开、保存和关闭文档的方法。
∙掌握添加文档内容的方法。
∙掌握设置文档格式的方法。
第4章使用图像和媒体∙了解网页中常用图像的基本格式。
∙掌握插入图像和设置图像属性的方法。
∙掌握插入图像占位符的方法。
∙掌握设置网页背景颜色和背景图像的方法。
∙掌握插入Flash动画、图像查看器、ActiveX视频的方法。
第5章设置超级链接∙了解超级链接的种类。
∙掌握设置文本和图像超级链接的方法。
《中文版Dreamweaver CS3网页制作实用教程》课件第7章
更改行为
在添加行为之后，可以更改触发动作的事件、添加或删除动作以及更改动作 的参数。这时应首先选择一个有附加行为的对象，接着选择“窗口”|“行为” 命令打开“行为”面板，具体操作方法如下。 要编辑动作的参数，双击该行为名称，然后更改相应对话框中的参数并单击 “确定”按钮。 要更改动作的顺序，可以在选中该行为后单击上下箭头按钮。 要删除某个行为，可以在选中该行为后单击按钮或按 Delete 键。
7.3.2 使用行为
在Dreamweaver CS3中，可以将行为附加给整个文档、链接、图像、表单 元素或其他任何HTML元素。并由浏览器决定哪些元素可以接收行为，哪些元 素不能接收行为。在对象附加行为动作时，可以一次为每个事件关联多个动作， 动作的执行按照在“行为”面板的动作列表中的顺序执行。
中文版Dreamweaver CS3实用教程
中文版Dreamweaver CS3实用教程
7.1.1 CSS的基本概念
CSS，是用来控制一个网页文档中的某文本区域外观的一组格式属性。使用 CSS能够简化网页代码，加快下载速度，减少上传的代码数量，从而可以避免 重复操作。CSS样式表是对HTML语法的一次重达革新，它位于文档的<head> 区，作用范围由CLASS或其他任何符合CSS规范的文本来设置。对于其他现 有的文档，只要其中的CSS样式符合规范，Dr3实用教程
7.3
认识行为
行为是指在网页中进行的一系列动作，通过这些动作，可以实现用户同网页 的交互，也可以通过动作使某个任务被执行。在Dreamweaver中，行为由事 件和动作两个基本元素组成。通常动作是一段JavaScript代码，利用这些代码 可以完成相应的任务；事件则由浏览器定义，事件可以被附加到各种页面元素 上，也可以被附加到HTML标记中，并且一个事件总是针对页面元素或标记而 言的。 行为的概念 使用行为 更改行为
网页设计DreamweaverCS3教案(华东师范大学)
第 7章建立框架网页教学目标：1．能够理解框架的作用2．能够合理使用框架划分窗口布局3．能够明白框架和框架集的关系4．能在框架中创建编辑网页5．能在框架中打开已有的网页进行编辑6．能够正确保存框架和框架集7．能够理解和编辑框架的属性教学重点：绘制布局表格、绘制布局单元格、设置布局表格和布局单元格的属性教学难点：绘制嵌套布局表格教学课时：理论：2课时实训：4课时教学方法：讲授法、任务驱动法。
教学过程:一、导入新课网页布局技术还有一种，叫做框架。
然而框架本质上是一种浏览器窗口的分割技术。
而前面我们学习的表格和层的布局方式则属于页面分割技术，只是对一个网页的页面做了的划分，在页面不同的位置放置不同的内容，但这些内容仍在同一个页面上。
利用框架，我们可以把浏览器窗口分成几个部分，每一部分都相当于浏览器窗口的一个子窗口，都可以用来显示一个完整的网页，从而可以实现多个页面在浏览器中的同时显示，所以说框架应该算作是一种“窗口”的布局技术。
按照布局要求，把浏览器窗口分成若干子窗口，并在各个子窗口中显示具有不同内容的网页，这些网页有机的结合在一起，达到一个完整的布局效果。
二、讲授新课（一）、框架和框架集的概念框架是一种窗口分割布局技术，利用框架我们可以把窗口分成规划好的若干子窗口，每一个框架都相当于一个子窗口，我们可以在框架中编辑和显示一个完整的网页。
不同框架中的网页是互不相干，根据我们的整体规划，可以把不同的信息放置在不同框架中页面上，从而实现我们想要的布局效果。
每一个框架都属于某个框架集，我们可以把框架集中的一个框架拆分，来实现更多子窗口的划分，就像我们项目中一样，这其实是通过在框架集中不断的嵌套子框架集来实现的。
（二）、创建框架在创建框架集或使用框架前，通过选择“查看/可视化助理/框架边框”命令，使框架边框在文档窗口的设计视图中可见。
1、使用预制框架集(1)、新建一个HTML文件，在快捷工具栏选择“布局”，单击“框架”按钮，在弹出的下拉菜单中选择“顶部和嵌套的左侧框架”。
Dreamweaver_CS3网页设计培训教程电子教案07
Dreamweaver CS3网页设计培训教程
2.插入Flash动画
制作网页时必须考虑到网络的下载速度， 所以在插入Flash动画文件之前最好将其 压缩为.swf格式。在网页中插入Flash动 画后，可在【属性】面板中对其进行大小 调整和预览等操作。插入Flash动画的具 体操作请教师参照软件和书中内容进行讲 解。
4.插入插件
如果想在浏览器中访问更多类型的媒体对 象，就必须借助插件。利用插件可以在网 页中插入各种类型的媒体元素。插件包括 的范围很广，如视频文件、音乐文件和动 画文件等。前面介绍的Shockwave影片 就是插件中的一员。 插入插件的具体操作请教师参照软件和书 中内容进行讲解。
Dreamweaver CS3网页设计培训教程
7.2.1 知识讲解 7.2.2 典型案例——在线影院
Dreamweaver CS3网页设计培训教程
7.2.1 知识讲解
下面讲解在Dreamweaver CS3 中插入 Shockwave影片、Java Applet及背景音 乐等的方法。
Dreamweaver CS3网页设计培训教程
7.2.1 知识讲解
1.插入Shockwave影片 2.插入Java Applet 3.插入背景音乐 4.插入插件
Dreamweaver CS3网页设计培训教程
1.插入Shockwave影片
Shockwave影片具有文件小、下载速度 快、被目前主流的浏览器所支持等优点， 广泛应用于网页制作中。它是使用 Director制作的多媒体影片文件。 在Dreamweaver CS3中插入Shockwave 影片的具体操作请教师参照软件和书中内 容进行讲解。
Dreamweaver网页制作实训教程(CS3版)教学课件
1.3.4 测试和发布网站
有了空间和域名后，就可以测试并发布网站了， 网站测试一般包括服务器稳定和安全测试、程序 和数据库测试、网页兼容性测试等。
1.3.5 网站推广
1. 注册到搜索引擎 2. 交换广告条 3. 宣传 4. 网络广告 5. 报纸、杂志
第2章 Dreamweaver CS3入门
初识Dreamweaver CS3 网站创建与管理 页面总体设置
2.2.3 “文件”面板的应用
利用“文件”面板，可以高效地管理站 点。实际操作中，在定义站点后，我们 通常是利用该面板来创建、重命名或打 开站点中的网页文档或文件夹。
在定义了多个站点 后，可利用该下拉 列表选择要进行操 作的站点
2.3 页面总体设置
2.3是检索网页的整个内容，而是只检索 网页中的关键字和说明文本，如果想要自己的 网页能够被搜索引擎检索到，则最好把关键字 设定为人们经常使用的词语。
选择目标 文件所在 文件夹
单击选 择文件
单击“打 开”按钮
5．预览文档
如要预览文档，可在打开文档后单击“文档” 工具栏中的“在浏览器中预览/调试”按钮 ， 在弹出的菜单中选择“预览在IExplore”菜单 项（或直接按【F12】键），在浏览器中打开 文档。
2.2 网站创建与管理
2.2.1 确定站点目录结构
Dreamweaver_CS3实用教程完整版
1.1.1 网页和网站的概念
网页(web)，也就是网站上的某一个页面，它是一个纯文本文件，是向浏览 者传递信息的载体，以超文本和超媒体为技术，采用HTML、CSS、XML等语 言来描述组成页面的各种元素，包括文字、图像、音乐等，并通过客户端浏览 器进行解析，从而向浏览者呈现网页的各种内容。 网站(Website)，它是指在互联网上，根据一定的规则，使用HTML等工具 制作的用于展示特定内容的相关网页集合，它建立在网络基础之上，以计算机、 网络和通信技术为依托，通过一台或多台计算机向访问者提供服务。平时所说 的访问某格站点，实际上访问的是提供这种服务的一台或多台计算机。
第1章 网站的设计与制作简述
Dreamweaver CS3是一款专业的网页制作软件，它具有简单易学、操作 方便以及适用于网络等优点。通过对Dreamweaver CS3的学习，即使没有任 何网页制作经验的用户，也能很容易上手，制作出精美的网页。本章主要介绍 了网页的基本概念、网页设计的构思和设计流程，以及Dreamweaver CS3的 新增特色功能和工作环境等。
1.2.2 网页的设计构思
在制作网页之前，首先要进行网页的设计与构思，主要包括网页的主题、 网页的命名、网站标志、色彩搭配和字体等要素。
1.2.3 网页的布局
网页布局的好坏是决定网页美观与否的一个重要方面。通过合理的布局， 可以将页面中的文字、图像等内容完美、直观地展现给访问者，同时合理安排 网页空间，优化网页的页面效果和下载速度。反之，如果页面布局不合理，网 页在浏览器中的显示将十分糟糕，页面中的各个元素显示效果可能会重叠或丢 失。因此，在对网页进行布局设计时，应遵循对称平衡、异常平衡、对比、凝 视和空白等原则。常见的网页布局形式包括：型布局、T型布局、“三”型布 局、对比布局和POP布局等。
Dreamweaver CS3网页制作
本章任务
1. 能够申请免费的网站空间和域名； 2. 学会配置远程站点； 3. 能将本地站点内容上传到远程服务器中； 4. 能从远程站点中获取网站和文件； 5. 学会设置本地站点与远程站点的同步。
4
7.1 申请网站的空间和域名
1．申请网站空间
收费空间和免费空间的申请方法基本相同，以5944网为例，申请 免费空间，方法是：
14
7.2 上传网站
4．设置站点文件同步
(1) 启动DreamWeaver,在“文件”面板中选择要同步的站点， 单击“文件”面板中的同步按钮，打开“同步文件”对话框，如图 所示 。
“同步文件”对话框
(2) 在“同步”下拉列表中选择其中一个选项。 ·整个“站点名称”站点：同步整个站点。 ·仅选中的本地文件：只同步选择的文件。
15
7.2 上传网站
(3) 在“方向”下拉列表中选择同步时复制文件的方向。 (4) “删除本地驱动器上没有的远端文件”复选框用于选择是否在 目的站点上删除在原始站点上没有对应文件的文件。如果在“方向” 列表中选择了“获得和放置较新的文件”时，该选项不可用。 (5) 单击“预览”按钮，系统开始对每个文件进行检查，完毕后， 出现“Synchronize(同步)”对话框，单击“确定”按钮，开始文件同 步。
“Synchronize”对话框
16
上机实训
实训18 网上安家 申请网Hale Waihona Puke 空间，将本地站点上传到远程服务器。
效果图
17
“希网网络”网站
用户注册页面
7
7.1 申请网站的空间和域名
(3) 打开“希网动态域名_系统提示”页面。启动IE浏览器，打开 注册时输入的邮箱，接收“希网动态域名服务致用户信”并打开，记 下用户名及密码。
零起点Dreamweaver CS3,Flash CS3,Fireworks CS3网页制作培训教程电子教案第7课
7.1 站点维护
7.1.1 知识讲解 7.1.2 典型案例——检测snsp站点
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
7.1.1 知识讲解
本节将介绍链接和浏览器兼容性的检测方 法。
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
2. 检测浏览器的兼容性
在【结果】面板中单击【浏览器兼容性 检查】选项卡，如下图所示。
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
7.1.2 典型案例——检测snsp站点
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
7.2 上传站点内容
7.2.1 知识讲解 7.2.2 典型案例——上传snsp站点内容
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
7.2.1 知识讲解
7.3.1 检测网站链接
操作思路：
打开自己制作的站点中的任意页面。 打开【结果】面板，在【链接检查器】选项卡 中指定检测的对象。对当前网页中的断开的链 接、孤立文件和外部链接进行检测。 对整个站点进行断开的链接、孤立文件和外部 链接的检测，并修复链接。
Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程
1. 申请域名
域名申请有两种方式：一是到域名代理申请机 构申请购买，二是在网络上申请。 除了有收费的域名，还有免费的域名。但这些 免费的域名可能有附加的条件，如不支持整个 网站的上传，只允许在该空间中输入一些内容； 或允许用户上传，但必须在该页面上有广告等。 如果用户需要一个自由上传的空间，在申请时 还需要查看给定的空间是否支持ASP，JSP和 PHP上传，如果支持，用户就可以上传相应的 内容到网络中。
使用Dreamweaver制作基本网页PPT课件
网页设计与制作技术
回菜单
视图模式
【设计】视图 : 完全可编辑的可视化 表示形式
所见即所得
网页设计与制作技术
回菜单
视图模式 【代码】视图 :
用于编写和编辑HTML 、 JavaScript等服务器语 言代码
手工编码环境
网页设计与制作技术
网页设计与制作技术
自定义ID ➢ 用户可以自己定义一个ID作为选择符，ID跟独立
的类class选择符的功能一样，语法和用法不同。 ➢ 定义方法：
# ID名{属性1:属性值1；属性2：属性值2…} #yellowone {color:yellow} <p ID=“yellowone”>hello</p>
有序列表的HTML代码如下： <ol>
<li>诺基亚6708手机 </li> <li>备用手写笔 ( 1支) </li> <li>标准电池 (1块) </li> <li>旅行充电器</li> <li>立体声耳机</li> </ol>
无序列表的HTML代码如下： <ul>
<li>录音功能</li> <li >智能语音识别</li> <li >语音命令</li> <li >PC同步功能 </li> <li>红外线和USB传输</li> </ul>
网页设计与制作技术
2.2.4 属性面板 ➢ “属性”面板可以检查和编辑当前选定页面元素的
《中文版Dreamweaver CS3网页制作实用教程》课件第9章
中文版Dreamweaver CS3实用教程
9.2
使用模板创建文档
在Dreamweaver CS3中，可以以模板为基础创建新的文档，或将一个模板应 用于已有的文档。 创建基于模板的文档 在现有文档上应用模板 从模板中分离文档 更新基于模板的页面
中文版Dreamweaver CS3实用教程
中文版Dreamweaver CS3实用教程 教学重点与难点
设置文字样式 使用模板 定义模板的区域 使用模板创建文档 创建和编辑库项目
中文版Dreamweaver CS3实用教程
9.1 使用模板
在Dreamweaver CS3中有多种创建模板的方法，可以创建空白模板，也 可以创建基于现存文档的模板，除此之外，还可以将现有的HTML文档另存为 模板，然后根据需要加以修改。 创建模板 编辑模板 定义模板区域和设置模板参数
中文版Dreamweaver CS3实用教程
9.2.4
更新基于模板的页面
当改变文档模板时，系统会提示是否更新基于该模板的文档，同时也可以使 用更新命令来更新当前页面或整个站点。
中文版Dreamweaver CS3实用教程
9.3
创建、管理和编辑库项目
库用来存放文档中的页面元素，如图像、文本、Flash动画等。这些页面 元素通常被广泛使用于整个站点，并且能被重复使用或经常更新，因此它们被 称为库项目。 创建库项目 管理和编辑库项目
9.2.1 创建基于模板的文档
要创建基于模板的新文档，选择“文件”|“新建”命令，打开“新建文档” 对话框，单击“模板中的页”选项，打开该选项对话框，如图所示。在“站点” 列表框中选择模板所在的站点，在“站点的模板”列表框中选择所需创建文档 的模板，单击“创建”按钮，即可在文档窗口中打开一个基于模板的新页面， 在该页面中可以创建新的文档，如图所示。
Dreamweaver CS3 网站设计指南说明书
1 DESIGNING WEBSITES WITH DREAMWEAVER CS3 20:311 Comparing Web Design Options2 Appreciating CSS Advantages3 Reviewing Old School Designs4 Creating Dynamic Sites5 Reviewing Site Di erences2 CREATING A NEW WEBSITE 43:441 Creating a New Site2 Creating a New Page3 Adding Images with Alternate Text4 Inserting & Formatting Text5 Aligning Images with the Property Inspector6 Using the Page Properties Dialog Box7 Linking to Pages in a Site8 Creating an Email Link9 Linking to Other Websites10 Testing & Targeting Links11 Organizing Files & Folders3 CUSTOMIZING THE INTERFACE 24:331 Introducing the Workspace2 Opening an Existing Site3 Working in Code, Design & Split Views4 Customizing the Insert Bar5 Use the Properties Inspector & the Tag Selector6 Reviewing Menu Options & Preferences7 Comparing the Macintosh® & PC Interfaces8 Previewing in Browsers & Device Central4 CREATING & INSERTING IMAGES 22:301 Optimizing Images for the Web2 Saving GIFs & PNGs in Photoshop®3 Inserting GIFs in Dreamweaver4 Adjusting Transparency Settings5 Saving JPGs for the Web6 Edit Images in Dreamweaver & Photoshop7 Changing Editor Preferences5 CREATING CSS LAYOUTS 1:201 Getting Started with Styles2 Creating Tag & Class Styles3 Creating Styles to Format Images4 Reviewing CSS Code5 Previewing Page Styles6 Understanding Page Properties7 Creating Divs with ID Styles8 Adding Images & Lists to Divs9 Creating a Series of Divs10 Aligning Divs Side by Side11 Using the Clear Option in CSS12 Adding Borders with CSS13 Creating an Image Border14 Using Margins for Positioning15 Creating Navigation Links16 Styling a List for Navigation17 Creating a Rollover E ect in CSS18 Duplicating Existing Styles19 Changing Page Properties Styles20 Reviewing Style Selectors6 DESIGNING WITH CSS 57:061 Understanding the Box Model2 Comparing Margins & Padding3 Viewing CSS in Various Browsers4 Creating a Page from a Template5 Using Paste Special6 Using Styles to Align Images7 Creating a Two Column Layout8 Calculating CSS Spacing9 Styling Headlines10 Understanding Font Sizes11 Using External Style Sheets12 Viewing Styles13 Reviewing CSS Options7 CREATING LAYOUTS WITH ABSOLUTE POSITIONING 53:431 Explaining Absolute Positioning2 Comparing Absolute & Centered Positioning3 Warnings about Using AP Divs4 Using a Tracing Image5 Creating a Layout with AP Divs6 Naming AP Divs7 Nesting AP Divs8 Aligning AP Divs9 Inserting Images into Divs10 Calculating Page Layouts11 Re ning an AP Layout12 Setting the Z-Index8 DESIGNING ACCESSIBLE TABLES 31:521 Understanding Tables & Accessibility2 Using Tables for Tabular Data3 Styling a Table4 Editing Table Layouts5 Adding Style to a Table Using CSS9 CREATING WEBSITES WITH FRAMES 20:301 Introducing Frames2 Creating a Frameset3 Opening Pages into Frames4 Controlling Scrollbars & Borders5 Targeting Links in Frames6 CreditsPart 1 –Part 2 –1 USING BEHAVIORS TO ADD INTERACTIVITY 43:051 Viewing Behaviors in a Browser2 Introducing the Behaviors Panel3 Inserting Rollover Images4 Using the Swap Image Behavior5 Altering Swap Image Options6 Using the Show-Hide Elements Behavior7 Using the Open Browser Behavior8 Downloading More Behaviors2 SURVIVAL HTML & CSS 23:471 Writing HTML: The Fundamentals2 Understanding Doctypes3 Recognizing HTML Tags4 Understanding Links5 Working in Split View 3 USING & CREATING TEMPLATES 30:451 Using CSS Layouts2 Editing CSS Layouts3 Altering CSS Styles4 Creating a Dynamic Web Template5 Editing Dynamic Web Templates4 CREATING WEB FORMS 25:111 Creating & Inserting a Form2 Inserting Text Fields3 Adding Drop-Down Lists4 Inserting Radio Buttons5 Inserting Check Boxes & a Submit Button6 Connecting a Form to a Script5 ADDING FLASH® TO YOUR PAGES 25:371 Working with Flash2 Inserting Flash Video3 Creating Flash Buttons & Text4 Troubleshooting the Flash Options6 TESTING & PUBLISHING A WEBSITE 18:351 Using the Check Page Feature2 Testing & Fixing Links3 Running Site Reports4 Con guring FTP Settings5 Publishing a Site to a Server7 DREAMWEAVER TIPS & TRICKS 07:291 Registering a Domain Name2 Finding Fonts & Photos3 Learning More Online4 Final Comments & Credits | 800-980-1820。
最新全国创新杯计算机说课大赛一等奖课件制作表单网页
难点
熟练应用各表单元素
表单元素属性的设置
教学理念 任务一 任务二 第二课堂
关键点
知识目标
技能目标
情感目标
了解表单设 计及制作流 程，掌握并 熟练运用表 单各元素。
根据需求灵 活制作表单； 培养学生应 用软件的综 合能力。
培养学生的 自主学习能 力；增强团 队协作精神； 学会感恩
教学理念
任务一
任务二
教学理念
任务一
任务二
第二课堂
（3）插入文本框
输入文字“母亲的年龄：”，再使用“插 入”|“表单”面板中的文本字段按钮插入文 本框，如图
效果如下：
教学理念
任务一
任务二
第二课堂
思考：
1.文本框太大了，我们可以将它设置小些吗？ （第三小组）
2.如何设置密码域？（第四小组)
教学理念
任务一
任务二
第二课堂
（4）插入列表
• 输入文字“母亲的生日：”，选择插入表单面 板的“列表/菜单”按钮，如下图所示
效果如下：
教学理念
任务一
任务二
第二课堂
思考：
• 1.如何添加列表值 ？ （第一小组） 2.如何删除列表值？ （第二小组）
教学理念
任务一
任务二
第二课堂
（5）插入单选框
输入文字“母亲节你送礼物吗：”，添加单 选框及文字，效果如下：
第二课堂
基础薄弱 学生
1.掌握表单的常用元素,了解表单的作用 2.能按照教材及自学课件的帮助下完成 任务一的制作。
1.掌握表单的常用元素，了解表单的作用 2.能完成任务一和任务二。
1
中等学生
优等学生
1.掌握表单的常用元素，了解表单的作用。 2.能快速完成任务一和任务二。 3.能按客户要求制作表单网站，并能指导 帮助本组的其他同学。
DreamWeaver教程PPT
1.2.1 定义站点及配置服务器
• 站点可以理解成一组具有同一主题、统一风格的 关联文档和资源的集合。下面就详细介绍如何在 Windows 2003服务器平台上，通过IIS来定义站点， 以及Web服务器和文件传输服务器安装及配置的具 体方法。（具体内容请参照本书）
1.2.1 搭建网站
• 网站搭建过程中，虚拟主机提供了一个同时向大 量用户提供安全的网络应用环境。在这过程中必 然会碰到一些由此环境而导致的问题，所以安全 搭建网站环境就显得极为重要。下面就详细介绍 一些搭建网站过程中必须掌握的安全配置技巧。 （具体内容请参照本书）
3.2.1 本地计算机和Internet服务器
• 网站服务器可以理解成放在网络中某个节点上的 计算机。拥有独立的IP地址，提供某些特殊服务。 当有人访问网站时，域名解析服务器会先进行寻 址工作，找到相应的IP地址。然后向这个IP地址 所在的计算机发出请求，最终通过浏览器编译各 种标识，在页面上表现为各种文字、图像、声音 等形式。 • （具体内容请参照本书）
1.1.2 网站的风格和创意
• 网站的风格(style)是指站点的整体形象给浏览者 的综合感受。一个拥有自己独特风格的网站，就 会使网站浏览者愿意花更多的时间去品尝该站。 这个“整体形象”可以从以下诸多方面来确立： • 1．色彩运用 • 2．版面设计 • 3．程序开发 • 4．特效使用
1.1.3 网站的形象设计与配色
2.2 Dreamweaver CS3的特点和新增功能
• Dreamweaver CS3在实用功能上和操作流程上的都 有了显著的改进。修正了以往版本中软件本身设 计上的一些缺漏，新增功能更是发挥了其高效开 发的特点。它允许网页设计师依据个人开发习惯， 选择在设计环境或是编码环境下进行快速编辑。 下面就分别从实用功能、操作模式与最新技术这3 个方面介绍Dreamweaver CS3的一些特点和新增功 能。 • 1．增强CSS功能 2．更方便的浏览器兼容性检查 • 3．增加Ajax的Spry框架 • 4．与其他工具的高度集成 • （具体内容请参照本书）
计算机应用高级教程PPT课件
选择“显示为制表符”选项可以使插入工具栏显示为层叠的 选项形式，如下图。
18
实验 考试
分别选择布局、表单、文本、HTML、应用程序、Flash 元素，如下图所示不同形式的制表符工具栏。
➢ 其功能更加强大，特别是提供了对微软的支持， 不需要编写任何代码，即可实现动态的网页。并且在编写
代码时，提供了智能的提示，便于我们手工编写代码。
➢ 此外，Dreamweaver MX还加入了代码自动完成功能， 会按照用户写的代码片段自动给出提示，协助我们提高编
写代码的效率。 15
实验 考试
20
2、建立网站的基本过程
实验 考试
Dreamweaver启动过程
①单击“开始”，指向“程序”，如图1-1所示； ②单击箭头，在单击Macromedia，然后从中选择Macromedia Dreamweaver MX 2004，即可启动Dreamweaver。
21
实验 考试
创建站点
Dreamweaver站点是文件和文件夹的集合，对应于网络服务器上 的Web站点,它提供了一种组织所有Web站点关联的文档的方法，可以 利用Dreamweaver将站点上传到服务器，自动跟踪和维护链接、管理 文件以及共享文件。
实验 考试
8
在IIS创建Web站点
❖ 创建新的Web网站
➢ 打开“Internet信息服 务”
➢ 采用“新建” “Web 站点”，利用“Web站 点创建向导”建立新的 Web网站
实验 考试
9
设置Web站点
❖ “Web站点”选项卡