《Dreamweaver 网页设计与制作》课件——项目一 个人网页的简单美化——网站制作基础知识.pptVIP

保存后的 HTML 文件? 在浏览器中的显示效果 二、HTML 文件结构 1.?html 标记 html 标记放在 HTML 文件的开头，并没有实质性的功能，只是一个形式上的标记，在 HTML 文件开头使用 html标记开始。 2.?head 标记 head 称为头标记，一般放在 html 标记里，其作用是放置关于此 HTML 文件的信息，如提供索引、定义 CSS 样式等。 3.?title 标记 title 称为标题标记，包含在 head 标记内，其作用是设定网页标题，在浏览器左上方的标题栏中将显示这个标题，此外，在 Windows 任务栏中显示的也是这个标题。 4.?body 标记 body 称为主体标记，网页所要显示的内容都放在这个标记内，它是 HTML 文件的重点所在。在后面项目中所介绍的 HTML 标记都将放在这个标记内。 三、简单的 HTML 案例 例 1.1 设置标题。 新建空白的 html 文件， 输入 HTML代码如下，在浏览器中打开这个网页，其效果如图所示。 html head title 标题标记 /title /head body 以下为标题样式： h1H1 标题大小 /h1 h2H2 标题大小 /h2 h3H3 标题大小 /h3 h4H4 标题大小 /h4 h5H5 标题大小 /h5 h6H6 标题大小 /h6 /body /html 标题标记 * LOGO * LOGO * LOGO 项目一?个人网页的简单美化——网站制作基础知识 任务 1 认识网站与网页 任务 2 使用 HTML 语言修改简单网页 任务3　汉字编码训练 任务4　万能五笔输入法使用技巧 * LOGO 项目一?个人网页的简单美化——网站制作基础知识 任务 1 认识网站与网页 任务 2 使用 HTML 语言修改简单网页 任务3　汉字编码训练 任务4　万能五笔输入法使用技巧 任务 1 认识网站与网页 任务 2　 使用 HTML 语言修改简单网页 任务 1 认识网站与网页 ◆认识网页的本质和网页中的常见元素 ◆掌握 IP 地址、域名、网址等基本概念 ◆理解静态网页与动态网页的区别 一、网页的本质 如图所示是新浪网的主页及其组成文件，由该图可以看出，网页主要由文字、图像和动画等元素组成。网页包括一组文件，它们分别是网页文件（扩展名为 htm、asp等）、图像文件（扩展名为 jpg、gif 等）和 Flash 动画文件（扩展名为 swf）等。 新浪网主页及其组成文件 二、网页中的常见元素 1. 文本 文本一直是最重要的信息载体与交流工具，网页中的信息一般以文本为主。在网页中可以通过字体、大小、颜色、底纹、边框等设置文本的属性。 构成网页的常用元素 2. 图像 在网页中图像既可以表达主题，也可以对网页起装饰作用。网页中的图片一般为JPG、PNG 和 GIF 格式，即以 .jpg（或 .jpeg）、.png 和 .gif 为后缀的文件。 3. 超链接 超链接是网站的灵魂，是从一个网页指向另一个目的端的链接。 4. 表单 表单是用来收集站点访问者信息的域集。站点访问者填写表单的方式是输入文本、单击单选框与复选框，以及从下拉菜单中选择选项。 5. 表格 表格是网页排版的灵魂。使用表格排版是现在网页的主要制作形式。通过在表格中放置相应的图片或其他内容，网页中的元素得以方便地固定在设计的位置上，即可有效地组合成符合设计效果的页面。一般表格边线不在网页中显示。 6. 动画 动画是网页上最活跃的元素，通常制作优秀、创意出众的动画是吸引浏览者的最有效的方法。 三、IP 地址、域名和网址 1.IP 地址 每一个主机在互联网上都有唯一的地址，这个地址称为 IP 地址（Internet Protocol Address）。IP地址由 4 组 0～255 之间的整数（可取0及255） 组成， 数字之间用点间隔。 2. 域名 由于 IP 地址在使用过程中难于记忆和书写，人们又用一种与 IP 地址对应的字符来表示地址，这就是域名。每一个网站都有自己的域名，并且域名是独一无二的。 3. 网址 网址又称为 URL，英文全称是“Uniform Resource Locator”，即统一资源定位符。一个完整的网址由通信协议名称、域名或 IP 地址、网页在服务器中的路径和文件名 4 部分组成。 网址示例 四、动态网页与静态网页 网页可分为动态网页（DHTML）和静态网页（HTML）两大类。 从表现形式上来看，动态网页与静态网页 URL 的后缀不同，静态网页的后缀可以是 .htm、.html、.xml、.shtml，而动态网页则是以 .asp、.jsp、.php、.cgi、.perl 为后缀，并且在动态网页网址中通常有一个标志性符号“？”。 任务 2?