Muse CC – Tutorial for Beginners [from 0 to publishing a website]

Hello there welcome here Let’s see how to use Adobe Muse quickly. If you are looking for something in detail check the smart index in the video description.

Correct us.

If you notice mistakes in our English Adobe Muse is a software used to create and publish websites Differently than Adobe Dreamweaver you won’t have to do with the HTML code or CSS files at all.

Muse is the best for people that don’t know everything about websites that don’t need to create a professional, complex page.

The workspace itself explains you how Muse works.

The creation of an active website is divided in different phases listed above from left to right.

We will have a general overview on them To create a new site, go to File and then to New Site Through Initial Layout.

Choose the device where the site has to appear Set, then the size of the page, a safe zone, using margin and a padding for the text that will appear through additional guides on the page.

The page created will be a Master page, so the main and the first page of your website that can be called Home or Index.

You can manage the page right clicking on it, for example, to change its layout again or rename it. The name is indicated in black Don’t care about the blue one.

If you hover a page, some pluses will appear to make you add new pages.

These set a complete hierarchy Pages put at the same level, have the same importance.

Pages at a lower level.

Are subpages of the ones? On top? You can delete pages using the X in the top right corner Click and drag to move the position of a page in the structure.

This stage is called Planning.

You set the basic structure of your website and the number of pages componing it in full.

You can edit this structure anytime, just click on Plan above On top set the Size.

So how much big the pages must be.

We will see here just the Desktop project. Nothing differs for Tablets and Phones.

The second phase is called Design and follows the planning The Design mode sets how a single page must appear.

You can open a page double clicking on it when in Plan mode, You can open more pages per time.

These will be listed all in the last grey strip you have on top with the name of the pages themselves.

Let’s see the main important features of this phase Right next to the different steps you have, the main Tools of Muse Use the Zoom Tool to zoom in and out Click to zoom in hold ALT down and click to zoom out You can zoom in A particular area clicking and dragging on it, You can use the Hand Tool holding Space down to move through your page in progress, Use the T icon to add some text.

First of all create the text box or text frame where the text will be fully contained inside Click and drag to create.

It Then start typing Use the Rectangle Tool.

Instead, to create a simple and general rectangle object, You can import photos as well Simply drag them onto your workspace Click and drag then to set its dimensions.

All these objects, such as text, shapes and image frames, can be managed in the same way.

If you hold CTRL down, you will activate the Selection Tool. You can also use the black arrow button on top Click, on an object to select it.

If you hover an object, Muse will tell you which kind it is Click and drag inside to move the object.

Smart guides will show up to set the right position, Click and drag the squares to size.

The object, This won,’t work for the text and the image frame To size the image inside its frame, double click on it and work with the orange contours.

Using them, you will move and size the image inside its frame Approach, the squares externally to rotate the object Muse will indicate you, the angle of inclination as well.

You can edit these objects much more into deep, Activate the Selection Tool using its button.

When you select an object, its properties will appear on top, For example, the stroke and filling colors the stroke thickness, the kind of corners, the Opacity level and so on Mind that these properties are applied on the container box.

If you have a rectangle, the properties will be applied on the rectangle.

If you have a picture, these will be applied on the image frame that contains it.

If you have text these will be applied on its text frame. You can apply these properties to the Page.

As well Make sure to have selected no objects in this case, The blue words have advanced options inside try them out, Keep in mind the Transform section.

This lets you set dimentions positions and inclinations precisely To edit text properly.

It is better to use the Text Tool.

Select the part of the text to edit and then use the properties above to change, size, font and kind Mind to use Web Safe Fonts.

These are fonts that cover the majority of computers.

If you don’t use these a visitor that views your page may not see the text because he doesn’t have that font installed.

The Web Safe Fonts are indicated through a world icon on the right.

You can add hyperlinks to any object.

Hyperlinks are used to open other pages clicking on a shape, an image or a piece of text. It is what you see on the net underlined and in blue color To add one simply search for the Hyperlinks section.

You can type an address to add a link of an external website or use the link that connects to another page of your website.

Click on Hyperlinks in blue and tick to open the page in another browser window Then use the Crop Tool to select more objects together and treat them all at once On the right.

You have different windows.

These are totally included in the properties bar seen before a part from the Layers window.

A layer collects inside many objects that will have contours with the same color of the layer.

The layers are important to decide which object must stay on another.

Let’s suppose to put an object on another.

Using the small sheet icon below create a new layer.

This will have a different color Right click on an object and go to Move Layer and move the object to another layer. At this point, if you change the layers order, you will put the object on the other.

This happens because the layer that is on top has objects that are shown above the ones in lower layers.

Remember that you can cut copy and paste an object selected using CTRL X, CTRL C and CTRL V, Undo using CTRL Z.

Mind that each object has a state.

A state is fixed properties related to an object that are shown when the page visitor does something with the object.

Normal means, when the visitor does nothing Rollover means when the pointer is placed on the object Mouse down.

When the visitor clicks on the object Active is for more complex things, when the visitor is viewing what’s inside, for example, in a menu bar, You can set the properties of each state On the extreme left.

Next to the kind of the object you can choose the state and set the properties for each one.

Then, When you think that a page is complete, go to Preview, You may need to turn off your firewall to see it In this mode.

You can check links layouts and how the page looks like If everything is ok simply go to the next step, the Publish one To publish a page on the net. You need a server.

You can use one on your own or use Adobe Business Catalyst In this program.

Adobe offers hosting servers for your website at different prices per month.

If you are subscribed to Creative Cloud, you can publish up to 5 websites for free, Choose a name to your site and decide better the URL below in the Option section.

The first time is used to create a New Site and set its URL Mind that the Home page only will be published.

In fact, it is you that have to link the other subpages with the main Home page using the Design mode and the Hyperlinks.

If you have other Home pages, for example the ones put at the first row in the hierarchy, you may need to create a new site and URL for each one of them.

Just open them and go to Publish mode.

Then choose New Site in the Publish to section Once a website is published, you can edit it in two different ways: Use the Design mode to edit anything related to the website.

Appearance Then, just publish it again to update all If you need to make other settings outside the simple appearance click on Manage on top. This opens the Admin Console of Business Catalyst used to manage your site, properly, check, stats and all the related settings.

At this point, your site can be seen, but is unlisted.

So if you know the precise, precise web address, you can see it To make it public so to make it appear in advertisements or search engines.

You need to launch it.

So simply: click on Launch Site.

You can launch up to 5 different websites.

If you have Creative Cloud After launching the page, you can add a custom domain Instead of using an address that has mysite businesscatalyst com, you can create your personal domain, so mysite com, Mind that in the majority of cases the domain must be purchased.

If you want to delete the site, you can click on Site Management and click on Delete Site.

Mind that you can’t reopen your site once wiped off.

However, you can save the site project not to lose it In Muse, just go to File and then to Save Site As Muse projects are saved as muse so that you can opened it again to edit the appearance of your website and publish again Thanks for watching This video Check our channel to discover other professional softwares Bye, .

As found on YouTube

Auto Social Sync Starter Pack (20 automations)