There are many graphic designers who want to create websites. However, some of them even don’t try to do maybe because they think writing code is too difficult for beginners. Today I will share how to use “Adobe Muse” which you can create HTML websites without writing code.
What is Adobe Muse?
Adobe Muse is not part of the Adobe CS6 release, but it is available as part of the Adobe Creative Cloud membership. If you want to try it before you purchase, you can download a free trial of Adobe Muse.
Adobe Muse creates cross-browser-compatible code for you so that you can focus on your design. The Adobe Muse team currently tests and optimizes output for the following browsers:
- Firefox 11（Mac OS/Windows）
- Internet Explorer 7, 8, 9（Windows）
- Safari 5（Mac OS）
- Chrome（Mac OS/Windows）
There are 4 steps to create websites using Adobe Muse, which are Plan, Design, Preview and Publish. Let’s get started!
After you finished to create a sitemap, let’s design a master page. Master page is a template of common site elements. You’ll see a design view when you double click on “A-Master” page.
You’ll find background setting palette when you click on “Fill” above. If you want to use background image, click on a folder icon and select an image that you’d like to use. Choose “Tile” under “Fitting” area if you want to repeat an image.
It’s very easy to insert a navigation menu. Object > Insert Menu and choose how you’d like to display. Then place a navigation menu wherever you’d like and change a colour or size.
Let’s see State panel to change hover colour. Click on an action that you want to change and edit setting from Fill or Text panel. You don’t need any decoration? Just remove that action by clicking on a trash bin icon.
Design Each Page
Once you’ve done to create common elements, go back to “Plan”. You’ll see all pages have the same design template. From here, you’ll double click on each page and edit them because each page has different contents.
To wrap text, place an image and cut it by right click menu or command + X key. Then paste it inside of text box. Click on a centre icon of Wrap panel. Change offsets value for margin.
You can customize slideshow setting from blue arrow icon.
You can check how your page is working from “Preview”. Buttons or image gallery also works as you see on your web browser.
You can publish your website from here. However, hosting service is used “Adobe Business Catalyst”. If you want to use your rental server, export files from File > Export as HTML (Command + E) and upload to your server.
First time that I thought building website is fun was when I created my first website using this kind of software. So I didn’t started to create a website by writing HTML code. Adobe Muse is a good way to know how it’s fun. Yes, if you think it’s fun, you can start to learn how to code. It won’t be too late!
Photos by iKatchan