Join Nigel French for an in-depth discussion in this video Block out content regions, part of Designing a Portfolio Website with Muse.
- [Instructor] My next step in creating the online portfolio…is to block out the different regions of content…on the home page.…The home page is just one long scroll of information,…and I just want to mark out…the different regions of content.…Referring to the wire frame, and let me just refresh…your memory that this first breakpoint of 1,200 pixels…we're designing with a screen resolution…of 1440x900 in mind.…
And the first 89 pixels of that is…given over to, 89 or maybe more,…but thereabouts, it's going to vary,…is given over to the browser Chrome,…and then we have 100 pixels of header,…so 189 subtracted from 900 leaves us with a size…of 711 pixels for each of these content areas,…not shown here cause this thing's changed…since I made the wire frame.…
There's the hello section, there's the thumbnail section,…there's the about, and there's the contact,…so four sections.…The contact is actually going to be slightly smaller…than that, it's going to be 40 pixels less…because beneath it we have the footer,…which is at 40 pixels.…
- 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 56m 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.