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

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

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

PhotoPageGen 網頁相簿、影片產生器

PhotoPageGen 網頁相簿、影片產生器

拍出的相片、影片,如果要自己做出具有可以預覽、下載及 slideshow 的網頁式的相簿,如果還須兼顧美工及自適應網頁的設計,那所花費的時間與需要具備的專業知識可不少,PhotoPageGen 是個可以讓用戶專注在相片、影片的拍攝上,而要產生網頁式的相簿、影片就可以直接交給免費的 PhotoPageGen 應用程式,其內建各式各樣的網頁模板與參數,包含背景、相框、排版、留言或產生 GPS 地圖,用戶都可以自行設定,且製作完成後,可以直接透過 FTP 發佈到 Web Server,或是上傳到 Google 雲端硬碟、Microsoft OneDrive 等硬碟空間。

Countdown Timer 在網頁上放個倒數計時器

Countdown Timer 在網頁上放個倒數計時器

辦活動的網頁,如果可以適時的放上倒數計時器,藉以提醒有興趣的網頁訪問者,絕對有加分的作用,那麼要放到網頁的倒數計時器該如何製作呢?這就不用傷腦筋了,透過 TickCounter 網站旗下的 Countdown Timer 服務,便可以輕鬆完成,使用者除了可以自訂倒數計時器的名稱、終止時間及顏色樣式,還能直接產生嵌入網頁的程式碼,更棒的是該程式碼還支援自適應網頁( RWD,Responsive web design ),讓使用者即便是在行動裝置上也能瀏覽。