No1网页设计基本知识点.pptxVIP

No1. 网页设计基础知识;网页设计基础知识;基本术语扫盲;;HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 html HTML 标签通常是成对出现的，比如 b 和 /b 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签;HTML 文档描述网页 HTML 文档包含 HTML 标签和纯文本 HTML 文档也被称为网页 Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容。 ;任务1-1：查看网页源文件;任务1-2 HTML实例;CSS—— Cascading Style Sheets 样式定义如何显示 HTML 元素 样式通常存储在样式表中 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中;通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。 样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。 ;;是属于网络的脚本语言 被设计为向 HTML 页面增加交互性 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用 是因特网上最流行的脚本语言 很容易使用;任务3 JS实例;Uniform Resource Locator 统一资源定位符 用于定位万维网上的文档（或其他数据） 当您点击 HTML 页面中的某个链接时，对应的 a 标签指向万维网上的一个地址。 ;语法： scheme://host.domain:port/path/filename scheme - 定义因特网服务的类型。最常见的是 http host - 定义域主机（http 的默认主机是 www） domain - 定义因特网域名，比如 :port - 定义主机上的端口号（http - 80） path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。 filename - 定义文档/资源的名称 ;　　万维网，常常被当成因特网的同义词，其实万维网是靠着因特网运行的一项服务，是一个资料空间。它是一个以Internet为基础的计算机网络平台，允许用户的计算机通过Internet存取另一台计算机上的信息资源。 ;网站|Website;网页|Web Page;网页设???基础知识;网站的风格设计;简洁大方;风格独特，构图巧妙;生动活泼;色彩丰富;浓郁的文化气息;标题信息、栏目信息、内容信息、附加信息等，要进行合理的放置，让人看起来井井有条，主次分明。 一般来说，屏幕中央最能引人注意，屏幕上方紧随其后，屏幕左右侧通常放置不太重要或固定信息，附加信息一般放在最下方。;常见网页布局类型;;构成网页的基本元素;网页图像设计软件photoshop cs4 网页动画制作软件flash cs4 网页编辑排版软件dreamweaver cs4;网页设计基础知识;Dreamweaver CS4操作界面;DreamWeaver CS4操作界面;DreamWeaver CS4操作界面;DreamWeaver CS4操作界面;DreamWeaver CS4操作界面;网页设计基础知识;手工直接编写 记事本等，存成.htm .html格式 使用可视化HTML编 辑 器 Frontpage、Dreamweaver等 由Web 服务器（或称HTTP 服务器）一方实时动态地生成。 ;*.htm或*.html 无空格 无特殊符号（例如符号） 只可以有下划线“_” 只可以为英文、数字 区分大小写 首页文件名默认为：index.htm 或 index.html ;HTML HEAD title/title meta /HEAD BODY HTML 文件的正文 /BODY /HTML ; html.../html head.../head body.../body 是HTML语言的基本部分 元素总是成对出现，每一对元素一般都有一个开始的标记（如body），也有一个结束的标记（如/body）。 元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。 ;html.../html 文档的HTML部分 head.../head 包含有关文档的信息 body.../body 文档内容和HTML标记 title.../title 应该分配给窗口的标题 h1.../h1 一级标题 h2.../h2