Join Nigel French for an in-depth discussion in this video Establish a grid, part of Designing a Portfolio Website with Muse.
- [Instructor] When I created the document…I choose 12 columns,…and that's what we're looking at, our 12 column layout.…If we come to the view options…we can turn on a Grid Overlay highlighting those columns.…By itself I don't find that especially useful,…so I'm going to turn that off.…What we lack is anything like InDesign's ability…to create a baseline grid or to create a consisted…incremented ruling of horizontal lines.…Now if you're a web designer…you may just say, well get over it,…this isn't the world of print,…we can't line things up with quite the same precision.…
Well, maybe we can.…So I'm going to suggest, and it is just an optional thing,…that we create our own baseline grid.…It's not going to function so much as a baseline grid,…but it's just going to give us an incremented ruling of lines…to which we can more easily align stuff.…Now, of course, we have Smart Guides here…and you can see the Smart Guides kick in…when I move this gray rectangle…closer to the other two rectangles…you can see that pops up telling me…
- 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?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.