ᠲᠣᠪᠴᠢᠯᠠᠯ᠄ 第一章 网页设计与网站建设的基础知识 第二章 HTML超文本标记语言 第三章 网页设计工具DREAMWEAVER 第四章 CSS层叠样式表 第五章 JAVASCRIPT脚本编程,JAVASCRIPT脚本编程,第五章,主要内容,,,,,,,,,,JAVASCRIPT概述,,数据类型,,变量、常量,,,,,运算符和表达式,,,流程控制语句,,概念,JAVASCRIPT是一种网页编程技术，大部分使用者将它用于创建动态交互网页 JAVASCRIPT是一种基于对象和事件驱动的解释性脚本语言，具有与JAVA和C语言类似的语法 JAVASCRIPT是一种使用简单，功能强大的编程语言 JAVASCRIPT是

ᠲᠣᠪᠴᠢᠯᠠᠯ᠄ 第一章 网页设计与网站建设的基础知识 第二章 HTML超文本标记语言 第三章 网页设计工具DREAMWEAVER 第四章 CSS层叠样式表 第五章 JAVASCRIPT脚本编程,CSS3,第四章,主要内容,,,,,,,,,,CSS圆角、边框,,CSS背景、渐变,,CSS过渡、动画,,,,,CSS多列,,,媒体查询,,CSS3边框,边框常用属性 BORDERRADIUS BOXSHADOW BORDERIMAGE,浏览器支持,浏览器支持,INTERNET EXPLORER 9 支持 BORDERRADIUS 和 BOXSHADOW 属性。 FIREFOX、CHROME 以及 SA

ᠲᠣᠪᠴᠢᠯᠠᠯ᠄ 第一章 网页设计与网站建设的基础知识 第二章 HTML超文本标记语言 第三章 网页设计工具DREAMWEAVER 第四章 CSS层叠样式表 第五章 JAVASCRIPT脚本编程,网页排版,附加,主要内容,,,,,,,,,网页布局结构,,表格布局,,框架布局,,,,,使用层,,页面布局,网页布局的效果直接影响到网页设计的质量，在完成网站的规划后，必须要事先做好布局规划。,★ 页面版式草图设计,★ 布局方案的细化,★ 布局工具的选择,常见的版面布局形式,“厂”字型布局及实例,在页面顶部为“横条网站标志广告条”，下方左面为导航栏，右面显内容,常见的版面布局形式,“国”字型布局及实例,在页面的上方

ᠲᠣᠪᠴᠢᠯᠠᠯ᠄ 第一章 网页设计与网站建设的基础知识 第二章 HTML超文本标记语言 第三章 网页设计工具DREAMWEAVER 第四章 CSS层叠样式表 第五章 JAVASCRIPT脚本编程,CSS层叠样式表,第四章,主要内容,,,,,,,,,,CSS概述,,定义CSS样式表,,CSS常用属性,,,,,CSS关联HTML文档的方式,,,在HTML文档中应用CSS,,CSS的属性,设置字体样式 控制图文布局 颜色及背景 美化网页与超链接的设置 CSS定位,设置字体样式,字体属性 在网页编写的过程中，若没有对字体做任何设置时，浏览器将以默认值的方式显示。除了可利用HTML的标签设置字体外，还可以利用CSS的F

ᠲᠣᠪᠴᠢᠯᠠᠯ᠄ 第一章 网页设计与网站建设的基础知识 第二章 HTML超文本标记语言 第三章 网页设计工具DREAMWEAVER 第四章 CSS层叠样式表 第五章 JAVASCRIPT脚本编程,CSS层叠样式表,第四章,主要内容,,,,,,,,,,CSS概述,,定义CSS样式表,,CSS常用属性,,,,,CSS关联HTML文档的方式,,,在HTML文档中应用CSS,,HTML标记的不足之处,如果页面中需要设置的文字很多，问题来了 要在每个地方都重复这段代码吗︖ 如果格式需要修改，怎么办︖ , CSS标记,HTML标记的不足之处,代码繁琐 格式的一致性差 可维护性差 网页现实效果缺乏动态性与交互性,CSS概

ᠲᠣᠪᠴᠢᠯᠠᠯ᠄ 第一章 网页设计与网站建设的基础知识 第二章 HTML超文本标记语言 第三章 网页设计工具DREAMWEAVER 第四章 CSS层叠样式表 第五章 JAVASCRIPT脚本编程,HTML超文本标记语言,第二章,主要内容,,,,,,,,,,HTML文档机构,,头部及主体标记,,文字、段落、列表及图片标记,,,,,超链接、多媒体及表格标记,,,框架及表单标记,,上机练习,表单标记,表单作用表单是实现动态网页的一种主要的外在形式，其主要功能是收集网页访问者的信息。 表单特性 表单中包含多种不同的元素，如文本框、文本域、下拉式菜单等元素 访问者输入的信息需要由服务器端处理程序处理 访问者输入的信

ᠲᠣᠪᠴᠢᠯᠠᠯ᠄ 第一章 网页设计与网站建设的基础知识 第二章 HTML超文本标记语言 第三章 网页设计工具DREAMWEAVER 第四章 CSS层叠样式表 第五章 JAVASCRIPT脚本编程,HTML超文本标记语言,第二章,主要内容,,,,,,,,,,HTML文档机构,,头部及主体标记,,文字、段落、列表及图片标记,,,,,超链接、多媒体及表格标记,,,框架及表单标记,,超链接标记,浏览者通过单击文本或图片对象，可以从一个页面跳到另一个页面，或从页面的一个位置跳到另一个位置，实现这样的功能的对象称之为超链接 创建超链接的条件必须同时存在两个端点。一个是源端点；另一个是目标端点 源端点指网页中的提供链接

ᠲᠣᠪᠴᠢᠯᠠᠯ᠄ 第一章 网页设计与网站建设的基础知识 第二章 HTML超文本标记语言 第三章 网页设计工具DREAMWEAVER 第四章 CSS层叠样式表 第五章 JAVASCRIPT脚本编程,HTML超文本标记语言,第二章,主要内容,,,,,,,,,,HTML文档机构,,头部及主体标记,,文字、段落、列表及图片标记,,,,,超链接、多媒体及表格标记,,,框架及表单标记,,文字标记,文字标记主要用于设置网页中的所有有关文字方面的内容，具体包括普通文字、特殊字符、标题字、字体以及文字格式等方面的设置,文字标记,网页中涉及到的文字主要包括普通文字、特殊符号以及页面的注释语句 普通文字的输入 直接在和标记之间

ᠲᠣᠪᠴᠢᠯᠠᠯ᠄ 第一章 网页设计与网站建设的基础知识 第二章 HTML超文本标记语言 第三章 网页设计工具DREAMWEAVER 第四章 CSS层叠样式表 第五章 JAVASCRIPT脚本编程,HTML超文本标记语言,第二章,主要内容,,,,,,,,,,HTML文档机构,,头部及主体标记,,文字、段落、列表及图片标记,,,,,超链接、多媒体及表格标记,,,框架及表单标记,,文本 最重要的信息载体与交流工具，是网页发布信息所用的主要形式。 1．标题 2．字号 3．字型 4 颜色,网页中常见的元素,图形 这里的图形概念是广义的，它可以是普通的绘制图形，可以是各种图像，还可以是动画。 1．菜单按钮 2．背景图片

ᠲᠣᠪᠴᠢᠯᠠᠯ᠄ CSSDIV布局,1 盒子模型 2 布局技术 3 “上中下”布局 4 “左中右”布局,本章学习的主要内容,1盒子结构 网页中元素都占据一定的空间，除了元素内容之外还包括元素周围的空间，一般地把元素和它周围空间所形成的矩形区域称为盒子 ︵BOX︶ 。 从布局的角度看，网页是由很多盒子组成，根据需要将诸多盒子在网页中进行排列和分布，就形成了网页布局。,1盒子模型,11盒子结构 模型的结构由4个部分组成，CONTENT ︵内容︶ 、PADDING ︵内边距或填充︶ 、BORDER ︵边框︶ 和MARGIN ︵外边距︶ 。,1盒子模型,边框相当于盒子的厚度，内容相对于盒子中所装物体的空

ᠲᠣᠪᠴᠢᠯᠠᠯ᠄ ,,ᠰᠢᠨ᠎ᠡ ᠤᠬᠠᠭᠳᠠᠬᠤᠨᠲᠤ ᠦᠰᠦᠭ ᠰᠢᠪᠡᠬᠦ ᠪᠠᠭᠠᠵᠢ︱ ERHM ᠮᠣᠩᠭᠣᠯ ᠦᠰᠦᠭ ᠰᠢᠪᠡᠬᠦ ᠪᠠᠭᠠᠵᠢ ᠶᠢᠨ ᠲᠣᠪᠴᠢ ᠲᠠᠨᠢᠯᠴᠠᠭᠤᠯᠭ᠎ᠠ,,ᠪᠢ ᠶᠠᠭᠤᠨ ᠳᠤERHM ᠮᠣᠩᠭᠣᠯ ᠦᠰᠦᠭ ᠰᠢᠪᠡᠬᠦ ᠪᠠᠭᠠᠵᠢ ᠶᠢ ᠦᠢᠯᠡᠳᠥᠭᠰᠡᠨ ᠪᠤᠢ︖ ᠠᠵᠢᠯ ᠳᠠᠭᠠᠨ ᠳᠥᠭᠥᠮ ᠦᠵᠡᠭᠦᠯᠬᠦ ᠶᠢᠨ ᠲᠥᠯᠥᠭᠡ᠂ ᠳᠠᠷᠤᠢ ᠠᠵᠢᠯ ᠢᠶᠠᠨ ᠴᠢᠨᠠᠷᠯᠢᠭ ᠮᠥᠷᠲᠡᠭᠡᠨ ᠬᠤᠷᠳᠤᠬᠠᠨ ᠬᠢᠵᠦ ᠪᠠᠷᠠᠭᠠᠬᠤ ᠶᠢᠨ ᠲᠥᠯᠥᠭᠡ ᠪᠢᠯᠡ᠃ ᠮᠣᠩᠭᠣᠯ ᠰᠣᠨᠢᠨ ᠤ ᠰᠤᠷᠪᠤᠯᠵᠢᠯᠠᠵᠤ ᠨᠠ

ᠲᠣᠪᠴᠢᠯᠠᠯ᠄ UI KIT TABLET PRO,UI KIT COMPUTER,UI KIT HAND,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

ᠲᠣᠪᠴᠢᠯᠠᠯ᠄ ,ACCOMPLISHMENTS,THERE ARE MANY VARIATIONS OF PASSAGES OF LOREM IPSUM AVAILABLE,,AWARDS GRANTS,THERE ARE MANY VARIATIONS OF PASSAGES OF LOREM IPSUM AVAILABLE THERE ARE MANY VARIATIONS,APPLICATION,APP PROJECT SAMPLE,THERE ARE MANY VARIATIONS OF PASSAGES OF LOREM IPSUM AVAILABLE, BUT THE

ᠲᠣᠪᠴᠢᠯᠠᠯ᠄ ,,,BASIC,PRO,ULTIMATE,,BREAK SECTION,0100PM – 0130PM,MOBILE APPLICATION,THERE ARE MANY VARIATIONS OF PASSAGES OF LOREM IPSUM AVAILABLE, BUT THE MAJORITY HAVE SUFFERED ALTERATION IN SOME FORM, BY INJECTED HUMOUR, OR RANDOMISED WORDS WHICH DONT LOOK EVEN SLIGHTLY BELIEVABLE,MOBILE APPLICA

ᠲᠣᠪᠴᠢᠯᠠᠯ᠄ IE NORMAL CHART,PIE CREATIVE CHART,CLEAN SAMPLE CHART,THERE ARE MANY VARIATIONS OF PASSAGES OF LOREM IPSUM AVAILABLE, BUT THE MAJORITY HAVE SUFFERED ALTERATION IN SOME FORM, BY INJECTED HUMOUR, OR RANDOMISED WORDS WHICH DONT LOOK EVEN SLIGHTLY BELIEVABLE,CLEAN SAMPLE CHART,CLEAN SAMPLE CH