Join Nigel French for an in-depth discussion in this video Prepare your assets, part of Designing a Portfolio Website with Muse.
- [Instuctor] In this chapter we're going to talk about…how to best display your work.…So let's just take a look at…how I'm doing it.…So we come to the work section…where we have these thumbnails…that have rollovers,…and these all branch off to the separate…project pages where there is…a slideshow with captions.…So what we're going to do here…is we are going to create these gallery images…and in the subsequent movies in this chapter,…we'll be creating the thumbnails…and the rollover states for those thumbnails.…
So how best to display your work.…One option is you can just work with…flat screen captures, and that's fine.…A problem with that is that you often…end up with things in different aspect ratios.…You've got vertical shots,…you've got horizontal shots, square,…and that can be a bit problematic.…So it helps to have a standard size of stage.…And that's something that you can achieve…with photographs.…If you feel like photographing your work yourself,…obviously that is going to be…the most customized option.…
You might consider using something like this,…
- Starting a new portfolio website
- Making a header and footer
- Adding navigation
- Including social media icons
- Adding an autoplay slideshow
- Making thumbnail images and buttons
- Creating an About page and a Contact page
- Linking pages together
- Creating an accordion menu
- Adding breakpoints for responsiveness
- Testing and publishing a website
Skill Level Intermediate
Creating Icon Fonts for the Webwith James Williamson3h 55m Intermediate
1. Plan Your Portfolio
2. Set Up Your Site in Muse
3. Display Your Work
4. Add Pages
5. Make Your Site Responsive
6. Publish the Site
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.