狠狠操夜夜甜|人妻在线中文字幕亚洲无码不卡av|一区二区欧美亚洲|日躁夜躁狠狠躁2001|亚洲,超碰,欧美|18AV成人电影|午夜成人免费在线|婷婷激情网深爱五月|色欲综合成人在线|在线美女搞黄大片

首頁 > 熱門提問 > html基本網(wǎng)頁制作

html基本網(wǎng)頁制作

提問

問題
列表

  • 網(wǎng)頁設(shè)計(jì)和網(wǎng)站開發(fā)用到的技術(shù)有哪些?

    查看答案>>

  • 網(wǎng)頁設(shè)計(jì)怎么設(shè)置同意字體格式樣式

    查看答案>>

  • 網(wǎng)頁設(shè)計(jì)中,font 如何 精確 字體大???

    查看答案>>

  • 制作網(wǎng)頁時最常見的html基本組成元素有哪些

    查看答案>>

  • 網(wǎng)頁設(shè)計(jì)基礎(chǔ)問題。。

    查看答案>>

網(wǎng)頁設(shè)計(jì)和網(wǎng)站開發(fā)用到的技術(shù)有哪些?

A — AJAXAJAX 全稱為“ Asynchronous JavaScript and XML ”(異步 JavaScript 和 XML ),是一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的 網(wǎng)頁開發(fā) 技術(shù)。根據(jù)Ajax提出者Jesse James Garrett建議,AJAX:使用 XHTML + CSS 來表示信息;使用 JavaScript 操作 DOM (Document Object Model)進(jìn)行動態(tài)顯示及交互;使用 XML 和 XSLT 進(jìn)行數(shù)據(jù)交換及相關(guān)操作;使用 XMLHttpRequest 對象與 Web服務(wù)器 進(jìn)行異步數(shù)據(jù)交換;使用 JavaScript 將所有的東西綁定在一起。類似于 DHTML 或 LAMP ,AJAX不是指一種單一的技術(shù),而是有機(jī)地利用了一系列相關(guān)的技術(shù)。事實(shí)上,一些基于AJAX的“派生/合成”式(derivative/composite)的技術(shù)正在出現(xiàn),如 AFLAX 。B — Browser網(wǎng)頁瀏覽器 是個顯示 網(wǎng)頁服務(wù)器 或文件系統(tǒng)內(nèi)的文件,并讓用戶與此些文件交互的一種 軟件 。它用來顯示在 萬維網(wǎng) 或 局域網(wǎng) 等內(nèi)的文字、圖像及其他信息。這些文字或圖像,可以是連接其他網(wǎng)址的超連結(jié),用戶可迅速及輕易地瀏覽各種信息。大部分網(wǎng)頁為 HTML 格式,有些網(wǎng)頁需特定瀏覽器才能正確顯示。 個人電腦 上常見的網(wǎng)頁瀏覽器按照2010年1月的市場占有率依次是 微軟 的 Internet Explorer 、 Mozilla 的 Firefox 、 Google 的 Google Chrome 、 蘋果公司 的 Safari 和 Opera軟件公司 的 Opera 。瀏覽器是最經(jīng)常使用到的 客戶端程序 。Web開發(fā)人員應(yīng)該確保其程序在各個主流瀏覽器中都能正常工作。C — CSS層疊樣式表, 又稱: 串樣式列表 ,英文: Cascading Style Sheets ,簡寫為 CSS ,由 W3C 定義和維護(hù)的標(biāo)準(zhǔn),一種用來為結(jié)構(gòu)化文檔(如 HTML 文檔或 XML 應(yīng)用)添加樣式(字體、間距和顏色等)的 計(jì)算機(jī)語言 。目前最新版本是 CSS 2.1,為W3C的候選推薦標(biāo)準(zhǔn)。下一版本CSS 3仍然在開發(fā)過程中。D — DOM文檔對象模型 (Document Object Model,簡稱DOM),是 W3C 組織推薦的處理 可擴(kuò)展置標(biāo)語言 的標(biāo)準(zhǔn)編程接口。Document Object Model的歷史可以追溯至1990年代后期微軟與 Netscape 的“ 瀏覽器大戰(zhàn) ”(browser wars),雙方為了在 JavaScript 與 JScript 一決生死,于是大規(guī)模的賦予瀏覽器強(qiáng)大的功能。微軟在網(wǎng)頁技術(shù)上加入了不少專屬事物,計(jì)有VBScript、ActiveX、以及微軟自家的D HTML 格式等,使不少網(wǎng)頁使用非微軟平臺及瀏覽器無法正常顯示。DOM即是當(dāng)時蘊(yùn)釀出來的杰作。E — Events事件 是可以被控件識別的操作,如按下確定按鈕,選擇某個 單選按鈕 或者 復(fù)選框 。每一種控件有自己可以識別的事件,如 窗體 的加載、單擊、雙擊等事件,編輯框(文本框)的文本改變事,等等,現(xiàn)代的Web應(yīng)用程序很大程度上依靠事件驅(qū)動。事件有系統(tǒng)事件和用戶事件。系統(tǒng)事件由系統(tǒng)激發(fā),如時間每隔24小時,銀行儲戶的存款日期增加一天。用戶事件由用戶激發(fā),如用戶點(diǎn)擊按鈕,在文本框中顯示特定的文本。 事件驅(qū)動 控件執(zhí)行某項(xiàng)功能。觸發(fā)事件的對象稱為事件發(fā)送者;接收事件的對象稱為事件接收者。使用事件機(jī)制可以實(shí)現(xiàn):當(dāng)類對象的某個狀態(tài)發(fā)生變化時,系統(tǒng)將會通過某種途徑調(diào)用類中的有關(guān)處理這個事件的方法或者觸發(fā)控件事件的對象就會調(diào)用該控件所有已注冊的事件處理程序等。F — FirebugFirebug 是 網(wǎng)頁瀏覽器 Mozilla Firefox 的一個擴(kuò)展,是一個除錯工具。用戶可以利用它除錯、編輯、甚至刪改任何網(wǎng)站的 CSS 、 HTML 、 DOM 、與 JavaScript 代碼。Firebug 也有提供其他網(wǎng)頁開發(fā)工具,例如 Yahoo! 的網(wǎng)頁速度優(yōu)化建議工具 YSlow 。Firebug是哈維( Joe Hewitt )撰寫的。他是最初Firefox創(chuàng)始者之一。G — Grid網(wǎng)格 ,也稱 柵格 ,不過從定義上說,柵格更為準(zhǔn)確些。網(wǎng)上找個一個對網(wǎng)頁柵格系統(tǒng)比較恰當(dāng)?shù)?定義 :以規(guī)則的網(wǎng)格陣列來指導(dǎo)和規(guī)范網(wǎng)頁中的版面布局以及信息分布。網(wǎng)頁柵格系統(tǒng)是從平面柵格系統(tǒng)中發(fā)展而來。對于網(wǎng)頁設(shè)計(jì)來說,柵格系統(tǒng)的使用,不僅可以讓網(wǎng)頁的信息呈現(xiàn)更加美觀易讀,更具可用性。而且,對于前端開發(fā)來說,網(wǎng)頁將更加的靈活與規(guī)范。如果有很多CSS框架支持柵格功能,可參考文章《 介紹27款經(jīng)典的CSS框架 》。H — HTML超文本置標(biāo)語言 ( 英文 : HyperText Markup Language , HTML )是為“ 網(wǎng)頁 創(chuàng)建和其它可在 網(wǎng)頁瀏覽器 中看到的信息”設(shè)計(jì)的一種 置標(biāo)語言 。HTML被用來結(jié)構(gòu)化信息——例如標(biāo)題、段落和列表等等,也可用來在一定程度上描述文檔的外觀和 語義 。由 蒂姆·伯納斯-李 給出原始定義,由 IETF 用簡化的 SGML (標(biāo)準(zhǔn)通用置標(biāo)語言)語法進(jìn)行進(jìn)一步發(fā)展的HTML,后來成為國際標(biāo)準(zhǔn),由 萬維網(wǎng)聯(lián)盟 (W3C)維護(hù)。最新版本是 HTML5 它是HTML下一個的主要修訂版本,現(xiàn)在仍處于發(fā)展階段。目標(biāo)是取代1999年所定訂的 HTML 4.01和 XHTML 1.0 標(biāo)準(zhǔn),以期能在互聯(lián)網(wǎng)應(yīng)用迅速發(fā)展的時候,使網(wǎng)絡(luò)標(biāo)準(zhǔn)達(dá)到符合當(dāng)代的網(wǎng)絡(luò)需求。廣義論及HTML5時,實(shí)際指的是包括HTML、 CSS 和 JavaScript 在內(nèi)的一套技術(shù)組合。I — IEWindows Internet Explorer (舊稱 Microsoft Internet Explorer ,簡稱 Internet Explorer ,縮寫 IE ),是 微軟公司 推出的一款 網(wǎng)頁瀏覽器 。截至2010年9月止,統(tǒng)計(jì)的數(shù)據(jù)顯示Internet Explorer的 市場占有率 高達(dá)59.65%。雖然它依然是使用最廣泛的網(wǎng)頁瀏覽器,但與 2003年 最高峰時相比,市場占有率相差超過30%。Internet Explorer對一些標(biāo)準(zhǔn)化技術(shù)都有一定程度上的支持,但亦有很多運(yùn)行上的差距和兼容性的故障 ,這導(dǎo)致技術(shù)開發(fā)者的批評日益增加。批評增加的情況,在很大程度上是歸因于Internet Explorer的競爭對手相對地已提供完全的技術(shù)支持,標(biāo)準(zhǔn)規(guī)格(Standards-compliant)的應(yīng)用亦越來越廣泛起來。因?yàn)镮nternet Explorer在全球廣為應(yīng)用,網(wǎng)絡(luò)開發(fā)者們在尋求 跨平臺 的代碼時常常會發(fā)現(xiàn)Internet Explorer的漏洞、私有的功能集合和對標(biāo)準(zhǔn)支持的不完善。2011年3月14日發(fā)布的Internet Explorer 9瀏覽器大幅提高對CSS3和HTML5等W3C規(guī)范的支持程度,這個版本也是Internet Explorer瀏覽器第一個采用GPU加速的版本,正式版于Acid3測試中獲得95/100分,相比以往版本有很大進(jìn)步。可以認(rèn)為,從Internet Explorer 9開始,Internet Explorer瀏覽器對W3C規(guī)范的支持將不再是問題。J — JavaScriptJavaScript 是一種廣泛用于 客戶端 Web開發(fā) 的 腳本語言 ,常用來給HTML網(wǎng)頁添加動態(tài)功能,比如響應(yīng)用戶的各種操作。它最初由 網(wǎng)景公司 的 Brendan Eich 設(shè)計(jì),是一種動態(tài)、弱類型、基于原型的語言,內(nèi)置支持類。JavaScript是 Sun公司 的注冊商標(biāo)。 Ecma國際 以JavaScript為基礎(chǔ)制定了 ECMAScript 標(biāo)準(zhǔn)。JavaScript也可以用于其他場合,如服務(wù)器端編程。完整的JavaScript實(shí)現(xiàn)包含三個部分: ECMAScript , 文檔對象模型 , 字節(jié)順序記號 。Netscape公司在最初將其腳本語言命名為LiveScript來Netscape在與Sun合作之后將其改名為JavaScript。JavaScript最初受 Java 啟發(fā)而開始設(shè)計(jì)的,目的之一就是“看上去像Java”,因此語法上有類似之處,一些名稱和命名規(guī)范也借自Java。但JavaScript的主要設(shè)計(jì)原則源自 Self 和 Scheme .JavaScript與Java名稱上的近似,是當(dāng)時網(wǎng)景為了營銷考慮與Sun公司達(dá)成協(xié)議的結(jié)果。為了取得技術(shù)優(yōu)勢, 微軟 推出了 JScript 來迎戰(zhàn)JavaScript的 腳本語言 。為了互用性, Ecma國際 (前身為 歐洲計(jì)算機(jī)制造商協(xié)會 )創(chuàng)建了ECMA-262標(biāo)準(zhǔn)(ECMAScript)?,F(xiàn)在兩者都屬于 ECMAScript 的實(shí)現(xiàn)。盡管JavaScript作為給非程序人員的 腳本語言 ,而非作為給程序人員的 編程語言 來推廣和宣傳,但是JavaScript具有非常豐富的特性。K — Keyword Optimization關(guān)鍵詞優(yōu)化 ,也叫 搜索引擎優(yōu)化 ( Search Engine Optimization ,簡稱 SEO )是一種利用 搜索引擎 的搜索規(guī)則來提高目的 網(wǎng)站 在有關(guān)搜索引擎內(nèi)的排名的方式。由于不少研究發(fā)現(xiàn),搜索引擎的用戶往往只會留意搜索結(jié)果最前面的幾個條目,所以不少 網(wǎng)站 都希望通過各種形式來影響搜索引擎的排序。當(dāng)中尤以各種依靠廣告維生的網(wǎng)站為甚。所謂“針對搜索引擎作優(yōu)化的處理”,是指為了要讓網(wǎng)站更容易被搜索引擎接受。搜索引擎會將網(wǎng)站彼此間的內(nèi)容做一些相關(guān)性的數(shù)據(jù)比對,然后再由 瀏覽器 將這些內(nèi)容以最快速且接近最完整的方式,體現(xiàn)給搜索者。搜索引擎優(yōu)化對于任何一家網(wǎng)站來說,要想在網(wǎng)站推廣中取得成功,搜索引擎優(yōu)化都是至為關(guān)鍵的一項(xiàng)任務(wù)。同時,隨著搜索引擎不斷變換它們的排名算法規(guī)則,每次算法上的改變都會讓一些排名很好的網(wǎng)站在一夜之間名落孫山,而失去排名的直接后果就是失去了網(wǎng)站固有的可觀訪問量。所以每次搜索引擎算法的改變都會在網(wǎng)站之中引起不小的騷動和焦慮??梢哉f,搜索引擎優(yōu)化是一個愈來愈復(fù)雜的任務(wù)。L — LessLess 最早是一個ruby的gem,讓CSS具有動態(tài)語言的特性,這些特性包括變量,操作符,嵌套規(guī)則。其實(shí)Less真正的作用是將使用高級特性的CSS轉(zhuǎn)換成標(biāo)準(zhǔn)的CSS。這些都是在Web客戶端發(fā)起請求時通過Http Handler來完成的。也可以是編輯時就完成的。此外,Less可以配置成自動最小化所生成的CSS文件,不僅節(jié)省了帶寬,并且使最終用戶體驗(yàn)更上一層。另外有.Net版本的 Less 。M — MVCMVC模式 (Model-View-Controller)是 軟件工程 中的一種 軟件架構(gòu) 模式,把軟件系統(tǒng)分為三個基本部分:模型(Model)、視圖(View)和控制器(Controller)。MVC模式最早由 Trygve Reenskaug 在1974年提出,是 施樂帕羅奧多研究中心 (Xerox PARC)在20世紀(jì)80年代為程序語言 Smalltalk 發(fā)明的一種軟件設(shè)計(jì)模式。 MVC模式 的目的是實(shí)現(xiàn)一種動態(tài)的程序設(shè)計(jì),使后續(xù)對程序的修改和擴(kuò)展簡化,并且使程序某一部分的重復(fù)利用成為可能。除此之外,此模式通過對復(fù)雜度的簡化,使程序結(jié)構(gòu)更加直觀。軟件系統(tǒng)通過對自身基本部份分離的同時也賦予了各個基本部分應(yīng)有的功能。N — Node.JSNode 是一個Javascript運(yùn)行環(huán)境(runtime) , 實(shí)際上它是對Google V8 引擎(應(yīng)用于Google Chrome瀏覽器)進(jìn)行了封裝。 V8 引 擎執(zhí)行Javascript的速度非???,性能非常好。Node對一些特殊用例進(jìn)行了優(yōu)化,提供了替代的API,使得V8在非瀏覽器環(huán)境下運(yùn)行得更好。例 如,在服務(wù)器環(huán)境中,處理二進(jìn)制數(shù)據(jù)通常是必不可少的,但Javascript對此支持不足,因此,V8.Node增加了Buffer類,方便并且高效地 處理二進(jìn)制數(shù)據(jù)。因此,Node不僅僅簡單的使用了V8,還對其進(jìn)行了優(yōu)化,使其在各環(huán)境下更加給力。 Node.js 包羅萬象,但最主要的一點(diǎn)是,它提供了一種在Web瀏覽器之外運(yùn)行Javascript的途徑。Javascript廣泛應(yīng)用于網(wǎng)站的前端開發(fā)。Node使得這種流行的編程語言能夠在環(huán)境下運(yùn)行,甚至是網(wǎng)站的服務(wù)器端。O — Object對象 (object),是 面向?qū)ο?(Object Oriented) 中的術(shù)語,既表示客觀世界 問題空間 (Namespace)中的某個具體的事物,又表示軟件系統(tǒng) 解空間 中的基本元素。在軟件系統(tǒng)中,對象具有唯一的 標(biāo)識符 ,對象包括 屬性 (Properties)和 方法 (Methods),屬性就是需要記憶的信息,方法就是對象能夠提供的服務(wù)。在面向?qū)ο?Object Oriented) 的軟件中,對象(Object)是某一個 類 (Class)的 實(shí)例 (Instance)。P — PHPPHP ( H ypertext P reprocessor )是一種在電腦上運(yùn)行的 腳本語言 ,主要用途是在于處理 動態(tài)網(wǎng)頁 ,也包含了 命令行 運(yùn)行接口(command line interface),或者產(chǎn)生 圖形用戶界面 (GUI)程序。PHP最早由 Rasmus Lerdorf 在1995年發(fā)明,而現(xiàn)在PHP的標(biāo)準(zhǔn)由PHP Group和開放源代碼社區(qū)維護(hù)。PHP以PHP License作為許可協(xié)議,不過因?yàn)檫@個協(xié)議限制了PHP名稱的使用,所以和開放源代碼許可協(xié)議 GPL 不兼容。PHP的應(yīng)用范圍相當(dāng)廣泛,尤其是在網(wǎng)頁程序的開發(fā)上。一般來說PHP大多運(yùn)行在網(wǎng)頁服務(wù)器上,通過運(yùn)行PHP代碼來產(chǎn)生用戶瀏覽的網(wǎng)頁。PHP可以在多數(shù)的服務(wù)器和操作系統(tǒng)上運(yùn)行,而且使用PHP完全是免費(fèi)的。根據(jù)2007年4月的統(tǒng)計(jì)數(shù)據(jù),PHP已經(jīng)被安裝在超過2000萬個網(wǎng)站和100萬臺服務(wù)器上。Q — Query查詢 ,有很多種意思。例如查詢語言用來和存儲數(shù)據(jù)的擴(kuò)展系統(tǒng)交互,一個很好的例子就是SQL用來操作關(guān)系數(shù)據(jù)庫。另一種意思是,一個查詢字符串,作為URL的一部分用于Web應(yīng)用程序中傳遞數(shù)據(jù),查詢字符串的格式一般是鍵值對形式。R — Regular Expressions正則表達(dá)式 ( 英語 :Regular Expression、regex或regexp,縮寫為RE),也譯為 正規(guī)表示法 、 常規(guī)表示法 ,在 計(jì)算機(jī)科學(xué) 中,是指一個用來描述或者匹配一系列符合某個 句法 規(guī)則的 字符串 的單個字符串。在很多 文本編輯器 或其他工具里,正則表達(dá)式通常被用來檢索和/或替換那些符合某個模式的文本內(nèi)容。許多 程序設(shè)計(jì)語言 都支持利用正則表達(dá)式進(jìn)行字符串操作。例如,在 Perl 中就內(nèi)建了一個功能強(qiáng)大的正則表達(dá)式引擎。正則表達(dá)式這個概念最初是由 Unix 中的工具軟件(例如 sed 和 grep )普及開的。S — Source Control源代碼管理 ,也稱 版本控制 ,是一種 軟件工程 技巧,借此能在軟件開發(fā)的過程中,確保由不同人所編輯的同一程式檔案都得到同步。 軟件設(shè)計(jì)師 常會利用版本控制來追蹤、維護(hù) 源碼 、 文件 以及 設(shè)定檔 等等的更動,并且提供控制這些更動控制權(quán)的 程序 。在最簡單的情況下, 軟件設(shè)計(jì)師 可以自己保留一個程式的許多不同版本,并且為它們做適當(dāng)?shù)木幪?。這種簡單的方法已被用在很多大型的軟件專案中。這是一個可以達(dá)到目的的方法,但不夠有效率。除了得同時維護(hù)很多幾乎一樣的 程式碼 備份外;而且極度依賴 軟件設(shè)計(jì)師 的自我修養(yǎng)與開發(fā)紀(jì)律,但這卻常是導(dǎo)致錯誤發(fā)生的原因。有時候,一個程式同時存有兩個以上的版本也有其必要性,例如:在一個為了部署的版本中 程式錯誤 已經(jīng)被修正、但沒有加入新功能;在另一個開發(fā)版本則有新的功能正在開發(fā)、也有新的錯誤待解決,這使得同時間需要不同的版本并修改。此外,為了找出只存在于某一特定版本中的 程式錯誤 、或找出 程式錯誤 出現(xiàn)的版本,軟件除錯者也必須借由比對不同版本的程式碼以找出問題的位置。T — TDD測試驅(qū)動開發(fā) (Test-driven development)是現(xiàn)代計(jì)算機(jī) 軟件開發(fā) 方法的一種。利用 測試 來驅(qū)動 軟件 程序的設(shè)計(jì)和實(shí)現(xiàn)。測試驅(qū)動開始流行于20世紀(jì)90年代。測試驅(qū)動開發(fā)是 極限編程 中倡導(dǎo)的程序開發(fā)方法,方法主要是先寫測試程序,然后再編碼使其通過測試。測試驅(qū)動開發(fā)的目的是取得快速反饋并使用“illustrate the main line”方法來構(gòu)建程序。測試驅(qū)動開發(fā)的比喻。開發(fā)可以從兩個方面去看待:實(shí)現(xiàn)的功能和質(zhì)量。測試驅(qū)動開發(fā)更像兩頂帽子思考法的開發(fā)方式,先戴上實(shí)現(xiàn)功能的帽子,在測試的輔助下,快速實(shí)現(xiàn)正確的功能;再戴上 重構(gòu) 的帽子,在測試的保護(hù)下,通過去除冗余和重復(fù)的代碼,提高代碼重用性,實(shí)現(xiàn)對質(zhì)量的改進(jìn)??梢姕y試在測試驅(qū)動開發(fā)中確實(shí)屬于核心地位,貫穿了開發(fā)的始終。U — Unit Testing單元測試 (又稱為 模塊測試 )是針對 程序模塊 ( 軟件設(shè)計(jì) 的最小單位)來進(jìn)行正確性檢驗(yàn)的測試工作。程序單元是應(yīng)用的最小可測試部件。在 過程化編程 中,一個單元就是單個程序、函數(shù)、過程等;對于面向?qū)ο缶幊?,最小單元就是方法,包括基類(超類)、抽象類、或者派生類(子類)中的方法。通常來說,程序員每修改一次程序就會進(jìn)行最少一次單元測試,在編寫程序的過程中前后很可能要進(jìn)行多次單元測試,以證實(shí)程序達(dá)到 軟件規(guī)格書 ( en:Specification )要求的工作目標(biāo),沒有 臭蟲 ;雖然單元測試不是什么必須的,但也不壞,這牽涉到 項(xiàng)目管理 的政策決定。V — VIMVim 是從 vi 發(fā)展出來的一個 文本編輯器 。代碼補(bǔ)完、編譯及錯誤跳轉(zhuǎn)等方便編程的功能特別豐富,在程序員中被廣泛使用。和 Emacs 并列成為 類Unix系統(tǒng) 用戶最喜歡的編輯器。Vim的第一個版本由 Bram Moolenaar 在1991年發(fā)布。最初的簡稱是 V i IM itation,隨著功能的不斷增加,正式名稱改成了 V i IM proved?,F(xiàn)在是在 開放源代碼 方式下發(fā)行的 自由軟件 。W — WordPressWordPress 是一種使用 PHP 語言開發(fā)的 博客 平臺,用戶可以在支持 PHP 和 MySQL 數(shù)據(jù)庫 的服務(wù)器上架設(shè)自己的網(wǎng)志。也可以把 WordPress 當(dāng)作一個 內(nèi)容管理系統(tǒng) (CMS)來使用。WordPress 是一個免費(fèi)的 開源 項(xiàng)目,在 GNU通用公共許可證 下授權(quán)發(fā)布。目前最新版本為2011年2月24日發(fā)布的3.0.5官方簡體中文版,另外還有包括英文在內(nèi)的多種語言可選。X — XSS跨網(wǎng)站指令碼 ( Cross-site scripting ,通常簡稱為 XSS )是一種網(wǎng)站應(yīng)用程式的安全漏洞攻擊,允許惡意使用者將程式碼注入到網(wǎng)頁上,其他使用者在觀看網(wǎng)頁時就會受到影響。這類攻擊通常包含了 HTML 以及使用者端 腳本語言 。Y — YUIYahoo! UI Library ( YUI ) 是一個開放源代碼的 JavaScript 函數(shù)庫,為了能建立一個高互動的網(wǎng)頁,它采用了 AJAX , DHTML 和 DOM 等程式碼技術(shù)。它也包含了許多 CSS 資源。Z — Z indexZ-Index 是CSS屬性,設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。該屬性設(shè)置一個定位元素沿 z 軸的位置,z 軸定義為垂直延伸到顯示區(qū)的軸。如果為正數(shù),則離用戶更近,為負(fù)數(shù)則表示離用戶更遠(yuǎn)。
0 有幫助 展開

網(wǎng)頁設(shè)計(jì)怎么設(shè)置同意字體格式樣式

一、文字樣式設(shè)置的基本標(biāo)簽—<font> 設(shè)置字體樣式的基本標(biāo)簽是<font></font>,被其包含的文本為樣式作用區(qū)。在初學(xué)者的HTML代碼編寫中,<font></font>容易被多重嵌套,如<font 屬性1=值1><font 屬性2=值2>文本</font></font>。還有一種情況是標(biāo)簽嵌套錯位,如<font><p>文本</font></p>。為了規(guī)范代碼的編寫,避免不必要的錯誤,讀者在初學(xué)時一定要謹(jǐn)慎。 二、設(shè)置文字的顏色 color是<font></font>標(biāo)簽的屬性之一,用于設(shè)置文字顏色。在D:\web\目錄下創(chuàng)建網(wǎng)頁文件,命名為font_color.htm,編寫代碼如代碼4.7所示。 代碼4.7 字體顏色的設(shè)置:font_color.htm <html> <head> <title>字體顏色的設(shè)置</title> </head> <body> 淺紅色文字:<font color="#dd0000">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 深紅色文字:<font color="#660000">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 淺綠色文字:<font color="#00dd00">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 深綠色文字:<font color="#006600">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 淺藍(lán)色文字:<font color="#0000dd">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 深藍(lán)色文字:<font color="#000066">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 淺黃色文字:<font color="#dddd00">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 深黃色文字:<font color="#666600">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 淺青色文字:<font color="#00dddd">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 深青色文字:<font color="#006666">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 淺紫色文字:<font color="#dd00dd">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 深紫色文字:<font color="#660066">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> </body> </html> 不但可以從代碼4.7中學(xué)到color屬性在font標(biāo)簽中的用法,還可以熟悉各種顏色的表示方法。 三、 設(shè)置文字的尺寸 size也是<font></font>標(biāo)簽的屬性,用于設(shè)置文字大小。size的值為1-7,默認(rèn)為3。我們可以size 屬性值之前加上“+”、“-”字符,來指定相對于字號初始值的增量或減量。在D:\web\目錄下創(chuàng)建網(wǎng)頁文件,命名為font_size.htm,編寫代碼如代碼4.8所示。 代碼4.8 字體尺寸的設(shè)置:font_size.htm <html> <head> <title>字體尺寸的設(shè)置</title> </head> <body> size為1:<font size="1">HTML學(xué)習(xí)</font><br /> size為2:<font size="2">HTML學(xué)習(xí)</font><br /> size為3:<font size="3">HTML學(xué)習(xí)</font><br /> size為4:<font size="4">HTML學(xué)習(xí)</font><br /> size為5:<font size="5">HTML學(xué)習(xí)</font><br /> size為6:<font size="6">HTML學(xué)習(xí)</font><br /> size為7:<font size="7">HTML學(xué)習(xí)</font><br /> </body> </html> 可嘗試在size值前面加上“+”、“-”字符,更靈活地設(shè)置文字尺寸。 四、設(shè)置文字的字體 face也是<font></font>標(biāo)簽的屬性,用于設(shè)置文字字體(字型)。HTML網(wǎng)頁中顯示的字型從瀏覽端的系統(tǒng)中調(diào)用,所以為了保持字型一致,建議采用宋體,HTML頁面也是默認(rèn)采用宋體。在D:\web\目錄下創(chuàng)建網(wǎng)頁文件,命名為font_face.htm,編寫代碼如代碼4.9所示。 代碼4.9 字體字型的設(shè)置:font_face.htm <html> <head> <title>字體字型的設(shè)置</title> </head> <body> 字型為宋體:<font size="5">沁園春·長沙-毛澤東</font><br /> 字型為楷體:<font size="5">沁園春·長沙-毛澤東</font><br /> 字型為黑體:<font size="5">沁園春·長沙-毛澤東</font><br /> 字型為隸書:<font size="5">沁園春·長沙-毛澤東</font> </body> </html> 五、 使文字傾斜 用雙標(biāo)簽<i></i>可使被作用文字傾斜,達(dá)到特殊的效果,例如文章的日期。<em></em>被稱為強(qiáng)調(diào)標(biāo)簽,也是斜體,目前使用比<i></i>標(biāo)簽更頻繁,其編寫方法如下: <i>這是斜體文字</i> <em>這也是斜體文字</em> 六、 使文字加粗 用雙標(biāo)簽<b></b>可使被作用文字加粗,是文字更加醒目,例如文章的標(biāo)題部分。<strong></strong>被稱為特別強(qiáng)調(diào)標(biāo)簽,也是文字加粗,目前使用比<b></b>標(biāo)簽更頻繁,其編寫方法如下: <b>這是粗體文字</b> <strong>這也是粗體文字</strong> 七、給文字加下劃線 用雙標(biāo)簽<u></u>可添加下劃線到被作用文字。以下為文字傾斜、加粗和下劃線的綜合示例。在D:\web\目錄下創(chuàng)建網(wǎng)頁文件,命名為font_style.htm,編寫代碼如代碼4.10所示。 代碼4.10 文字修飾的設(shè)置:font_style.htm <html> <head> <title>字體修飾的設(shè)置</title> </head> <body> <font size="5">斜體:<em>沁園春·長沙-毛澤東</em><br /> 加粗體:<strong>沁園春·長沙-毛澤東</strong><br /> 下劃線:<u>沁園春·長沙-毛澤東</u><br /> 斜體 加粗體 下劃線:<em><strong><u>沁園春·長沙-毛澤東</u></strong></em></font> </body> </html> — 注意:在多個標(biāo)簽包含同一塊文字時,其包含順序不能錯位。 八、 多種標(biāo)題樣式的使用 網(wǎng)頁的文章中,為了凸顯標(biāo)題的重要性,標(biāo)題的樣式比較特殊。HTML技術(shù)保護(hù)了一套針對標(biāo)題的樣式標(biāo)簽,分別為雙標(biāo)簽<h1>到<h6>,文字尺寸從大到小代表不同級別的標(biāo)題。標(biāo)題標(biāo)簽有一個特點(diǎn),獨(dú)占一行、文字加粗、文字居中。這樣,在設(shè)置標(biāo)題的時候就很輕松了,并且可設(shè)多級標(biāo)題。在D:\web\目錄下創(chuàng)建網(wǎng)頁文件,命名為font_h.htm,編寫代碼如代碼4.11所示。 代碼4.11 標(biāo)題的設(shè)置:font_h.htm <html> <head> <title>標(biāo)題的設(shè)置</title> </head> <body> <h1>一號標(biāo)題</h1> <h2>二號標(biāo)題</h2> <h3>三號標(biāo)題</h3> <h4>四號標(biāo)題</h4> <h5>五號標(biāo)題</h5> <h6>六號標(biāo)題</h6> <h1>財(cái)富雜志:谷歌為何不會盛極而衰</h1>    <h3>遭遇潛在問題</h3>   <p>&nbsp;&nbsp;&nbsp;&nbsp;一些業(yè)內(nèi)人士認(rèn)為,長期壟斷互聯(lián)網(wǎng)搜索和廣告市場谷歌可能會盛極而衰。...與此同時,谷歌近日推出的多項(xiàng)新計(jì)劃,例如開放手機(jī)聯(lián)盟、社交網(wǎng)站通用平臺OpenSocial、以及可能投資數(shù)十億美元競購無線頻段,也遭到了廣泛的質(zhì)疑。   <h3>將繼續(xù)壟斷搜索</h3>   <p>&nbsp;&nbsp;&nbsp;&nbsp;最近有一些文章稱,如果出現(xiàn)更好的搜索引擎,人們會毫不猶豫地放棄谷歌。但是,即使真有更好的搜索引擎出現(xiàn),谷歌仍然可以在一段時間內(nèi)屹立不倒。...在這種情況下,網(wǎng)站速度往往會成為決定勝負(fù)的關(guān)鍵。</p> </body> </html> 九、學(xué)會處理網(wǎng)頁中的特殊字符 在HTML中,有一些字符有特殊含義,例如“<”和“>”是標(biāo)簽的左括號和右括號,而標(biāo)簽是控制HTML顯示的,標(biāo)簽本身只能被瀏覽器解析,并不能在頁面中顯示。那么,該怎樣在HTML中顯示“<”和“>”呢?特殊符號 HTML代碼 特殊符號 HTML代碼 < &lt; ??(商標(biāo)符號) &trade; > &gt; ??(注冊符號) &reg; “”(英文半角) &quot; × &times; § &sect; ??(版權(quán)符號) &copy; 在D:\web\目錄下創(chuàng)建網(wǎng)頁文件,命名為string.htm,編寫string.htm代碼如代碼4.12所示。 代碼4.12 特殊字符的設(shè)置:string.htm <html> <head> <title>特殊字符的設(shè)置</title> </head> <body> <font size="5"> 標(biāo)簽的顯示方法:&lt;HTML&gt;<br /> 引號的顯示方法:&quot;英文半角雙引號&quot;<br /> 商標(biāo)的顯示方法:&trade;<br /> 注冊符號的顯示方法:&reg;<br /> 版權(quán)符號的顯示方法:&copy;<br /> 顯示&sect;<br /> 顯示&times; </font> </body> </html> — 說明:單獨(dú)顯示符號&必須用代碼&amp;。 十、如何更方便地忽略瀏覽器對部分HTML的解析 如果在網(wǎng)頁中作一個類似本書的HTML代碼示例,恐怕得把所有的<和>轉(zhuǎn)換成&lt;和&gt;,顯得比較麻煩。HTML代碼中的<plaintext>和<xmp></xmp>可以輕松解決這個問題。 <plaintext>是單標(biāo)簽,它插入到HTML代碼中時,其后面的所有HTML標(biāo)簽全部失效,即瀏覽器對<plaintext>后面所有的HTML標(biāo)簽不作解析,直接在頁面上顯示。 <xmp></xmp>是雙標(biāo)簽,它只使其包含的內(nèi)容中的標(biāo)簽失效,<xmp></xmp>的使用更為普遍。在D:\web\目錄下創(chuàng)建網(wǎng)頁文件,命名為html.htm,編寫代碼如代碼4.13所示。 代碼4.13 忽略標(biāo)簽的設(shè)置:html.htm <html> <head> <title>忽略標(biāo)簽的設(shè)置</title> </head> <body> <h2>沁園春·長沙</h2> <xmp>獨(dú)立寒秋,<strong>湘江北去</strong>,橘子洲頭。 <br />看萬山紅遍,層林盡染; <br />漫江碧透,<u>百舸爭流。</u> <br /></xmp> 鷹擊長空,<strong>魚翔淺底,</strong> <br />萬類霜天競自由。 <br />悵寥廓,<u>問蒼茫大地</u>,誰主沉???<br /> <plaintext> 攜來百侶曾游,<br />憶往昔崢嶸歲月稠。 <br /> 恰同學(xué)少年,風(fēng)華正茂; <br /> 書生意氣,揮斥方遒。 <br /> 指點(diǎn)江山,激揚(yáng)文字, <br /> 糞土當(dāng)年萬戶侯。 <br /> 曾記否,<strong>到中流擊水</strong>,浪遏飛舟! </body> </html> 十一、其他文字修飾方法 為了滿足不同領(lǐng)域的需要,HTML還有其他修飾文字的標(biāo)簽。比較常用的有上標(biāo)格式標(biāo)簽和下標(biāo)格式標(biāo)簽。某些場合甚至要用到刪除效果,即可用HTML的中劃線標(biāo)簽。 — 上標(biāo)格式標(biāo)簽為雙標(biāo)簽<sup></sup>,多用于數(shù)學(xué)指數(shù)的表示,比如某個數(shù)的平方或立方。 — 下標(biāo)格式標(biāo)簽為雙標(biāo)簽<sub></sub>,多用于注釋,以及數(shù)學(xué)的底數(shù)表示。 — 中劃線標(biāo)簽為雙標(biāo)簽<strike></strike>,多用于刪除效果。 在D:\web\目錄下創(chuàng)建網(wǎng)頁文件,命名為other.htm,編寫代碼如代碼4.14所示。 代碼4.14 其他修飾標(biāo)簽的設(shè)置:other.htm <html> <head> <title>其他修飾標(biāo)簽的設(shè)置</title> </head> <body> <font size="5"> 沁園春<sup>長沙</sup>!<br /> 數(shù)學(xué)指數(shù)的表示:2<sup>3</sup>=8、100<sup>2</sup>=10000<br /><hr /> 沁園春<sub>長沙</sub>!<br /> 數(shù)學(xué)底數(shù)的表示:log<sub>3</sub>81=4、log<sub>5</sub>125=3<br /><hr /> 刪除效果:<strike>我被刪除了</strike> </font> </body> </html> 
0 有幫助? 展開

網(wǎng)頁設(shè)計(jì)中,font 如何 精確 字體大???

一般中文的字體大小是12px或者14px。隨著顯示器分辨率不斷提高,12px的文字在大于1440*900的顯示器里看起來會顯得比較小,閱讀起來不是很容易,所以現(xiàn)在網(wǎng)頁設(shè)計(jì)里面用12px的已經(jīng)比較少了,特別是文章正文部分,普遍都會用14px。13px的字體在IE6下面會有一點(diǎn)點(diǎn)顯示上的bug,所以現(xiàn)在用得也不太多,不過隨著IE6慢慢被淘汰,這個問題也不再是一個問題了。而對于標(biāo)題欄的文字大小,沒有特別的限制,視覺上感覺舒服就行。字體大小代碼:font-size:14px(字體大小14像素)對于font-family,一般來說14px及以下大小的文字,應(yīng)當(dāng)設(shè)置為宋體,當(dāng)然也可以設(shè)置為微軟雅黑。不過在XP下默認(rèn)是沒有雅黑字體的,所以在css里面可以這樣設(shè)置字體:font-family:"Microsoft Yahei",simSun,Arial;把幾個字體用逗號隔開,如果系統(tǒng)沒有第一種字體,就用第二種,如果沒有第二種就用第三種,以此類推。
0 有幫助? 展開

制作網(wǎng)頁時最常見的html基本組成元素有哪些

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>歡迎光臨</title><script type="text/javascript"></script></head><body></body></html>基本的元素,head 頭,title 網(wǎng)站的標(biāo)題,script ,網(wǎng)站js的操作,body 軀干,想一些平常的控件什么提交表單form input ,textarea,都是寫在body里面,如果需要處理一些邏輯性的操作,就寫在 script 里面。
0 有幫助? 展開

網(wǎng)頁設(shè)計(jì)基礎(chǔ)問題。。

我了個去啊,您這是一點(diǎn)不會吧?你確定這樣你要做個人網(wǎng)站。。。還不如直接找個人幫你做掉算了,真是,,,,讓我想到的是考試答卷啊。您這個╮(╯▽╰)╭1、試描述建設(shè)個人網(wǎng)站的基本步驟。    前期準(zhǔn)備工作,你要有一個域名和域名空間,好了不要問我什么是域名,域名空間就是你文件的存放地。    之后,設(shè)計(jì)-網(wǎng)頁基礎(chǔ)排版和圖像處理;靜態(tài)頁面-html+css靜態(tài)頁面編輯;程序-把做好的靜態(tài)頁面嵌套到程序里面,你就可以通過后臺進(jìn)行管理了。    最后調(diào)試,測試網(wǎng)站鏈接等無問題后上傳網(wǎng)站到空間,正式發(fā)布運(yùn)行。2為什么制作網(wǎng)頁時要遵循使用標(biāo)準(zhǔn)字體、標(biāo)準(zhǔn)色彩的原則?    首先網(wǎng)站是不支持除標(biāo)準(zhǔn)字體之外的字體的,除非你使用的字體恰好瀏覽者的字體庫也有這種字體否則都會變成“宋體”,所以使用標(biāo)準(zhǔn)字體之外的字體也就毫無意義了。    當(dāng)然有一種叫做@font-face的字體,可以 將外部字體載入到網(wǎng)頁,但是他有一個致命的缺陷——針對中文字體相當(dāng)?shù)牟煌晟?。而且使用這種方法你要將字體轉(zhuǎn)換成.eot、.svg、.ttf、.woff四種格式字體,并在樣式中定義字比如:1234567891011@font-face {    font-family: '953-cai978regular';    src: url('../font/953-cai978-webfont.eot');    src: url('../font/953-cai978-webfont.eot?#iefix') format('embedded-opentype'),         url('../font/953-cai978-webfont.woff2') format('woff2'),         url('../font/953-cai978-webfont.woff') format('woff'),         url('../font/953-cai978-webfont.ttf') format('truetype'),         url('../font/953-cai978-webfont.svg#953-cai978regular') format('svg');    font-weight: normal;    font-style: normal;}    至于顏色,你可以查下相關(guān)web安全色的問題,我就不多給你解釋了。3使用表格和框架布局網(wǎng)頁有什么不同之處?試描述二者結(jié)合布局網(wǎng)頁的優(yōu)勢    表格和框架的話,我不想說太多了,這個根本是本質(zhì)上的區(qū)別,沒啥好解釋的,就簡單說下方便你理解就算了。     表格的話你可以理解為Excel差不多,就是在html頁面上建立一個table表格,把需要的內(nèi)容放在相應(yīng)的單元格就可以,不過html中的表格可以做布局用(現(xiàn)在很少有人用了)。    框架的話,不建議你去研究,這個基本上在網(wǎng)頁制作中很時候用到了,不過像現(xiàn)成的QQ客服代碼和API地圖代碼插入就是框架結(jié)構(gòu)。    這個兩個你都不需要知道他們的優(yōu)勢,因?yàn)榛静挥眠@兩種進(jìn)行布局?,F(xiàn)在大多數(shù)是采用div+css的布局,而且現(xiàn)在html5+css3的技術(shù)很強(qiáng)大了。    另外框架有個致命缺點(diǎn)就是會出現(xiàn)內(nèi)部滾動條,你要是不明白我說的是什么意思,你自己做一個頁面只用框架并且把高度和寬度撐開你就知道了,太影響美觀了有木有啊o(>﹏<)o4回答關(guān)于文本和圖像的使用的下列問題:(1)如何輸入無行距回車和連續(xù)多個空格?    不是很清楚你說的無行距回車是啥,如果是像word一樣的換行的話只要一個<br />就搞定了,單個空格是   多個空格我們基本不用,大多數(shù)采用 margin/padding 直接控制幾個像素的距離。(2)什么是替換文本,替換文本在圖片正常瀏覽和非正常瀏覽時如何表現(xiàn)?    替換文本就是字面的意思,比如我在當(dāng)前位置插入一個圖片,但是由于不明原因它不能顯示了(360急速模式下默認(rèn)是一個裂圖,你懂的),現(xiàn)在替換文本就會顯示出來了。也就是說我設(shè)置了替換文本是“你看不到我”,那么當(dāng)圖片不顯示的時候你就看到這句話了(前面說了360顯示裂圖,IE是這樣的,你要是一定要顯示這句話就要牽扯到瀏覽器默認(rèn)格式的問題了,現(xiàn)在先不和你說有點(diǎn)小復(fù)雜)。    如果圖片正常情況下 你是看不到替換文本。    值得注意的是替換文本是屬性是alt ,瀏覽器本身具有糾錯性很多人用alt顯示提示信息,其實(shí)這個不是title才是,alt的作用是替換文本。不過現(xiàn)行的主流瀏覽器都默認(rèn)支持這種錯誤。5按照鏈接源端,網(wǎng)頁中的超鏈接可以劃分為哪幾種?按照鏈接目的端又可以分為哪幾種?    額~這個問題我也不是很清楚,我不明白你說的源端是什么。    你可以自己在w3c school上關(guān)于a標(biāo)簽這節(jié)內(nèi)容上看看。    http://www.w3school.com.cn/html/html_links.asp    (你要是想系統(tǒng)的學(xué)html也可以上w3c school 上學(xué),挺全面的)6什么是圖像熱點(diǎn)?如何創(chuàng)建圖像熱點(diǎn)鏈接?    熱的就是。。。專業(yè)解釋是啥我也忘了。就你能聽懂的方法說吧,網(wǎng)頁上的文字和圖形都可以創(chuàng)建鏈接,問題來了,網(wǎng)頁上的圖形不管你做成啥樣也就只能是正方形或是矩形(flash做的不算),那如果我想要一個菱形或是圓形的鏈接怎么辦?熱點(diǎn)就有用了。    你要是不用軟件想自己創(chuàng)建一個熱點(diǎn)鏈接就算了,省省力氣吧,語法倒是不難。123456<map name="mymap"><area href=URL1 shape=rect coords="x1,y1,x2,y2"><area href=URL2 shape=circle coords="x,y,r"><area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn"></map><img src=image_url usemap=#mymap>    但是,你看那x1、y1的了嗎,算坐標(biāo)算死了,還不一定找的準(zhǔn)。使用軟件直接操作,語法也不用你寫,很方便的。7使用CSS樣式有哪些優(yōu)勢    css樣式就是把定義文本、圖像、布局等一系列的代碼全部放在一個統(tǒng)一的“附加樣式表”里,這樣整個html文檔看起來會很干凈。    而且,有些樣式是重復(fù)調(diào)用的,如果有一個統(tǒng)一的樣式表只要該一個class即可,就不需要去找每一行的內(nèi)嵌樣式,省時省力。    所以css優(yōu)勢就是:增強(qiáng)代碼可讀性、便于修改。8什么是內(nèi)部樣式表,什么是外部樣式表?試舉例說明如何使用外部樣式    好吧,這個其實(shí)和上面是一樣的,看下面代碼,插入css樣式的三種方式:1234567891011<link href="CSS/document.css" rel="stylesheet" type="text/css"><!--調(diào)用外部樣式表,單獨(dú)一個.css文件--><style type="text/css">html{width:100%;background:#c8e5ee;}</style><!--內(nèi)部樣式,直接寫在html文檔的頭部里--><p style="color:red; padding-left:50px;">我是紅色字體哦~</p><!--內(nèi)嵌樣式,直接跟著他要作用于的標(biāo)簽里-->9行為是由事件和動作組成的。什么是事件?什么是動作?它們之間有什么關(guān)系?試以一個行為為例說明    這個不想理你,你想知知道的太寬了,現(xiàn)在和你說了你也 理解不了。    這個事件的問題你還是放在以后有時間在考慮了解吧,太簡單的沒用,難的你現(xiàn)在也做不到。以后你要是想學(xué)JS的時候用到的會比較多。    不過現(xiàn)在JS很多開源代碼給你抄,你不會也沒關(guān)系,也可以做出你想要的效果。不要一下想把所以的東西都學(xué)會這是不科學(xué)的,o(╯□╰)o    我也是學(xué)了有1年不到才開始不會出現(xiàn)兼容問題的。
1 有幫助? 展開
img

在線咨詢

建站在線咨詢

img

微信咨詢

掃一掃添加
動力姐姐微信

img
img

TOP