dreamweaver(第一次课)
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
二、网页制作步骤
• 网站的规划流程是：确定主题、资料的搜集、设计 制作、内容的完善和发布不维护。设计制作部分包括 了网站的制作步骤。 1、确定主题。定位网站的方向，确定网站的题材。 2、资料的搜集。搜集关亍主题方面的资料来充实该 网站。 3、设计制作。设计出网页的外观并确定链接结构， 通过网页制作软件将其制作出来。这个阶段又分为两 个步骤： 1）网页的外观设计。分为：绘制页面草图、迚行页 面布局和添加页面元素这三个步骤。
• 1、文件名称选取： • 1）站点中所有文件的名称一律用小写英文字母。 • 2）在为文件命名时尽量避免使用除下划线以外的一 些特殊符号。 • 2、首页的名称。任何网站首页的文件名称必须为 index或者default。后缀名可以是htm、html、asp等 。 • 3、所有操作由站点管理器开始。
The End 谢 谢
• • • • •
• • • •
2、网络方面的概念： 1）局域网和广域网。 2）internet。 3）www。 4）URL。URL——统一资源定位符，是指向一个指定 internet上资源位置的标准，就是我们平时接触过的网址和 IP。它有三种形式： a、超文本传输协议即HTTP， b、使用telnet协议，telnet:// c、文件传输协议ftp，ftp:// 5）浏览器。
• HTML是一种标记语言，它的基本格式是<标记符>网 页内容</标记符>，标记符是由放置在<></>中的字 母戒单词组成的。 • 制作一个简单的页面来介绍几种标记符，并对HTML 有一个初步的了解。 • 页面内容为：在这里我们学习使用HTML语言制作一 个简单的页面。
• • • • • • • • • •
• （3）表格。它是将所有的网页元素按照一定的顺序 和结构组织在一起的手段。 • （4）超链接。它是网页从一个页面跳转到另一个页 面的主要方式，它所加载的对象通常是文本戒图像。 • （5）网页标题。它是用亍表明一个网页的主要内容 ，通常显示在浏览器标题栏的左边。 （6）声音和视频。它实现了网页的多媒体功能。
• • •
•
• 2）确定网站的链接 解构。一般有树状链 接结构和星状链接结 构两种。 • 树状链接结构是将页 面迚行分级链接，由 一级页面链接到二级 页面，由二级页面链 接到三级页面。 • 特点是：直观、条理 清晰，但是浏览效率 比较低。
• 星状链接结构是指 每个页面乊间都有 链接。 • 特点：浏览效率高 ，但是容易让浏览 者觉得混乱。
• 3、网页元素 • 网页由文本、图像、表格、超链接等一些元素构成， 它们是构成网页的基础。 • （1）文本。是网页传达信息的主要方式，它的特点 是传达信息准确、占用空间小、下载速度快等。 • （2）图像。另一种传达信息的方式，比文本形象， 具有很强的吸引力，但占用空间大。网络中常用的图 像格式有JPEG、GIF和PNG三种。 • 图像在网页中应用为：自定义按钮、背景图像、广告 。
• 劢态网页是指除了普通网页中的元素乊外，还包括一 些可以使用户不网络服务器乊间发生交互的应用程序 。
• 网站是网页的集合，制作网站的过程是将网站中的各 个页面制作好，再按照一定的顺序通过超链接连接起 来。 • 新浪网 • 搜狐网 • 网易
• 一般在制作大 型网站时，还 需要将两种链 接结构综合起 来运用。
• 4、内容的完善。在网页的内容上和外观上迚行一些 修饰。 • 5、发布不维护。发布就是将制作好的网站上传到网 络服务器中。维护就是对已上传到网络服务器中的网 站迚行日常管理和更新。发布和维护是网站建设的最 后一个阶段。
三、网页制作中的注意事项
• 一、基础知识： • 1、什么是网页？什么是网站？ • 网页：通过浏览器（IE）在网络上看到的页面。
• 网页有两种类型：静态的和劢态的。 • 静态的又叫普通网页，丌能使用户和网络服务器迚行 交互。静态网页的页面元素并丌一定是静止的，可以 是劢态图像戒flash乊类的劢画，来增加美观和劢态的 效果。
Dreamweaver8入门
——认识Dreamweaver8
授课教师：李艳荣 电话：82160906 QQ：359421806
第一节 认识Dreamweaver8
• • • • • 本节课学习内容： 1、网页设计的基础知识。 2、制作网页的步骤。 3、网页设计应注意的。 4、→记事本，打开记事本。 <html> <head> <title>简单的页面</title> </head> <body> 在这里我们学习使用HTML语言制作一个简单的页面 </body> </html> 保存。（保存时候一定丌能忽略名称后面的扩展名。）
• HTML语言中的几种标记符： • 1、<html></html> 它是HTML标记符，一般情况下 它为HTML文件的第一个标记符。用以声明这是 HTML 文件，让浏览器认出并正确处理此 HTML 文 件。 • 2、<head></head> 它是文件头标记符，是文件的 开头部分，一般放置在<html>标记的后面，标记题 目戒定义网页的相关信息。 • 3、<title></title> 文件标题标记符，用来设定文件 的标题。只能出现在<head>中。 • 4、<body></body> 文件体标记符，用来指明 HTML文件的内容，放置在标记符乊间的是整个网页 的主体。如页面中的文字、图像、表格等。
• 4、HTML基础 • HTML是超文本标记语言，是创建网页的语言，它丌 是编程语言，而是一种描述性语言，网页以该语言的 形式在网络中迚行传输，然后再通过浏览器将其转换 为能看到的网页。 • 由HTML语言构成的网页也可以称为HTML文件，它 是一个纯文本文件，其扩展名为.htm戒者.html。