Join Paul Trani for an in-depth discussion in this video Adding descriptors for search engines, part of Designing a Responsive Mobile Website with Muse.
- View Offline
- Now we're getting down to finalizing our site…and adding additional information to each page.…As I double click on the homepage, what we want to do…is we want to go into 'Page', down into 'Page Properties'.…Now, you'll notice initially,…we have the layout all squared away,…but if you go into 'Metadata', this is where you want to…start to add the descriptions, some keywords,…and any additional HTML for this specific page.…Now, if you do have access to the exercise files,…what you can do is just open up this Content.muse file…that's in your assets folder,…but, to be honest with you,…you're going to be making up most of this information.…
In this case, I'm just going to copy this description…right here, and those are the keywords,…but in general, that's what I'm going to do…for this homepage,…is pasting that into 'Page Properties' just like that.…'Keywords', pretty much the same thing,…so I'm just going to paste that in there…and just start adding some commas in here,…'graphic designer', 'web designer',…'brand builder', you get the idea, just like that.…
These tutorials teach the basics of designing a responsive website in Muse CC 2015. The site you complete in this course will "respond" and look great across desktop, tablet, and mobile. You'll never have to create separate versions of your sites again! And the site is not just responsive. Author Paul Trani also shows how to make it modern and fully functional, complete with Typekit fonts, flexible imagery, a portfolio, social media integration, and even a contact form. All without writing any code.
Unlike creating and maintaining different sites for mobile, tablets, and desktops, with a responsive design you'll only have to update one site. That content changes and adjusts based on the screen it's on—whether it's on a laptop, tablet, or mobile phone. Follow along to learn how images, text, and other content can be made to respond based on the screen size, orientation, and other options. The end result is a gorgeous site that looks great regardless of where it's being viewed.
- Understanding responsive design
- Using images and text in Muse
- Creating flexible ("fluid") and fixed content and layouts
- Adding a portfolio, contact forms, and social media buttons
- Creating tablet and mobile layouts
- Using resolution-independent SVG images
- Uploading and testing the website