当前位置：文档之家 › 第1章：网页设计基础

第1章：网页设计基础

  • 格式：ppt
  • 大小：1.74 MB
  • 文档页数：27
第1章：网页设计基础

合集下载

网页设计教程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>：参照。
网页设计课件

网页设计课件


<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课件

《网页设计基础》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
网页制作基础

网页制作基础


常见网站由域名（domain name 俗称网址或 域名）、网站源程序和网站空间三部分构成。

域名俗称网址； 网站源程序则放在网站空间里面，表现为网站前 台和网站后台； 网站空间由专门的独立服务器或租用的虚拟主机 承担。

2. 网站分类

根据网站所用编程语言分类：例如asp网站、 php网站、jsp网站、Asp. net网站等； 根据网站的用途分类：例如门户网站（综合网 站）、行业网站、娱乐网站等； 根据网站的功能分类：例如单一网站（企业网 站）、多功能网站（网络商城）等；
常见的Web浏览器软件有：IE、Firefox、 Opera和Netcape等。 不同Web浏览器软件所支持的网页格式有所区 别，所以WWW服务器提供网页信息时，要考虑客 户端软件的支持情况。
1.2.4 W3C
W3C是英文 World Wide Web Consortium 的缩写，中文意思是W3C理事会或万维网联盟。 W3C于1994年10月在麻省理工学院计算机科学实 验室成立。创建者是万维网的发明者Tim BernersLee。 W3C组织是对网络标准制定的一个非赢利组织， 像HTML、XHTML、CSS、XML的标准就是由 W3C来定制。
HTML是一种规范，一种标准，它通过标记符 号来标记要显示的网页中的各个部分。网页文件本 身是一种文本文件，通过在文本文件中添加标记符， 可以告诉浏览器如何显示其中的内容（如：文字如 何处理，画面如何安排，图片如何显示等）。
浏览器按顺序阅读网页文件，然后根据标记符 解释和显示其标记的内容，对书写出错的标记将不 指出其错误，且不停止其解释执行过程，编制者只 能通过显示效果来分析出错原因和出错部位。但需 要注意的是，对于不同的浏览器，对同一标记符可 能会有不完全相同的解释，因而可能会有不同的显 示效果。