How To Get Started With Adobe Muse CC - 10 Things Beginners Want To Know How To Do

hello and welcome to a new episode of adobe creative cloud TV my name is teri white and in this episode we're going to take a look at how to get started with Adobe muse CC now I know some of you that watch me or follow my channel realize that I already have and how to get started with Adobe muse video up that's actually been up for quite a while now it's been a probably close to a year well that video was a year ago Adobe muse continues to get better with each new major feature update and it gets updates on a regular basis so I thought with Creative Cloud and now that muse has almost you know over you know since the last video almost a year is passed it's time to get started again but this time much easier because of what you can now do with the new features of Adobe muse so let's go ahead and jump right in now I say new features but it just depends on when you're watching this video my last major update was November 2013 but depending on when you watch this video months from now yours will even be newer with even more new things so let's get started with my version and of course the first place you're going to want to start or the number one thing people want to know how to do is how to create a new site now I have recent sites that I've been working on that I could open but if you're starting with Muse for the first time you won't have those so let's create a new site from scratch when I say create a new site it brings up the new site dialog and of course at this point I can choose any options I want but the best part about this especially as a beginner is that Muse has really good defaults and we don't really need to change anything as a matter of fact the only thing I will point out here is that you had you can start an initial layout as desktop by default or tablet or phone so if you're just building a phone site you can jump right to the phone layout if you're just building one for tablets you can jump right to the tablet layout now we're going to start with desktop but we can come back and add in tablet and phone later on and we will do that the only other thing I'm going to have you change is we're going to change our columns from 1 to 5 just because I found over the year that it's been easier to lay things out if I have column guides on the page that are visible so let's go ahead and click OK and that will give us our first at our new site now if you're an InDesign user or you're used to InDesign then you'll be right at home with the daily Muse because Muse and InDesign share a lot of the same thought process and same functionality so when you go to layout pages and Muse you'll think about the same keyboard shortcuts and the same things you would do from InDesign it's a matter of fact if you're an InDesign user you look at the planning stage here and it looks just like a giant version of the pages panel so if you were a spread your pages panel up to take out the whole monitor that's what this would look like so for example you have pages at the top here and you have master pages at the bottom and your pages panel and InDesign could be set up the same way so let's add a few pages in as I hover near the home page that I get by default you'll notice I get plus signs all around it now let's B dictate where I'm going to add my next page so if I click the plus sign on the right I'm going to get another page here and we're going to make this our gallery's page now we're by the way we're building a photography website you can build whatever kind of website you want you can add as many or few pages as you want so for example maybe we want an about Us page and we're also going to want a Contact Us page and oops I forgot I want to service this page let's go ahead and add it in I can either add it in at the end or I could add it in in the middle so if I add it in at the end and then decide that I want it somewhere else I can pick these pages up and move them around you can change the order any way you want you can change the hierarchy any way you want so for example maybe I want services there and next to that so you can arrange this to your heart's content and continue to add pages or delete pages that you no longer need so luckily I have multiple undos and kind of put this back to where I want it and now I'm ready to go so at this point all my pages look the same they have a white rectangle and a dark grey area that's because they're all using the same a master page just like InDesign so if I double click on a master page it will open up and we can now look at the anatomy of use page so first of all we have this dark gray area in InDesign this would be your pasteboard but in muse this is actually your browser fill so this does count whereas normally if something's off the page and InDesign it won't print but this is a web page so everything is showing so the browser fill is think of that as that color pattern gradient image whatever you want behind your web content and you go to any web page on the Internet today and it's something it's a color a gradient a pattern an image it's something behind the content and maybe it's just a white maybe it's just like on you know on some of the major corporate sites they don't really do a lot of fancy things in the background they just use a solid color so you can make it whatever you want it to be so if I go to the browser fill I can go ahead and click the color but maybe I do just want it to be white or maybe I want it to be black or maybe I wanted to be yellow whatever I wanted to be I can change it if I don't want it to be a color I can go in and say make it a gradient and then I'll get the choice of a gradient or make it a solid I can go in and make it an image so I can fill the background with an image and then choose how that image is going to be displayed so any way that you want to handle that now I'll switch it back to the default gray for now we'll come back in maybe make a couple changes to that as we go the next thing is you have this rectangle which looks like a page but and it is called the page inside of muse and you can put you it's kind of like a visual reference for where your content would go you don't have to have that visual reference if you don't want it so if I say no fill no stroke now I don't have a visual reference that will show on my web page that if I were to launch this site now we just solid gray you can put whatever you want anywhere you want even if it's off the page into the browser fill it doesn't matter so that's just for your visual reference and for your design if you choose to have so I'm going to go ahead and leave it white for now I'll leave the stroke off now the next thing are these blue guides what are these well you have the top of page which just simply extends the browser fill at the top there's a lot of times people use the browser fill for their logo for their navigation for the things they want above the content and that's what this lets me do the next one is the header just kind of a visual reference for all the things that I want to keep on the page but above the content and then we have a footer which is everything below this line even if it's off the page into the browser Phil we have the bottom of the page which is just extends the footer area and we have the bottom of the browser fill so you can make those any size you want to condense or contract or whatever around your content and again your content doesn't have to be on filled with anything and if you do choose to fill it it could be with a color or a gradient or a image or anything else you want so just like the browser fill all right now the next thing that was number one number in extras number one and two creating the site working with master pages we have one more thing to do with a master page but we're going to jump temporarily to number three which is placing images so how do I get an image on here maybe I do want my logo to be on every page well just like an InDesign we choose file place we would then go out and grab an image to place now what the first thing that probably comes to mind is what file formats can I use well think about the web because that's what we're doing here so JPEGs images obviously can be on the web so you can place those in Muse gifs gif those can be placed inside muse ping dot PNG those can be placed inside muse and the thing I love about pings is they can be transparent they can have transparency or no background so those are the three most common graphic formats we also support animation so if you want to place or use flash you could place a dot SWF file if you choose to or one of the newer animation formats such as Adobe Edge animate which is html5 and CSS and JavaScript based you can place a dot o am file that you export out from edge animate so that's five so far there's one more I'm going to cover it in just a few minutes but let's go ahead and jump in to grab our logo which is a ping file and again because it can be transparent it is so it's actually my logo here and I can scale that just by grabbing the corner I can put it anywhere I want on the page off the page because again it's the web there is really no page per se and I can have that right above the browser I'm sorry right in the browser fill right above the content or page area now that was starting the place images we're going to jump back to that in just a moment let's go back to number two which is continuing working with the master page because there's one more thing we want to do and that's actually put in our navigation if we go look at our site right now our site's been updated with all the logos and even if we put content on all the pages once the person went to the home page they would have no way to get to gallery services or any of the other ones so the way we need to handle that is put in navigation and that's when we need to look at widgets the widget library in Muse allows you to go in and grab predefined widgets that help you build your site so there's form widgets composition widgets menus panel slideshows in the new social widgets there were added on this past November so let's go ahead and go into the menus ls drag in either a horizontal or vertical menu we can put it wherever we want and you'll notice that when it comes in it's already defined to know the pages of your site it pops up with a options on panel that you can go all the widgets do that you can go in and choose for example I want all my pages to be in the menu not just the top level one so if I do stack some underneath those will be dropdowns I also want the spacing to be uniform spacing instead of size now I can pick that menu up and put it anywhere I want even in the browser fill area and smart guides will help me align it as you saw it aligns to the edge there and then at this point I can go in and kind of say wait that looks kind of boring and drab that's because widgets all of them come in this way they come in in this light gray white type boring look because we want you to redesign it so for example if I don't like this box around my menus or that color I can say you know what change the filter done and now my menus will just be text they won't have a box around them or make it maybe a black box or a yellow box or a green box or a blue box or whatever color you want or no color if you don't want so just by saying none so you don't have to have a box around your menus now menus are have multiple states especially on desktop computers so if we go to the state's panel we can see that when the menu when you're not on a particular page the menu will be black but when you're on a particular page will be this color grey the active state so instead of it being that I want to change the active state to maybe red or burgundy or whatever I want and we'll choose red so it just stands out in this case and now I can go in and continue designing each of the states and again some of the states don't have to have boxes some of the text could be different colors on the state you design it any way you want speaking of the text I don't like this font so let's go ahead and double click get to the actual text go to the font panel and choose I want to send serif font like Arial so I can just quickly and easily change that to B I didn't change it actually let's change that to try it one more time there we go change it to Arial and now I've got Arial as my font and I could change the size and the color and all the other things we talked about so when we bring in a widget just know that you can define it any way you want you can redesign it so now we go back to the site and look at it it has updated with our menu bar and we have one more master page thing to do and that's create a second master you can create as many web pages as you want and as many masters as you need so I can say give me a new master it's going to be B in this case just like InDesign and in the later versions of muse I can now even drag one master on top of another to start my design so instead of me having to do all that work over again now my b master page looks just like my a master except i don't want the rectangle to be filled with a color and I want my browser fill to actually be an image so I can go and grab an image let's go grab one for my landscapes and we'll use oh no no I can't really see these that that's probably the bike I don't think that one will work very well let's see what it looks like how about the B yeah we'll use the B and we'll say that that's going to go from the top and it's going to be scaled to fill all right so now if we go back to the site that master page has been defined and I can say you know that's going to be a good page for the about us so I could just drag that master onto that page and now that page is styled that way they all have the navigation we're ready to go so that was number one creating the site number to working with master pages and let's continue with number three which is placing images speaking of which let's go to our Contact Us page let's zoom it down a little bit and let's place another image let's go to our file menu and choose place and I talked about the various formats we can place the five so far there's one more a six one which is dot PSD I know what you're thinking wait a minute does that mean Photoshop document and you're right whoa stop you can't put Photoshop documents on the Internet like that they won't display in a browser at least not reliably you're right but we can't place them in use and you might be thinking well why would you do that well when I choose open to choose that PSD I get a place gun just like InDesign I have my nice guides to work with and I can scale that and place it and it will size it down 24 percent from its original size and now if I were to put this side up or publish it it will automatically optimize that as a JPEG or a jiff or paying or whatever it needed to do whatever muse felt will look best but then you're thinking well why would you even put a PSD there in the first place because it's a work in progress maybe you're doing something where you're turning layers on and off in Photoshop so for example if I right-click on this I could say edit original since it's a PSD it'll open up in Photoshop I could duplicate the layer just like I always do I could grab my lasso tool and I could you know what this production shot with the light stand was kind of cool but I actually don't want the light stand on my website or at least not only about us page and I can go in and select it with the last cell as you can see being very careful and painstaking I'm not I can do a content aware fill and fill that area to get rid of it on that layer and I just see a little bit of something left over there let's grab our Spot Healing tool and get rid of that one little spot okay there we go so I got rid of it and I'm going to save it close it save it head back to muse and give them use a second here and Muse updates and Muse says okay I'm looking at the current version at PSD which does not have the light stand so now I could go back and forth turn layers on doing more things and it will always update my muse site that's why you to place a PSD now so that's number three working with images number four working with text let's go ahead and grab our type tool just like we wouldn't InDesign and we can go ahead and grab text frame here and we can say contact us and of course we can make that whatever size we want that's a given we can make it bigger but what about fonts so now let's deal with fonts and this is the kind of thing that designers go crazy over so first of all you have three types of fonts to work with you have web safe fonts which either these are the 11 web safe fonts that are compatible with everything in other words these 11 fonts are built into all modern devices every mobile device all the modern browsers cross-platform you work with any of those you're good to go so if I choose Helvetica I know how that ago will display no matter where this site is being viewed however if I want something more exciting like Times really isn't that exciting and Comic Sans you guys would go nuts over if I use so we don't want those what else can I do well I do notice my system fonts are here hey all my fonts are here yeah I could use a bite for example crazy fine I found on the web somewhere well that font is great but if I use that font you notice that I get a little symbol here that says uh-oh you've used the font that's a system font and it's going to make it into an image so this would not be selectable text so that's probably not a good idea so even though you have access to all your fonts you should not use them on a regular basis because it's going to make your image your site full of images and heavy and slow to load so then if I can't if I don't want to use the web safe fonts go they're kind of boring if I don't want to use the system fonts because they're make it all these images and be too big then what else can I do well if we go up to the top here we've got web fonts and the web fonts if we click will bring up Typekit which is built into Muse so you can use Typekit fonts all you want and now you get over 400 but come with Muse and you can scroll through you can do searches you can do start by style you can do whatever you want and choose any font you want to add into Muse so for example if I want to pick something here that kind of stands out but fresca click OK and now if I go to my font menu and scroll to the web fonts fresca is there and now fresco will be used and if I preview this even in my browser file preview page and browser that fresca font is there and it's text now you're probably thinking notice the PSD is now jpg you're probably thinking well wait a minute how does that working because I'm in Chrome or Safari or what or internet explorer or whatever browser are using how does this work how that font get there because that font got installed in Muse not in my browser well Typekit adds a little bit a line of code to your page that pulls that font down from the Typekit server for whoever views your page no matter where you're hosting your site so your Typekit fonts are built into you or web content once you upload it it always works okay so that's that and now let's go back and continue working with this now I'm going to jump ahead to one of the other items and that is one of the other widgets we can do since we're on the contact us page one of the other things we might want to do is grab a contact form so when I first created the video you couldn't really work with the forms that easily unless you were hosting the site with Adobe now you can drag these forms on and you can put in whatever email address you want this to go to so Terry at the web comm which is not my real email address but anyway I can add in any other fields I might want I can do whatever I want to this form to make it work or make it what I want including adding custom fields that aren't one of these so now this form will go to that email address when it is submitted so that's the beauty of the forms down of course yes you can go in and redesign them and change the font change the color and change the style and move them around and do whatever you want to do because you can so that is working with one of the widgets which is the forms widget which in the newer versions amuse don't require the site to be hosted with Adobe okay so now we've got that now let's go ahead and jump over to number number five which is working with buttons and text so let's our I've started working with buttons and hyperlinks so let's say that we add in we'll add in some more text here we can say feel free to visit our main site at Terry White comm okay so I'm telling them that they can click on this to go to Terry White calm but of course that doesn't do anything right now that's just text so let's add in a link let's highlight that Terry White calm and let's go to the hyperlinks area which is up here and we're just going to click on it and we're just going to say that that goes to HTTP colon slash slash Terry white so hit return and now that is a hyperlink so that is how we add hyperlinks to text just by going there clicking on it or if it's linking to another page in your site you can choose the other page in your site or if you want them to download a file like an mp3 or PDF you can link to the actual file and they can do that so these are all the kinds of things have been added since that last video I've done not links of course but you know files and things that we can do so for example let's do one more type of place image that we're going to link to and that's placing a Photoshop button so place we'll just bring in things as an image even a PSD but place Photoshop button looks for PSD s and does a certain kind of thing with them so for example I've got a Twitter logo here that I want to use and the Twitter logo has multiple layers so I can say that hey for the normal state use the up for it layer in that file for the rollover state use the over state of that file so now when I click OK to place it and we'll place it over here for example that image when it's rolled over will be darker blue because it will use the other layer in that PSD and now if I want to add a link to that I just click and say that that should go to twitter.com slash Terry lo8 so that will go to our Twitter page and now if we preview this page in the browser we should have a hyperlink that is ready to go and we should have a rollover for a button that is also ready to go so if we click that you can see that that will go to Twitter and if we go back we can click this and we can see that that will go to Terry White calm which takes a few more seconds to load so we won't necessarily wait for that but that will is connecting and doing its thing so that will that's how we create hyperlinks which is our number 5 our buttons and hyperlinks now let's jump back over and let's go back to the master page for a moment and on this master page I want to add in some more social type widgets well you might remember or if you if we go back a year all of that had to be done with the insert HTML command we had to go and grab code from Facebook to add a facebook like button we had to go grab you know widgets from other sites to add them in well now we don't have to do that anymore because we have a whole social widget library so if I want to add a Photoshop I'm sorry okay hey a Twitter follow I can just drag in a Twitter Follow widget and it and configure it with my Twitter handle so if I say that this is not going to Adobe Muse but it's going to me instead then that will allow me to add in the follow teri follow on teri white at Twitter and if I want to add in a Facebook one so for example we can put in a facebook like button we just drag it over and that's it because there's nothing really to configure with elect button people sign in and like this page and so all of these widgets are built in now to muse where before we would have to go grab the code from Google Maps to put in Google Maps or grab the code from PayPal to put in a PayPal button now these are just easily on draggable and configurable and because I put those on the master page they are now on all the pages okay so next let's go to our services page and in our services page we're going to do one more we're going to put in a video now video has really not built into muse and before I would have had you go to YouTube or Vimeo or Facebook grab the embed code put it in with the insert HTML command again we don't have to do that anymore so if I go to my social widgets and I want to bring in a YouTube video I just drag in the YouTube widget and I will then go in it will pick up my default video for actually they're using one of my videos is the default which is the old Adobe muse we're going full circle here recruit new vortex the old Adobe muse video of how to get started and it's every YouTube video has a identifier number so we're going to change this to the video we actually want to use here so I need to go get that code or that video so I'm going to head over to a text file that I've got this in and here's the link to the video I want to use if I head over to my browser I can load that up so you can see it and it's just a YouTube video which is a time-lapse of San Francisco but that last bit here this equal everything after the equal sign is the code that actually points to that video so I'm just going to copy it head back to muse so any video you want on YouTube just go get that or Vimeo just go get that identifier paste it in and hit return and it will update to be that video and of course we can scale it we want that smaller it will update make it smaller we want it bigger because this is an HD video if we want we can make it bigger and it will add in the YouTube properties and everything we need to make that video work so that's how we would add in social widgets which is number six including YouTube follow buttons like buttons all of the cool things we can do all right now let's jump to number seven number seven is how to add a slideshow so I'm going to close the services page for now close the Contact Us page for now close the B master close the a master and go back to the regular site and actually there is one more thing I want to do on the a master actually no I don't need to do it on AMS where we do it right on the home page so I want to add a slideshow on this page I want to slide slide show which is one of the newer slideshows we can do them use one of the other things I want that slideshow to be is I want it to be underneath everything else I want the logos still to be there the navigation to be there so I don't want it to cover this stuff up so that's what I'm going to head over to layers which is fairly new and use I'm going to add in a new layer and we'll put this layer below layer number two and we'll call that layer background objects like my slideshow so now I'm on layer number two and now if I go in to my widgets and I go to my slideshows there's the basic and blank in full screen and Lipe full screen which is new lightbox and thumbnails I'm going to drag in a full screen slideshow and there it is and because I put it on the background layer it is now behind everything else okay so next thing we need to do is actually tell it what images we want to grab so we just click the little folder there and we'll tell it to go grab my landscape images and we'll just go ahead and grab all of these and it will fill that area up getting rid of the sample images Thank You muse tomb and once that's loaded in the 20 images the first one will display there and we'll get rid of the counter up here that we don't need and just like any other widget we can go in and redefine any part of this so if I don't want these buttons to be filled with white or maybe I want the fill to be white but I want it to be lower opacity I can drop down the opacity of those buttons for navigation and I can even pick the buttons up oops pick the button up and move it around so with that button there now notice the buttons are also pinned so if we're going to move this button we need to also change the pin for it there we go and we'll change the pin for that one to be pinned to the right so now my home page is actually a full-screen slideshow that I can control the transitions so transition maybe every 1 second instead of every half second I'm sorry transitions every three three and a half seconds but the transition speed will be one second there we go and it will autoplay so now if we preview this page in browser that will show our homepage it's loading up that slideshow building out all the HTML so it takes a second or two to do that but speaking of preview I choose to preview in browser because that way I know it's real I know it's showing it to me in an actual web browser but you can also preview right inside Muse Muse will allow me to preview most of the content and it's even better for previewing mobile content because it will use mobile screen sizes but there it is everything's still here still working but my slideshow is just simply playing in the background now if I wanted that to not to be a wipe if I wanted to be a dissolve instead I can say you know what I don't want a horizontal transition I just want to fade so now if we preview this this time we can preview it right here in Muse and it will build it right in use again we don't have to preview in a browser and it will then just fade as a matter of fact it's probably faster to preview in Muse for those quick things that you just want to test my navigation is still here for people that want to jump on their own and great to see how this all works together alright so let's go back to the design and that was number seven slideshows let's close the home page for a moment and let's jump back over to oh I don't know let's say that we want to go to services let's jump to services for a moment and we had it this is where we added in our video we're going to move that over I need to align those as well but let's move this up video over for now and let's go over and add in some custom HTML now I know that I told you in the last video we did a lot of that because we had to but now we don't have to do as much of it because of the social widgets but that doesn't mean you still don't need it now even though for example if we go to the social widgets there is a paid button for example that will add in a PayPal Buy Now button but that's just it it will just do the Buy Now button what if I want to add in a more customized experience well if I go to my shopping cart provider they will let me customize more things than what that button will let me do so for example if I go grab some code that I got and customized from PayPal I can copy that out I can then insert HTML paste that code in it's all custom click OK give it a second and then move that widget where I want so other more than it just being a Buy Buy Now button it's actually got more things in it it's got a form field for the full name and age under 13 it's got a drop-down menu and those are all things that were a part of the button that I customized over on PayPal so there will be times where you will want to insert custom HTML from your various providers or various sites out there that do more than the social widgets will do so that was number 8 inserting custom HTML number 9 let's go back to the design view and let's get out of services for a second number 9 is let's say you're finished let's say you're finished building your desktop version even though we didn't add any more slideshows to gallery well let's go do one real quick slideshow so this is our galleries page and we'll say that this is going to be a thumbnails slideshow and there it's there it is with our three images as thumbnails and we could go in and put in our own images obviously but now we've got our site done we've got our homepage galleries services didn't really do anything on about us yet and we got contact and now we're ready to build the mobile versions whether it's tablet or phone so number nine is what do we want to do for tablet and phone well let's say we want a phone version well we click phone and it will say hey what do you want to copy from and I got excited when I first saw this oh yeah copy everything from the desktop version that's perfect but it's not copying what you think it's not copying the content it's copying the site structure and design and all that so when I click OK it will basically just give me the same pages in same structure with a be master and now I go in and create all these stuff that's the way this works so if I go to the home page I would go lay out the phone version of the home page if I want to go to the master and create maybe a menu for the home page so let's see how that works really quick a mobile we're going to cheat and use one we're going to use one of the two of the widgets to create a mobile version of a menu so first one we'll go to our widget library and we'll go to panels and we'll grab an accordion panel now the accordion panel is great for mobile menus so we can go ahead and just stretch this out and we can get rid of the panels that we don't need so we don't need that one and we don't need that one so we just need the one panel and we'll go ahead and just get rid of the sample stuff here we'll call it menu and we'll get rid of the the placeholder or the sample placeholder text here so an accordion is something that pops down or up so or collapses up so I'm just going to go and extend this out there we go and I'm just going to go ahead now and put a menu inside of it I'm going to grab a vertical menu and once I put that UPS grab the wrong thing there once I put that vertical menu inside then I can go ahead and style it just like you would any other widget so I can change the font change the size change color or change whatever I want and now I have my nice accordion menu so now let's see what that looks like if we go back to the website it's on every page if I go to my home page here let me do one more thing let's go ahead and collapse it there we go but I go to my home page and I now preview this I have a menu that drops down and a menu that collapses up so that's how we create those moat cool mobile menus and of course it doesn't have to be the full width of the browser window we could have made it smaller but you get the idea and one more option here that we can go in and say is we can go in for that widget on the master there we can go to that widget and we can say that it either overlaps the items which means it drops down over the content or pushes the content down which is the default so we'll push the content down if we don't check that box so now that's how we'd add our mobile menu now we're running out of time here because we don't want to make this video too long so I'm just going to cheat a little bit I'm going to go ahead and open up site that's a little bit further along and one that already has the phone version so if we preview this one now this is the one I've created that you know has the same slideshow in it we can go ahead and click through it's got some text it's got these social stuff and this is the version we can look at for the phone now we can say that this is displayed or tested on an iPhone 4 script screen size iphone 5 samsung galaxy s3 or nokia lumia so basically your iOS Android and Windows Mobile devices previewing right here in muse okay what about tablet tablet same thing this is a tablet optimized version of the same thing with the text laid out a little bit differently in the slideshow of course bigger and navigation and so forth and so on so you can go in and create the optimized perfect version of each layout that you need so if you want a tablet version what things moved around a little bit differently because the tablet bigger than a phone you can do that or you want certain like if we go back to the other site maybe on the phone version I don't need the about Us page so I can delete that page from the phone version it's still in the desktop version but it's not on the phone version so you can really optimize the experience for people that are navigating your site with their phone or navigating your site with a tablet or navigating the site with a desktop computer so there you have it those are the nine things that people want to know how to do what's number ten number ten is once you're done with your site whether it's a one-page site as I've done here or a multiple page site with multiple layouts how do you put it on the internet how do you publish it you have three options number one if we go back to this site if I make any changes here I can go in and just simply click file publish because this it's warning me about two images there because this site has already been published once it already has the name here I can just click OK and it will upload any changes and then show me that site on the Internet and this is the actual URL to the site you could go to it right now Twp CC or Terry white photography Creative Cloud business catalyst com that's the URL for that page that I just put up as a test now if we go in back to muse that's great for people that want to take advantage of the hosting that's provided as part of your Creative Cloud membership that's what the publish option does you have up to five web sites as a full Creative Cloud member that you can use to publish your site if you want to post it somewhere else I have other sites that I host other places then you can go file upload to FTP host and you put in your FTP information and you will then upload the web site complete with fully functional even with the Typekit fonts directly to any host in the world anyway that has FTP away you go and then your last option is if you're not ready to host it just yet with Adobe or some where else you always have the option to export as HTML that will export out the entire site as a folder with all the images CSS JavaScript HTML everything necessary to work on this site or hand it off to someone that's going to do more to it so those are options for getting the site out of use once you're done and of course any changes you make you would either just hit publish again as I just did or upload again as you would if it's an FTP site or FTP server and it will just upload your changes so you can continue working in muse and update the site whenever you feel like it now for those of you that want to see a site that I've done you can go in here let's go back to the browser here's another site that I've done Mac group org this site was completely done with Muse and of course it has mobile versions as well it even links in the navigation to an external blog that was created with WordPress so you can even change your navigation to be two sites outside of moose or areas outside of Muse so there's a tablet version phone version a desktop version of the site and again this is macro org nonprofit that I'm a part of all right so that's it for the 10 things that beginners want to know how to do with Adobe Muse hope you learn something and again muse just keeps getting better I could just do this video every six months and it would always be new things to show but well this is a getting started keep in mind I'll have other videos to show more depth on more other features of muse but this should get you going on creating that site because it's just that easy hope you learned something we'll catch you next time you

Channel: Terry White

Views: 337,598

Keywords: Adobe Muse, How-to (Media Genre), Creative Cloud, Terry White, Adobe Photoshop (Software), Adobe Systems (Organization)

Id: ESUPCpOZ5Dc

Length: 44min 8sec (2648 seconds)

Published: Sun Jan 12 2014