⑴ 在安博學html5，有哪些知識模塊有沒有知道的

2015-2016前端知識體系

總結了下前端這兩年的主流技術，大部分技術在我的博客里有較深入的研究學習，對應技 ，博客持續更新中，歡迎大家關注~

一、框架與組件

bootstrap等UI框架設計與實現

  • 伸縮布局：grid網格布局

  • 基礎UI樣式：元素reset、按鈕、圖片、菜單、表單

  • 組件UI樣式：按鈕組、字體圖標、下拉菜單、輸入框組、導航組、麵包屑、分頁、標簽、輪播、彈出框、列表、多媒體、警告

  • 響應式布局：布局、結構、樣式、媒體、javascript響應式

  • 第三方插件：插件管理

    • jQuery、zepto使用原理以及插件開發

  • 支持amd、cmd、全局變數的模塊化封裝

  • $.fn.method = function(){}

    • mvc/mvvm框架原理設計，vue/angular/avalon等

  • directive設計：html、text、class、html、attr、repeat、ref，可擴展

  • filter設計：bool、upperCase、lowerCase，可擴展

  • 表達式設計：if-else等實現

  • viewmodel結構設計：例如數據，元素，方法的掛載與作用域

  • 數據更變檢測：函數觸發，臟數據檢測、對象hijacking

    • polymer/angular2思想與設計思路

  • import技術

  • template和script引入方式

  • css樣式命名空間隔離

  • 簡單復用第三方庫

    • reactjs原理與使用

  • virtual dom單向數據綁定

  • js執行語法方式

  • UI由狀態控制

    • commonJS/AMD/CMD

  • 模塊引入

  • 模塊定義

  • 模塊標識

  • UMD解決不同規范兼容性的問題，例如webpack封裝

  • 模塊懶執行(CMD)與與預執行(AMD)

    • loadJs模塊化載入原理與實現

  • 創建script標簽，需要id映射到資源url

  • onload載入模塊隊列判斷

  • 全部載入完成後觸發

  • 載入失敗問題優化

  • requirejs、modjs、seajs

    • polyfill、shim原理與實現

  • polyfill提供了開發者們希望瀏覽器原生提供支持的功能特性

  • shim將新的API引入到舊的環境中,且僅靠舊環境中已有的手段實現

    • virtual Dom、Incremental DOM

  • 1.用js對象樹表示dom樹結構，根據該對象樹構建dom樹

  • 2.狀態改變時，重新構建對象，和舊的對象對比，記錄兩個對象樹差異

  • 3.將對象樹差異應用到dom中

  • 小結:js對象模擬dom(elem.js)，virtual dom diff演算法(diff.js)、差異渲染dom(patch.js)

  • incremental dom在狀態改變時掃描舊對象樹將差異直接應用到dom中

    • shadow dom

  • 隔離外部環境用於封裝組件：結構、樣式、行為

  • 實現形式：新標簽、class類屬性 + 構建編譯

    • webwork與service Worker

  • webwork與主線程機制，on/post

  • serviceworker可作為瀏覽器請求代理

  • 應用場景




⑵ blog模板的怎麼在後台修改，背景顏色

模板安裝：在z-blog官網下載程序並上傳空間根目錄上，打開瀏覽器輸入你的域名就可以安裝了，或是輸入：www.你的玉米./login.asp ，就可以進入安裝界面了。其中用戶名，密碼自己設置
進入後台進行關鍵詞初步設置：其中：BLOG的名稱（網站的名稱）； BLOG的簡介（網站名稱的下面一段文字，簡介，加一些關鍵詞）； 網站的標題（就是你選擇的關鍵詞，網站最上面一條文字）； 網站的子標題（也是關鍵詞，同網站的標題）；主題名稱，界面樣式名稱（這兩個不用管）； BLOG版權說明（就是你的網站最下面的說明性文字，可以加上站長統計）
靜態目錄配置及文件重建設置：一定要把--啟用自定義靜態日誌目錄功能--這項功能打勾，啟動。這樣是網頁靜態，對seo好！最後重建。
進入博客後台進入主題樣式管理，Z-Blog模板安裝過程：
登陸後台,A入口主題樣式管理--B獲得更多主題跟從本地安裝主題. 選擇樣式,然後直接激活就可以了.點應用此主題生效.
第一種:在線安裝主題
:現在我們一起來看下B處兩個安裝方法.
獲得更多主題(這是官方提供的在線安裝辦法,裡面有很多的模板.)選擇好自己喜歡的模板,點安裝主題,就可以自動安裝了,安裝完後點應用此主題即可安裝成功.
第二種:安裝自己電腦裡面下載的主題包
首先要了解下安裝文件文件名稱一般是.zti.xml結尾(詳細見箭頭入的鏈接說明)瀏覽上傳,接下來的步驟上面已經介紹了.下面我們一起學習下用FTP上傳主題包.
第三種:用FTP軟體上傳安裝包進行安裝產題.
主題包直接上傳到/PLUGIN/ThemeSapper/Export/放到這兒,沒明白意思的看圖片.箭頭所指的既是我已經上傳好的主題包.下面我們一起來看如何安裝.我們可以從管理主機上的ZTI文件看到下面有三個通過FTP上傳好的主題包,只要點紅色箭頭指的按鈕就可以安裝了,方法上面已詳細說明.
第四種:就是直接上傳模板文件,這種情況是指別人沒有把模板打包提供下載,或者自己備份的模板.
G:\5er網站4月23備份\THEMES\Sunnymoor,我現在要把Sunnymoor這個模板上傳到網上,如何操作呢?看Sunnymoor目錄下面有這些文件,我們要連同Sunnymoor這個目錄上傳到自己網站的根目錄\THEMES目錄裡面即可.

模板修改：在zblog根目錄下有個THEMES,此目錄下的所有文件就是網站的模板文件.通曉裡面的每個文件的作用,就能隨心所欲的修改網站的樣式.
default.html
站點首頁面模板，不包含日誌頁模板，即僅為外部框架，在其中調用日誌頁標簽
single.html
日誌頁模板，包括外部框架和內部框架，外部框架可直接使用default.html的樣式，也可設計為不同的。內部框架即日誌列表、內容顯示樣式。
b_article-single.html
日誌全文顯示頁面模板，僅為內部框架，外部框架由single.html提供
b_article-multi.html
日誌列表，有日誌摘要內容列表，僅為內部框架，外部框架由single.html提供
b_article-multi-list.html
日誌列表，無日誌摘要內容列表，僅為內部框架，外部框架由single.html提供
b_article_comment.html
評論內容顯示頁面，僅為內部框架，外部框架由single.html提供
b_article_commentpost.html
評論內容發布區，僅為內部框架，外部框架由single.html提供
b_article_commentpost-verify.html
評論內容發布驗證碼顯示樣式
b_article_nvabar_l.html
日誌全文顯示頁面文章導航，顯示「上一篇」日誌鏈接
b_article_nvabar_l.html
日誌全文顯示頁面文章導航，顯示「下一篇」日誌鏈接
b_article_tag.html
日誌列表頁、日誌全文顯示頁的tags顯示樣式
b_article_trackback.html
日誌全文頁面中部，顯示引用站點地址部分的樣式
b_pagebar.html
日誌列表底部分頁欄，與評論內容分頁欄無關

⑶ 博客和個人網站有什麼區別么

博客和個人網站有以下幾點區別：

一、二者的含義不同：

1、博客版：

英文名為Blogger，為Web Log的混成詞。它權的正式名稱為網路日記；又音譯為部落格或部落閣等，是使用特定的軟體，在網路上出版、發表和張貼個人文章的人，或者是一種通常由個人管理、不定期張貼新的文章的網站。

2、個人網站：

個人網站是指網際網路上一塊固定的面向全世界發布消息的地方，個人網站由域名(也就是網站地址)、程序和網站空間構成，通常包括主頁和其他具有超鏈接文件的頁面。網站是一種通訊工具，就像布告欄一樣，人們可以通過網站來發布自己想要公開的資訊，或者利用網站來提供相關的網路服務。

二、二者域名上的區別：

博客的網址域名一般是二級域名或三級域名；個人網站的域名可以是主域名。

三、二者盈利方式上的區別：

1、博客：盈利方式上比較單一，多是自娛自樂，或者記錄一些生活。

2、個人網站：可以投放廣告或者提供資源下載服務，以及其它形式的一些付費服務。

⑷ 用html5和css3寫扁平化風格博客要用什麼編輯器

編輯器無所謂，你可以用HBuiler 或是DW應該都可以實現，望點贊！

⑸ 如何利用html5 建立個人博客

這個不單是用HTML5就能建立起來的。目前html5在電腦上瀏覽器的支持並不是那麼的全面，而且就算用html 5寫出了博客頁面，也需要用後台語言來進行程序上的編寫，讓博客頁面有功能。。你可以用HTML+CSS學個簡單的博客頁面，然後再套個模板，比如wordpress，不過這個需要有些PHP的基礎。。

⑹ zblog後台模板有什麼用呀，我想在某個內容頁面加廣告代碼圖片，怎麼加求助

後台模板？抄 不知道你說的是什麼 指的是你裝的主題模版嗎？
內容頁面加廣告代碼圖片的方法
默認模版添加廣告的方法
首先登錄後台 找到文件管理 點開他 找到THEMES 點開他 找到default 點開它 找到TEMPLATE
點開它 找到single.html 點開它 這個就是內容頁的模版
具體加法 看你的個人需要了 可以嘗試將廣告代碼 放到不同的位置 嘗試一下 但要記住在<body >區內嘗試 ...
如果是其他的模版 大題思路是一樣的 找single.html 在里邊改

⑺ 怎麼用html5製作個人主頁

總體把頁面一分為二，<header>是包含在<article>裡面的，頁腳部分是單獨的一塊兒。大致結構獲悉了後再從局部入手，<header>部分，有主標題、副標題、還有作者署名，前面我們講過，如果除了主標題，還有一個副標題，那可以把這兩個標題寫在一個<hgroup>元素中。如果除了主標題之外，還有其他內容，比如內容摘要、發表時間、作者、圖片或者小標題鏈接等，那就應該把他們放在一個 <header>元素中。
<header>
<hgroup>
<h1>給個人博客增加色彩元素提升網站用戶體驗</h1>
<h2>網頁的色彩——決定用戶是否駐足停留的關鍵</h2>
</hgroup>
<p class="Byline">design by DanceSmile</p>
</header>
接下來是文章正文部分：
部分代碼：
<div class="Content">
<p>第一眼看到楊青個人博客網站的時候，如果你喜歡...</p>
...
</div>
正文當中還有一幅插圖，html5新增加了插圖這個<figure>語義元素，<figcaption>不是只能包含文本，任何html元素都可以，比如鏈接、小圖標。<figcaption>包含了對圖片的完整說明，所以alt文本就顯得多於了，這種情況下，可以把<img>元素中的alt屬性刪除：
<figure>
<img src="/d/file/jstt/bj/2013-06-19/.jpg">
<figcaption>圖片來源：騰訊CDC《淺析網頁色彩應用》</figcaption>
</figure>

最後在把上面的代碼寫在<article>裡面。
<footer>部分只是一些簡單的頁腳信息。

⑻ 求用css和div製作個人博客的網頁模板

熟悉前端的可以自己製作，也可到網上下載別人參考修改。css+div製作個人博客的網頁模板地址lmlblog.com/blog/1/，喜歡的可以自己修改，也可以自己學習製作等

⑼ 怎麼將一個網站修改成HTML5標準的網站

Step 1：簡化
在HTML4的頁面開頭，會加上DOCTYPE，用來告訴瀏覽器是用的哪個版本HMTL
<!DOCTYPE html
PUBLIC ""-//W3C//DTD XHTML 1.0 Transitional//EN""
""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"">

而在HTML5中簡化為：
<!DOCTYPE html>

Step 2：新增語義元素
HTML中，經常如果對header，footer，nav，aside等區域添加樣式，則需要使用class或者id來定義。如下圖，是一個典型的博客文章頁面：
<div class=」header」></div>
<div class=」nav」></div>
<div class=」article」>
<div class=」section」>
</div>
</div> <div class=」aside」>
</div>
<div class=」footer」></div>

而在HTML5中，以上的這些標簽是全新增加的語義元素，可以直接使用。相對於之前的div標簽，頁面的結構一目瞭然，清晰了很多。
<header></header>
<nav></nav>
<article>
<section></section>
<section></section>
</article> <aside></aside>
<footer></footer>

<header>：通常用來定義文檔的頁眉，也可以用在網頁內容上，可以包含搜索表單，導航，頁面標識等。
<nav>：可以作為頁面導航的鏈接組，麵包屑導航，分頁導航等次要導航不建議使用<nav>標簽。
<article>：代表一個文檔，頁面或網站中自成一體的內容。
<section>：代表文檔中的「節」或「段」，「段「可以是指一篇文章里按照主題的分段；「節」可以是指一個頁面里的分組。
<aside>：用來裝載非正文內容，最典型的應用就是網站側邊欄，可以是附屬信息，成組的導航，或者廣告。
<footer>：代表「網頁」或者「section」的頁腳，通常含有與頁面，文章有關的基礎信息，用於包含版權資料和聯系方式。
除了以上介紹的標簽，在HTML5新增了多大30多個全新的標簽，富有更細致的語義，不僅針對優化了搜索引擎，還大大提高了代碼的可讀性。

⑽ 求一份HTML個人網頁設計作業（像博客那樣

我也在做。也有很多做不來。有了可以發給你。