Start learning with our library of video tutorials taught by experts. Get started

Designing a Portfolio Website with Muse
Illustration by John Hersey

Designing a Portfolio Website with Muse

with Steve Harris

Video: Welcome

(music playing) Hi! I'm Steve Harris and this is Designing a Portfolio Website with Adobe Muse. Getting starting in web design can be intimidating task. But now you can focus on designing your portfolio website, while Muse takes care of writing the code for you. In this course, I'll show you how to efficiently plan your portfolio site by gathering content and assets, then creating your site plan. I'll show you how to add texture and transparency to create depth in your design.
Expand all | Collapse all
  1. 5m 1s
    1. Welcome
      1m 13s
    2. Using the exercise files
      2m 7s
    3. Understanding what you should know before watching this course
      30s
    4. Touring the Red30 Design portfolio site
      1m 11s
  2. 11m 4s
    1. Exploring information design
      2m 31s
    2. Generating content
      1m 46s
    3. Wireframing the site
      3m 58s
    4. Adding a mobile or tablet layout (New)
      2m 49s
  3. 32m 29s
    1. Creating master pages
      3m 19s
    2. Building and placing graphics from Photoshop
      2m 50s
    3. Building and placing graphics from Illustrator
      2m 5s
    4. Building graphics in InDesign
      3m 39s
    5. Creating repeating backgrounds
      4m 33s
    6. Manipulating layers and transparency
      4m 4s
    7. Creating buttons and button states
      5m 32s
    8. Defining and redefining text styles
      4m 13s
    9. Understanding the Sticky Footer (New)
      2m 14s
  4. 1h 10m
    1. Creating the header and the footer (Updated)
      4m 53s
    2. Adding the navigation widget
      6m 26s
    3. Creating a rotator for text and graphics
      6m 45s
    4. Creating the office photos slideshow
      6m 28s
    5. Creating the floating contact menu
      3m 42s
    6. Styling the tabbed photo panels on the team page
      7m 4s
    7. Creating a lightbox photo gallery
      8m 32s
    8. Styling the contact page
      5m 24s
    9. Creating a document link for downloadable content
      4m 5s
    10. Setting up a Business Catalyst contact form (Updated)
      3m 49s
    11. Styling and adding states to the contact form
      6m 52s
    12. Creating a Wufoo contact form
      6m 21s
  5. 30m 48s
    1. Best practices for search engine optimization
      5m 35s
    2. Inserting and activating Google Analytics
      4m 20s
    3. Setting up Google Webmaster Tools
      4m 44s
    4. Publishing to a third-party hosting server within Muse
      5m 8s
    5. Buying and linking a custom domain name
      6m 43s
    6. Enabling and using content management (New)
      4m 18s
  6. 25m 48s
    1. Pinning graphics to create depth (Updated)
      2m 36s
    2. Adding full-size images as backgrounds
      2m 26s
    3. The basics of horizontal scrolling websites
      5m 38s
    4. Placing a layered PSD file into Muse
      3m 19s
    5. Integrating Adobe Edge Animate graphics
      3m 6s
    6. Working with the Layers panel (New)
      2m 25s
    7. Working with Parallax Scrolling (New)
      4m 28s
    8. Helpful resources (Updated)
      1m 50s

Watch this entire course now —plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Designing a Portfolio Website with Muse
2h 55m Intermediate Nov 01, 2012 Updated Jul 24, 2013

Viewers: in countries Watching now:

Create and publish a complete portfolio website with Adobe Muse—without writing any code. Author Steve Harris takes designers through the most important stages of a web design project, which include planning the site structure, preparing graphics to import into Muse, and working with widgets and embedded content to integrate unique functionality. Plus, learn how to add an alternative layout for mobile and tablet views. The sample website created in this course is geared toward a creative professional such as a graphic artist or photographer who is looking to publish work online, but it could be useful for any type of image collection.

Topics include:
  • Planning the site with a wireframe
  • Creating master pages
  • Building and placing graphics from Photoshop, Illustrator, or InDesign
  • Creating buttons and button states
  • Adding a header, footer, and navigation widget
  • Creating a slideshow
  • Setting up a contact form
  • Publishing to a third-party hosting solution
  • Tracking site traffic with Google Analytics
Subjects:
Design Photography Web Web Design Projects
Software:
Muse
Author:
Steve Harris

Welcome

(music playing) Hi! I'm Steve Harris and this is Designing a Portfolio Website with Adobe Muse. Getting starting in web design can be intimidating task. But now you can focus on designing your portfolio website, while Muse takes care of writing the code for you. In this course, I'll show you how to efficiently plan your portfolio site by gathering content and assets, then creating your site plan. I'll show you how to add texture and transparency to create depth in your design.

I'll demonstrate how to incorporate web fonts to give your site a unique look. We'll cover how to embed HTML content, then we'll add built-in widgets to make your portfolio interactive. Lastly I'll explain how to purchase and set up a unique domain name as well as help you to optimize your website for great search rankings. Investing the time and energy in building a professional website to showcase your portfolio is one of the most important aspects of creating a successful business and with the release of your new secret weapon--Adobe Muse--the time has never been better.

So let's get started.

Find answers to the most frequently asked questions about Designing a Portfolio Website with Muse .


Expand all | Collapse all
please wait ...
Q: This course was updated on 7/24/2013. What changed?
A: We added new movies on mobile and tablet layouts, the new sticky footer, working with a content management system (CMS), the Layers panel, and the Scroll Motion effect, which allows for parallax scrolling.
 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Designing a Portfolio Website with Muse.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.