计算机网络概述（北大）WENJI07-DW运用1.pptxVIP

Dreamweaver 网页制作吴云芳北京大学信息科学技术学院wuyf_pku@主要内容网页设计基础知识初识DreamweaverDW的工作界面DW中编辑HTML代码创建站点与文档设置页面属性使用层布局页面/33什么是网站？网站(website)：是Web上若干相关网页以及与这些网页相关的图象、声音和视频等的集合。由域名和网站空间构成，通常包括主页和其他多个页面，网页之间用超链接联系在一起。一般以域名本身或者http://www.+域名/WWW.+http://www.+域名/域名作为网址。衡量网站性能的指标是其真实流量。/29什么是主页？主页（homepage）：进入一个网站后的第一个页面称为主页，经常命名为index.html 或者 default.html。主页经常用来作为网站的目录或索引，代表了整个站点的风格，需要精雕细琢。/33什么是网页？网页（web page）：是构成网站的基本元素，是Web上的基本文档，是承载各种网站应用的平台，用Html（超文本标记语言）书写。/33什么是静态网页？静态网页：纯粹html格式的网页称为静态网页，是指没有后台数据库、不含程序和不可交互的网页。 使用语言：html+CSS/33什么是动态网页？动态网页：指URL中包含“?”或输入参数的网页，包括asp、php、perl、cgi等在服务器端进行处理的网页，会随不同用户和不同时间而返回不同的网页。使用语言：html+asp html+php html+jsp /33网站建设的一般步骤申请网页空间规划设计制作发布维护我们学习的重点/33制作文本编辑： Html 语言FrontPage： 入门级Dreamweaver： 专业级网页制作三剑客：（Macromedia公司产品）Dreamweaver：网页制作Fireworks:网页图像制作Flash:矢量动画制作 我们学习的重点/33我们学习的重点发布通过文件传输协议Ftp直接上传文件就可以了。好心的助教yikusitian：域名：http://www.pkuwenji.tk/http://www.pkuwenji.tk/ftp地址：ftp://wenjixiaohuoban@www.pkuwenji.tk/ftp://ftp://wenjixiaohuoban@www.pkuwenji.tk/wenjixiaohuoban@www.pkuwenji.tk密码:wenjixiaohuoban初识 DreamweaverDreamweaver是美国Macromedia公司（现已被Adobe公司收购）开发的集网页制作和网站管理于一身的所见即所得的网页编辑器，它是第一套针对专业网页设计师发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。/33Dreamweaver 的版本 Dreamweaver 1.0 Dreamweaver 2.0、2.01 Dreamweaver 3.0、Dreamweaver UltraDev 1.0 Dreamweaver 4.0、Dreamweaver UltraDev 4.0 Dreamweaver MX（6.0） Dreamweaver MX 2004（7.0、7.01） Dreamweaver 8 Dreamweaver CS3 Dreamweaver CS4 Dreamweaver CS5/33我们学习的版本Dreamweaver 的主要特点可视化的专业网页编辑器友好的工作界面便捷的网站管理功能强大的多媒体处理功能提供行为等控件产生交互式响应和Macromedia/Adobe公司其他软件的完美协作/33Dreamweaver 的工作区面板组标题栏菜单栏插入栏文档工具栏文档窗口/29标签选择器属性面板插入栏 常用布局表单文本HTML应用程序Flash 元素插入栏提供了图形按钮可以快速创建和插入对象。图形按钮随选择对象的不同而变化。/33文档窗口视图设计 所见即所得的可视化编辑环境。代码 编写和编辑Html，Javascript等代码，自动显示选中对象的相关属性和属性值以供编辑。拆分 同时显示源代码和设计视图，实现代码和视图的互动显示。观察 css05.html 的不同视图显示。/33标签选择器和属性面板标签选择器显示当前选定标签的层次结构。属性面板可以查看和编辑与选定标签相关联的每个属性。观察 css05.html 的不同标签选择器。/33面板组面板被组织到面板组中，选定的面板显示为一个选项卡，每个面板组都可以展开或折叠。选择窗口菜单中的命令可以打开相应面板，然后自由组合面板组。/33首选参数设置编辑|首选参数：系统使用默认设置，可更改其中的参数设置。例如“字体”“允许多个连续的空格”等。/