网页设计课件

格式：ppt
大小：1.19 MB
文档页数：42

网页设计课件

<FONT COLOR = "BLUE">这段文字是蓝色的</FONT>
第二章网页设计基础
HTML基础
一、HTML的基本语法
属性和标记之间以空格间隔，多数的标记都有不止一个属性。再看一个例子：<FONT COLOR="BLUE" SIZE="+1">这
段文字是蓝色并且字体稍大</FONT>
在这里元素是FONT（字体），属性是COLOR（颜色）和 SIZE（字体大小），COLOR属性的参数值是BLUE（蓝色），SIZE的属性是字体大小增加一号。在浏览器中显示的结果就如下：这段文字是蓝色并且字体稍大。第二章网页设计基础
集成的工具、服务器和客户机技术家族支持提供从
网站到Rich Internet Applications的跨多种平台
和设备的广泛 Internet 解决方案。
第一章绪论
初识HTML

查看网页源码

了解HTML的基本结构
HTML
一、HTML
HTML是创建Web文档的基本技术，它是一种描述性标记语言，用来创建与系统平台无关的文档。HTML文档是纯文本文件，扩展名为.html或.htm，可用任何文本编辑器编写，它允许在纯文本中嵌入一些标记(tag)，以指导应用程序（通常是浏览器）如何对文本进行操作。超文本标示语言HTML是Web的信息出版语言，是设计制作 Web页面的基础，通过标记和属性对超文本语义进行全面描述。
HTML基础
一、HTML的基本语法
2、一个网页必须有<HTML>和</HTML>这样一对标记元素作为HTML超文本文档的开头和结尾，这表示标记内的内容是HTML超文本内容。这对元素之间还包含两个元素 HEAD（文件头）和BODY（文件体），HEAD包含有关文档的信息但不会在网页中显示出来，HEAD中的主要元素是 <TITLE>即标题，BODY代表文件体，也就是文件的内容，也是在网页中显示的内容。任何HTML文档(除了框架集)都必须包含HTML，HEAD，BODY这三种元素。

《网页设计基础》PPT课件

1.4 建立网站的基本流程
图1-2所示的是一个网站的完整制作流程.
确定主题策划与准备来自收集资料与素材规划网站结构
图
-
1
设计网页版式
2
确定网站结构
网
站
制作阶段
制作网页元素
的
制
插入元件与排版
作流
上传网站
程
后期工作
维护与更新
1.4.1 确定主题
网站的主题也就是网站的题材, 是网站设计首先遇到的问题.
〔2〕利用Fireworks修改图像非常方便.
〔3〕Fireworks无需借助其他工具就可以完成将一个图像转化为网页元素的全过程.
〔4〕Fireworks具有文件导出功能.
1.3.2 Flash
Flash是Macromedia公司开发的用于矢量图形编辑和动画创作的专业软件,它是一种交互式动画设计工具,用它可以将音乐、声效、动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果.
网站的定位要小,内容要精.
网站的题材最好选自己擅长或者喜爱的内容.
网站名称,是网站设计的一部分,而且是一个关键的要素,和现实生活中一样,网站名称是否正气、
1.4.2 搜集资料 1.4.3 网站的整体规划
进行网站的整体规划也就是组织网站的内容并设计其结构. 1.4.4 网页设计与制作
1．静态网页的设计与制作
Dreamweaver是 Macromedia公司推出的一款大众化的网页制作软件,它具有可视化编辑界面,用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页,不仅适合于专业网页编辑人员的需要, 同时也容易被业余网页制作人员所掌握.
1.2.3 FrontPage

网页制作基础 ppt课件

和声明两个部分组成，选择器是表示格式元素的术语，声明用于定义元素样式，如右侧所示的.a1是选择器，介于{}之间的内容就是声明。
ppt课件
声明
21
（2）CSS定义
例5：建立如前页图所示的CSS规则.a1，并应用到wy1.html的第二段文本上。
步骤：
单击文本“属性”面板上的按钮，“目标规则”中
主页：歌手的介绍及发行唱片为每一张唱片建立一张网页，对应网页上为该唱片的各曲目介绍，如歌词，词曲作者，歌曲试听、演唱会视频等等。
ppt课件
9
4.2 网站的创建和管理 4.2 .1 Dreamweaver的界面
ppt课件
10
4.2.2 站点的新建与管理
在Dreamweaver CS4中，“站点” 是一个文件夹，用于存放网站的所有图像、多媒体等文件，便于用户对站点进行发布、维护和管理。
从文件的角度来说，一个网页就是一个HTML文件。
42万字符的HTML文本需要我们自己编写吗？？？
Dreamweaver CS4、
FrontPage、 Adobe Pagemile、
Claris Home Page 等网页制作工具
ppt课件
设计、创建、制作与发布网页 6
2. 网页设计的流程构成网页的基本元素大体相同，主要包括标题、网站Logo、导航、超链接、广告栏、文本、图片、动画、视频与音频等。按网页的表现形式可将网页分为：静态网页动态网页
例1：建立一个本地站点“站点1”，站点文件夹为C盘的“计算机应用”。
步骤：（1）打开“站点定义”对话框（2）定义站点
ppt课件
12
3. 站点的管理
站点建立后，Dreamweaver可以对站点及站点中的文件进行管理，可以对所建立的站点进行移动、复制、删除、导入、导出等操作。