How to make a Web site for desktop and mobile

I have just one question, for example, washingtonpost.com.  I know in CSS that you used to be able to put this "/ media" and "/ screen" command at the top and when the page loads, it detects the device and send you mobile or desktop.

I went to WaPo and I can't seem to find anything.  So using WaPo, this is always how it is done?  I just need to test a web base page in DW4 and then test how it looks on the desktop, and then my Galaxy Note II, so I know I'm moving along properly before expanding the.

All tips, advice and assistance are appreciated.

Thank you.

Media = "screen" or media = "print" is part of a css link in the head of a page and enabled a series of rules for printing and another series of screens.

It was the forerunner of the "Media Queries" which is what you are looking for.

Here is a good starting point for queries from the media...

http://www.Adobe.com/devnet/Dreamweaver/articles/introducing-media-queries.html

Basically, you make a site in html, then 2 style sheets that control the site according to the device of the Viewer. The width in pixels of the peripheral or the browser window allows you to determine what style sheet is used. When they are on your desktop, stylesheet1 is used, when they move on to something more small, stylesheet2 comes into play.

The basics are quite simple, make the most it takes practice.

Tags: Dreamweaver

Similar Questions

  • Help! HP Dv6 Envy - I visited Hp Web site for drivers and I found many, if you please I will...

    Good day Forum of Support Hp
    I need your help...
    I visited Hp Web site for drivers and I found many, if you please I will install all the drivers that I've seen out there?
    Thanks to you all.

    You should check whether the installation file downloaded is for the device you have - of Device Manager.

    Chipset depends on what processor you have.
    Utility Intel chipset needs, etc. management interface.
    AMD needs AMD graphics driver

    If yours is a switchable graphics system (you will be able to note the two devices in the section display adapter in Device Manager), you must install the discreet dedicated graphics driver & it integrated one (in the case of Intel being integrated) - from the download page.

    Rest you can download and try.

  • Sharing of the available Options for desktop and mobile apps as well (in addition to web app)

    I have three different reasons to use Collections for a photoshoot:

    1. Collect the photos in order to work with them
    2. Synchronize photos from Lightroom Lightroom desktop application mobile and web apps
    3. Share your photos online

    I find the way the more convenient to have is a unique Collection for all these purposes, rather than having a separate Collection for each. Currently, it is not possible to select individual photos for synchronization (you must select the Collection to sync all) but you do not have the possibility to share only photos marked as peaks (and to allow the download). However, you have this option only on the Lightroom Web, not on the desktop and not on mobile. It is really heavy and confused, same as Lightroom Web cannot be used with a mobile browser, so in practice, you can only set of photos to share with the help of a desktop browser.

    Why sharing Options is not available on Desktop and Mobile with Lightroom Lightroom (or at least with a mobile browser)?

    With the help of Web of Lightroom is a pain in itself that there is no direct way to go to a specific Collection - you will need to navigate to lightroom.adobe.com and navigate through all the Collections to find the one you're looking for, even if it would be the last Collection you made or made changes to.

    Just right click the collection in the Panel Collections and you can go directly to the web Lr either public or private view.

  • On the site, I designed the Web site for desktop PC, I would like to know if I can convert the Office Web site to be mobile and iPad users too. I used dreamweaver CC

    I only did the Web site with Dreamweaver CC and just for the office, now my friend wanted to be compatible with mobile and iPad, how do I convert the desktop version to be responsive.

    deloid101 wrote:

    Osgood,

    Ben adds the code for the carousel offers images that meet. Size is fixed my slider that have stopped responding and I used the same code as you did.

    I don't know what cursor does not respond, you use? If its does not then uses a reagent. There are several options available to use if you use Google. Some people also use little as the code I posted (obviously they will not work unless you have the js and css that have and trigger the plugin)-it's what Ben was referring too. I was referring just clumsy code that Bootstrap provides the carousel and would rather link to the js and css files to keep my HTML logical and manageable, easy for me to understand and solve problems.

    deloid101 wrote:

    Am I missing something or is your argument for wrong CSS3?

    Nothing to do with CSS3.

    If you have time maybe through this tutorial. Once you have the idea of how to create your own sensitive code, then you can make a better judgment in regard to if you want to use a framework or prefer to have everything under your control.

    Responsive HTML5 site - jQuery Image Slider & CSS3 Drop Down Menu - YouTube

  • How to build a Web site for exclusive members to connect to?

    I'm looking to build a website that people can apply to become a member. Once I spent reviewing the application that I wish I could send them an email with the login to this website exclusive members. The home page would be an area to be able to submit a request or the connection. The rest of the site could not be visible if they have a user name and password. Anyone have an idea how I can create a site like this using Adobe Muse?

    Hello

    Please check this thread, Re: can I create a login/password in the Muse for a HTML5 page or two?

  • How to make a scollable/box for images and text

    I make a website in Muse.  I have successfully used a text widget scrolling on my pages for insert text so that the user can scroll as fast or as slow as they want to read the text.  I have another column of the same page, I want to do the same thing, but install small photographs with titles on the side so that the user can scroll through as quickly or as slowly as they want.  When they see the picture they are interested, I want them to be able to click on the photo and have it hyperlink to a new page in the Web site.

    Thank you

    As part of text, you can hyperlink the image to another page, where details of the image can be added.

    Thank you

    Sanjit

  • Disable the reagents for desktop and mobile?

    Is it possible to create a sensitive project and disable the Tablet and mobile views? The client doesn't have the budget or time for me to set all three points of view for all slides, so they want to launch a single view for now, but have the opportunity to come back at a later date and twist the other two views themselves.

    Hello

    Unfortunately there is no way I know to 'disable' those points of view. But what you could do is simply to focus on the main view you want, and then to points of view which are not, that you can insert a legend text or form of Smarty Pants with a text that informs the user for better viewing, please use this device,

    See you soon... Rick

  • How to make icons Web site to be in the bookmark entry?

    The bookmark sidebar to automatically insert site icon in front of the entrance to bookmark for most sites. I've upgraded to Firefox 9 and now it does not do this, even for sites that to obtain the entry. How can I make the icon to attach to the entry? Maxine r.

    One possible cause is a problem with the places.sqlite file that stores the bookmarks and history.

    You can try the CheckPlaces once after you've deleted files of places and still has no bring the favicons.

  • How to make malicious Web sites that freeze Firefox?

    I have di/scovered sites accepting some capture the tab in which they are open, freezing access to menu options (display, tools, etc.) and do not allow any Firefox close. Computer shutdown and re-opening is not free the captured page. The following sites are all suspects.

    http://www.health4reporter.org /.
    http://www.health11online.org /.
    http://www.daily10reports.com /.
    http://www.daily10reports.org /.
    http://www.daily5reports.org /.
    http://www.daily12reports.com /.
    http://www.theweightlossspecialist.com /.
    http://www.daily8online.org

    Personally, I have confirmed that the last http://www.daily8online.org, is malicious. Others I have not confirmed, but they all came from the same source, the comments posted on a blog at KittyKroger. com

    I was able to clear the browser only by going to the discount to zero that puts Firefox to its default settings.

    Hello

    You can report these links to the Internet Crime Complaint Center of the FBI:

    You can also report false web documents by going to:

    • Help (or

      >

      ) > Report false Web

    Make sure that the navigation of the suspected sites.

  • How to publish a web site for pc, iPhone, smart...

    If I make a website to different applications, I have three index.html, how is

    handle it by the designer with muse and servers. The system used to

    Take the url recognize what type of system is and use the HTML for it?

    Hello

    We detect the browser or the width of the browser and send the user to the appropriate version of the page.

    You can view a demo on how to design for mobile with muse here:

    https://my.adobeconnect.com/p4tczxvwld2/

    Justin price

    Muse Community Manager

  • How to make a Web site go all the way to the top?

    I want my site to go all the way to the top of the browser window. Like this:
    http://untoldfilehost.com/
    How can I do this?

    in your stylesheet: {margin: 0 ;}}

  • How can I easily create my site for Tablet and phone?

    How can I create my site for Tablet and phone easily now that my version of office is over?

    Hello

    Please check the suggestions in the links below

    Office "copy of" Tablet phone model

    https://www.YouTube.com/watch?v=bKj87jTPIJI&list=PLHjwuoik-ep2rnvGz1PbeqrYVWcRoIPai

    Concerning

    Vivek

  • I'm working on PC. Using Adobe Muse how do I make design changes to a Web Site previously designed and published

    I'm working on PC. Using Adobe Muse how do I make design changes to a Web Site previously designed and published

    You cannot edit HTML with Muse. You are looking in the wrong place. You must re-create using the tools of Muse or change elsewhere.

    Mylenium

  • How to downgrade a Web site Web hosting live for free on the Internet that comes with the subscription of the CC + bases

    How to downgrade a Web site Web hosting live for free on the Internet that comes with the subscription of the CC + bases.

    Thanks in advance,

    Sean

    Hi Sean,.

    Unfortunately, it is not possible to use your paying on your site location free creative cloud site.

  • How to make a free software for my laptop newly formatted? In addition to Windows 8.

    How to make a free software for my laptop newly formatted? In addition to Windows 8. I have an extended warranty at the dealer where I bought my laptop and do not know if the installation of free software is covered. But I want to do it myself if the resources are available.

    You can order Windows 8 update from the following link:

    http://www.windowsupgradeoffer.com/

    The following link will offer you if HP has tested your system for Windows 8:
    http://WWW8.HP.com/us/en/Ad/Windows-8/instructions.html

    If your system is not tested, HP will not release the drivers directly for your site template Web HP.com.

    The following hyperlink will suggest if your system is compatible with Windows 8:
    http://Windows.Microsoft.com/en-us/Windows-8/upgrade-to-Windows-8

    If your system is compatible with Windows 8, most of the pilots would be available through Windows 8. If you need any specific driver, please follow these steps:
    1. in the run box, type devmgmt.msc.
    2 unknown devices would be listed as such and plotted with a yellow question mark.
    3. Select the unknown device or any other device you need of drivers and right-click to access the properties.
    4. in the Properties window, click the Details tab and select Device Instance of Id or hardware ID from the drop-down.
    5. an alphanumeric string, like this DEV_7130 & PCI\VEN_1217 & SUBSYS_012F1025 & REV_01\4 & 6B16D5B & 0 & 33F0 is the marker for the identification of the unit.
    6. Please provide this number so we can offer you the appropriate driver.

Maybe you are looking for

  • Chip exchanged on the issue of USB-6008

    I have a USB-6008 data acquisition that went wrong in a set-up.  The MCU was getting very hot while it is plugged (I had a ground problem that it fried).  I ordered a new microcontroller and succeeded him, now he does not become hot at all when it is

  • Pass an array of real-time desktop PC

    Hello I recently started using LabVIEW Real time. I want to transfer an array of data from a PC to office to a PC in real time. The data transfer is time and once real PC will make further processing of the data. I'm using LabVIEW 8.2 and the corresp

  • Canon 70-200mm F4 L USM replacement

    I have a 70-200mm F4 L USM Canon's, he started to act erratic plastic clicking noise, random automatic manual focus. I took the plate on the side of the lens of the camera, the AF/MF focus switch and switches have come off, I can't get back them on e

  • How to block BitTorrent

    Hello I have a Cisco 3000 E. My roommate is using our connection to the internet (in fact mine) to download on BitTorrent networks. I could block BitTorrents urls, but she could download the torrent to another connection and download with my connecti

  • AUSST 4.0 on Windows Server 2012 R2 installation

    HelloI am installing AUSST on Windows Server 2012 R2 with IIS 8.5, although I can't get the thing to work!I followed the instructions to use the Adobe update (AUSST) server configuration tool if I do something wrong.All updates have been downloaded t