前端設(shè)計(jì)與開(kāi)發(fā)李保安課后答案_第1頁(yè)
前端設(shè)計(jì)與開(kāi)發(fā)李保安課后答案_第2頁(yè)
前端設(shè)計(jì)與開(kāi)發(fā)李保安課后答案_第3頁(yè)
前端設(shè)計(jì)與開(kāi)發(fā)李保安課后答案_第4頁(yè)
前端設(shè)計(jì)與開(kāi)發(fā)李保安課后答案_第5頁(yè)
已閱讀5頁(yè)，還剩3頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

模塊1一、選擇題1.D2.C3.C4.A、B、C5.C二、問(wèn)答題1.網(wǎng)頁(yè)的基本構(gòu)成元素包括文本、圖像、多媒體、超鏈接。2.網(wǎng)站建設(shè)的流程包括為分析客戶需求；規(guī)劃站點(diǎn)；搜集素材；頁(yè)面設(shè)計(jì)；程序開(kāi)發(fā)；測(cè)試網(wǎng)站；后期維護(hù)及更新3.前端開(kāi)發(fā)工具有VisualStudioCode、WebStorm、Dreamweaver、HBuilderX、SublimeText。模塊2一、選擇題1.D2.D3.A4.B5.C二、問(wèn)答題1.HTML5文檔格式包括以下標(biāo)簽：<!DOCTYPEhtml>、<html></html>、<head></head>、<body></body>2.序列標(biāo)簽包括：無(wú)序列表：<ul>和<li>有序列表：<ol>和<li>自定義列表：<dl>、<dt>和<dd>3.網(wǎng)頁(yè)中常用的圖像格式有JPEG、PNG、GIF、BMP、TIFF、TGAJPEG（JointPhotographicExpertsGroup）是一種常用的圖像格式。它通過(guò)有損壓縮算法將彩色和灰度圖像的文件大小減小，方便存儲(chǔ)和傳輸。PNG（PortableNetworkGraphics）是Web圖像中最通用的格式。它是一種無(wú)損壓縮格式。GIF（GraphicsInterchangeFormat）是Web上最常用的圖像格式。它可以用來(lái)存儲(chǔ)各種圖像文件，特別適用于存儲(chǔ)線條、圖標(biāo)，以及計(jì)算機(jī)生成的圖像、卡通和其他含大色塊的圖像。BMP（Bitmap）格式使用的是索引色彩，這種格式的圖像具有極其豐富的色彩，可以使用16M色彩渲染圖像。TIFF（TagImageFileFormat）格式是對(duì)色彩通道圖像來(lái)說(shuō)最有用的格式，它能夠支持多達(dá)48個(gè)通道的存儲(chǔ)，包括了RGBA（紅綠藍(lán)透明度）模型中的四個(gè)基本通道，以及額外的Alpha通道用于透明度控制。TGA（Targa）格式與TIFF格式相同，都可以用來(lái)處理高質(zhì)量的色彩通道圖像。4.鏈接是連接不同網(wǎng)頁(yè)和資源的橋梁。通過(guò)單擊鏈接，用戶可以從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面，包括跳轉(zhuǎn)到同一個(gè)網(wǎng)站的不同頁(yè)面和不同網(wǎng)站的頁(yè)面。。鏈接分為：文本鏈接、圖像鏈接、錨點(diǎn)鏈接、下載鏈接、新窗口鏈接模塊3一、選擇題1.D2.D3.D二、問(wèn)答題1.HTML5中的語(yǔ)義化標(biāo)簽有：<header>標(biāo)簽、<nav>標(biāo)簽、<section>標(biāo)簽、<article>標(biāo)簽、<aside>標(biāo)簽、<footer>標(biāo)簽、<figure>標(biāo)簽、<figcaption>標(biāo)簽。2.HTML5中的頁(yè)面交互標(biāo)簽有：<progress>標(biāo)簽、<meter>標(biāo)簽、<details>標(biāo)簽、<summary>標(biāo)簽3．HTML5中的全局屬性有：contenteditable屬性、class屬性、data-*屬性、dir屬性、draggable屬性、dropzone屬性、hidden屬性、id屬性、spellcheck屬性、style屬性、translate屬性模塊4一、選擇題1.B2.A3.C4.B5.C6.C二、問(wèn)答題1.CSS（層疊樣式表）是一種用于表現(xiàn)HTML文件樣式的計(jì)算機(jī)語(yǔ)言。它的作用是：可以靜態(tài)地修飾網(wǎng)頁(yè)；能夠?qū)W(wǎng)頁(yè)中元素位置進(jìn)行像素級(jí)精確控制；支持幾乎所有的字體字號(hào)樣式；擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力；可以配合腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。2.CSS3中的樣式類型包括：（1）內(nèi)聯(lián)式（行內(nèi)樣式）：直接在HTML標(biāo)記中使用style屬性（2）嵌入式（內(nèi)部樣式表）：在<head>標(biāo)簽中使用<style>標(biāo)簽定義（3）外鏈?zhǔn)剑ㄍ獠繕邮奖恚簩邮椒旁讵?dú)立的.css文件中，通過(guò)link標(biāo)簽引入模塊5一、選擇題1.A2.B3.B4.B5.A6.C7.A7.A、B、D二、問(wèn)答題1.CSS盒子模型是把HTML頁(yè)面中的元素看作是一個(gè)矩形的盒子，包括：Content（內(nèi)容）、Padding（內(nèi)邊距）、Border（邊框）、Margin（外邊距）。2.浮動(dòng)的作用：元素脫離文檔流，向左或右移動(dòng)；實(shí)現(xiàn)多列布局；實(shí)現(xiàn)文字環(huán)繞圖片等效果用于制作導(dǎo)航欄等頁(yè)面布局。3.處理溢出元素的方法是使用overflow屬性。4.通過(guò)transform屬性實(shí)現(xiàn)文字或圖像的變形，包括旋轉(zhuǎn)、縮放、移動(dòng)、傾斜等transition屬性將元素從一種樣式在指定時(shí)間內(nèi)平滑地過(guò)渡到另一種樣式，類似于簡(jiǎn)單的動(dòng)畫(huà)，但無(wú)須借助JavaScript。translate可以把元素從原來(lái)的位置移動(dòng)到指定位置，而不影響在X、Y軸上的任何Web組件5.static：默認(rèn)定位，按照文檔流定位relative：相對(duì)定位，相對(duì)于原來(lái)的位置移動(dòng)absolute：絕對(duì)定位，相對(duì)于最近已定位的父元素fixed：固定定位，相對(duì)于瀏覽器窗口固定位置6.讓動(dòng)畫(huà)效果延遲2s出現(xiàn)可以使用animation-delay屬性。animation-delay:2s;模塊6一、選擇題1.A2.B3.C4.B3.B二、問(wèn)答題1.表單由三個(gè)基本部分組成：表單標(biāo)簽、表單域（表單控件）、表單按鈕。2.required屬性適用于以下輸入類型：text(文本框)、search(搜索框)、url(URL地址)、tel(電話號(hào)碼)、email(電子郵件)、password(密碼框)、datepickers(日期選擇器)、number(數(shù)字)、checkbox(復(fù)選框)、radio(單選框)、file(文件)。3.autofocus屬性的作用：（1）在頁(yè)面加載時(shí)，使表單控件自動(dòng)獲得焦點(diǎn)。（2）一個(gè)頁(yè)面只能有一個(gè)表單元素獲得autofocus屬性。（3）適用于所有<input>標(biāo)簽的類型，包括文本框、復(fù)選框、單選按鈕和普通按鈕等。（4）使用戶可以直接開(kāi)始輸入，無(wú)需手動(dòng)點(diǎn)擊獲取焦點(diǎn)。模塊7一、選擇題1.C2.B3.D4.A5.D二、問(wèn)答題1.在網(wǎng)頁(yè)中嵌入視頻的基本語(yǔ)法如下。<videosrc="..."controls="..."autoplay="..."width="..."height="..."preload="..."loop="..."></video>其各個(gè)屬性作業(yè)如下。src：設(shè)置要播放的視頻的URL，不能缺省。controls：如果設(shè)置該屬性，則向用戶顯示控件，例如，播放按鈕。autoplay：如果設(shè)置該屬性，則音頻在網(wǎng)頁(yè)中加載就緒后自動(dòng)播放。width：設(shè)置視頻播放時(shí)的寬度。height：設(shè)置視頻播放時(shí)的高度。loop：如果設(shè)置該屬性，則每當(dāng)視頻結(jié)束時(shí)重新開(kāi)始播放。muted：規(guī)定視頻輸出應(yīng)該被靜音preload：設(shè)置瀏覽器是否加載視頻，它有三個(gè)屬性：auto、none和meta，如果設(shè)置了autoplay屬性，則忽略該屬性。auto：默認(rèn)設(shè)置，表示讓瀏覽器決定怎樣做。none：表示不加載任何音頻。meta：表示僅加載音頻的元數(shù)據(jù)。poster：指定視頻加載時(shí)要顯示的圖像（而不顯示視頻的第一幀），接受所需圖像文件的URL。2.<source>標(biāo)簽的作用：用于定義一個(gè)以上的媒體元素。模塊8一、選擇題1.D2.D3.B4.C5.D6.B7.A8.B9.C二、問(wèn)答題：1.JavaScript是一種基于對(duì)象和事件驅(qū)動(dòng)的解釋型腳本語(yǔ)言，它具有安全性能，在Web應(yīng)用中得到廣泛應(yīng)用，可以直接嵌入頁(yè)面，將靜態(tài)頁(yè)面轉(zhuǎn)變成支持用戶交互的動(dòng)態(tài)頁(yè)面。2.JavaScript腳本通過(guò)<script>標(biāo)簽在HTML中使用，可以放置在網(wǎng)頁(yè)的任何位置，一般放在<head>標(biāo)簽內(nèi)。JavaScript常用屬性和方法有BOM對(duì)象的屬性如closed、name、location等，BOM對(duì)象的方法如alert()、close()、open()等；DOM對(duì)象的屬性如cookie、domain、title等，DOM對(duì)象的方法如getElementById()、write()等。3.jQuery是一個(gè)優(yōu)秀的JavaScript框架，宗旨是"寫(xiě)更少的代碼，做更多的事情"，是輕量級(jí)的js庫(kù)，是兼容CSS3和各種常用瀏覽器。jQuery引入方法：<scriptsrc="js/jquery-3.7.1.min.j

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論