Join Paul Trani for an in-depth discussion in this video Implementing social media, part of Designing a Responsive Mobile Website with Muse.
- View Offline
- Adding social media content…to your website is just a smart idea.…It just really allows your users to find out about you,…rather than jumping to different social media platforms…to see what you're up to,…or to like you, or whatever the case may be.…And that's what we want to do here.…We want to add some social media content,…starting with this A-Master page.…Because right down here, perfect place…for some social media icons and outlets.…So, what I want to do is I want to make sure…the Header and Footer is selected, okay?…Because that's where I want that content to go.…It's going to be in front of that black bar.…
And just open up your Widgets Library.…You can go to Window, Widgets Library,…and then from there you can see Social,…right down here at the bottom.…In fact, I want to add a couple right in here.…I can add this Twitter Follow button right here,…and I'm going to just drop that in right there.…And you can see it render it,…in fact you just want to replace that follow…with your Twitter handle.…Mine's @PaulTrani.…
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