第1章网页设计基础.pptVIP

第1章 网页基础知识 网页构成要素和组成元素 网页相关知识简介 网页的设计理念和配色方案 网站建设流程 典型网站分析 1.1网页构成要素和组成元素1.1.1网页构成要素 1.站标 2.导航条 3.广告条 4.标题栏 5.按钮 1.1.2组成元素 网页的组成元素有文字、图片、动画（gif、flash）、表单（交互功能）、音频、视频、超链接、表格、框架、导航等。 1.2 网页相关知识简介 1.2.1互联网 1.2.2网页的本质 1.2.3 网站、网页和主页 网站是多个网页的集合，各个网页通过超级链接构成一个网站整体。 网页就是以html语言为基础编写的，能够通过网络传输，并被浏览器翻译成可以显示出来的包含文字、图片、声音、动画等媒体形式的页面文件。网页由主页和其它链接页组成。 主页也叫首页，是网站的入口，即浏览者登录网站时看见的第一个网页。 1.2.4 IP地址与域名 IP地址用来标识每台主机在互联网上的地址，具有唯一性。它由4个小于256的数字组成，数字之间用点间隔。例如，“26”就是一个IP地址。 但是IP地址难以书写和记忆。 域名是用字符来表示主机地址的另一种方法，与IP地址对应，在使用过程中易于记忆和书写。 域名也是独一无二的。 如：和都是域名。 1.2.5 网址 1.2.7网站管理与网页制作相关软件 （2）HTML文档的基本结构 HTML head title标题/title /head body 正文 /body /HTML （3）主要标记简介 html/html开始和结束标记。在它们中间，包含网页里的所有内容。 主体:body页面内容/body。主体部分包含文本和图像等网页里所有可见部分。 头部：head头部的内容/head head是除文档标题外的不可见部分，文档标题出现在浏览器的窗口标题栏中，还可以包括META信息、关键字、说明/描述、刷新、基础网页/首页（申请的域名空间或网址）、链接等；若不需头部信息则可省略此标记。【刷新就是在网址发生变化或网页经常更新时，规定在几秒钟内更新当前网页的内容。】 标题:title标题/title：呈现出网页的标题，文档标题出现在浏览器的窗口标题栏中，包含在head …/head标签内部。 以下内容(4)—(6)为选学内容。 （4）网页中的其他常用标记 p/p:分段标记 br:换行标记 img /img: nbsp;是空格标记 b 空的标签区块 字体标签 表格标签 文字标签 文本缩进的标签blockquote /blockquote 可以使用这些标记在记事本中完成网页的设计。 图片标签img 字体标签font （6）在编写代码时的注意事项： 在书写标签属性值的时候尽量将属性值用引号（英文标点符号）括起来。 在书写html语言的时候不区分大小写。 代码优化：清理html/xhtml和清理word 生成的html代码。 可以使用代码片段面板插入dw中预定义的代码片段（javascript、内容表、导航、文本、表单元素、页眉和页脚等）。 课堂实例―创建和测试第一个html网页 在“记事本”窗口或者Dreamweaver网页中输入以下内容： html head title欢迎光临我的第一个网页/title /head body 这是第一个简单网页! /body /html 选择【文件】|【保存】命令，在弹出的“另存为”对话框中选择要保存的路径，在【文件名】文本框中输入文件名myweb001.html。 1.2.10 XHTML语言简介 1.2.11 脚本语言简介 课堂练习2 无缝滚动效果的实现 1.4 网站建设流程 网站需求分析 创建站点，设计制作各级页面 空间和域名申请 测试和发布网站 网站推广 1.4.1 网站需求分析 1.4.2 设计制作网站页面 1.4.3 空间和域名申请 申请虚拟空间 1.4.4 测试和发布网站 1.4.5 网站推广 注册到搜索引擎 交换广告条 宣传 网络广告 报纸、杂志 设置图片的对齐方式 align 水平间距 Hspace 垂直间距 Vspace 设置图片的边框 Border 设置图片的高度 Height 设置图片的宽度 Width 提示文字 Alt 图片的源文件 Src 描述 属性 文字颜色 color 字号 size 字体 face 描述 属性 单元格标签 td…td 行标签 tr…tr 表格标签 table…/table 描述 属性 表格标签 常见的列表标签 描述 标签 列表项目的标签 li 菜单列表 menu 定义列表 dl 目录列表 dir 有序列表 ol 无序列表 ul XHTML是Extensible HyperText Marku