利用Dreamweaver CS5.5設計行動裝置網頁
智慧型手機竄紅、平板電腦普及、行動網路發達，讓上網不再是只需要宅在家裡才能做到的事情，不管是走路、等車、坐車、吃飯、蹲馬桶以及許多的時候，都可以利用這些裝置來進入網際網路的花花世界，所以許多的網站也針對這些行動裝置來製作獨立的頁面，甚至根據螢幕尺寸來最佳化頁面。
上面這兩張圖，就是Facebook為了行動裝置而製作的頁面，左邊是iPhone直拿觀賞，右手邊則是橫拿，可以看到在左邊最上排只看到「個人檔案、訊息、更多」，右邊可看到「個人檔案、訊息、朋友、相片、更多」，橫拿比直拿多出了兩個選項，雖然只是小地方，但設計就是要掌握每一個細節，那我們該如何設計這樣的網頁呢？就讓我們慢慢來體驗吧！
很久很久以前在製作網頁的時候，我們可以在同一個頁面使用不同媒體的CSS樣式表來控制顯示內容，例如：
<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/handheld.css" rel="stylesheet" type="text/css" media="handheld" /> <link href="css/print.css" rel="stylesheet" type="text/css" media="print" />
上面的第一行是代表螢幕樣式、第二行為行動裝置樣式、第三行為列印樣式，不過目前有關行動裝置樣式已經因為時代的演進與科技的發達，已經瀕臨淘汰的邊緣了，現在我們製作行動裝置樣式，主要是靠裝置的螢幕寬度來決定不同的樣式表。
在Dreamweaver CS5.5中除了提供多螢幕預覽的模式之外：
還可以針對不同的螢幕尺寸來設定該使用哪個CSS樣式表檔，只要按下多螢幕預覽上方的媒體查詢按鈕。
上面的範例是針對螢幕寬度小於320像素的裝置使用phone.css，螢幕尺寸介於321像素～768像素之間的裝置使用tablet.css，加入了這樣的設定後在頁面內會多出兩段CSS的連結語法：
<link href="css/phone.css" rel="stylesheet" type="text/css" media="only screen and (max-width:320px)" /> <link href="css/tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width:321px) and (max-width:768px)" />
當然要看你在這兩個CSS中如何設定呈現頁面樣式囉！我的範例是在phone.css裡面將景點圖片的display設為none，另外要注意在<head></head>區段中要加入以下的語法：
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
否則在手機橫向後頁面將會被放大，這樣我們的樣式表就會失效，瀏覽的效果可以參考下面的影片：
可以看到在320像素以下景點圖片會被隱藏，而超過這個大小圖片就會自動顯示，大家也可以自行用行動裝置瀏覽這個網址，也準備這個範例的原始檔讓大家下載研究。
вывод из запоя в стационаре краснодара https://zelenograd.rusff.me/viewtopic.php?id=1232 .
вывод из запоя цена http://www.dolgoprudni.rusff.me/viewtopic.php?id=3065#p8958/ .
быстрый анонимный вывод из запоя на дому https://pelsh.forum24.ru/?1-8-0-00000126-000-0-0-1730745072/ .
нарколог на дом вывод из запоя краснодар http://tatuheart.ukrbb.net/viewtopic.php?f=8&t=15068/ .
cytotec pills buy online: cytpremium – Cytotec 200mcg price
My web-site … dating for seniors
Here is my homepage :: Daycare Near Me
Пошаговая инструкция по безопасной покупке диплома о высшем образовании
Процесс получения диплома стоматолога: реально ли это сделать быстро?
Приобретение диплома ВУЗа с сокращенной программой обучения в Москве
cheap plavix antiplatelet drug buy plavix online generic plavix
Официальная покупка школьного аттестата с упрощенным обучением в Москве
Удивительно, но купить диплом кандидата наук оказалось не так сложно
prednisone 2.5 mg cost: cheap prednisone – prednisone pharmacy prices
Узнай все о удаление полипа шейки маткиудаление полипа шейки матки в москве
вызвать нарколога на дом вызвать нарколога на дом .
вызов нарколога на дом краснодар http://www.forumbar.anihub.me/viewtopic.php?id=9753/ .
вызов нарколога на дом круглосуточно https://www.krut.forumno.com/viewtopic.php?id=6026 .
нарколог на дом в краснодаре http://familyportal.forumrom.com/viewtopic.php?id=28567 .
1с купить официальный сайт цена 1с купить официальный сайт цена .
cheapest Lisinopril: buy Lisinopril 1st – cheapest Lisinopril
mexican online pharmacies prescription drugs http://mexicanpharmgate.com/ buying from online mexican pharmacy
Как купить аттестат 11 класса с официальным упрощенным обучением в Москве
zxz.listbb.ru/viewtopic.php?f=7&t=1985
Узнай все о удалить полип в матке ценаудаление полипа в матке стоимость москва
Узнай все о гистероскопия полипа матки цена москвагистероскопия полипа шейки матки
I want to to thank you for this wonderful read!! I definitely loved every bit of it. I have you bookmarked to look at new stuff you post…
Купить диплом о среднем образовании в Москве и любом другом городе
Купить диплом судоводителя
Play on Mostbet and win big every day | Mostbet registration is quick and simple | Download Mostbet Bangladesh app for easy betting | Mostbet promo codes unlock extra bonuses for players | Bet smarter with Mostbet’s expert recommendations | Bet anytime, anywhere with Mostbet app download | Access live scores and updates on Mostbet online Play Aviator on Mostbet.
Сколько стоит диплом высшего и среднего образования и как это происходит?