UI基础与项目实战新

/启讯企业项目培训大纲\o"1-3"\h\z\u第一章：形象识别系统 440189585\h41.1、图像元素 440189586\h41.2、识别系统 440189587\h4第二章：常用的设计工具 440189588\h41.1、6设计工具 440189589\h41.1.1、工具的工作界面 440189590\h41.1.2、启动及关闭软件 440189591\h61.1.3、打开文件及文件格式 440189592\h71.1.4、画布的使用 440189593\h81.1.5、图层的使用 440189594\h91.1.6、常用的快捷键 440189595\h101.1.7、工具栏 440189596\h101.1.8、液化命令 440189597\h301.1.9、滤镜 440189598\h301.1.10、动画 440189599\h30第三章：网页美工 440189600\h30第四章：移动终端美工 440189601\h31第五章：综合美工案例 440189602\h31第六章网页设计 440189603\h326.1、标签语言 440189604\h326.1.1、什么是 440189605\h326.1.2、文档结构 440189606\h326.1.3、元素 440189607\h32第七章层叠样式表 440189608\h357.1、什么是 440189609\h357.1.1、标签的属性 440189610\h367.2.2、属性 440189611\h367.2、存放位置 440189612\h367.2.1、行内 440189613\h367.2.2、内部 440189614\h367.3、盒子模型（重点） 440189615\h397.3.1、宽和高 440189616\h397.3.2、边框 440189617\h397.3.3、内容 440189618\h407.3.4、对齐 440189619\h407.3.5、边距 440189620\h407.3.6、背景 440189621\h417.3.7、透明度 440189622\h417.3.8、鼠标形状 440189623\h427.3.9、伪类 440189624\h427.3.10、定位（重点） 440189625\h427.4、前端排版（工作） 440189626\h437.4.1、网页布局（五布局） 440189627\h43第八章脚本编程 440189628\h458.1、三者的关系 440189629\h468.2、变量 440189630\h468.2.1、变量的定义 440189631\h468.2.3、定义变量 440189632\h478.3、数据类型 440189633\h478.3.1、数字类型 440189634\h478.3.2、字符串类型 440189635\h478.3.3、布尔类型 440189636\h488.3.4、不是数字类型 440189637\h488.3.5、未定义类型 440189638\h488.3.6、对象类型 440189639\h488.4、运算符 440189640\h498.4.1、算术运算符 440189641\h498.4.2、关系运算符 440189642\h498.4.3、逻辑运算符 440189643\h498.4.4、赋值运算符 440189644\h508.5、简单的算法 440189645\h508.6、判断 440189646\h528.6.1、单分支 440189647\h528.6.2、双分支 440189648\h528.6.3、多分支 440189649\h538.7、循环 440189650\h548.7.1、循环 440189651\h548.7.2、循环 440189652\h548.7.3、循环 440189653\h548.7.4、循环 440189654\h558.8、数组 440189655\h558.8.1、一行多列的表格 440189656\h558.8.2、什么是数组，为什么要使用数组？ 440189657\h558.8.3、定义数组 440189658\h558.8.4、为数组的每个元素赋值 440189659\h568.8.5、遍历数组元素 440189660\h568.9、复杂的算法 440189661\h578.10、函数 440189662\h628.10.1、系统函数 440189663\h628.10.2、自定义函数 440189664\h638.11、事件 440189665\h638.12、对象 440189666\h638.13、正则表达式 440189667\h638.14、面向对象 440189668\h638.15、综合案例 440189669\h63第九章框架 440189670\h639.1、引入函数库 440189671\h639.2、预加载函数 440189672\h639.3、选择器 440189673\h639.3.1、选择器 440189674\h639.3.2、类选择器 440189675\h649.3.3、标签选择器 440189676\h649.3.4、筛选 440189677\h649.3.5、含有 440189678\h649.3.6、子元素 440189679\h659.4、标签属性操作 440189680\h659.5、事件 440189681\h659.6、特效 440189682\h659.7、 440189683\h659.8、综合案例 440189684\h65第十章异步传输 440189685\h6510.1、什么是异步传输 440189686\h6510.2、对象如何创建 440189687\h6610.3、和服务器的交互 440189688\h6610.4、的 440189689\h67第十一章前端综合项目 440189690\h67前言内蒙古启讯教育咨询有限公司，主要从事软件研发，教育培训。软件研发主要研发应用程序（家政派单系统，锡林海关及公安厅110报警系统，网页，自治区公安厅），微信接口（公众号），手机（1.5万），教育培训，程序设计（大专及以上），程序设计（本科）。学习目标:通过4个月的学习，掌握后端技术及前端技术的所有知识点，具体知识点包括软件界面和软件功能。学完这些知识点要达到什么程度，一、网站前端开发、二、项目开发、三、研发学习方法:认真听课（技巧）->及时复习->及时练习课程名称：软件工程师是一门计算机语言，可以用来开发软件项目。汉语是一门人类的语言，可以用来交流和写作。类似：C语言、语言、语言等学习难度：中等难度课程模块：三个模块1.软件界面家庭照片处理（10天）2.界面特效（12天）3.数据库处理（26天）一、微信公众号的盈利模式":"1、呼和浩特信息港，关注这个公众号。2、客户群是谁，打算赚谁的钱。3、定义一个大众化的公众号。4、定义菜单及体验功能（技术，编程语言）6、盈利模式:广告：腾讯、公司的客户群：私密的复制成功案例淘宝：资金池，上市非法集资二、互联网+下的创业计划作业：自己使用文档书写一个微信公众号的创业计划书。三、云计算物联网下软件人才的需求云计算：，，网络工程，运维物联网：电子商务，软件开发，软件开发语言，,等四、软件行业的发展趋势"".515五、软件开发课程第一章：形象识别系统1.1、图像元素是形象识别系统。形象识别系统，如，宣传广告，企业文化，展板等图像元素。一个企业必须有元素，这些元素构成了企业的文化。的中图像元素的色彩都是特定的，企业在规划图像元素时，颜色大小材料等都是约定好的，将来不发生改变。需要注册商标。1.2、识别系统就是加上文字注释，构成的图文元素。目前的范围已经不仅限于图标了，任何的广告都可以称之为。只是一个图形，在图形的基础上加上文字说明，就是。第二章：常用的设计工具1.1、6设计工具1.1.1、工具的工作界面1.1.1.1、功能界面介绍:按钮:右键操作包括移动，最大化，最小化，关闭，左键双击关闭，快捷键空格键。菜单:软件所有功能的导航，快捷键+字母；如文件(F)，激活可以使用，子菜单也可以使用快捷键，例如图像菜单中的图像大小，可以使用激活，注意一直按住，按一下i，双手同时松开，再按i松开。（注意:快捷键分为两种，一种是菜单键+子菜单键，另外一种是自定义的快捷键，如果想修改快捷键，可以使用【编辑】->【键盘快捷键】）属性工具栏：将菜单中使用几率很高的菜单项存放到工具栏中。这个工具栏是辅助工具栏使用的。画布：图像数据存放的区域。我们以后将所有的图像文件都将在这个画布中。浮动面板:辅助属性工具栏使用的，主要完成照片的色彩调整。状态栏：显示文件的相关信息1.1.1.2、软件的性能优化步骤：【编辑】->【首选项】->【性能】内存分配：一般是内存容量的1/2最佳硬盘虚拟空间：虚拟内存，暂存盘，设置的稍微大些。（在物理内存不够用的情况下使用虚拟内存，最好使用物理内存。）16G内置存储器磁盘运行内存：1G1.1.1.3、历史记录步骤：【编辑】->【首选项】->【性能】历史记录状态1.1.2、启动及关闭软件1.1.2.1、启动启动软件有多种方法第一种启动方式：快捷键方式，【桌面图标】->双击第二种启动方式：命令（操作）第一步：找到软件的安装路径并复制C:\\6\6第二步：我的电脑(计算机)->右键->属性->高级->环境变量->系统变量->>编辑->输入”;C:\\6\6”，注意字符串前必须有分号隔开。第三步：将软件的启动程序修改为快捷键命令名称，如修改为，注意扩展名保持不变。第四步：开始->运行()->输入或回车。环境变量：系统的命令一般是一个文件，这个文件可以存放在磁盘的任何位置，我们为客户提供统一的入口，在入口中输入的命令，系统如何才能正确找到应用程序呢，就是使用变量来完成。用户输入的每个命令系统都会在变量指定的路径中寻找。例如系统自带的值为：:\\32:\:\\32\:\\\\:\\6\路径位置:C:\\32;系统第一次是在这个路径中查询C:\;系统第二次是在这个路径中查询以此类推1.1.2.2、关闭点击×关闭按钮关闭（可以使用系统的4）1.1.3、打开文件及文件格式1.1.3.1、打开文件第一种：【文件】->【打开】或使用快捷键第二种：拖拽图片到工作区第三种：双击的工作区1.1.3.2、文件格式步骤：【文件】->【存储为格式】->选择图片文件类型文件类型的区别：支持动画，图像分辨率低。支持压缩适合在网络上传输。可以使用脚本来实现支持动画，默认的图片是不支持动画的。图片支持65536中颜色，所以说图片的颜色色彩很丰富的话我们建议大家使用格式。格式支持压缩。是一种高清格式，无压缩。建议保持高清图时使用。中使用图片最好是格式，磁盘中存储相片最好使用格式，如果只是保存简单的颜色可以使用。比较:：颜色体系少，建议在中使用，压缩：颜色体系多，建议在中使用，压缩（国际通用图片格式）：颜色体系多，不建议在中使用，无压缩1.1.3.2、文件格式保存打开文件->另存为（选择保存的格式）打开文件->存储为格式（支持动画格式，以这个方式保存的图像都具有压缩功能）打开文件->编辑->存储为格式（源文件格式，日后可以再次编辑）1.1.4、画布的使用1.1.4.1、什么是画布画布相等于一张白纸，可以在画布中绘制任意的内容。1.1.4.2、如何创建画布步骤：【文件】->【新建】1.1.4.3、画布的参数（重点）a、宽和高：单位使用像素，厘米单位:如果制作的图像要使用打印机打印并张贴在墙上，这时使用厘米作为单位。如果制作的图像只是在互联网中使用，则选择像素作为单位。像素是不分大小的：在相同的面积下像素点越多则图像越清晰。b、分辨率：分辨率越高图像的清晰度越高户外广告：15-30之间，几米到几十米。写真背板：120–300之间，几厘米到几米。婚纱等书籍折页等：300+，A4纸等名片：300+图像：72计算机中使用的图像分辨率。分辨率越大打印机越耗磨。c、颜色模式颜色模式：互联网颜色，这种颜色体系只适合在计算机中显示。该模式下的颜色都是理想状态下的颜色。颜色模式：打印机颜色。理想状态下的颜色打印机一般无法打印。通过软件和打印机相连，软件可以直接识别打印机的分辨率及颜色范围。d、背景内容白色、背景色、透明1.1.5、图层的使用我们打开的每个图像文件，这个图像文件是由很多色彩构成，色彩之间拥有独立的区域。可以将独立的区域分别存放在各自的图层中方便修改。1.1.5.1、分散图像到多个图层？第一步：打开一副图片第二步：双击背景图层解锁第三步：使用选区工具选择图像并剪切第四步：创建多个图层并粘贴1.1.5.2、图层操作a、创建图层点击图层面板的正数第6个按钮完成创建图层b、复制图层（备份、拷贝基础上进行修改）拖拽要复制的图层到新建按钮上完成复制图层c、删除图层拖拽要删除的图层到删除按钮上完成删除图层，如果误操作可以使用组合键撤销删除。（注意：），可以使用键实现快速删除。d、移动图层拖拽选中的图层上下移动，可以改变图像的垂直高度。e、合并图层将多个图层合并成一个图层点击面板中的这个按钮1.1.6、常用的快捷键a、面板全屏/恢复：b、显示/隐藏右侧浮动面板：c、打开文件：d、新建画布：e、画布缩小和放大：空格+鼠标左键缩小/空格+鼠标左键放大f、图像缩放变形等：按完快捷键后全部松开子快捷键中心点、相邻边动、相邻边以中心动、相邻变等比例水平或垂直变形、对称缩放、【】旋转复制,不停的按t键g、填充颜色：前景色背景色h、取消选区：1.1.7、工具栏1、选区工具（矩形选框工具）功能属性应用描边宽度、位置（内部，中间，外部）【编辑】->【描边】选择内容移动、复制、删除等选择内部的内容布尔新建、添加到选区、从选区减去、和选区相交羽化边缘虚化后设置羽化：6技巧选区和路径的关系。选区可以转换为路径进行编辑。路径->选区回车案例1、使用选区工具制作一个名片第一步：创建画布第二步：【窗口】->【图层】->创建一个新图层命名为“水平横条”并创建选区第三步、使用布尔，从选区中减去第四步、添加前景色,颜色#1343f4取消选择，使用文字工具输入内容，双击文字图层，左/右光标键,字间距调整第五步、点击【工具栏】中的多边形工具出现如下图所示的符号面板>第六步、使用文字工具，输入下图所示的文字，并排版第七步：在百度中搜索“草料网”在线生成名片二维码，并将二维码合并到名片正面上。选择二维码拖拽到名片文件中点击【文件】->【另存为】2、套索工具（选区）功能属性操作描边宽度、位置（内部，中间，外部）【编辑】->【描边】内容移动、复制、删除等选择内部的内容布尔新建、添加到选区、从选区减去、和选区相交羽化边缘虚化子工具套索工具：任意的选区、多边形套索工具：多边形选区、磁性套索工具：抠图案例1、使用磁性套索工具实现抠图第一步：载入荷花图片【文件】->【打开】第二步：使用磁性套索工具，绕着荷花边缘拖拽选区。第三步：反选选区（）并删除除荷花的其它图像3、魔棒工具（选区）功能属性应用内容容差：容差越大，色彩范围越广选取相近的色彩布尔选区相似的颜色并将多个选区合并添加到选区子工具套索工具：魔棒工具、快速魔棒案例1、制作一个宝马商标草图。第一步：创建一个500*500的白色背景画布。第二步：创建宝马图层第三步：在该图层中绘制如下内容使用键填充前景色。使用布尔相交完成如图所示的扇形选区。并创建一个新图层合并图形绘制矩形选区产生选区并描边选择多边形工具来绘制圆形路径，路径上是可以输入文字的4、裁切工具（重点-软件界面切图）功能属性应用单个裁切比例裁切裁切工具批量裁切切片工具子工具裁切工具、切片工具技巧裁切之前先拖拽辅助线，辅助线具有吸附功能快捷键打开标尺4、修复画笔工具子工具功能操作修复画笔吸取图像区域的色彩后溶解到目标区域鼠标左键点击（吸取）修补工具目标区域、替换初始选区区域拖拽选区->移动选区红眼工具去除相片的红眼使用红眼工具点击污点修复工具将所选区域的颜色平均分布使用该工具拖拽区域5、画笔工具子工具功能操作画笔工具根据画笔的硬度，大小，笔形绘制内容直接拖拽普通属性画笔大小：15000、快捷键：“[”缩小“]”放大硬度：浓度、边缘虚化0%硬度最小->100%硬度最大笔形：使用不同的笔形产生多种笔触（画笔属性可以设置）画笔属性画笔的笔尖形状(全局)：选取笔尖形状、大小、翻转、角度、硬度、距离形状动态：作业：使用所学的工具绘制一枚印章制作步骤：第一步：创建一个500*500的画布，背景色是透明的。第二步：拖拽水平和垂直辅助线，找到画布的中心点。第三步：选中选区（选中区域）工具、按住键拖拽圆形选区并描边10的红色。第四步：选择多边形工具，按住键拖拽椭圆路径，并使用文字工具输入“内蒙古某某公司”。使用自由变换调整文字位置。第五步：使用多边形工具的绘制五角星，默认绘制的是路径，需要使用回车转为选区，再使用填充红色。第六步：将所有的图层合并为一个图层，使用椭圆选区选中所有画布内容，点击菜单中的编辑菜单选中定义画笔预设。第七步：新建一个A4的画布，选中画笔工具并选中“印章”笔触。案例：使用所学的工具制作一个创意。6、仿制图章工具子工具功能操作仿制图章工具吸取源画布色彩到目标画布（没有溶解功能）选择仿制图章工具->按住键->单击鼠标左键完成吸取操作->在目标画布拖拽鼠标绘制图案图章工具直接将图案绘制在画布中选择图案图章工具->选择图案->绘制用途擦除图片的多余内容（图片水印，祛痘）案例一：使用仿制图章工具完成去痘效果。原始图效果图第一步：选择仿制图章工具，按住吸取相近的颜色，覆盖到痘痘上。参数：画笔为15，硬度为0，流量为35。第二步：不停的吸取新色彩，反复覆盖到痘痘上第三步：图层-调整-亮度和对比度案例二：擦除水印原图效果图步骤同上7、渐变工具子工具功能操作渐变工具颜色过渡点击渐变工具->点击属性工具栏中的颜色->双击色标修改色标颜色->拖拽油漆桶使用前景色填充画布或选区选择前景色->选择油漆桶工具->点击8、钢笔工具子工具功能操作钢笔工具绘制路径点击第一个点，再点击一个点，可以形成多个点连续线段，如果点击点的时候鼠标没有松开，则可以产生圆角。在钢笔工具的情况下[]调整路径。回车键将路径转换为选区。自由钢笔工具绘制任意路径添加锚点工具在路径上添加锚点删除锚点工具删除指定的锚点转换点工具用途绘制任意路径、抠图9、文字工具子工具功能操作横排文字输入横排文字选择文字工具，点击插入光标并输入文字，也可以拖拽区域输入文字。左光标或右光标，调整水平文字间距。对文字修改完后可以按回车确认直排文字输入直排文字选择文字工具，点击插入光标并输入文字，也可以拖拽区域输入文字。横排文字蒙版输入横排选区文字直排文字蒙版输入直排选区文字技巧将文字图层栅格化（图片文字）10、多变形工具子工具功能操作矩形绘制矩形路径圆角矩形工具绘制圆角矩形路径椭圆多边形直线自定义形状1.1.8、液化命令这个液化命令一般使用来对图像进行任意变形（柔化），可以使用该工具完成图像变形，如婚纱摄影中的瘦身增肥等。1.1.9、滤镜滤镜就是特效1.1.10、动画【窗口】->时间轴->创建帧动画->复制帧->为每个帧设置要显示的图层第三章：网页美工3.1、企业网站美工示例网页的美工是分为：条：一个网站的头部，用来表示企业文化。导航栏：访问网站内容的入口，导航栏分为水平和垂直两类幻灯片：网站中推广的主要内容放在这里（代码）主体内容：网站页面的主要内容友情链接：外链、内链、交叉链接、等版权信息：备案号""蒙备11004356号-44

第四章：移动终端美工：手机顶端，详细导航栏按钮:内容区域、容纳常用的导航栏:主要分类导航栏第五章：综合美工案例通过美工决定项目报价：产品销售项目：1端

前端：300元*=价格300*11=3300+2500+3500+2000=11000元

后端：1500元

支付：1000元

购物模块：3500元

域名+空间:1999元2.移动端

:手机网页:5500元:手机应用程序（）

普通的新闻类：8000元+交互性的：12000元+类：6万+商城：8万-50万（有赞商城二次开发）一次性报价：12000第六章网页设计6.1、标签语言6.1.1、什么是5是用来完成网页中文字，图片等元素的布局的。是网页的骨架。中文全称叫超文本标记语言，严格来说不是一门编程语言，只是一门页面描述性语言，用来描述网页元素的布局信息。标签语言中给我们提供了105个标签。超文本标记语言的语法<标签名></标签名>6.1.2、文档结构<><><”8”><><><><><><>我们在桌面上创建一个网页文件，如，使用记事本打开，输入文档结构代码进行调试。运行网页文件，只需要双击文件即可。标签的说明：标签：这是网页中最大的标签，表示文档文件的开始和结束。标签：这个标签中的内容是不会输出到浏览器中的，一般用来实现文件的头部控制信息。如标题标签就是旗下的子标签。标签:控制客户端的浏览器使用的编码，2312简体中文，扩展的简体中文、5繁体中文编码（香港、繁体字），8多国语言不区分大小写标签：网页的标题。标签：网页的主体内容，页面中所有的图像、文字、音频、视频等都可以放在此标签中。注意：这个文档结构在一个网页中只能出现一次。6.1.3、元素6.1.3.1、图像元素<”路径””提示””替换””编号””宽度””高度””事件””代码”>属性说明：=“路径”这个属性是用来描述图像标签所引入的图像文件的路径，可以使绝对路径也可以是相对路径。相对路径：从当前网页文件出发去寻找目标文件。表示当前文件位置,/子目录，上级目录上级的上级绝对路径：d:\\绝大部分浏览器不支持，""测试地址：""=“提示”鼠标滑到图像上后显示提示的文字”文字”当图片加载失败的时候，图片区域会被文字替代。”编号”给图像标签起个值，多个图像的值不能重复，值是方便代码控制。”宽度”图像文件的宽，不是源文件的宽”高度”图像文件的高，不是源文件的高”事件”鼠标点击图像的时候触发的代码（第八章讲解）”代码”使用代码修饰图像元素（第七章学习）6.1.3.2、音频及视频元素1、<”路径””宽度””高度”><>淘汰属性说明：”路径”视频文件的路径，如””适合于、、格式这个标签默认依赖系统的播放器，必须按照单机的播放器。2、<"""""600"><>这个标签是目前最新的视频标签，支持端和手机端，标签中自带播放器””是否让播放器具备进度控制这个标签是5标签，必须是最新的浏览器才支持，>9,谷歌最新浏览器等”视频路径”3、<"""3"><>插入音频=“”显示控件”3”音频的路径端的网页代码如下想自适应手机:<

""""",1">视频转换软件:现在的手机支持大部分视频格式4等（迅雷看看，暴风影音）塞班系统诺基亚手机，“格式工厂”，“绘声绘影”朋友圈：微视频、微广告（新媒体）6.1.3.3、文字元素文字可以直接写在标签中，也可以写在或标签中。文字可以写在任意的标签中。1、<><>这个标签的含义是划分区域，支持修饰（95%的标签都支持修饰）这个标签可以在浏览器的任意位置布局。将文字放到这个标签中，这个标签可以通过进行定位，从而实现了文字的定位。具备宽和高是一个块级元素。标签只能表示区域，但是本身不具备样式。必须通过进行修饰。2、<><>这个标签的含义是环绕，支持的修饰，缺点是不具备宽和高。使用标签进行局部修饰。6.1.3.4、表单元素表单是用来收集客户信息的，客户可以使用表单和服务器产生交互性。1、标签含义是输入的意思<”类型””名字””编号””默认值””只读”>简写:<”类型”>用法：<””>类型，文本框，可以输入明文的数据<””>类型，密码框，可以输入隐藏的内容<””>类型，文件域，上传文件<””>类型，单选，属性值相同可以实现单选功能<””>类型，多选<””>类型，隐藏域，用来获取隐藏的信息，如地址等<””>图像按钮，把图像当成按钮（淘汰了）<””>普通按钮，支持自定义功能<””>提交按钮，可以将所在表单中的内容提交到远程服务器上。<””>重置，将所在表单中的内容重置。示例代码：标签记忆法：<人身份证=””姓名=””种族=””性别=””年龄=””职业=””公司=””>文本框：<””””””””””>密码框：<”””””””123456””>文件：<”f””f”””><”””上传”>单选：<”a1””””””男”>男<”a2””””””女”>女多选：<”1””””””爬山”>爬山<”2””””””游泳”>游泳图像按钮：<”1””1”””>提交按钮：<”s1””s1””””提交”>重置按钮：<”s2””s2””””重置”>普通按钮：<”s3””s3””””普通”>2、标签文本区域：<”编号””名字””行””列”>默认值<>3、标签<><”选项的我值”>选项名称<><>注意：选项名称只起到显示功能，真正提交到服务器上值为选项的值。词汇，挑选，选择选项4、标签我们所学的表单元素都需要放到该标签中，只有存放在该标签中的标签元素的值才可以提交给服务器。提交按钮只会提交本表单的数据。例如：<””>这个文本框不会被提交给服务器，原因是不在中。<><””><”””注册”><>说明：当我们点击注册按钮是，注册按钮所处的表单元素会被提交给服务器。6.1.3.5、字段集<":500:20:12;"><>目前学员状态<><":10;">张三李四王五赵六张三李四王五赵六张三李四王五赵六张三李四王五赵六张三李四王五赵六张三李四王五赵六张三李四王五赵六张三李四王五赵六<><>6.1.3.6、淘汰了的标签换行、水平横线、删除线、下滑线、上标、下标、大于、小于、版权、加粗、斜体、字体<>、<>、<><>、<u><>、<><>、<><>、;、;、;、<b><>、<i><>、<><>等6.1.3.7、超链接<a”链接地址””打开目标”>链接文字<>例如：<a”""”>百度<>点击百度文字跳转到百度官网=“”在新窗口打开””在自身的窗口打开=””=“”;””;6.1.3.8、嵌入<”编号””名字””嵌入的网页””边框””宽度””高度”><>用法：<a””””>录入电话量<><”””300””300”><>说明：点击“录入电话量“，页面在中打开。作业：使用已学的知识，开发软件的后台界面功能。使用框架。6.1.3.9、项目列表无序列表<> <><><><><>有序列表<><><><><><><><><><>6.1.3.10、表格（前端淘汰）<> <> <>第几节<> <><><><><><>表格的属性:=“100”表格的宽度”50”表格的高度””表格的背景色”2”表格的边框””表格边框的颜色””表格相对于浏览器的水平对齐方式”2”单元格和单元格的距离”2”单元格和内容的距离单元格的属性:=“100”单元格的宽度”50”单元格的高度””单元格的背景色””单元格中内容的水平对齐方式””单元格中内容的垂直对齐方式”2”单元格和单元格的距离”2”单元格和内容的距离第七章层叠样式表7.1、什么是中文全称层叠样式表。7.1.1、标签的属性在网页中输入的任何数据都需要修饰，如何修饰呢，可以将文字等数据直接放入标签中。因为标签有很多属性可以使用。早期w3c(互联网协议的制定者)制定了的语法功能，已经无法满足现状了。可以使用进行扩展。7.2.2、属性中文名称为层叠样式表，提供了很丰富样式。使用可以修饰页面中任意的标签。的语法有些类似语法。语法格式：属性名:属性值;:12;字号;加粗;字体颜色:”宋体”;字形:100;宽度:100;高度;背景色:1;边框:10;圆角;内容的水平对齐方式7.2、存放位置7.2.1、行内语法：<”代码”>内容<>例如：<”:100;”>今天是第二天课<>词汇：样式，类型行内写法比较灵活，缺点是工作量大，重复代码多。7.2.2、内部使用内部样式可以宏观的修饰，内部样式提供了四种选择器来修饰元素。语法：<””>代码<>内部写法是将代码和相分离。可以实现的宏观修饰。7.2.2.1、选择器语法：值{代码}选择器实际上是行内写法的一种分离方法。示例：<>1{:20;}/*修饰1标签*/2{:20;}/*修饰2标签*/<><”1”>1<><”2”>2<>注意：所有标签的值是不能重复的。举例：<人身份证=”0023053”姓名=”李春”性别=”男”职业=”教授”></人><人身份证=”0023057”姓名=”李春”性别=”男”职业=”教授”></人>7.2.2.2、类选择器语法：.名称{代码}调用：<标签”名称名称2名称3名称4…”></标签>哪个标签需要被修饰了，就使用调用对应的类选择器（注意：调用的时候没有点）。示例：<””>{;}/*设置字体为红颜色*/{:20;}/*设置字号为20*/<><””>内容一<>被和的并集修饰<””>内容二<>被修饰<””>内容三<>被修饰7.2.2.3、标签选择器语法：标签名{代码}用法；修饰和标签名相同的标签示例：<>*{:0:0;}*通配符，匹配所有标签。{:20;}修饰页面中所有的标签{:20;}修饰页面中所有的标签<><><><><><><><><><><><><>注意多个标签选择器是可以批量书写的,如{:30;}7.2.2.4、复合选择器复合选择器是利用标签的层级关系进行修饰。（不推荐使用）1、一层一层的修饰（从根节点开始出发）{:20;}<><><><>内容<><><><>可以省略。2、从修饰的节点出发（不是从根节点开始）{:20;}<””><>这个会被修饰<><>1p{:20;}使用便捷等价于p{:20}层次清晰<”a1”><><p><><><>案例：文章列表网页中的文章列表都是使用项目标签来完成。<>{:14:26;}<><””><>内蒙古呼和浩特特大新闻2015-11-30<><>内蒙古呼和浩特特大新闻2015-11-30<><>内蒙古呼和浩特特大新闻2015-11-30<><>这个标签的结构一般不发生变化，我们推荐使用符合选择器。a、行内样式:<”代码”><>灵活，代码重复率高，效率低b、内部样式<>标签选择器类选择器选择器复合选择器<>作业：1、阅读10个文件。2、复习笔记3、背会标签和的常用代码4、仿照案例，编写程序。7.3、盒子模型（重点）所谓的盒子模型指的是把元素都看成平面盒子。但是不是页面中所有的标签都可以被修饰成盒子，默认的文档结构中只有和标签可以被修饰层盒子。等标签属于控制类型的标签，它们是无法修饰成盒子的。标签分为两种标签：控制类型的标签、显示类的标签7.3.1、宽和高:100;:100;说明：无边框的宽和高7.3.2、边框边框的12条代码：/*宽度*/:2;/*上边框宽度*/:2;/*右边框宽度*/:2;/*下边框宽度*/:2;/*左边框宽度*//*样式*/;/*上边框样式*/;/*右边框样式*/;/*下边框样式*/;/*左边框样式*//*颜色*/;/*上边框颜色*/;/*右边框颜色*/;/*下边框颜色*/;/*左边框颜色*/上面的12行代码可以简写为3行:/*宽度*/:2;/*四个边框宽度*//*样式*/;/*四个边框样式*//*颜色*/;/*四个边框颜色*/上面的3行代码可以简化为：:1;宽度样式颜色上面的1行代码可以拆成4行代码:1;宽度样式颜色:1;宽度样式颜色:1;宽度样式颜色:1;宽度样式颜色案例：使用修饰文本框。圆角：:10;圆角值是盒子宽的1/2可以产生圆。7.3.3、内容:12;字体大小14是网页的标准字号:”宋体”;字形;加粗;字体颜色错误:2;缩进两个字的位置;划线7.3.4、对齐1、标签相对于父标签的对齐方式a、水平对齐：左对齐：;右对齐：;居中对齐;:0;b、垂直对齐：:0;顶端对齐:父标签高度/2–本标签高度/2+本标签的上边框宽度;居中:父标签的高度-本标签的高度+本标签的上下边框宽度2、内容在标签中的对齐方式a、水平对齐：;左对齐、居中对齐、右对齐b、垂直对齐：:值;:值;高和行高相等7.3.5、边距外边距、内边距:1;上外边距:1;右外边距:1;下外边距:1;左外边距:1;上内边距:1;右内边距:1;下内边距:1;左内边距注意：的值设置为多少，则盒子的宽或高扩大多少。在使用完后，为了保证盒子的宽和高不发生变化，我们可以将盒子的宽和高减去的值。简写:0;四个外边距为0;:1020;上下外边距左右外边距:123;上外边距左右外边距下外边距:1234;上右下左外边距:0;:00;:0123;:0000;解释同上垂直距离是塌陷、水平距离是相加。7.3.6、背景;背景色(图片路径);背景图;背景平铺方式:200;背景图大小;背景图的定位7.3.7、透明度:0.5;取值:0-1的数，如0.1、0.2、0.3等记忆：,7.3.8、鼠标形状语法手型移动是移动到文本上的那种效果

是等待的那种效果

是默认效果

方向:n北s南w西e东

是向右的箭头

是向右上的箭头

是向上的箭头

是向左上的箭头

是向左的箭头

是左下的箭头

是向下的箭头

是向右下的箭头

是由系统自动给出效果7.3.9、伪类{代码}鼠标滑过示例代码:<””>{:12:120:30:30;}{;}<><”m”>大家好<>7.3.10、定位（重点）1、定位的参考点及偏移量定位指的就是盒子相对【参考点】的布局。a、;静态定位，参考点是父标签及相邻标签说明：偏移，b、;相对定位，参考点是父标签及相邻标签说明：偏移，，相对于自身发生偏移,自身发生偏移后不会影响其它盒子，其它任然会按照原来的位置布局。（隐形盒子）c、;绝对定位，所有的盒子不在一个平面上说明：偏移参考点是父标签，支持偏移参考点是，可以使用:数字;盒子的垂直坐标。d、;固定定位说明：偏移参考点是父标签，支持偏移参考点是窗口，可以使用。定位方式偏移（参考点）偏移（参考点）静态定位父标签及相邻标签无相对定位父标签及相邻标签自身绝对定位父标签文档原点固定定位父标签浏览器窗口2、定位和浮动的结合 一般网页中的定位都是采用默认的静态定位，所以在网页布局的时候根本不需要考虑定位，绝对定位和固定定位只有在网页特效及特殊情况下才使用。网页的区域就是由行和列构成的。行区域和列区域。行区域（块级元素）：具备宽和高，垂直排列，划分区域，默认;列区域（行级元素）：不具备宽和高，水平排列，环绕，默认;默认是行，后是列7.4、前端排版（工作）7.4.1、端页面排版布局：代码如下：<><> <> <"8"> <>五布局<> <> *{:0:0;} {;} {:980;} {:1;} { :120; ; } { :30; ; } { :500; ; } { :60; ; } { :80; ; } <> <> <><""><> <""><> <""><> <""><> <""><> <><>第一个布局：条嵌入图片，可以使用前景图或背景图嵌入前景图做法：<””><"""980"><><””>{:200; ;/*图片高度超出后会自动隐藏*/}<>背景图做法：<””><><””>{:200; ; ();;:980;/*低版本浏览器不支持，需要图片*/;/*顶端中心对齐*/}<>第二个布局：导航栏代码如下：<""> <a"""#">网站首页<> <a"""#">公司简介<> <a"""#">公司新闻<> <a"""#">公司产品<> <a"""#">销售网络<> <a"""#">在线留言<> <a"""#">联系我们<> <>代码如下：{ :30; (); ; } { :30; :110; ;/*下次课讲*/ ; :30; :12; ; ; :"宋体"; } { (); ; ; ; :"宋体"; :12; }第三个布局：内容<>{:980:500;}{:300:500;}{:680:500;}<><””>行<””><>列<””><>列<><””><>清除浮动结构中的内容都是通过标签实现详细布局。实现页面中大的布局。7.4.2、移动端排版<"""关键字"/>定义搜索引擎搜索时输入的关键字<"""对网页的描述"/>对网页的描述，归类；第八章脚本编程目前软件行业比较流行的编程语言有:C语言：这个语言是最底层的编程语言，是所有语言的开发语言。早期的操作系统都是由c语言。人们把C语言当成是入门必学的语言。语言：在C语言的基础上增加对硬件的支持，及对面向对象的支持。语法复杂，学习难度大，后来微软在的基础上开发出了,并为其开发了一个可视化工具，大量的开发人员从事了开发，目前常用的桌面软件及游戏90%以上都是使用语言开发。语言：是公司开发的一门面向微端设备的语言，后来演变为和一样的功能语言，并且成为世界最有影响力的语言，直到系统的出现，才推动了的发展。语言：全世界使用率最高编程语言，优点是运行速度快，学习成本低。缺点是功能上有瓶颈，可以使用C语言开发插件。目前许多大公司，如谷歌，雅虎，阿里巴巴，淘宝，百度，腾讯空间，占座网，等都采用技术开发。是一门后端语言。语言，这门语言可以嵌入到中运行，交互式操作。262官方名称相当于结构框架相当于修饰样式执行8.1、三者的关系标签是一种页面描述性语言，是以标签的形式存在，这个标签可以看成是占位符。在占位符中我们可以插入文字、图片、音频、视频等。标签在浏览器中都有自身的默认位置及默认样式，我们可以使用进行修饰标签样式及定位标签。和共同呈现在网页中的标签样式是静态的。我们可以代码控制标签，使其变成动态的。修饰：>静态>动态实例：<><""><> <"8"> <>的关系<><><> <":100:100""''""''"><><><>关系：修饰（静态）修饰并控制（动态）控制从而控制（动态）8.2、变量8.2.1、变量的定义变量就是内存中的一块空间，变量名在命名的时候需要注意三点，第一点变量名必须是以字母数字下划线及$构成且数字不能开头。如2这个变量名是不合法的。第二点变量名的长度不超255个字符且不能使用非编码的字符。第三点变量的定义最好见名知意。如定义存放用户名的变量,最好使用。物理构成：输入设备，处理设备，存储设备，输出设备8.2.3、定义变量定义变量的过程就是在内存中开辟空间的过程语法：变量名=变量的值;例如：x=1;说明：关键字，x变量名，=赋值符号,1变量值中的变量在定义的时候必须赋初始值。XX变量存放的值为1例如：

<"">定义x变量x=1;将1放到了x变量所对应的空间中y=2;将2放到了y变量所对应的空间中z=x+y;将x变量的值和y变量的值相加的值赋值给z变量(z);以对话框的形式输出z变量的值<>基于对象的语言，不是面向对象语言,对象.属性（方法）;对象–》数据（变量）8.3、数据类型8.3.1、数字类型例如：x=100;这个100就是数字，则x变量的类型就是数字类型y=3.8;这个3.8就是数字，则y变量的类型就是数字类型输出：((x));输出8.3.2、字符串类型主要操作的就是字符串;例如：s=“”;=‘’;=“123456789123221”;假设这是一个身份证号码((s));输出使用单引号或双引号括起来的表达式就是字符串。比喻：阅读手机号的时候，无意中就给数据设定的数据类型。移动，逐个阅读，字符串电信，整体读，数字8.3.3、布尔类型布尔类型有两个值真、假例如：m1;真m2;假m3=(1<2);等价于m3=;m4=(1>2);等价于m4;布尔类型是用来表示表达式是否成立，成立为,不成立为0‘’等价8.3.4、不是数字类型特有我们都知道，任何数据在计算机中都是以数字表示，如果计算机无法使用数字表示，则表示这个数据是一个非法的数据。例如：<"">a=100;b="张三";c=a*b;数据无法分配(c);();去验证括号当中的数据是否是数字;<>注意：两个是不相等的，是错误的8.3.5、未定义类型当一个变量没有在内存中开辟，则这个变量就称之为未定义。<"">c;在定义变量的时候没有赋值，则不会在内存中开辟空间。(c);输出结果：()输出结果：<>8.3.6、对象类型<"">/***对象：万物皆对象，对象是有类别的，人类，鸟类，猫类，所有的类动物类*对象：具体的表现形式是基于对象的；其实，面向对象，是一种思想思维方式;但是，也可以使用面向对象（思想）去建构程序;*类：模型*对象是类的具体表现形式。*对象=类();*张三=人类();*李四=人类();*/1=();1[0]2=();3=();((1));<>8.3.6、空类型8.4、运算符8.4.1、算术运算符符号：+加–减*乘/除%余例如：<"">x=1;y=2;();();(x*y);();();如3/2<>8.4.2、关系运算符符号:<小于<=小于等于>大于>=大于等于等于绝对等于不等于这个相等表示的是面值相等100人民币100美元,“100”100这个相等表示的是面值和类型都相等100人民币100美元绝对不等于例如：x<=100;的最大值为100x>=100;的最小值为1008.4.3、逻辑运算符符号:!非与或!非运算符就是进行取反操作，如的反面是。大多数的编程语言中认为下列数据类型的值为假，如,0,””,空。布尔运算符在进行计算的时候会自动将非布尔类型的数据转换为布尔类型。结果!0结果!””结果结果与运算符表示的是并且，要求运算符所操作的操作数必须是结果才是真。表达式:特点，都成立，结果才成立。推导过程：串联电路：举例：开发一个用户登录功能，用户名和密码都输入正确才可以登录成功。用户名输入成立密码输入成立验证码输入成立只有这个三个都成立结果才成立。代码:<””>=“客户输入用户名”;=“客户输入的密码”;(“”“12345678”){(“用户名及密码输入正确，可以登录系统”);}{(“用户名或密码输入错误，无法登录本系统”);}<>习题：(1<2)((1+2)1)300<500结果是或运算符表示的是或者表达式:只要有一个成立则成立推导过程：例如：密码输入123或321都可以登录成功<””>=123;(123321){(“登录成功”);}{(“登录失败”);}例如：允许填男或女<””>=“男”;(“男”“女”){(“验证合法”);}{(“抱歉，您输入的性别不合法”);}<>例如：用户输入,密码输入123或321，则登录成功。<””>=“”;=“123”;(“”(123321)){(“登录成功”);}{(“登录失败”);}<>习题:((1+2+3+5+……+100)<=5050)结果:关系运算符>逻辑运算符(与运算>或运算)8.4.4、赋值运算符符号赋值累加累减*=累乘累除自增1-自减1例1：x=1;这个“=”号表示的是赋值，不能理解为等于。y=2;将2赋值给y变量x=3;将3赋值给例2:x=2;x100;x=x+100x*=2;*2自身加1x—自身减18.5、简单的算法案例：已知x变量和y变量，求x变量和y变量的和。<””>x=1;y=2;z=x+y;(z);<>已知圆的半径R求圆的面积和周长。<””>R=1.6;=3.14*R*R;公式：S=πR*R=3.14*R*2;公式：L=πD("圆的面积是:");();("圆的周长是:");();<>已知20求一元二次方式的两个根。<””>a=2;任意输入的b=5;任意输入的c=1;任意输入的=b*b-4*a*c;(>=0){(a0){x1=(+())/2*a;x2=(-())/2*a;(x1);第一个根(x2);第二个根}{ ("该方程式没有根，因为a的值为0");}}{ ("该方程式没有根，因为小于0");}("<>");<>已知小张每月的月薪是8000元，2016年1月15小张领到了7100元的工资，小张想知道扣税是多少？编写程序实现。算法分析：(8000-3500–240)*10%-105=321小张领到的实际工资为：8000–240–321=7439个人所得税计算公式：应纳个人所得税税额=应纳税所得额×适用税率-速算扣除数

扣除标准3500元/月（2011年9月1日起正式执行）（工资、薪金所得适用）

个税计算7级标准

全月应纳税所得额税率速算扣除数（元）

全月应纳税额不超过1500元3%0

全月应纳税额超过1500元至4500元10%105

全月应纳税额超过4500元至9000元20%555

全月应纳税额超过9000元至35000元25%1005

全月应纳税额超过35000元至55000元30%2755

全月应纳税额超过55000元至80000元35%5505

全月应纳税额超过80000元45%13505按照上面的算法分析，编写程序实现如果应领工资为8000元，则计算缴纳的税为多少。<””>=8000;应发工资=240;保险=(--3500)*0.1-105;=--240;("实际发的工资是:");();("扣除的税是:");();<>5、已知长方形用w变量表示宽，用h变量表示高，编写程序实现计算长方形对角线的长度。<””>w=1.5;h=3;x=(w*w+h*h);变量表示对角线("对角线长度为");(x);<>6、小张和小王合伙做水果生意，小王的分成总水果重量的15%,如果水果从进货当天开始计算每天亏损1.5%,假设小张和小王每天进货100斤，请问运营90天，请问小王的收入是多少。（水果：2元）如何提高编程能力：扎实的数学基本功。提高应用知识。（财务公式，建筑公式，个人所得税）阅读优秀的程序片段（主要）8.6、判断8.6.1、单分支(条件){语句;条件成立}说明：这是一个判断语句，如果条件成立则执行语句。例1：(){(“大家好”);}结果：由于条件为，所以运行的结果为”大家好”。例2：(1<2){(“成立”);}结果：由于条件为,所以运行的结果为“成立”。例3：x=“”;(x“”){(“条件成立”);}运行结果：由于条件为,所以运行的结果为“条件成立”。8.6.2、双分支语法：(条件){语句1；语句体如果只有一条语句称之为单语句。}{语句2；语句3；复合语句}运行流程:如果条件成立则执行语句1，条件不成立执行语句2.如果语句体是单语句则括号是可以省略的。<"8"><"">()如果{ ("");条件成立执行}否则{ ("");条件不成立执行}="大米";("大米"){ ("是大米，我爱吃");}{ ("不是大米，我不爱吃");}阅读="";用户名="123456";密码(""){("123456"){ ("恭喜您，登录成功");}{ ("抱歉，密码输入错误");}}{ ("用户名输入错误");}<>8.6.3、多分支语法：(值){值1:语句1;值2:语句2;值3:语句3;…………..:语句;}运行过程：取出值和值1到值2分别匹配，匹配成功则执行对应的语句，如果都匹配失败，则执行。例1：<””>2;(x){1:(“a”);2:(“b”);和此项匹配成功，弹出b,执行停止运行3:(“c”);4:(“d”);5:(“e”);:(“没有匹配的数据”);最后一个可以省略;}上面的多分支可以使用语句替代(x1){(“a”);}(2){(“b”);}<>8.7、循环(相当重要,必须掌握)哪个用的顺手，就用哪个；8.7.1、循环(条件){循环体;}<"">/***执行过程:*1.判断条件是否成立*2.执行循环体->转到第1步*/x=0;(){ x=x+1;(());这行代码被循环执行(x10){('程序即将停止');;退出循环}}i=1;(i<=5){(i);;必须输入这个代码，否则是死循环。}<>8.7.2、循环{循环体;}(条件);先执行循环体，再判断条件。例如：<””>{(“”);}();<>运行结果：””代码调试:（必会）需要一个8以上的浏览器点击工具选择选项–>高级->禁用脚本调试取消;按F12或者在工具中打开->开发者工具->设置断点（代码将从断点开始执行）->开始调试->切到浏览器页面刷新页面->进行逐行调试。火狐的网络调试：检测你网站的访问时间与访问文件；8.7.3、循环语法：(初始值;条件;自增或自减){循环体;}例子：(1;i<=10;){(i);}执行结果：1、弹出1执行过程：第一步：i=1;给变量赋初始值第二步：i<=10;判断条件，条件成立则执行循环体第三步：(i);循环体，只有条件成立的时候才执行第四步：自增以此类推：第二步、第三步、第四步循环执行。思考题：(100<=200){(2);}运行结果：10108.7.4、循环就是为遍历数组而产生的。 =[1,2,3,4,5,6,7,8,9]; 键名进入数组对象 (n){ 相当于数组的下标 每一次循环，输出的是从0开始做自增的下标 ([n]); }遍历二维数组=[ [1,2,3]例如果元素长度100 [4,5,6], [7,8,9] ]; (i){遍历行 (j[i]){遍历列 ([i][j]); } ("<>"); }8.8、数组所谓数组，就是相同或不相同的数据类型的元素按一定顺序排列的集合，就是把有限个类型相同的变量用一个名字命名，然后用编号区分他们的变量的集合，这个名字称为数组名，编号称为下标或键名。组成数组的各个变量称为数组的分量，也称为数组的元素，有时也称为下标变量。数组是在程序设计中，为了处理方便，把具有相同或不同类型的若干变量按有序的形式组织起来的一种形式。这些按序排列的同类或不同类数据元素的集合称为数组。创建和遍历（）二维数组******8.8.1、一行多列的表格这个表格的名称为abcdefghij0123456789...使用[0][1]以此类推[0]=“a”;[1]=”b”,以此类推8.8.2、什么是数组，为什么要使用数组？定义：数组就是多个变量（一块空间）的集合例子：定义1万个变量。a=1;b=2;c=3;d=4;5工作量很大，几乎无法完成。可是使用数组一次性定义多个空间。8.8.3、定义数组语法：数组名=();理解：按照（内核中提供的一种数据格式）生成一个数组结构。定义数组=产生数组结构();定义宝马=生产汽车模型();比喻定义小明=生育母亲();比喻例子：定义一个名为的数组=();定义的时候注意大小写。词汇：新建数组变量8.8.4、为数组的每个元素赋值名词：数组名=();数组名[键名]=键值;数组名：整个变量的集合的统一的名称就是数组名，如上面定义的。数组元素：每块空间就是一个数组元素[0]、[1]、[2]等，数组元素的个数称之为数组长度。键名：[键名]、序号、键名、索引号、下标键值：[0]=“a”;这个a就是键值<””>定义数组=();为数组的每个元素赋值[0]=1;[1]=2;[2]=3;[999]=1000;循环替代上面的赋值过程(i=0<=999){[i]=i+1;算法}经过这个循环将1000个数组元素进行了赋值输出数组的长度();将内容打印到浏览器,李春.年龄();以对话框的形式输出输出数组的键值结构(());李春.说话()<>8.8.5、遍历数组元素第一种遍历方法:逐个遍历<"">定义数组=();为数组元素赋值[0]="";[1]="";[2]="";打印数组的长度();输出3打印数组的键值结构(());遍历数组元素("<>");输出水平横线([0]);([1]);([2]);<>第二种遍历方法:循环遍历<"">定义数组=();为数组元素赋值(0<=9999){ [i]=i+1;}打印数组的长度();输出1打印数组的键值结构(());遍历数组元素(i=0<){1000i<1000，i的最大值为999 ([i]);}<>8.8.6、二维数组二维数组实际上就是一个多行多列的表格，如图所示：0123456780000102030405060708110111213151617182202122232425262728这个表格描述的是一个二维数组，如果这个数组的名字为,则每个元素可以这样表示语法：数组名[

行键名][列键名]=键值;[0][0]=0;[0][1]=1;[0][2]=2;以此类推8.8.6.1、定义二维数组：数组名=(()()());或数组名=[[],[],[]];例如：定义上图所对应的二维数组=((00,01,02,03,04,05,06,07,08),(10,11,12,13,””,15,16,17,18),(20,21,22,23,24,25,26,27,28));([0][2]);输出2例如：=[ [00,01,02,03,04,05,06,07,08],[10,11,12,13,””,15,16,17,18],[20,21,22,23,24,25,26,27,28] ];定义二维数组，一定要加缩进与换行键向后推键向前推8.8.6.2、遍历二维数组(难点)不推荐遍历数组结构偏大的 如果数组元素是固定的，数组不复杂，使用这个方法是没问题的第一种!!!! (0<){通过一维数组遍历方法加上每一个元素下的元素遍历二维数组 ("<>"); ([i][0]); ([i][1]); ([i][2]); ("<>"); }推荐(0<){(0<[i]){([i][j]);}}使用二维数组制作联动菜单<><""><> <"8"> <>联动菜单<><><><""> =['呼和浩特','包头','鄂尔多斯','乌兰察布']; =[['赛罕区','玉泉区','回民区','新城区','如意开发区','金川开发区'],['东河区','青山区','昆区','九原区'],['东胜区','康巴什'],['集宁']]; (){获取当前选择的市=("");获取客户选择的索引号n=;清除区=("");='';按照客户选择的索引号在中遍历(0<[n]){创建对象=("");=[n][m];=[n][m];=("");();} }<><"""()"> <"">(0<){ ("<'"[i]+"'>");([i]); ("<>");} <><><""> <><><>8.9、复杂的算法使用循环打印输出1到100的所有奇数。求余2、使用循环打印输出1000年到2016年所有的闰年。3、使用循环计算1到1000的累加和.4、使用循环打印输出2到100之间所有的素数。5、有三个变量，123从这三个变量中找出最大的值。6、已知数组,拥有两个元素，编写程序算法来实现将两个数组元素的值进行互换。7、已知数组,拥有10个元素，编程程序算法实现键值从小到大排量。98765432100123456789排量后的结果012345678901234567898、通过程序输出年月日下拉菜单后期做答案：<"8"><"">/***1、使用循环打印输出1到100的所有奇数*/(1<=100){(i%20){ (i); ("<>");}}("<>");/***2、使用循环打印输出1000年到2016年所有的闰年*/(=1000;<=2016;){ (%1000){(%4000){ (); ("<>");} } {(%40){ (); ("<>");