当前位置：文档之家 › 通过dreamweaver.cs3学习html div css教学ppt第12章 网

通过dreamweaver.cs3学习html div css教学ppt第12章 网

  • 格式：ppt
  • 大小：2.25 MB
  • 文档页数：37
通过dreamweaver.cs3学习html div css教学ppt第12章 网

合集下载

网页设计教程01-03网页设计基础-HTML基础-Dreamweaver cs3使用基础础.

网页设计教程01-03网页设计基础-HTML基础-Dreamweaver cs3使用基础础.


2.2.2设置字型
格式：<b>受影响的文字</b> <i>受影响的文字</i> <tt>受影响的文字</tt> …… 说明：各种字型的标记有许多，但是格式都 一样。所不同的是标记名和需要受影响的文 字而已。
2.2.3特殊替换字符
在HTML文件中，有一些特殊字符是用来代表特定 意义的。例如小于（<）和大于（>）符号，是标 记指令专用的，但是当要在浏览器上显示出此类符 号时，就不能直接在代码中书写它们，而是利用以 下的一些特殊符号来替代它们。 &lt：替代小于符号（<）。 &gt：替代大于符号（>）。 &quot：替代双引号（"）。 &nbsp：替代不可分的空格。有时因为版面的关系 会将有空格的字符分成两行，此时就可以将两个字 符之间的空格定义为&nbsp。
2.1.2 HTML文件的基本结构
1．基本结构 HTML文件是一种纯文本格式的文件，其基本结构为： <html> <head> <title>网页的标题</title> </head> <body> 网页的内容 </body> </html> HTML文件必须以<html>开头，以</html>结尾。 HTML文件包括头部（head）和主体（body）。

2．字符格式标记 用来改变HTML文件文字的外观，增加文件的美观程度。主要有： （1）<font>：改变字体设置。 （2）<b>……</b>：粗体字。 （3）<i>……</i>：斜体字。 （4）<tt>……</tt>：标准打印机字体。 （5）<u>……</u>：文字带下划线。 （6）<strike>……</strike >：文字带删除线。 （7）<sub>……</sub >：下标。 （8）<sup>……</sup >：上标。 （9）<center>……</center>：居中对齐。 （10）<blink>……</blink>：文字闪烁。 （11）<big>……</big>：加大字型。 （12）<small>……</small>：缩小字型。 （13）<cite>……</cite>：参照。
Dreamweaver网页制作实训教程(CS3版)教学课件

Dreamweaver网页制作实训教程(CS3版)教学课件

Fireworks：主要用于制作网页图像、网站标志、GIF 动画、图像按钮与导航栏等。 Flash：主要用于制作矢量动画，如广告条、网站片 头动画、动画短片、MTV等。 Photoshop：Adobe公司出品的一个优秀而强大的图形 图像处理软件，起初它的应用领域主要是平面设计而 不是网页设计，但是它所具有的强大功能完全涵盖了 网页设计的需要（除了多媒体）。
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 确定站点目录结构
第1章 初识Dreamweaver CS3

第1章 初识Dreamweaver CS3


1.2网页中的基本元素 网页中的基本元素
标题 图像标题相对文本标题而言更为美观，表现力更强， 图像标题相对文本标题而言更为美观，表现力更强，如 所示。 图1.2所示。 所示
图 1.1 著名 IT 企业公司的图标
图 1.2
图像标题
1.2网页中的基本元素 网页中的基本元素
插图 通过照片和插图可以 直观地表达效果和展现主 题，但也有一些插图仅仅 是为了装饰。 是为了装饰。图1.4右侧新 右侧新 闻列表上方的小图片就改 变了整个页面的风格。 变了整个页面的风格。
Chapter 01 初识Dreamweaver CS3 初识
知识点： 知识点： 网页设计理念及工具 网页中的基本元素 启动网页设计工具 使用开始页 窗口布局 网页编辑视图 获取帮助
1.1 网页设计理念及工具
主页的理念是什么？就是你对自己主页的定位。 主页的理念是什么？就是你对自己主页的定位。 这与主题有些区别，理念不但约束现在的制作，同 这与主题有些区别，理念不但约束现在的制作， 时也指引发展的方向。 时也指引发展的方向。 主页的理念体现在哪些方面呢？ 主页的理念体现在哪些方面呢？一般主要表现 在网页的风格和创意上。 在网页的风格和创意上。
图1.9 文本链接
1.3启动网页设计工具 启动网页设计工具
启动网页设计工具的具体操作步骤如下。 启动网页设计工具的具体操作步骤如下。 (1)单击 单击Windows任务栏中的“开始”按钮，在程序组中 任务栏中的“ 单击 任务栏中的 开始”按钮， 选择“程序” 快捷方式。 选择“程序”| Adobe Dreamweaver CS3快捷方式。 快捷方式 (2)由于是首次启动 由于是首次启动Dreamweaver，因此会出现“工作区 由于是首次启动 ，因此会出现“ 设置”对话框，让用户从中选择一种工作区布局，如图 设置”对话框，让用户从中选择一种工作区布局，如图1.10所 所 示。 (3)这里选择“设计者”工作区，然后单击“确定”按钮， 这里选择“设计者”工作区，然后单击“确定”按钮， 这里选择 此时将打开Adobe Dreamweaver CS3窗口，如图 窗口， 所示。 此时将打开 窗口 如图1.11所示。 所示 (4)如果此时需要重新选择工作区，可以在菜单命令“窗 如果此时需要重新选择工作区，可以在菜单命令“ 如果此时需要重新选择工作区 工作区布局” 所示。 口”|“工作区布局”的级联菜单中进行选择，如图 工作区布局 的级联菜单中进行选择，如图1.12所示。 所示
Dreamweaver_CS3实用教程完整版

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布局等。