iframe

想要轉貼網頁上的圖片，通常在取得圖片的原始網址後來進行轉貼，但對於不熟 HTML 或 CSS 語法的人來說，想要轉貼圖片其實也是種困惱，BigImg.it 網站就提供了免費圖片轉貼語法產生服務，只要取得原始圖片的網址後，就可重新設定圖片尺寸大小及定義圖片顯示位置，並在設定後，產生 iframe 語法，複製該語法就可以貼到自己網頁裡想要顯示圖片的位置。

將作業內的工作項目以圖形的方式呈現，以軟體分析用的流程圖為例，再加入判斷後釐清工作的的先後次序，絕對會比用文字來描述來的清楚，而圖形有百百種，有些具有其專業性，有些則無，像是軟體分析用的流程圖四方形、長方形、菱形、箭頭...等不同的符號，各自被賦予不同的意涵，但若是要做沒有標準的圖形，例如網路示意圖，則就會在意使用的工具內是否提供足夠的相關圖形，可以利用，當然，繪製好的圖形，更要能提供匯出現行通用的檔案格式，才能方便流通。Draw.io 這個免費的 Web 應用程式，提供上述在內的多種符號圖形，像是通用型的基本符號、流程圖、UML、網路圖、辦公室、材料設計、工藝過程、模型、SiteMap......等所要用到的各式符號圖形，均有提供，也可以嵌入圖檔、Google 文件、iFrame...，當然，在你繪製完圖形後，所產生的檔案格式可以是 PNG、SVG、JPFEG 圖檔、PDF、HTML、URL...等，方便後續的分享與應用。

在網頁內，如果要放入其他網站內的網頁、影片，通常都會使用 iframe 標籤，然後設定 src 這個屬性將其指到目標位置即可，例如 YouTube、Vimeo、Dailymotion、Google Maps、Google 文件的嵌入語法，都是如此，但產生的原始語法並無法直接套用到自適應網頁內，因此，取得這些原始語法後，我們可以透過 Embed Responsively 這個網站來幫我們產生可自適應網頁的 iframe 語法，讓自家網站也可以在不同螢幕尺寸或裝置下提供滿足訪問者的需求。

如果使用像是 SoundCloud 或 Anchor.fm 這樣的音頻檔案託管網站，用戶只需將音頻檔案上傳到網站，然後複製所提供的 HTML 嵌入代碼，便可以很輕鬆地將 MP3這類的音頻檔案嵌入到網頁或是部落格中。那麼，儲存在 Google Drive 內的 MP3 又要如何嵌入到網頁中呢？其實也非常簡單，只要更改 Google 所提供的共用連結，然後將其包裝在 iFrame 內即可。

想要在網頁上顯示月曆，若無自有網站，可能會受到很多像是不能使用 JavaScript、iframe 等的限制。HTML Month Creator Application 是一套可自選年度月份的月曆產生器，每個月分需自行手動產生，語法為 HTML ，可替每日加入超連結， 適合不需要太複雜又須有簡單月曆功能的網頁。

網頁要碰到的技術，基礎大概有 HTML、CSS、JavaScript 等程式語法，對初學者而言，最快的上手方式，當然就是多參考別人寫的語法，什麼樣的效果搭配什麼樣的語法，Free Online HTML Code Generator CSS Code Generator JavaScript Code Generator 這個網站在 HTML、CSS、JavaScript、JQuery 四種語言，提供網頁常用物件像是 table、dropdown、iFrame、textbox、radio button、button...等等的語法產生器，透過參數的調整，就能取得該效果的相對應的語法，讓你馬上就能套用到網頁內，這對於還不熟或初學者來說，可說是最佳好幫手。

有時候想要在網頁或文件中利用 iframe 標籤來嵌入 YouTube 的影片，但又希望不要出現有 YouTube 標誌，讓整個網頁或文件看起來更為專業，那麼該如何做呢？其實很簡單，只要在取得的 iframe 網址中稍加變化即可。

OneDrive 是微軟所推出的雲端儲存空間，除了可以儲存檔案外，亦可以建立 Word、Excel、Forms...等 Office 文件，而在 OneDrive內的檔案亦可以共用或內嵌到網頁中，檔案可以內嵌，那麼資料夾呢？答案是同樣也可以，但權限僅限於檢視與下載，無法上傳、更改或刪除，想要在網頁內嵌 OneDrive 資料夾的操作非常簡單，其採用 iframe 語法，只要複製該語法貼到網頁要呈現的位置即可以完成。

製作網頁時，當需要進行排版時，通常會使用 table 或 div 來進行，若是要使用框架(frame)時，可以來參考「框架網頁產生器」這個線上免費工具，可進行分割左子右主視窗、右子左主視窗、左右分割兩個視窗、分割下子上主視窗、分割上子下主視窗、上子右子左主視窗......等等，且直接產生 HTML 語法，並提供預覽框架的外觀，相當方便。

在網頁裡若要嵌入影片或音樂，最直覺的作法就是將影片上傳到 Youtube、無名影音或是 Yam 等等的影片分享空間後，複製其所提供的 Embed 或 iFrame 語法，然後貼到自己網頁要呈現該影片的位置即可，這樣作法有好有壞，好處是可讓網頁的訪問者，馬上就看到該影片的位置，可馬上播放，不過也有網頁排版不易的缺點，現在 Yahoo 推出 Yahoo! WebPlayer 線上影音播放器的免費服務，該服務使用方法相當簡單，只需將所提供的 JavaScript 程式碼嵌入到網頁中，以後只要在該網頁中貼上音樂檔或影片檔的超連結後，當點擊該超連結 Yahoo! WebPlayer 便會自動讀取影片、音樂檔的網址並在播放面板中播放指定的音樂或影片檔案。

微軟在其免費的 OneDrive 雲端硬碟服務中，有提供 Word 來負責文件、Excel 負責試算表、PowerPoint 負責簡報、OneNode 則是負責筆記本的建立，讓使用者可以將現有使用 Office 所建立的檔案，可以無縫接軌到雲端服務進行編輯與檔案管理。那麼 Sway 服務負責甚麼工作呢？簡單的來說，Sway 屬於微軟 Office 系列中的成員，功能性可能跟 PowerPoint 有點重複，但建立的過程卻是融合 Word、Excel、PowerPoint 的各處優點，不但可以加入文字、圖片、影片、網頁等，並整合你在多處的資源像是直接取用你在 Bing 搜尋到的圖片、取用儲存在 OneDrive、FaceBook 內的檔案、使用 YouTube 的影片或是自己增加來源等等，完成建立後，可以分享到 Facebook、Twitter 等社交網站，或是用一個網址來呈現整份的簡報，更可以使用 iframe 內嵌到其他網頁中，簡化 PowerPoint 繁瑣的資源取用與展現過程。