UI基礎(chǔ)與項(xiàng)目實(shí)戰(zhàn)新

/啟訊企業(yè)項(xiàng)目培訓(xùn)大綱\o"1-3"\h\z\u第一章：形象識(shí)別系統(tǒng) 440189585\h41.1、圖像元素 440189586\h41.2、識(shí)別系統(tǒng) 440189587\h4第二章：常用的設(shè)計(jì)工具 440189588\h41.1、6設(shè)計(jì)工具 440189589\h41.1.1、工具的工作界面 440189590\h41.1.2、啟動(dòng)及關(guān)閉軟件 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、動(dòng)畫 440189599\h30第三章：網(wǎng)頁美工 440189600\h30第四章：移動(dòng)終端美工 440189601\h31第五章：綜合美工案例 440189602\h31第六章網(wǎng)頁設(shè)計(jì) 440189603\h326.1、標(biāo)簽語言 440189604\h326.1.1、什么是 440189605\h326.1.2、文檔結(jié)構(gòu) 440189606\h326.1.3、元素 440189607\h32第七章層疊樣式表 440189608\h357.1、什么是 440189609\h357.1.1、標(biāo)簽的屬性 440189610\h367.2.2、屬性 440189611\h367.2、存放位置 440189612\h367.2.1、行內(nèi) 440189613\h367.2.2、內(nèi)部 440189614\h367.3、盒子模型（重點(diǎn)） 440189615\h397.3.1、寬和高 440189616\h397.3.2、邊框 440189617\h397.3.3、內(nèi)容 440189618\h407.3.4、對(duì)齊 440189619\h407.3.5、邊距 440189620\h407.3.6、背景 440189621\h417.3.7、透明度 440189622\h417.3.8、鼠標(biāo)形狀 440189623\h427.3.9、偽類 440189624\h427.3.10、定位（重點(diǎn)） 440189625\h427.4、前端排版（工作） 440189626\h437.4.1、網(wǎng)頁布局（五布局） 440189627\h43第八章腳本編程 440189628\h458.1、三者的關(guān)系 440189629\h468.2、變量 440189630\h468.2.1、變量的定義 440189631\h468.2.3、定義變量 440189632\h478.3、數(shù)據(jù)類型 440189633\h478.3.1、數(shù)字類型 440189634\h478.3.2、字符串類型 440189635\h478.3.3、布爾類型 440189636\h488.3.4、不是數(shù)字類型 440189637\h488.3.5、未定義類型 440189638\h488.3.6、對(duì)象類型 440189639\h488.4、運(yùn)算符 440189640\h498.4.1、算術(shù)運(yùn)算符 440189641\h498.4.2、關(guān)系運(yùn)算符 440189642\h498.4.3、邏輯運(yùn)算符 440189643\h498.4.4、賦值運(yùn)算符 440189644\h508.5、簡(jiǎn)單的算法 440189645\h508.6、判斷 440189646\h528.6.1、單分支 440189647\h528.6.2、雙分支 440189648\h528.6.3、多分支 440189649\h538.7、循環(huán) 440189650\h548.7.1、循環(huán) 440189651\h548.7.2、循環(huán) 440189652\h548.7.3、循環(huán) 440189653\h548.7.4、循環(huán) 440189654\h558.8、數(shù)組 440189655\h558.8.1、一行多列的表格 440189656\h558.8.2、什么是數(shù)組，為什么要使用數(shù)組？ 440189657\h558.8.3、定義數(shù)組 440189658\h558.8.4、為數(shù)組的每個(gè)元素賦值 440189659\h568.8.5、遍歷數(shù)組元素 440189660\h568.9、復(fù)雜的算法 440189661\h578.10、函數(shù) 440189662\h628.10.1、系統(tǒng)函數(shù) 440189663\h628.10.2、自定義函數(shù) 440189664\h638.11、事件 440189665\h638.12、對(duì)象 440189666\h638.13、正則表達(dá)式 440189667\h638.14、面向?qū)ο?440189668\h638.15、綜合案例 440189669\h63第九章框架 440189670\h639.1、引入函數(shù)庫 440189671\h639.2、預(yù)加載函數(shù) 440189672\h639.3、選擇器 440189673\h639.3.1、選擇器 440189674\h639.3.2、類選擇器 440189675\h649.3.3、標(biāo)簽選擇器 440189676\h649.3.4、篩選 440189677\h649.3.5、含有 440189678\h649.3.6、子元素 440189679\h659.4、標(biāo)簽屬性操作 440189680\h659.5、事件 440189681\h659.6、特效 440189682\h659.7、 440189683\h659.8、綜合案例 440189684\h65第十章異步傳輸 440189685\h6510.1、什么是異步傳輸 440189686\h6510.2、對(duì)象如何創(chuàng)建 440189687\h6610.3、和服務(wù)器的交互 440189688\h6610.4、的 440189689\h67第十一章前端綜合項(xiàng)目 440189690\h67前言內(nèi)蒙古啟訊教育咨詢有限公司，主要從事軟件研發(fā)，教育培訓(xùn)。軟件研發(fā)主要研發(fā)應(yīng)用程序（家政派單系統(tǒng)，錫林海關(guān)及公安廳110報(bào)警系統(tǒng)，網(wǎng)頁，自治區(qū)公安廳），微信接口（公眾號(hào)），手機(jī)（1.5萬），教育培訓(xùn)，程序設(shè)計(jì)（大專及以上），程序設(shè)計(jì)（本科）。學(xué)習(xí)目標(biāo):通過4個(gè)月的學(xué)習(xí)，掌握后端技術(shù)及前端技術(shù)的所有知識(shí)點(diǎn)，具體知識(shí)點(diǎn)包括軟件界面和軟件功能。學(xué)完這些知識(shí)點(diǎn)要達(dá)到什么程度，一、網(wǎng)站前端開發(fā)、二、項(xiàng)目開發(fā)、三、研發(fā)學(xué)習(xí)方法:認(rèn)真聽課（技巧）->及時(shí)復(fù)習(xí)->及時(shí)練習(xí)課程名稱：軟件工程師是一門計(jì)算機(jī)語言，可以用來開發(fā)軟件項(xiàng)目。漢語是一門人類的語言，可以用來交流和寫作。類似：C語言、語言、語言等學(xué)習(xí)難度：中等難度課程模塊：三個(gè)模塊1.軟件界面家庭照片處理（10天）2.界面特效（12天）3.數(shù)據(jù)庫處理（26天）一、微信公眾號(hào)的盈利模式":"1、呼和浩特信息港，關(guān)注這個(gè)公眾號(hào)。2、客戶群是誰，打算賺誰的錢。3、定義一個(gè)大眾化的公眾號(hào)。4、定義菜單及體驗(yàn)功能（技術(shù)，編程語言）6、盈利模式:廣告：騰訊、公司的客戶群：私密的復(fù)制成功案例淘寶：資金池，上市非法集資二、互聯(lián)網(wǎng)+下的創(chuàng)業(yè)計(jì)劃作業(yè)：自己使用文檔書寫一個(gè)微信公眾號(hào)的創(chuàng)業(yè)計(jì)劃書。三、云計(jì)算物聯(lián)網(wǎng)下軟件人才的需求云計(jì)算：，，網(wǎng)絡(luò)工程，運(yùn)維物聯(lián)網(wǎng)：電子商務(wù)，軟件開發(fā)，軟件開發(fā)語言，,等四、軟件行業(yè)的發(fā)展趨勢(shì)"".515五、軟件開發(fā)課程第一章：形象識(shí)別系統(tǒng)1.1、圖像元素是形象識(shí)別系統(tǒng)。形象識(shí)別系統(tǒng)，如，宣傳廣告，企業(yè)文化，展板等圖像元素。一個(gè)企業(yè)必須有元素，這些元素構(gòu)成了企業(yè)的文化。的中圖像元素的色彩都是特定的，企業(yè)在規(guī)劃圖像元素時(shí)，顏色大小材料等都是約定好的，將來不發(fā)生改變。需要注冊(cè)商標(biāo)。1.2、識(shí)別系統(tǒng)就是加上文字注釋，構(gòu)成的圖文元素。目前的范圍已經(jīng)不僅限于圖標(biāo)了，任何的廣告都可以稱之為。只是一個(gè)圖形，在圖形的基礎(chǔ)上加上文字說明，就是。第二章：常用的設(shè)計(jì)工具1.1、6設(shè)計(jì)工具1.1.1、工具的工作界面1.1.1.1、功能界面介紹:按鈕:右鍵操作包括移動(dòng)，最大化，最小化，關(guān)閉，左鍵雙擊關(guān)閉，快捷鍵空格鍵。菜單:軟件所有功能的導(dǎo)航，快捷鍵+字母；如文件(F)，激活可以使用，子菜單也可以使用快捷鍵，例如圖像菜單中的圖像大小，可以使用激活，注意一直按住，按一下i，雙手同時(shí)松開，再按i松開。（注意:快捷鍵分為兩種，一種是菜單鍵+子菜單鍵，另外一種是自定義的快捷鍵，如果想修改快捷鍵，可以使用【編輯】->【鍵盤快捷鍵】）屬性工具欄：將菜單中使用幾率很高的菜單項(xiàng)存放到工具欄中。這個(gè)工具欄是輔助工具欄使用的。畫布：圖像數(shù)據(jù)存放的區(qū)域。我們以后將所有的圖像文件都將在這個(gè)畫布中。浮動(dòng)面板:輔助屬性工具欄使用的，主要完成照片的色彩調(diào)整。狀態(tài)欄：顯示文件的相關(guān)信息1.1.1.2、軟件的性能優(yōu)化步驟：【編輯】->【首選項(xiàng)】->【性能】?jī)?nèi)存分配：一般是內(nèi)存容量的1/2最佳硬盤虛擬空間：虛擬內(nèi)存，暫存盤，設(shè)置的稍微大些。（在物理內(nèi)存不夠用的情況下使用虛擬內(nèi)存，最好使用物理內(nèi)存。）16G內(nèi)置存儲(chǔ)器磁盤運(yùn)行內(nèi)存：1G1.1.1.3、歷史記錄步驟：【編輯】->【首選項(xiàng)】->【性能】歷史記錄狀態(tài)1.1.2、啟動(dòng)及關(guān)閉軟件1.1.2.1、啟動(dòng)啟動(dòng)軟件有多種方法第一種啟動(dòng)方式：快捷鍵方式，【桌面圖標(biāo)】->雙擊第二種啟動(dòng)方式：命令（操作）第一步：找到軟件的安裝路徑并復(fù)制C:\\6\6第二步：我的電腦(計(jì)算機(jī))->右鍵->屬性->高級(jí)->環(huán)境變量->系統(tǒng)變量->>編輯->輸入”;C:\\6\6”，注意字符串前必須有分號(hào)隔開。第三步：將軟件的啟動(dòng)程序修改為快捷鍵命令名稱，如修改為，注意擴(kuò)展名保持不變。第四步：開始->運(yùn)行()->輸入或回車。環(huán)境變量：系統(tǒng)的命令一般是一個(gè)文件，這個(gè)文件可以存放在磁盤的任何位置，我們?yōu)榭蛻籼峁┙y(tǒng)一的入口，在入口中輸入的命令，系統(tǒng)如何才能正確找到應(yīng)用程序呢，就是使用變量來完成。用戶輸入的每個(gè)命令系統(tǒng)都會(huì)在變量指定的路徑中尋找。例如系統(tǒng)自帶的值為：:\\32:\:\\32\:\\\\:\\6\路徑位置:C:\\32;系統(tǒng)第一次是在這個(gè)路徑中查詢C:\;系統(tǒng)第二次是在這個(gè)路徑中查詢以此類推1.1.2.2、關(guān)閉點(diǎn)擊×關(guān)閉按鈕關(guān)閉（可以使用系統(tǒng)的4）1.1.3、打開文件及文件格式1.1.3.1、打開文件第一種：【文件】->【打開】或使用快捷鍵第二種：拖拽圖片到工作區(qū)第三種：雙擊的工作區(qū)1.1.3.2、文件格式步驟：【文件】->【存儲(chǔ)為格式】->選擇圖片文件類型文件類型的區(qū)別：支持動(dòng)畫，圖像分辨率低。支持壓縮適合在網(wǎng)絡(luò)上傳輸?？梢允褂媚_本來實(shí)現(xiàn)支持動(dòng)畫，默認(rèn)的圖片是不支持動(dòng)畫的。圖片支持65536中顏色，所以說圖片的顏色色彩很豐富的話我們建議大家使用格式。格式支持壓縮。是一種高清格式，無壓縮。建議保持高清圖時(shí)使用。中使用圖片最好是格式，磁盤中存儲(chǔ)相片最好使用格式，如果只是保存簡(jiǎn)單的顏色可以使用。比較:：顏色體系少，建議在中使用，壓縮：顏色體系多，建議在中使用，壓縮（國(guó)際通用圖片格式）：顏色體系多，不建議在中使用，無壓縮1.1.3.2、文件格式保存打開文件->另存為（選擇保存的格式）打開文件->存儲(chǔ)為格式（支持動(dòng)畫格式，以這個(gè)方式保存的圖像都具有壓縮功能）打開文件->編輯->存儲(chǔ)為格式（源文件格式，日后可以再次編輯）1.1.4、畫布的使用1.1.4.1、什么是畫布畫布相等于一張白紙，可以在畫布中繪制任意的內(nèi)容。1.1.4.2、如何創(chuàng)建畫布步驟：【文件】->【新建】1.1.4.3、畫布的參數(shù)（重點(diǎn)）a、寬和高：?jiǎn)挝皇褂孟袼?，厘米單?如果制作的圖像要使用打印機(jī)打印并張貼在墻上，這時(shí)使用厘米作為單位。如果制作的圖像只是在互聯(lián)網(wǎng)中使用，則選擇像素作為單位。像素是不分大小的：在相同的面積下像素點(diǎn)越多則圖像越清晰。b、分辨率：分辨率越高圖像的清晰度越高戶外廣告：15-30之間，幾米到幾十米。寫真背板：120–300之間，幾厘米到幾米?；榧喌葧垌摰龋?00+，A4紙等名片：300+圖像：72計(jì)算機(jī)中使用的圖像分辨率。分辨率越大打印機(jī)越耗磨。c、顏色模式顏色模式：互聯(lián)網(wǎng)顏色，這種顏色體系只適合在計(jì)算機(jī)中顯示。該模式下的顏色都是理想狀態(tài)下的顏色。顏色模式：打印機(jī)顏色。理想狀態(tài)下的顏色打印機(jī)一般無法打印。通過軟件和打印機(jī)相連，軟件可以直接識(shí)別打印機(jī)的分辨率及顏色范圍。d、背景內(nèi)容白色、背景色、透明1.1.5、圖層的使用我們打開的每個(gè)圖像文件，這個(gè)圖像文件是由很多色彩構(gòu)成，色彩之間擁有獨(dú)立的區(qū)域?？梢詫ⅹ?dú)立的區(qū)域分別存放在各自的圖層中方便修改。1.1.5.1、分散圖像到多個(gè)圖層？第一步：打開一副圖片第二步：雙擊背景圖層解鎖第三步：使用選區(qū)工具選擇圖像并剪切第四步：創(chuàng)建多個(gè)圖層并粘貼1.1.5.2、圖層操作a、創(chuàng)建圖層點(diǎn)擊圖層面板的正數(shù)第6個(gè)按鈕完成創(chuàng)建圖層b、復(fù)制圖層（備份、拷貝基礎(chǔ)上進(jìn)行修改）拖拽要復(fù)制的圖層到新建按鈕上完成復(fù)制圖層c、刪除圖層拖拽要?jiǎng)h除的圖層到刪除按鈕上完成刪除圖層，如果誤操作可以使用組合鍵撤銷刪除。（注意：），可以使用鍵實(shí)現(xiàn)快速刪除。d、移動(dòng)圖層拖拽選中的圖層上下移動(dòng)，可以改變圖像的垂直高度。e、合并圖層將多個(gè)圖層合并成一個(gè)圖層點(diǎn)擊面板中的這個(gè)按鈕1.1.6、常用的快捷鍵a、面板全屏/恢復(fù)：b、顯示/隱藏右側(cè)浮動(dòng)面板：c、打開文件：d、新建畫布：e、畫布縮小和放大：空格+鼠標(biāo)左鍵縮小/空格+鼠標(biāo)左鍵放大f、圖像縮放變形等：按完快捷鍵后全部松開子快捷鍵中心點(diǎn)、相鄰邊動(dòng)、相鄰邊以中心動(dòng)、相鄰變等比例水平或垂直變形、對(duì)稱縮放、【】旋轉(zhuǎn)復(fù)制,不停的按t鍵g、填充顏色：前景色背景色h、取消選區(qū)：1.1.7、工具欄1、選區(qū)工具（矩形選框工具）功能屬性應(yīng)用描邊寬度、位置（內(nèi)部，中間，外部）【編輯】->【描邊】選擇內(nèi)容移動(dòng)、復(fù)制、刪除等選擇內(nèi)部的內(nèi)容布爾新建、添加到選區(qū)、從選區(qū)減去、和選區(qū)相交羽化邊緣虛化后設(shè)置羽化：6技巧選區(qū)和路徑的關(guān)系。選區(qū)可以轉(zhuǎn)換為路徑進(jìn)行編輯。路徑->選區(qū)回車案例1、使用選區(qū)工具制作一個(gè)名片第一步：創(chuàng)建畫布第二步：【窗口】->【圖層】->創(chuàng)建一個(gè)新圖層命名為“水平橫條”并創(chuàng)建選區(qū)第三步、使用布爾，從選區(qū)中減去第四步、添加前景色,顏色#1343f4取消選擇，使用文字工具輸入內(nèi)容，雙擊文字圖層，左/右光標(biāo)鍵,字間距調(diào)整第五步、點(diǎn)擊【工具欄】中的多邊形工具出現(xiàn)如下圖所示的符號(hào)面板>第六步、使用文字工具，輸入下圖所示的文字，并排版第七步：在百度中搜索“草料網(wǎng)”在線生成名片二維碼，并將二維碼合并到名片正面上。選擇二維碼拖拽到名片文件中點(diǎn)擊【文件】->【另存為】2、套索工具（選區(qū)）功能屬性操作描邊寬度、位置（內(nèi)部，中間，外部）【編輯】->【描邊】?jī)?nèi)容移動(dòng)、復(fù)制、刪除等選擇內(nèi)部的內(nèi)容布爾新建、添加到選區(qū)、從選區(qū)減去、和選區(qū)相交羽化邊緣虛化子工具套索工具：任意的選區(qū)、多邊形套索工具：多邊形選區(qū)、磁性套索工具：摳圖案例1、使用磁性套索工具實(shí)現(xiàn)摳圖第一步：載入荷花圖片【文件】->【打開】第二步：使用磁性套索工具，繞著荷花邊緣拖拽選區(qū)。第三步：反選選區(qū)（）并刪除除荷花的其它圖像3、魔棒工具（選區(qū)）功能屬性應(yīng)用內(nèi)容容差：容差越大，色彩范圍越廣選取相近的色彩布爾選區(qū)相似的顏色并將多個(gè)選區(qū)合并添加到選區(qū)子工具套索工具：魔棒工具、快速魔棒案例1、制作一個(gè)寶馬商標(biāo)草圖。第一步：創(chuàng)建一個(gè)500*500的白色背景畫布。第二步：創(chuàng)建寶馬圖層第三步：在該圖層中繪制如下內(nèi)容使用鍵填充前景色。使用布爾相交完成如圖所示的扇形選區(qū)。并創(chuàng)建一個(gè)新圖層合并圖形繪制矩形選區(qū)產(chǎn)生選區(qū)并描邊選擇多邊形工具來繪制圓形路徑，路徑上是可以輸入文字的4、裁切工具（重點(diǎn)-軟件界面切圖）功能屬性應(yīng)用單個(gè)裁切比例裁切裁切工具批量裁切切片工具子工具裁切工具、切片工具技巧裁切之前先拖拽輔助線，輔助線具有吸附功能快捷鍵打開標(biāo)尺4、修復(fù)畫筆工具子工具功能操作修復(fù)畫筆吸取圖像區(qū)域的色彩后溶解到目標(biāo)區(qū)域鼠標(biāo)左鍵點(diǎn)擊（吸?。┬扪a(bǔ)工具目標(biāo)區(qū)域、替換初始選區(qū)區(qū)域拖拽選區(qū)->移動(dòng)選區(qū)紅眼工具去除相片的紅眼使用紅眼工具點(diǎn)擊污點(diǎn)修復(fù)工具將所選區(qū)域的顏色平均分布使用該工具拖拽區(qū)域5、畫筆工具子工具功能操作畫筆工具根據(jù)畫筆的硬度，大小，筆形繪制內(nèi)容直接拖拽普通屬性畫筆大?。?5000、快捷鍵：“[”縮小“]”放大硬度：濃度、邊緣虛化0%硬度最小->100%硬度最大筆形：使用不同的筆形產(chǎn)生多種筆觸（畫筆屬性可以設(shè)置）畫筆屬性畫筆的筆尖形狀(全局)：選取筆尖形狀、大小、翻轉(zhuǎn)、角度、硬度、距離形狀動(dòng)態(tài)：作業(yè)：使用所學(xué)的工具繪制一枚印章制作步驟：第一步：創(chuàng)建一個(gè)500*500的畫布，背景色是透明的。第二步：拖拽水平和垂直輔助線，找到畫布的中心點(diǎn)。第三步：選中選區(qū)（選中區(qū)域）工具、按住鍵拖拽圓形選區(qū)并描邊10的紅色。第四步：選擇多邊形工具，按住鍵拖拽橢圓路徑，并使用文字工具輸入“內(nèi)蒙古某某公司”。使用自由變換調(diào)整文字位置。第五步：使用多邊形工具的繪制五角星，默認(rèn)繪制的是路徑，需要使用回車轉(zhuǎn)為選區(qū)，再使用填充紅色。第六步：將所有的圖層合并為一個(gè)圖層，使用橢圓選區(qū)選中所有畫布內(nèi)容，點(diǎn)擊菜單中的編輯菜單選中定義畫筆預(yù)設(shè)。第七步：新建一個(gè)A4的畫布，選中畫筆工具并選中“印章”筆觸。案例：使用所學(xué)的工具制作一個(gè)創(chuàng)意。6、仿制圖章工具子工具功能操作仿制圖章工具吸取源畫布色彩到目標(biāo)畫布（沒有溶解功能）選擇仿制圖章工具->按住鍵->單擊鼠標(biāo)左鍵完成吸取操作->在目標(biāo)畫布拖拽鼠標(biāo)繪制圖案圖章工具直接將圖案繪制在畫布中選擇圖案圖章工具->選擇圖案->繪制用途擦除圖片的多余內(nèi)容（圖片水印，祛痘）案例一：使用仿制圖章工具完成去痘效果。原始圖效果圖第一步：選擇仿制圖章工具，按住吸取相近的顏色，覆蓋到痘痘上。參數(shù)：畫筆為15，硬度為0，流量為35。第二步：不停的吸取新色彩，反復(fù)覆蓋到痘痘上第三步：圖層-調(diào)整-亮度和對(duì)比度案例二：擦除水印原圖效果圖步驟同上7、漸變工具子工具功能操作漸變工具顏色過渡點(diǎn)擊漸變工具->點(diǎn)擊屬性工具欄中的顏色->雙擊色標(biāo)修改色標(biāo)顏色->拖拽油漆桶使用前景色填充畫布或選區(qū)選擇前景色->選擇油漆桶工具->點(diǎn)擊8、鋼筆工具子工具功能操作鋼筆工具繪制路徑點(diǎn)擊第一個(gè)點(diǎn)，再點(diǎn)擊一個(gè)點(diǎn)，可以形成多個(gè)點(diǎn)連續(xù)線段，如果點(diǎn)擊點(diǎn)的時(shí)候鼠標(biāo)沒有松開，則可以產(chǎn)生圓角。在鋼筆工具的情況下[]調(diào)整路徑?；剀囨I將路徑轉(zhuǎn)換為選區(qū)。自由鋼筆工具繪制任意路徑添加錨點(diǎn)工具在路徑上添加錨點(diǎn)刪除錨點(diǎn)工具刪除指定的錨點(diǎn)轉(zhuǎn)換點(diǎn)工具用途繪制任意路徑、摳圖9、文字工具子工具功能操作橫排文字輸入橫排文字選擇文字工具，點(diǎn)擊插入光標(biāo)并輸入文字，也可以拖拽區(qū)域輸入文字。左光標(biāo)或右光標(biāo)，調(diào)整水平文字間距。對(duì)文字修改完后可以按回車確認(rèn)直排文字輸入直排文字選擇文字工具，點(diǎn)擊插入光標(biāo)并輸入文字，也可以拖拽區(qū)域輸入文字。橫排文字蒙版輸入橫排選區(qū)文字直排文字蒙版輸入直排選區(qū)文字技巧將文字圖層?xùn)鸥窕▓D片文字）10、多變形工具子工具功能操作矩形繪制矩形路徑圓角矩形工具繪制圓角矩形路徑橢圓多邊形直線自定義形狀1.1.8、液化命令這個(gè)液化命令一般使用來對(duì)圖像進(jìn)行任意變形（柔化），可以使用該工具完成圖像變形，如婚紗攝影中的瘦身增肥等。1.1.9、濾鏡濾鏡就是特效1.1.10、動(dòng)畫【窗口】->時(shí)間軸->創(chuàng)建幀動(dòng)畫->復(fù)制幀->為每個(gè)幀設(shè)置要顯示的圖層第三章：網(wǎng)頁美工3.1、企業(yè)網(wǎng)站美工示例網(wǎng)頁的美工是分為：條：一個(gè)網(wǎng)站的頭部，用來表示企業(yè)文化。導(dǎo)航欄：訪問網(wǎng)站內(nèi)容的入口，導(dǎo)航欄分為水平和垂直兩類幻燈片：網(wǎng)站中推廣的主要內(nèi)容放在這里（代碼）主體內(nèi)容：網(wǎng)站頁面的主要內(nèi)容友情鏈接：外鏈、內(nèi)鏈、交叉鏈接、等版權(quán)信息：備案號(hào)""蒙備11004356號(hào)-44

第四章：移動(dòng)終端美工：手機(jī)頂端，詳細(xì)導(dǎo)航欄按鈕:內(nèi)容區(qū)域、容納常用的導(dǎo)航欄:主要分類導(dǎo)航欄第五章：綜合美工案例通過美工決定項(xiàng)目報(bào)價(jià)：產(chǎn)品銷售項(xiàng)目：1端

前端：300元*=價(jià)格300*11=3300+2500+3500+2000=11000元

后端：1500元

支付：1000元

購物模塊：3500元

域名+空間:1999元2.移動(dòng)端

:手機(jī)網(wǎng)頁:5500元:手機(jī)應(yīng)用程序（）

普通的新聞?lì)悾?000元+交互性的：12000元+類：6萬+商城：8萬-50萬（有贊商城二次開發(fā)）一次性報(bào)價(jià)：12000第六章網(wǎng)頁設(shè)計(jì)6.1、標(biāo)簽語言6.1.1、什么是5是用來完成網(wǎng)頁中文字，圖片等元素的布局的。是網(wǎng)頁的骨架。中文全稱叫超文本標(biāo)記語言，嚴(yán)格來說不是一門編程語言，只是一門頁面描述性語言，用來描述網(wǎng)頁元素的布局信息。標(biāo)簽語言中給我們提供了105個(gè)標(biāo)簽。超文本標(biāo)記語言的語法<標(biāo)簽名></標(biāo)簽名>6.1.2、文檔結(jié)構(gòu)<><><”8”><><><><><><>我們?cè)谧烂嫔蟿?chuàng)建一個(gè)網(wǎng)頁文件，如，使用記事本打開，輸入文檔結(jié)構(gòu)代碼進(jìn)行調(diào)試。運(yùn)行網(wǎng)頁文件，只需要雙擊文件即可。標(biāo)簽的說明：標(biāo)簽：這是網(wǎng)頁中最大的標(biāo)簽，表示文檔文件的開始和結(jié)束。標(biāo)簽：這個(gè)標(biāo)簽中的內(nèi)容是不會(huì)輸出到瀏覽器中的，一般用來實(shí)現(xiàn)文件的頭部控制信息。如標(biāo)題標(biāo)簽就是旗下的子標(biāo)簽。標(biāo)簽:控制客戶端的瀏覽器使用的編碼，2312簡(jiǎn)體中文，擴(kuò)展的簡(jiǎn)體中文、5繁體中文編碼（香港、繁體字），8多國(guó)語言不區(qū)分大小寫標(biāo)簽：網(wǎng)頁的標(biāo)題。標(biāo)簽：網(wǎng)頁的主體內(nèi)容，頁面中所有的圖像、文字、音頻、視頻等都可以放在此標(biāo)簽中。注意：這個(gè)文檔結(jié)構(gòu)在一個(gè)網(wǎng)頁中只能出現(xiàn)一次。6.1.3、元素6.1.3.1、圖像元素<”路徑””提示””替換””編號(hào)””寬度””高度””事件””代碼”>屬性說明：=“路徑”這個(gè)屬性是用來描述圖像標(biāo)簽所引入的圖像文件的路徑，可以使絕對(duì)路徑也可以是相對(duì)路徑。相對(duì)路徑：從當(dāng)前網(wǎng)頁文件出發(fā)去尋找目標(biāo)文件。表示當(dāng)前文件位置,/子目錄，上級(jí)目錄上級(jí)的上級(jí)絕對(duì)路徑：d:\\絕大部分瀏覽器不支持，""測(cè)試地址：""=“提示”鼠標(biāo)滑到圖像上后顯示提示的文字”文字”當(dāng)圖片加載失敗的時(shí)候，圖片區(qū)域會(huì)被文字替代?！本幪?hào)”給圖像標(biāo)簽起個(gè)值，多個(gè)圖像的值不能重復(fù)，值是方便代碼控制。”寬度”圖像文件的寬，不是源文件的寬”高度”圖像文件的高，不是源文件的高”事件”鼠標(biāo)點(diǎn)擊圖像的時(shí)候觸發(fā)的代碼（第八章講解）”代碼”使用代碼修飾圖像元素（第七章學(xué)習(xí)）6.1.3.2、音頻及視頻元素1、<”路徑””寬度””高度”><>淘汰屬性說明：”路徑”視頻文件的路徑，如””適合于、、格式這個(gè)標(biāo)簽?zāi)J(rèn)依賴系統(tǒng)的播放器，必須按照單機(jī)的播放器。2、<"""""600"><>這個(gè)標(biāo)簽是目前最新的視頻標(biāo)簽，支持端和手機(jī)端，標(biāo)簽中自帶播放器””是否讓播放器具備進(jìn)度控制這個(gè)標(biāo)簽是5標(biāo)簽，必須是最新的瀏覽器才支持，>9,谷歌最新瀏覽器等”視頻路徑”3、<"""3"><>插入音頻=“”顯示控件”3”音頻的路徑端的網(wǎng)頁代碼如下想自適應(yīng)手機(jī):<

""""",1">視頻轉(zhuǎn)換軟件:現(xiàn)在的手機(jī)支持大部分視頻格式4等（迅雷看看，暴風(fēng)影音）塞班系統(tǒng)諾基亞手機(jī)，“格式工廠”，“繪聲繪影”朋友圈：微視頻、微廣告（新媒體）6.1.3.3、文字元素文字可以直接寫在標(biāo)簽中，也可以寫在或標(biāo)簽中。文字可以寫在任意的標(biāo)簽中。1、<><>這個(gè)標(biāo)簽的含義是劃分區(qū)域，支持修飾（95%的標(biāo)簽都支持修飾）這個(gè)標(biāo)簽可以在瀏覽器的任意位置布局。將文字放到這個(gè)標(biāo)簽中，這個(gè)標(biāo)簽可以通過進(jìn)行定位，從而實(shí)現(xiàn)了文字的定位。具備寬和高是一個(gè)塊級(jí)元素。標(biāo)簽只能表示區(qū)域，但是本身不具備樣式。必須通過進(jìn)行修飾。2、<><>這個(gè)標(biāo)簽的含義是環(huán)繞，支持的修飾，缺點(diǎn)是不具備寬和高。使用標(biāo)簽進(jìn)行局部修飾。6.1.3.4、表單元素表單是用來收集客戶信息的，客戶可以使用表單和服務(wù)器產(chǎn)生交互性。1、標(biāo)簽含義是輸入的意思<”類型””名字””編號(hào)””默認(rèn)值””只讀”>簡(jiǎn)寫:<”類型”>用法：<””>類型，文本框，可以輸入明文的數(shù)據(jù)<””>類型，密碼框，可以輸入隱藏的內(nèi)容<””>類型，文件域，上傳文件<””>類型，單選，屬性值相同可以實(shí)現(xiàn)單選功能<””>類型，多選<””>類型，隱藏域，用來獲取隱藏的信息，如地址等<””>圖像按鈕，把圖像當(dāng)成按鈕（淘汰了）<””>普通按鈕，支持自定義功能<””>提交按鈕，可以將所在表單中的內(nèi)容提交到遠(yuǎn)程服務(wù)器上。<””>重置，將所在表單中的內(nèi)容重置。示例代碼：標(biāo)簽記憶法：<人身份證=””姓名=””種族=””性別=””年齡=””職業(yè)=””公司=””>文本框：<””””””””””>密碼框：<”””””””123456””>文件：<”f””f”””><”””上傳”>單選：<”a1””””””男”>男<”a2””””””女”>女多選：<”1””””””爬山”>爬山<”2””””””游泳”>游泳圖像按鈕：<”1””1”””>提交按鈕：<”s1””s1””””提交”>重置按鈕：<”s2””s2””””重置”>普通按鈕：<”s3””s3””””普通”>2、標(biāo)簽文本區(qū)域：<”編號(hào)””名字””行””列”>默認(rèn)值<>3、標(biāo)簽<><”選項(xiàng)的我值”>選項(xiàng)名稱<><>注意：選項(xiàng)名稱只起到顯示功能，真正提交到服務(wù)器上值為選項(xiàng)的值。詞匯，挑選，選擇選項(xiàng)4、標(biāo)簽我們所學(xué)的表單元素都需要放到該標(biāo)簽中，只有存放在該標(biāo)簽中的標(biāo)簽元素的值才可以提交給服務(wù)器。提交按鈕只會(huì)提交本表單的數(shù)據(jù)。例如：<””>這個(gè)文本框不會(huì)被提交給服務(wù)器，原因是不在中。<><””><”””注冊(cè)”><>說明：當(dāng)我們點(diǎn)擊注冊(cè)按鈕是，注冊(cè)按鈕所處的表單元素會(huì)被提交給服務(wù)器。6.1.3.5、字段集<":500:20:12;"><>目前學(xué)員狀態(tài)<><":10;">張三李四王五趙六張三李四王五趙六張三李四王五趙六張三李四王五趙六張三李四王五趙六張三李四王五趙六張三李四王五趙六張三李四王五趙六<><>6.1.3.6、淘汰了的標(biāo)簽換行、水平橫線、刪除線、下滑線、上標(biāo)、下標(biāo)、大于、小于、版權(quán)、加粗、斜體、字體<>、<>、<><>、<u><>、<><>、<><>、;、;、;、<b><>、<i><>、<><>等6.1.3.7、超鏈接<a”鏈接地址””打開目標(biāo)”>鏈接文字<>例如：<a”""”>百度<>點(diǎn)擊百度文字跳轉(zhuǎn)到百度官網(wǎng)=“”在新窗口打開””在自身的窗口打開=””=“”;””;6.1.3.8、嵌入<”編號(hào)””名字””嵌入的網(wǎng)頁””邊框””寬度””高度”><>用法：<a””””>錄入電話量<><”””300””300”><>說明：點(diǎn)擊“錄入電話量“，頁面在中打開。作業(yè)：使用已學(xué)的知識(shí)，開發(fā)軟件的后臺(tái)界面功能。使用框架。6.1.3.9、項(xiàng)目列表無序列表<> <><><><><>有序列表<><><><><><><><><><>6.1.3.10、表格（前端淘汰）<> <> <>第幾節(jié)<> <><><><><><>表格的屬性:=“100”表格的寬度”50”表格的高度””表格的背景色”2”表格的邊框””表格邊框的顏色””表格相對(duì)于瀏覽器的水平對(duì)齊方式”2”單元格和單元格的距離”2”單元格和內(nèi)容的距離單元格的屬性:=“100”單元格的寬度”50”單元格的高度””單元格的背景色””單元格中內(nèi)容的水平對(duì)齊方式””單元格中內(nèi)容的垂直對(duì)齊方式”2”單元格和單元格的距離”2”單元格和內(nèi)容的距離第七章層疊樣式表7.1、什么是中文全稱層疊樣式表。7.1.1、標(biāo)簽的屬性在網(wǎng)頁中輸入的任何數(shù)據(jù)都需要修飾，如何修飾呢，可以將文字等數(shù)據(jù)直接放入標(biāo)簽中。因?yàn)闃?biāo)簽有很多屬性可以使用。早期w3c(互聯(lián)網(wǎng)協(xié)議的制定者)制定了的語法功能，已經(jīng)無法滿足現(xiàn)狀了?？梢允褂眠M(jìn)行擴(kuò)展。7.2.2、屬性中文名稱為層疊樣式表，提供了很豐富樣式。使用可以修飾頁面中任意的標(biāo)簽。的語法有些類似語法。語法格式：屬性名:屬性值;:12;字號(hào);加粗;字體顏色:”宋體”;字形:100;寬度:100;高度;背景色:1;邊框:10;圓角;內(nèi)容的水平對(duì)齊方式7.2、存放位置7.2.1、行內(nèi)語法：<”代碼”>內(nèi)容<>例如：<”:100;”>今天是第二天課<>詞匯：樣式，類型行內(nèi)寫法比較靈活，缺點(diǎn)是工作量大，重復(fù)代碼多。7.2.2、內(nèi)部使用內(nèi)部樣式可以宏觀的修飾，內(nèi)部樣式提供了四種選擇器來修飾元素。語法：<””>代碼<>內(nèi)部寫法是將代碼和相分離。可以實(shí)現(xiàn)的宏觀修飾。7.2.2.1、選擇器語法：值{代碼}選擇器實(shí)際上是行內(nèi)寫法的一種分離方法。示例：<>1{:20;}/*修飾1標(biāo)簽*/2{:20;}/*修飾2標(biāo)簽*/<><”1”>1<><”2”>2<>注意：所有標(biāo)簽的值是不能重復(fù)的。舉例：<人身份證=”0023053”姓名=”李春”性別=”男”職業(yè)=”教授”></人><人身份證=”0023057”姓名=”李春”性別=”男”職業(yè)=”教授”></人>7.2.2.2、類選擇器語法：.名稱{代碼}調(diào)用：<標(biāo)簽”名稱名稱2名稱3名稱4…”></標(biāo)簽>哪個(gè)標(biāo)簽需要被修飾了，就使用調(diào)用對(duì)應(yīng)的類選擇器（注意：調(diào)用的時(shí)候沒有點(diǎn)）。示例：<””>{;}/*設(shè)置字體為紅顏色*/{:20;}/*設(shè)置字號(hào)為20*/<><””>內(nèi)容一<>被和的并集修飾<””>內(nèi)容二<>被修飾<””>內(nèi)容三<>被修飾7.2.2.3、標(biāo)簽選擇器語法：標(biāo)簽名{代碼}用法；修飾和標(biāo)簽名相同的標(biāo)簽示例：<>*{:0:0;}*通配符，匹配所有標(biāo)簽。{:20;}修飾頁面中所有的標(biāo)簽{:20;}修飾頁面中所有的標(biāo)簽<><><><><><><><><><><><><>注意多個(gè)標(biāo)簽選擇器是可以批量書寫的,如{:30;}7.2.2.4、復(fù)合選擇器復(fù)合選擇器是利用標(biāo)簽的層級(jí)關(guān)系進(jìn)行修飾。（不推薦使用）1、一層一層的修飾（從根節(jié)點(diǎn)開始出發(fā)）{:20;}<><><><>內(nèi)容<><><><>可以省略。2、從修飾的節(jié)點(diǎn)出發(fā)（不是從根節(jié)點(diǎn)開始）{:20;}<””><>這個(gè)會(huì)被修飾<><>1p{:20;}使用便捷等價(jià)于p{:20}層次清晰<”a1”><><p><><><>案例：文章列表網(wǎng)頁中的文章列表都是使用項(xiàng)目標(biāo)簽來完成。<>{:14:26;}<><””><>內(nèi)蒙古呼和浩特特大新聞2015-11-30<><>內(nèi)蒙古呼和浩特特大新聞2015-11-30<><>內(nèi)蒙古呼和浩特特大新聞2015-11-30<><>這個(gè)標(biāo)簽的結(jié)構(gòu)一般不發(fā)生變化，我們推薦使用符合選擇器。a、行內(nèi)樣式:<”代碼”><>靈活，代碼重復(fù)率高，效率低b、內(nèi)部樣式<>標(biāo)簽選擇器類選擇器選擇器復(fù)合選擇器<>作業(yè)：1、閱讀10個(gè)文件。2、復(fù)習(xí)筆記3、背會(huì)標(biāo)簽和的常用代碼4、仿照案例，編寫程序。7.3、盒子模型（重點(diǎn)）所謂的盒子模型指的是把元素都看成平面盒子。但是不是頁面中所有的標(biāo)簽都可以被修飾成盒子，默認(rèn)的文檔結(jié)構(gòu)中只有和標(biāo)簽可以被修飾層盒子。等標(biāo)簽屬于控制類型的標(biāo)簽，它們是無法修飾成盒子的。標(biāo)簽分為兩種標(biāo)簽：控制類型的標(biāo)簽、顯示類的標(biāo)簽7.3.1、寬和高:100;:100;說明：無邊框的寬和高7.3.2、邊框邊框的12條代碼：/*寬度*/:2;/*上邊框?qū)挾?/:2;/*右邊框?qū)挾?/:2;/*下邊框?qū)挾?/:2;/*左邊框?qū)挾?//*樣式*/;/*上邊框樣式*/;/*右邊框樣式*/;/*下邊框樣式*/;/*左邊框樣式*//*顏色*/;/*上邊框顏色*/;/*右邊框顏色*/;/*下邊框顏色*/;/*左邊框顏色*/上面的12行代碼可以簡(jiǎn)寫為3行:/*寬度*/:2;/*四個(gè)邊框?qū)挾?//*樣式*/;/*四個(gè)邊框樣式*//*顏色*/;/*四個(gè)邊框顏色*/上面的3行代碼可以簡(jiǎn)化為：:1;寬度樣式顏色上面的1行代碼可以拆成4行代碼:1;寬度樣式顏色:1;寬度樣式顏色:1;寬度樣式顏色:1;寬度樣式顏色案例：使用修飾文本框。圓角：:10;圓角值是盒子寬的1/2可以產(chǎn)生圓。7.3.3、內(nèi)容:12;字體大小14是網(wǎng)頁的標(biāo)準(zhǔn)字號(hào):”宋體”;字形;加粗;字體顏色錯(cuò)誤:2;縮進(jìn)兩個(gè)字的位置;劃線7.3.4、對(duì)齊1、標(biāo)簽相對(duì)于父標(biāo)簽的對(duì)齊方式a、水平對(duì)齊：左對(duì)齊：;右對(duì)齊：;居中對(duì)齊;:0;b、垂直對(duì)齊：:0;頂端對(duì)齊:父標(biāo)簽高度/2–本標(biāo)簽高度/2+本標(biāo)簽的上邊框?qū)挾?居中:父標(biāo)簽的高度-本標(biāo)簽的高度+本標(biāo)簽的上下邊框?qū)挾?、內(nèi)容在標(biāo)簽中的對(duì)齊方式a、水平對(duì)齊：;左對(duì)齊、居中對(duì)齊、右對(duì)齊b、垂直對(duì)齊：:值;:值;高和行高相等7.3.5、邊距外邊距、內(nèi)邊距:1;上外邊距:1;右外邊距:1;下外邊距:1;左外邊距:1;上內(nèi)邊距:1;右內(nèi)邊距:1;下內(nèi)邊距:1;左內(nèi)邊距注意：的值設(shè)置為多少，則盒子的寬或高擴(kuò)大多少。在使用完后，為了保證盒子的寬和高不發(fā)生變化，我們可以將盒子的寬和高減去的值。簡(jiǎn)寫:0;四個(gè)外邊距為0;:1020;上下外邊距左右外邊距:123;上外邊距左右外邊距下外邊距:1234;上右下左外邊距:0;:00;:0123;:0000;解釋同上垂直距離是塌陷、水平距離是相加。7.3.6、背景;背景色(圖片路徑);背景圖;背景平鋪方式:200;背景圖大小;背景圖的定位7.3.7、透明度:0.5;取值:0-1的數(shù)，如0.1、0.2、0.3等記憶：,7.3.8、鼠標(biāo)形狀語法手型移動(dòng)是移動(dòng)到文本上的那種效果

是等待的那種效果

是默認(rèn)效果

方向:n北s南w西e東

是向右的箭頭

是向右上的箭頭

是向上的箭頭

是向左上的箭頭

是向左的箭頭

是左下的箭頭

是向下的箭頭

是向右下的箭頭

是由系統(tǒng)自動(dòng)給出效果7.3.9、偽類{代碼}鼠標(biāo)滑過示例代碼:<””>{:12:120:30:30;}{;}<><”m”>大家好<>7.3.10、定位（重點(diǎn)）1、定位的參考點(diǎn)及偏移量定位指的就是盒子相對(duì)【參考點(diǎn)】的布局。a、;靜態(tài)定位，參考點(diǎn)是父標(biāo)簽及相鄰標(biāo)簽說明：偏移，b、;相對(duì)定位，參考點(diǎn)是父標(biāo)簽及相鄰標(biāo)簽說明：偏移，，相對(duì)于自身發(fā)生偏移,自身發(fā)生偏移后不會(huì)影響其它盒子，其它任然會(huì)按照原來的位置布局。（隱形盒子）c、;絕對(duì)定位，所有的盒子不在一個(gè)平面上說明：偏移參考點(diǎn)是父標(biāo)簽，支持偏移參考點(diǎn)是，可以使用:數(shù)字;盒子的垂直坐標(biāo)。d、;固定定位說明：偏移參考點(diǎn)是父標(biāo)簽，支持偏移參考點(diǎn)是窗口，可以使用。定位方式偏移（參考點(diǎn)）偏移（參考點(diǎn)）靜態(tài)定位父標(biāo)簽及相鄰標(biāo)簽無相對(duì)定位父標(biāo)簽及相鄰標(biāo)簽自身絕對(duì)定位父標(biāo)簽文檔原點(diǎn)固定定位父標(biāo)簽瀏覽器窗口2、定位和浮動(dòng)的結(jié)合 一般網(wǎng)頁中的定位都是采用默認(rèn)的靜態(tài)定位，所以在網(wǎng)頁布局的時(shí)候根本不需要考慮定位，絕對(duì)定位和固定定位只有在網(wǎng)頁特效及特殊情況下才使用。網(wǎng)頁的區(qū)域就是由行和列構(gòu)成的。行區(qū)域和列區(qū)域。行區(qū)域（塊級(jí)元素）：具備寬和高，垂直排列，劃分區(qū)域，默認(rèn);列區(qū)域（行級(jí)元素）：不具備寬和高，水平排列，環(huán)繞，默認(rèn);默認(rèn)是行，后是列7.4、前端排版（工作）7.4.1、端頁面排版布局：代碼如下：<><> <> <"8"> <>五布局<> <> *{:0:0;} {;} {:980;} {:1;} { :120; ; } { :30; ; } { :500; ; } { :60; ; } { :80; ; } <> <> <><""><> <""><> <""><> <""><> <""><> <><>第一個(gè)布局：條嵌入圖片，可以使用前景圖或背景圖嵌入前景圖做法：<””><"""980"><><””>{:200; ;/*圖片高度超出后會(huì)自動(dòng)隱藏*/}<>背景圖做法：<””><><””>{:200; ; ();;:980;/*低版本瀏覽器不支持，需要圖片*/;/*頂端中心對(duì)齊*/}<>第二個(gè)布局：導(dǎo)航欄代碼如下：<""> <a"""#">網(wǎng)站首頁<> <a"""#">公司簡(jiǎn)介<> <a"""#">公司新聞<> <a"""#">公司產(chǎn)品<> <a"""#">銷售網(wǎng)絡(luò)<> <a"""#">在線留言<> <a"""#">聯(lián)系我們<> <>代碼如下：{ :30; (); ; } { :30; :110; ;/*下次課講*/ ; :30; :12; ; ; :"宋體"; } { (); ; ; ; :"宋體"; :12; }第三個(gè)布局：內(nèi)容<>{:980:500;}{:300:500;}{:680:500;}<><””>行<””><>列<””><>列<><””><>清除浮動(dòng)結(jié)構(gòu)中的內(nèi)容都是通過標(biāo)簽實(shí)現(xiàn)詳細(xì)布局。實(shí)現(xiàn)頁面中大的布局。7.4.2、移動(dòng)端排版<"""關(guān)鍵字"/>定義搜索引擎搜索時(shí)輸入的關(guān)鍵字<"""對(duì)網(wǎng)頁的描述"/>對(duì)網(wǎng)頁的描述，歸類；第八章腳本編程目前軟件行業(yè)比較流行的編程語言有:C語言：這個(gè)語言是最底層的編程語言，是所有語言的開發(fā)語言。早期的操作系統(tǒng)都是由c語言。人們把C語言當(dāng)成是入門必學(xué)的語言。語言：在C語言的基礎(chǔ)上增加對(duì)硬件的支持，及對(duì)面向?qū)ο蟮闹С?。語法復(fù)雜，學(xué)習(xí)難度大，后來微軟在的基礎(chǔ)上開發(fā)出了,并為其開發(fā)了一個(gè)可視化工具，大量的開發(fā)人員從事了開發(fā)，目前常用的桌面軟件及游戲90%以上都是使用語言開發(fā)。語言：是公司開發(fā)的一門面向微端設(shè)備的語言，后來演變?yōu)楹鸵粯拥墓δ苷Z言，并且成為世界最有影響力的語言，直到系統(tǒng)的出現(xiàn)，才推動(dòng)了的發(fā)展。語言：全世界使用率最高編程語言，優(yōu)點(diǎn)是運(yùn)行速度快，學(xué)習(xí)成本低。缺點(diǎn)是功能上有瓶頸，可以使用C語言開發(fā)插件。目前許多大公司，如谷歌，雅虎，阿里巴巴，淘寶，百度，騰訊空間，占座網(wǎng)，等都采用技術(shù)開發(fā)。是一門后端語言。語言，這門語言可以嵌入到中運(yùn)行，交互式操作。262官方名稱相當(dāng)于結(jié)構(gòu)框架相當(dāng)于修飾樣式執(zhí)行8.1、三者的關(guān)系標(biāo)簽是一種頁面描述性語言，是以標(biāo)簽的形式存在，這個(gè)標(biāo)簽可以看成是占位符。在占位符中我們可以插入文字、圖片、音頻、視頻等。標(biāo)簽在瀏覽器中都有自身的默認(rèn)位置及默認(rèn)樣式，我們可以使用進(jìn)行修飾標(biāo)簽樣式及定位標(biāo)簽。和共同呈現(xiàn)在網(wǎng)頁中的標(biāo)簽樣式是靜態(tài)的。我們可以代碼控制標(biāo)簽，使其變成動(dòng)態(tài)的。修飾：>靜態(tài)>動(dòng)態(tài)實(shí)例：<><""><> <"8"> <>的關(guān)系<><><> <":100:100""''""''"><><><>關(guān)系：修飾（靜態(tài)）修飾并控制（動(dòng)態(tài)）控制從而控制（動(dòng)態(tài)）8.2、變量8.2.1、變量的定義變量就是內(nèi)存中的一塊空間，變量名在命名的時(shí)候需要注意三點(diǎn)，第一點(diǎn)變量名必須是以字母數(shù)字下劃線及$構(gòu)成且數(shù)字不能開頭。如2這個(gè)變量名是不合法的。第二點(diǎn)變量名的長(zhǎng)度不超255個(gè)字符且不能使用非編碼的字符。第三點(diǎn)變量的定義最好見名知意。如定義存放用戶名的變量,最好使用。物理構(gòu)成：輸入設(shè)備，處理設(shè)備，存儲(chǔ)設(shè)備，輸出設(shè)備8.2.3、定義變量定義變量的過程就是在內(nèi)存中開辟空間的過程語法：變量名=變量的值;例如：x=1;說明：關(guān)鍵字，x變量名，=賦值符號(hào),1變量值中的變量在定義的時(shí)候必須賦初始值。XX變量存放的值為1例如：

<"">定義x變量x=1;將1放到了x變量所對(duì)應(yīng)的空間中y=2;將2放到了y變量所對(duì)應(yīng)的空間中z=x+y;將x變量的值和y變量的值相加的值賦值給z變量(z);以對(duì)話框的形式輸出z變量的值<>基于對(duì)象的語言，不是面向?qū)ο笳Z言,對(duì)象.屬性（方法）;對(duì)象–》數(shù)據(jù)（變量）8.3、數(shù)據(jù)類型8.3.1、數(shù)字類型例如：x=100;這個(gè)100就是數(shù)字，則x變量的類型就是數(shù)字類型y=3.8;這個(gè)3.8就是數(shù)字，則y變量的類型就是數(shù)字類型輸出：((x));輸出8.3.2、字符串類型主要操作的就是字符串;例如：s=“”;=‘’;=“123456789123221”;假設(shè)這是一個(gè)身份證號(hào)碼((s));輸出使用單引號(hào)或雙引號(hào)括起來的表達(dá)式就是字符串。比喻：閱讀手機(jī)號(hào)的時(shí)候，無意中就給數(shù)據(jù)設(shè)定的數(shù)據(jù)類型。移動(dòng)，逐個(gè)閱讀，字符串電信，整體讀，數(shù)字8.3.3、布爾類型布爾類型有兩個(gè)值真、假例如：m1;真m2;假m3=(1<2);等價(jià)于m3=;m4=(1>2);等價(jià)于m4;布爾類型是用來表示表達(dá)式是否成立，成立為,不成立為0‘’等價(jià)8.3.4、不是數(shù)字類型特有我們都知道，任何數(shù)據(jù)在計(jì)算機(jī)中都是以數(shù)字表示，如果計(jì)算機(jī)無法使用數(shù)字表示，則表示這個(gè)數(shù)據(jù)是一個(gè)非法的數(shù)據(jù)。例如：<"">a=100;b="張三";c=a*b;數(shù)據(jù)無法分配(c);();去驗(yàn)證括號(hào)當(dāng)中的數(shù)據(jù)是否是數(shù)字;<>注意：兩個(gè)是不相等的，是錯(cuò)誤的8.3.5、未定義類型當(dāng)一個(gè)變量沒有在內(nèi)存中開辟，則這個(gè)變量就稱之為未定義。<"">c;在定義變量的時(shí)候沒有賦值，則不會(huì)在內(nèi)存中開辟空間。(c);輸出結(jié)果：()輸出結(jié)果：<>8.3.6、對(duì)象類型<"">/***對(duì)象：萬物皆對(duì)象，對(duì)象是有類別的，人類，鳥類，貓類，所有的類動(dòng)物類*對(duì)象：具體的表現(xiàn)形式是基于對(duì)象的；其實(shí)，面向?qū)ο?，是一種思想思維方式;但是，也可以使用面向?qū)ο螅ㄋ枷耄┤ソ?gòu)程序;*類：模型*對(duì)象是類的具體表現(xiàn)形式。*對(duì)象=類();*張三=人類();*李四=人類();*/1=();1[0]2=();3=();((1));<>8.3.6、空類型8.4、運(yùn)算符8.4.1、算術(shù)運(yùn)算符符號(hào)：+加–減*乘/除%余例如：<"">x=1;y=2;();();(x*y);();();如3/2<>8.4.2、關(guān)系運(yùn)算符符號(hào):<小于<=小于等于>大于>=大于等于等于絕對(duì)等于不等于這個(gè)相等表示的是面值相等100人民幣100美元,“100”100這個(gè)相等表示的是面值和類型都相等100人民幣100美元絕對(duì)不等于例如：x<=100;的最大值為100x>=100;的最小值為1008.4.3、邏輯運(yùn)算符符號(hào):!非與或!非運(yùn)算符就是進(jìn)行取反操作，如的反面是。大多數(shù)的編程語言中認(rèn)為下列數(shù)據(jù)類型的值為假，如,0,””,空。布爾運(yùn)算符在進(jìn)行計(jì)算的時(shí)候會(huì)自動(dòng)將非布爾類型的數(shù)據(jù)轉(zhuǎn)換為布爾類型。結(jié)果!0結(jié)果!””結(jié)果結(jié)果與運(yùn)算符表示的是并且，要求運(yùn)算符所操作的操作數(shù)必須是結(jié)果才是真。表達(dá)式:特點(diǎn)，都成立，結(jié)果才成立。推導(dǎo)過程：串聯(lián)電路：舉例：開發(fā)一個(gè)用戶登錄功能，用戶名和密碼都輸入正確才可以登錄成功。用戶名輸入成立密碼輸入成立驗(yàn)證碼輸入成立只有這個(gè)三個(gè)都成立結(jié)果才成立。代碼:<””>=“客戶輸入用戶名”;=“客戶輸入的密碼”;(“”“12345678”){(“用戶名及密碼輸入正確，可以登錄系統(tǒng)”);}{(“用戶名或密碼輸入錯(cuò)誤，無法登錄本系統(tǒng)”);}<>習(xí)題：(1<2)((1+2)1)300<500結(jié)果是或運(yùn)算符表示的是或者表達(dá)式:只要有一個(gè)成立則成立推導(dǎo)過程：例如：密碼輸入123或321都可以登錄成功<””>=123;(123321){(“登錄成功”);}{(“登錄失敗”);}例如：允許填男或女<””>=“男”;(“男”“女”){(“驗(yàn)證合法”);}{(“抱歉，您輸入的性別不合法”);}<>例如：用戶輸入,密碼輸入123或321，則登錄成功。<””>=“”;=“123”;(“”(123321)){(“登錄成功”);}{(“登錄失敗”);}<>習(xí)題:((1+2+3+5+……+100)<=5050)結(jié)果:關(guān)系運(yùn)算符>邏輯運(yùn)算符(與運(yùn)算>或運(yùn)算)8.4.4、賦值運(yùn)算符符號(hào)賦值累加累減*=累乘累除自增1-自減1例1：x=1;這個(gè)“=”號(hào)表示的是賦值，不能理解為等于。y=2;將2賦值給y變量x=3;將3賦值給例2:x=2;x100;x=x+100x*=2;*2自身加1x—自身減18.5、簡(jiǎn)單的算法案例：已知x變量和y變量，求x變量和y變量的和。<””>x=1;y=2;z=x+y;(z);<>已知圓的半徑R求圓的面積和周長(zhǎng)。<””>R=1.6;=3.14*R*R;公式：S=πR*R=3.14*R*2;公式：L=πD("圓的面積是:");();("圓的周長(zhǎng)是:");();<>已知20求一元二次方式的兩個(gè)根。<””>a=2;任意輸入的b=5;任意輸入的c=1;任意輸入的=b*b-4*a*c;(>=0){(a0){x1=(+())/2*a;x2=(-())/2*a;(x1);第一個(gè)根(x2);第二個(gè)根}{ ("該方程式?jīng)]有根，因?yàn)閍的值為0");}}{ ("該方程式?jīng)]有根，因?yàn)樾∮?");}("<>");<>已知小張每月的月薪是8000元，2016年1月15小張領(lǐng)到了7100元的工資，小張想知道扣稅是多少？編寫程序?qū)崿F(xiàn)。算法分析：(8000-3500–240)*10%-105=321小張領(lǐng)到的實(shí)際工資為：8000–240–321=7439個(gè)人所得稅計(jì)算公式：應(yīng)納個(gè)人所得稅稅額=應(yīng)納稅所得額×適用稅率-速算扣除數(shù)

扣除標(biāo)準(zhǔn)3500元/月（2011年9月1日起正式執(zhí)行）（工資、薪金所得適用）

個(gè)稅計(jì)算7級(jí)標(biāo)準(zhǔn)

全月應(yīng)納稅所得額稅率速算扣除數(shù)（元）

全月應(yīng)納稅額不超過1500元3%0

全月應(yīng)納稅額超過1500元至4500元10%105

全月應(yīng)納稅額超過4500元至9000元20%555

全月應(yīng)納稅額超過9000元至35000元25%1005

全月應(yīng)納稅額超過35000元至55000元30%2755

全月應(yīng)納稅額超過55000元至80000元35%5505

全月應(yīng)納稅額超過80000元45%13505按照上面的算法分析，編寫程序?qū)崿F(xiàn)如果應(yīng)領(lǐng)工資為8000元，則計(jì)算繳納的稅為多少。<””>=8000;應(yīng)發(fā)工資=240;保險(xiǎn)=(--3500)*0.1-105;=--240;("實(shí)際發(fā)的工資是:");();("扣除的稅是:");();<>5、已知長(zhǎng)方形用w變量表示寬，用h變量表示高，編寫程序?qū)崿F(xiàn)計(jì)算長(zhǎng)方形對(duì)角線的長(zhǎng)度。<””>w=1.5;h=3;x=(w*w+h*h);變量表示對(duì)角線("對(duì)角線長(zhǎng)度為");(x);<>6、小張和小王合伙做水果生意，小王的分成總水果重量的15%,如果水果從進(jìn)貨當(dāng)天開始計(jì)算每天虧損1.5%,假設(shè)小張和小王每天進(jìn)貨100斤，請(qǐng)問運(yùn)營(yíng)90天，請(qǐng)問小王的收入是多少。（水果：2元）如何提高編程能力：扎實(shí)的數(shù)學(xué)基本功。提高應(yīng)用知識(shí)。（財(cái)務(wù)公式，建筑公式，個(gè)人所得稅）閱讀優(yōu)秀的程序片段（主要）8.6、判斷8.6.1、單分支(條件){語句;條件成立}說明：這是一個(gè)判斷語句，如果條件成立則執(zhí)行語句。例1：(){(“大家好”);}結(jié)果：由于條件為，所以運(yùn)行的結(jié)果為”大家好”。例2：(1<2){(“成立”);}結(jié)果：由于條件為,所以運(yùn)行的結(jié)果為“成立”。例3：x=“”;(x“”){(“條件成立”);}運(yùn)行結(jié)果：由于條件為,所以運(yùn)行的結(jié)果為“條件成立”。8.6.2、雙分支語法：(條件){語句1；語句體如果只有一條語句稱之為單語句。}{語句2；語句3；復(fù)合語句}運(yùn)行流程:如果條件成立則執(zhí)行語句1，條件不成立執(zhí)行語句2.如果語句體是單語句則括號(hào)是可以省略的。<"8"><"">()如果{ ("");條件成立執(zhí)行}否則{ ("");條件不成立執(zhí)行}="大米";("大米"){ ("是大米，我愛吃");}{ ("不是大米，我不愛吃");}閱讀="";用戶名="123456";密碼(""){("123456"){ ("恭喜您，登錄成功");}{ ("抱歉，密碼輸入錯(cuò)誤");}}{ ("用戶名輸入錯(cuò)誤");}<>8.6.3、多分支語法：(值){值1:語句1;值2:語句2;值3:語句3;…………..:語句;}運(yùn)行過程：取出值和值1到值2分別匹配，匹配成功則執(zhí)行對(duì)應(yīng)的語句，如果都匹配失敗，則執(zhí)行。例1：<””>2;(x){1:(“a”);2:(“b”);和此項(xiàng)匹配成功，彈出b,執(zhí)行停止運(yùn)行3:(“c”);4:(“d”);5:(“e”);:(“沒有匹配的數(shù)據(jù)”);最后一個(gè)可以省略;}上面的多分支可以使用語句替代(x1){(“a”);}(2){(“b”);}<>8.7、循環(huán)(相當(dāng)重要,必須掌握)哪個(gè)用的順手，就用哪個(gè)；8.7.1、循環(huán)(條件){循環(huán)體;}<"">/***執(zhí)行過程:*1.判斷條件是否成立*2.執(zhí)行循環(huán)體->轉(zhuǎn)到第1步*/x=0;(){ x=x+1;(());這行代碼被循環(huán)執(zhí)行(x10){('程序即將停止');;退出循環(huán)}}i=1;(i<=5){(i);;必須輸入這個(gè)代碼，否則是死循環(huán)。}<>8.7.2、循環(huán){循環(huán)體;}(條件);先執(zhí)行循環(huán)體，再判斷條件。例如：<””>{(“”);}();<>運(yùn)行結(jié)果：””代碼調(diào)試:（必會(huì)）需要一個(gè)8以上的瀏覽器點(diǎn)擊工具選擇選項(xiàng)–>高級(jí)->禁用腳本調(diào)試取消;按F12或者在工具中打開->開發(fā)者工具->設(shè)置斷點(diǎn)（代碼將從斷點(diǎn)開始執(zhí)行）->開始調(diào)試->切到瀏覽器頁面刷新頁面->進(jìn)行逐行調(diào)試?；鸷木W(wǎng)絡(luò)調(diào)試：檢測(cè)你網(wǎng)站的訪問時(shí)間與訪問文件；8.7.3、循環(huán)語法：(初始值;條件;自增或自減){循環(huán)體;}例子：(1;i<=10;){(i);}執(zhí)行結(jié)果：1、彈出1執(zhí)行過程：第一步：i=1;給變量賦初始值第二步：i<=10;判斷條件，條件成立則執(zhí)行循環(huán)體第三步：(i);循環(huán)體，只有條件成立的時(shí)候才執(zhí)行第四步：自增以此類推：第二步、第三步、第四步循環(huán)執(zhí)行。思考題：(100<=200){(2);}運(yùn)行結(jié)果：10108.7.4、循環(huán)就是為遍歷數(shù)組而產(chǎn)生的。 =[1,2,3,4,5,6,7,8,9]; 鍵名進(jìn)入數(shù)組對(duì)象 (n){ 相當(dāng)于數(shù)組的下標(biāo) 每一次循環(huán)，輸出的是從0開始做自增的下標(biāo) ([n]); }遍歷二維數(shù)組=[ [1,2,3]例如果元素長(zhǎng)度100 [4,5,6], [7,8,9] ]; (i){遍歷行 (j[i]){遍歷列 ([i][j]); } ("<>"); }8.8、數(shù)組所謂數(shù)組，就是相同或不相同的數(shù)據(jù)類型的元素按一定順序排列的集合，就是把有限個(gè)類型相同的變量用一個(gè)名字命名，然后用編號(hào)區(qū)分他們的變量的集合，這個(gè)名字稱為數(shù)組名，編號(hào)稱為下標(biāo)或鍵名。組成數(shù)組的各個(gè)變量稱為數(shù)組的分量，也稱為數(shù)組的元素，有時(shí)也稱為下標(biāo)變量。數(shù)組是在程序設(shè)計(jì)中，為了處理方便，把具有相同或不同類型的若干變量按有序的形式組織起來的一種形式。這些按序排列的同類或不同類數(shù)據(jù)元素的集合稱為數(shù)組。創(chuàng)建和遍歷（）二維數(shù)組******8.8.1、一行多列的表格這個(gè)表格的名稱為abcdefghij0123456789...使用[0][1]以此類推[0]=“a”;[1]=”b”,以此類推8.8.2、什么是數(shù)組，為什么要使用數(shù)組？定義：數(shù)組就是多個(gè)變量（一塊空間）的集合例子：定義1萬個(gè)變量。a=1;b=2;c=3;d=4;5工作量很大，幾乎無法完成。可是使用數(shù)組一次性定義多個(gè)空間。8.8.3、定義數(shù)組語法：數(shù)組名=();理解：按照（內(nèi)核中提供的一種數(shù)據(jù)格式）生成一個(gè)數(shù)組結(jié)構(gòu)。定義數(shù)組=產(chǎn)生數(shù)組結(jié)構(gòu)();定義寶馬=生產(chǎn)汽車模型();比喻定義小明=生育母親();比喻例子：定義一個(gè)名為的數(shù)組=();定義的時(shí)候注意大小寫。詞匯：新建數(shù)組變量8.8.4、為數(shù)組的每個(gè)元素賦值名詞：數(shù)組名=();數(shù)組名[鍵名]=鍵值;數(shù)組名：整個(gè)變量的集合的統(tǒng)一的名稱就是數(shù)組名，如上面定義的。數(shù)組元素：每塊空間就是一個(gè)數(shù)組元素[0]、[1]、[2]等，數(shù)組元素的個(gè)數(shù)稱之為數(shù)組長(zhǎng)度。鍵名：[鍵名]、序號(hào)、鍵名、索引號(hào)、下標(biāo)鍵值：[0]=“a”;這個(gè)a就是鍵值<””>定義數(shù)組=();為數(shù)組的每個(gè)元素賦值[0]=1;[1]=2;[2]=3;[999]=1000;循環(huán)替代上面的賦值過程(i=0<=999){[i]=i+1;算法}經(jīng)過這個(gè)循環(huán)將1000個(gè)數(shù)組元素進(jìn)行了賦值輸出數(shù)組的長(zhǎng)度();將內(nèi)容打印到瀏覽器,李春.年齡();以對(duì)話框的形式輸出輸出數(shù)組的鍵值結(jié)構(gòu)(());李春.說話()<>8.8.5、遍歷數(shù)組元素第一種遍歷方法:逐個(gè)遍歷<"">定義數(shù)組=();為數(shù)組元素賦值[0]="";[1]="";[2]="";打印數(shù)組的長(zhǎng)度();輸出3打印數(shù)組的鍵值結(jié)構(gòu)(());遍歷數(shù)組元素("<>");輸出水平橫線([0]);([1]);([2]);<>第二種遍歷方法:循環(huán)遍歷<"">定義數(shù)組=();為數(shù)組元素賦值(0<=9999){ [i]=i+1;}打印數(shù)組的長(zhǎng)度();輸出1打印數(shù)組的鍵值結(jié)構(gòu)(());遍歷數(shù)組元素(i=0<){1000i<1000，i的最大值為999 ([i]);}<>8.8.6、二維數(shù)組二維數(shù)組實(shí)際上就是一個(gè)多行多列的表格，如圖所示：0123456780000102030405060708110111213151617182202122232425262728這個(gè)表格描述的是一個(gè)二維數(shù)組，如果這個(gè)數(shù)組的名字為,則每個(gè)元素可以這樣表示語法：數(shù)組名[

行鍵名][列鍵名]=鍵值;[0][0]=0;[0][1]=1;[0][2]=2;以此類推8.8.6.1、定義二維數(shù)組：數(shù)組名=(()()());或數(shù)組名=[[],[],[]];例如：定義上圖所對(duì)應(yīng)的二維數(shù)組=((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] ];定義二維數(shù)組，一定要加縮進(jìn)與換行鍵向后推鍵向前推8.8.6.2、遍歷二維數(shù)組(難點(diǎn))不推薦遍歷數(shù)組結(jié)構(gòu)偏大的 如果數(shù)組元素是固定的，數(shù)組不復(fù)雜，使用這個(gè)方法是沒問題的第一種!!!! (0<){通過一維數(shù)組遍歷方法加上每一個(gè)元素下的元素遍歷二維數(shù)組 ("<>"); ([i][0]); ([i][1]); ([i][2]); ("<>"); }推薦(0<){(0<[i]){([i][j]);}}使用二維數(shù)組制作聯(lián)動(dòng)菜單<><""><> <"8"> <>聯(lián)動(dòng)菜單<><><><""> =['呼和浩特','包頭','鄂爾多斯','烏蘭察布']; =[['賽罕區(qū)','玉泉區(qū)','回民區(qū)','新城區(qū)','如意開發(fā)區(qū)','金川開發(fā)區(qū)'],['東河區(qū)','青山區(qū)','昆區(qū)','九原區(qū)'],['東勝區(qū)','康巴什'],['集寧']]; (){獲取當(dāng)前選擇的市=("");獲取客戶選擇的索引號(hào)n=;清除區(qū)=("");='';按照客戶選擇的索引號(hào)在中遍歷(0<[n]){創(chuàng)建對(duì)象=("");=[n][m];=[n][m];=("");();} }<><"""()"> <"">(0<){ ("<'"[i]+"'>");([i]); ("<>");} <><><""> <><><>8.9、復(fù)雜的算法使用循環(huán)打印輸出1到100的所有奇數(shù)。求余2、使用循環(huán)打印輸出1000年到2016年所有的閏年。3、使用循環(huán)計(jì)算1到1000的累加和.4、使用循環(huán)打印輸出2到100之間所有的素?cái)?shù)。5、有三個(gè)變量，123從這三個(gè)變量中找出最大的值。6、已知數(shù)組,擁有兩個(gè)元素，編寫程序算法來實(shí)現(xiàn)將兩個(gè)數(shù)組元素的值進(jìn)行互換。7、已知數(shù)組,擁有10個(gè)元素，編程程序算法實(shí)現(xiàn)鍵值從小到大排量。98765432100123456789排量后的結(jié)果012345678901234567898、通過程序輸出年月日下拉菜單后期做答案：<"8"><"">/***1、使用循環(huán)打印輸出1到100的所有奇數(shù)*/(1<=100){(i%20){ (i); ("<>");}}("<>");/***2、使用循環(huán)打印輸出1000年到2016年所有的閏年*/(=1000;<=2016;){ (%1000){(%4000){ (); ("<>");} } {(%40){ (); ("<>");