Join Paul Trani for an in-depth discussion in this video Adding a contact form, part of Designing a Responsive Mobile Website with Muse.
- Honestly, if you ask me,…no place is it easier to add a contact form…than with Adobe Muse,…it's very powerful and very easy.…So we'll just double click on the contact form,…and just open up your Widgets library,…it's actually already open for me, right off to the side,…really powerful,…and all you need to do is dive into the forms,…notice how there's a detailed contact form,…and then a simple contact form,…so that's what we'll do,…we'll drop this on, no need to write PHP…or any middleware technology or anything,…in fact, drop it on,…and then right in here, email to,…add your email address, not mine,…not unless you want them to send me work…based on your portfolio,…but nonetheless, add your email,…and then you can start to add additional fields as well,…so cell phone number,…you get the idea,…you can start to add as many of those as you want.…
Really powerful, we'll keep all of these the way they are,…in fact, I can dive right into kind of customizing…this some more.…So the first thing I want to do is actually center it,…
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