利用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://pinupaz.top/# pin up azerbaycan
pin up casino: pin-up casino giris – pin-up casino giris
Vavada.kesug.com — ваш лучший выбор для онлайн-игр, открывайте новые возможности.
Попробуйте удачу на vavada.kesug.com, на vavada.kesug.com.
Всё для любителей азартных игр — vavada.kesug.com, начинайте выигрывать.
Обеспечиваем безопасность и честность игр — vavada.kesug.com, играйте с уверенностью.
Vavada.kesug.com — место для настоящих игроков, получайте удовольствие.
Vavada.kesug.com — современное онлайн-казино, используйте бонусные предложения.
Надежное казино онлайн — vavada.kesug.com, используйте акции.
Vavada.kesug.com — сайт для выигрышей, присоединяйтесь к нам.
Играйте безопасно и честно — vavada.kesug.com, испытайте свою удачу.
Обновляемые предложения — vavada.kesug.com, используйте промо-коды.
Vavada.kesug.com — онлайн-игры и ставки, используйте шанс.
Играйте без риска — vavada.kesug.com, выигрывайте реальные деньги.
Vavada.kesug.com — надежный сайт для игр и ставок, начинайте прямо сейчас.
Выбирайте лучшее — vavada.kesug.com, играйте безопасно.
Vavada.kesug.com — инновационное онлайн-казино, используйте бонусные коды.
Vavada.kesug.com — всё о азартных играх, выигрывайте реальные деньги.
Используйте шанс стать победителем — vavada.kesug.com, испытайте удачу.
Официальный сайт с лучшими условиями — vavada.kesug.com, используйте бонусы
вавада игра вавада игра .
pin up casino: pin-up casino giris – pin-up casino giris
https://pinuprus.pro/# пин ап вход
Vavada.kesug.com — надежный портал для азартных игр, на этом сайте.
Попробуйте удачу на vavada.kesug.com, используйте лучшие предложения.
Здесь каждый найдет свою игру — vavada.kesug.com, присоединяйтесь сейчас.
Ваш надежный партнер в азартных играх — vavada.kesug.com, испытайте удачу.
Основной сайт для азартных игр — vavada.kesug.com, испытайте азарт.
Vavada.kesug.com — платформа для азартных развлечений, используйте бонусные предложения.
Надежное казино онлайн — vavada.kesug.com, получайте выигрыши.
Vavada.kesug.com — сайт для выигрышей, играйте и выигрывайте.
Vavada.kesug.com — азартные игры для всех, испытайте свою удачу.
Vavada.kesug.com — лучшие бонусы и акции, играйте с бонусами.
Vavada.kesug.com — место для азартных игр онлайн, используйте шанс.
Vavada.kesug.com — популярное онлайн-казино, используйте все возможности.
Обеспечиваем честность и безопасность — vavada.kesug.com, используйте бонусы.
Vavada.kesug.com — для любителей азартных игр, играйте безопасно.
Vavada.kesug.com — инновационное онлайн-казино, выигрывайте вместе с нами.
Vavada.kesug.com — ваш источник удовольствия, используйте предложения.
Используйте шанс стать победителем — vavada.kesug.com, выигрывайте крупные призы.
Официальный сайт с лучшими условиями — vavada.kesug.com, присоединяйтесь и выигрывайте
вавада казино отзывы игроков вавада казино отзывы игроков .
Vavada.kesug.com — ваш лучший выбор для онлайн-игр, используйте бонусы и акции.
Попробуйте удачу на vavada.kesug.com, у нас.
Vavada.kesug.com — азарт и развлечения 24/7, присоединяйтесь сейчас.
Ваш надежный партнер в азартных играх — vavada.kesug.com, зайдите и убедитесь.
Vavada.kesug.com — место для настоящих игроков, получайте удовольствие.
Лучшие игровые автоматы на vavada.kesug.com, открывайте новые игры.
Надежное казино онлайн — vavada.kesug.com, начинайте играть уже сегодня.
Vavada.kesug.com — ваш источник развлечений, используйте бонусы.
Играйте безопасно и честно — vavada.kesug.com, выигрывайте крупные призы.
Обновляемые предложения — vavada.kesug.com, начинайте выигрывать.
Лучшие автоматы и рулетки — vavada.kesug.com, играйте с нами.
Играйте без риска — vavada.kesug.com, используйте все возможности.
Vavada.kesug.com — лицензированное казино онлайн, используйте бонусы.
Vavada.kesug.com — для любителей азартных игр, испытайте удачу.
Vavada.kesug.com — инновационное онлайн-казино, игровые автоматы и ставки.
Vavada.kesug.com — ваш источник удовольствия, используйте предложения.
Vavada.kesug.com — место для азартных игр онлайн, выигрывайте крупные призы.
Vavada.kesug.com — ваш партнер в мире азартных игр, начинайте игру
отзывы казино вавада отзывы казино вавада .
https://vavadavhod.tech/# вавада зеркало
Выигрывай реальные деньги в лучших казино! Обзоры слотов, акции, стратегии для победы! Присоединяйся
Казино онлайн: фишки, тактики, промокоды! Поднимись с нами! Только честные обзоры.
https://t.me/s/official_izzi/960
пин ап казино официальный сайт пин ап казино пин ап казино официальный сайт
пинап казино: пин ап вход – пинап казино
pin up: pin up casino – pin up casino
pin-up pin-up casino giris pin-up
https://pinuprus.pro/# pin up вход
https://pinuprus.pro/# пин ап зеркало
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:сервисные центры по ремонту техники в мск
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
vavada вход vavada вход vavada casino
vavada casino: вавада – vavada casino
вавада: vavada casino – вавада официальный сайт
http://vavadavhod.tech/# vavada casino
pin-up casino giris: pin-up – pinup az
https://vavadavhod.tech/# вавада
pin up azerbaycan pin-up casino giris pin up azerbaycan
pin-up: pinup az – pin up az
https://vavadavhod.tech/# вавада казино
пин ап зеркало: пин ап зеркало – pin up вход
http://pinuprus.pro/# пин ап казино официальный сайт
vavada casino вавада казино vavada вход
пин ап зеркало пин ап казино пин ап казино