As a result, it’s necessary to come up with alternate strategies such as using motion scroll effects to ensure an element stays in the same location in relation to the browser window, even if the page is scrolled for pinned objects when you’re designing phone and tablet layouts. It all happens behind the scenes.Īt the time of this writing, mobile browsers do not equally support pinned objects. You don’t have to do anything to ensure that visitors using a tablet will see the tablet layout and visitors using smartphones will see the phone layout. The detection code then automatically displays the correct layout. Adobe Muse generates code for the site that includes detection scripts that identify which type of computer or device and which type of browser the visitor is using to access the page. When a page is opened in a device, the correct page is opened, depending on the size of that device. For every version you create, Adobe Muse will create another set of HTML pages. You can start with any of those design layouts, and then create versions for the other layouts. Here’s how alternate layouts work in Adobe Muse: For the sake of simplicity, suppose you have a website with a single web page and you decide that you need the viewing experience to be optimal on desktop, mobile, and tablet devices. Although this isn’t “responsive design,” which means the entire design detects and resizes to display optimally on the viewport size, it is a form of adaptive design. Adobe Muse allows you to create alternate layouts for each page of your site. These days when you’re creating a website, you may need to consider which mobile devices the site will be viewed on. See “Getting Started” at the beginning of the book. If you have not already downloaded the project files for this lesson to your computer from your Account page, make sure to do so now.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |