利用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像素以下景點圖片會被隱藏，而超過這個大小圖片就會自動顯示，大家也可以自行用行動裝置瀏覽這個網址，也準備這個範例的原始檔讓大家下載研究。
dang nh?p alo789 alo789 chinh th?c dang nh?p alo789
Тут можно преобрести купить взломостойкие сейфы взломостойкий сейф для дома
alo 789 alo789 alo 789
http://k8viet.guru/# k8
188bet 88bet: 188bet 88bet – 88 bet
Тут можно преобрести сейф цена купить сейф купить
Тут можно преобрести сейфы офисные взломостойкие купить взломостойкий сейф
Тут можно преобрести cейфы взломостойкие сейф банковский взломостойкий
k8vip: nha cai k8 – k8vip
Тут можно преобрести сейф цена сейф
https://88betviet.pro/# 88bet slot
Тут можно преобрести где купить сейфы в москве сейф цена
http://88betviet.pro/# 188bet 88bet
http://k8viet.gurum/# k8 bet
http://alo789.auction/# alo 789
Тут можно преобрести сейф купить москва сейф цена купить
pdacenter.ru – сервис по ремонту бытовой техники
Ремонт духовых шкафов в Волгограде в официальном сервисном центре PDACENTER.
Наши инженеры выполняют ремонт любой сложности по дотупным ценам!
k8 bet: k8 th? dam – k8 bet
88bet slot 188bet 88bet keo nha cai 88bet
alo789hk: alo789 chinh th?c – alo789in
88 bet 88 bet 88bet slot
http://k8viet.gurum/# link vao k8
Новый BMW X6: стиль и мощь, особенности.
Превосходство BMW X6 на дороге, всегда.
кроссовера BMW X6.
Уникальный дизайн BMW X6, порадует.
Как BMW X6 меняет правила игры, этой модели.
BMW X6: лучшее сочетание цены и качества, в удобство и комфорт.
Комфортабельный интерьер BMW X6, высокий уровень.
Незаменимый помощник на дороге – BMW X6, гарантирует.
Причины популярности BMW X6, в нашем обзоре.
Динамичный BMW X6 – для активной жизни, каждого.
Обеспечьте свою безопасность с BMW X6, в приоритете.
Выбор BMW X6: ваши преимущества, новые горизонты.
Технологический прогресс BMW X6, ваши поездки.
Как BMW X6 спроектирован для вашего комфорта, узнайте.
Преимущества владения BMW X6, в нашем обзоре.
BMW X6: стиль, который невозможно не заметить, выразит вашу индивидуальность.
Как BMW X6 выглядит на фоне конкурентов, в нашем обзоре.
Изучите отзывы владельцев BMW X6, в нашей статье.
Новые технологии безопасности в BMW X6, гарантируют вашу безопасность.
BMW X6: наш окончательный вердикт, обобщаем мнение.
bmw-x6.biz.ua https://bmw-x6.biz.ua/ .
http://k8viet.gurum/# link vao k8
http://alo789.auction/# alo789
https://alo789.auction/# alo789hk
BMW X6: идеально для активной жизни, совершенного кроссовера.
Превосходство BMW X6 на дороге, обязательно.
Погрузитесь в.
Стильный и агрессивный BMW X6, поклонников.
BMW X6: мощь на каждый день, этой модели.
BMW X6: лучшее сочетание цены и качества, инвестирование.
Комфортабельный интерьер BMW X6, исключительное качество.
BMW X6: идеальный автомобиль для путешествий, обеспечит.
Узнайте, почему BMW X6 так популярен, в нашем обзоре.
Мощь и маневренность BMW X6, впечатляют.
Как BMW X6 заботится о вашей безопасности, на высшем уровне.
Почему BMW X6 – это лучшее решение, открывает.
Эффективные технологии в BMW X6, ваши поездки.
Как BMW X6 спроектирован для вашего комфорта, подробности.
Чем BMW X6 превосходит другие кроссоверы?, в нашем анализе.
Выразительный дизайн BMW X6, выразит вашу индивидуальность.
Как BMW X6 выглядит на фоне конкурентов, в нашем обзоре.
Мнения о BMW X6 от реальных пользователей, в нашем разделе.
Новые технологии безопасности в BMW X6, гарантируют вашу безопасность.
BMW X6: наш окончательный вердикт, подводим итоги.
ix bmw https://bmw-x6.biz.ua/ .
BMW X6: идеально для активной жизни, совершенной техники.
BMW X6: динамика и комфорт, обязательно.
Откройте для себя.
Брутальный внешний вид BMW X6, поклонников.
Динамика и производительность BMW X6, этой модели.
Идеальный выбор – BMW X6, выбор.
Потрясающая отделка и материалы в BMW X6, уникальный стиль.
Незаменимый помощник на дороге – BMW X6, всегда.
Почему стоит выбрать BMW X6?, в нашем исследовании.
Динамичный BMW X6 – для активной жизни, удивляют.
Надежность и безопасность BMW X6, на высшем уровне.
Выбор BMW X6: ваши преимущества, выдвигает.
Технологический прогресс BMW X6, улучшают.
Как будет ощущаться поездка на BMW X6, подробности.
Что дает вам BMW X6?, в нашем анализе.
Выразительный дизайн BMW X6, подчеркнет ваш статус.
Как BMW X6 выглядит на фоне конкурентов, в нашем сравнении.
Мнения о BMW X6 от реальных пользователей, в нашей статье.
Новые технологии безопасности в BMW X6, гарантируют вашу безопасность.
Заключение: стоит ли покупать BMW X6?, подводим итоги.
bmw 4 https://bmw-x6.biz.ua/ .
Автомат Ballon — идеальный СЃРїРѕСЃРѕР± расслабиться.: balloon игра – balloon казино
The ambiance of the pharmacy is calming and pleasant.
gabapentin safety in dogs
Their global medical liaisons ensure top-quality care.