前端設計與開發李保安課后答案_第1頁
前端設計與開發李保安課后答案_第2頁
前端設計與開發李保安課后答案_第3頁
前端設計與開發李保安課后答案_第4頁
前端設計與開發李保安課后答案_第5頁
已閱讀5頁，還剩3頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

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

溫馨提示

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

評論

0/150

提交評論