Adobe muse export to html

Adobe Muse - Building A Portfolio Website

Assignment Instructions:

1. Download the “Adobe Muse – building your first website” PDF from your Lab 5 folder.

2. Download the Data files for Katie’s Café from Blackboard or use the following link. http://muse.adobe.com/assets/katies-caf%C3%A9-building-v3.zip

3. Save and Unzip the above Data Files to your Desktop.

4. Open the “Adobe Muse – building your first website”

5. Open Adobe Muse Application

6. Using the “Adobe Muse – building your first website” PDF as a guide to help you create a Portfolio Website containing 5 pages.

Page 1: Home (This page should resemble a splash page stating your name, creating a logo, containing an image that defines you, and the navigation bar.)

Page 2: About (This page should written similar to a cover letter.)

Page 3: Resume (This page will display your resume; therefore, find an appropriate way to display your resume.)

Page 4: Portfolio (This page should show your course work or internship projects.)

Page 5: Contact (This page will contain a form that you create, which will allow employers to contact you.)

Adobe Muse - Building a Portfolio Website
Background:

Adobe Muse – An application used to create website without HTML coding.

Portfolio Website – A professional portfolio website is used in the interviewing process.

Before you begin this lab, you will need to install Adobe Creative Cloud and Muse from the Desktop Apps.

1. Adobe Creative Cloud

http://www.liberty.edu/it/index.cfm?PID=33614

2. Muse - Creative Cloud Desktop Apps

https://www.adobe.com/creativecloud/catalog/desktop.html#

Assignment Instructions:

1. Download the “Adobe Muse – building your first website” PDF from your Lab 5 folder.

2. Download the Data files for Katie’s Café from Blackboard or use the following link. http://muse.adobe.com/assets/katies-caf%C3%A9-building-v3.zip

3. Save and Unzip the above Data Files to your Desktop.

4. Open the “Adobe Muse – building your first website”

5. Open Adobe Muse Application

6. Using the “Adobe Muse – building your first website” PDF as a guide to help you create a Portfolio Website containing 5 pages.

Page 1: Home (This page should resemble a splash page stating your name, creating a logo, containing an image that defines you, and the navigation bar.)

Page 2: About (This page should written similar to a cover letter.)

Page 3: Resume (This page will display your resume; therefore, find an appropriate way to display your resume.)

Page 4: Portfolio (This page should show your course work or internship projects.)

Page 5: Contact (This page will contain a form that you create, which will allow employers to contact you.)

Deliverables:

Export your Muse site to HTML:

1. Create your site in Muse

2. Create a new folder on your computer

Name the folder as your first initial + your last name _ Lab5.

For example, John Smith would name his folder JSmith_Lab5.

3. In Muse, select "Export as HTML" from the File menu.

a. Enter anything you like in the Site URL textbox.

b. Click the Location textbox. A dialog box will open that allows you to select a folder.

c. Navigate to your newly created folder and click "Select Folder".

d. Click OK.

To verify that the site was correctly exported to the folder, double click the index.html file in that folder. You should be able to see the site in your browser as it appeared when you launched it from within Muse.

Note: You should see two folders (CSS and Scripts) and some other files (html and xml) after you export it to the folder.

4. Zip the folder and upload the zipped file to Blackboard.