利用 Embed Responsively 網站,產生可自適應螢幕尺寸的 iframe 語法

利用 Embed Responsively 網站,產生可自適應螢幕尺寸的 iframe 語法

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

繼續閱讀»»»

網頁框架線上產生器

網頁框架線上產生器

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

繼續閱讀»»»

PictureFrame Wizard 免費相片編輯工具,可加相框、調整大小、加入說明文字等

PictureFrame Wizard 免費相片編輯工具,可加相框、調整大小、加入說明文字等

想要將自己所拍攝的數位相片做一些後製的編輯工作,例如加入拍攝日期及說明文字以避免日後觀看時還能記得,或是想要為圖片加入相框以增加美感等等,可以來使用 PictureFrame Wizard 這套免費的相片編輯工具,除了上述的功能外,還可批次調整圖片大小、拍攝日期等。

繼續閱讀»»»

Frame two pages 讓 Chrome 瀏覽器在同一視窗內,可分割成兩個頁面,方便比較

Frame two pages 讓 Chrome 瀏覽器在同一視窗內,可分割成兩個頁面,方便比較

常在網路上購物時需要比較同一產品在不同的購物網站裡的售價、規格嗎?可以來試試 Frame two pages 這個 Google Chrome 的擴充功能,它可以將一個視窗,分隔出垂直或水平的兩個頁面,每個頁面可以是不同的網址,讓你方便比較,不用再開兩個瀏覽器,切換來切換去,相當方便。

繼續閱讀»»»

Free Photo Frame 實用的電子相框,定時播出你美美的相片

Free Photo Frame 實用的電子相框,定時播出你美美的相片

想要將自己美美的照片加上相框後,可以像幻燈片般樣的循環播出嗎?若有此需求時,可以來試試這套 Free Photo Frame 免費的照片播放軟體,它可以將照片加上自己喜歡的相框,然後以幻燈片的形式在每隔一段時間就輪流播放,另外,可將 Free Photo Frame 視窗設置為總是在 Windows 最上層顯示,如此就可以隨時欣賞到那些被你加進去的美美照片。

繼續閱讀»»»

Da Button Factory 線上網頁按鈕產生器

Da Button Factory 線上網頁按鈕產生器

Da Button Factory 是一個可以在線上製作網頁按鈕的免費產生器,所產生的網頁按鈕會包含已使用的背景圖片(PNG、GIF、JPEG、ICO)及相對應的 CSS 程式碼可供下載,讓你方便應用在網頁上;Da Button Factory 可讓使用者自訂所要產生網頁按鈕的樣式,亦可參考所提供的網頁按鈕範例再行修改,讓你幾乎不需要有任何美工的技巧,就能輕易做出有水準網頁按鈕。
同樣是可在網頁上製作網頁按鈕的工具,可參閱:

繼續閱讀»»»

請輸入關鍵字


請選擇...


˄