layout – MMP 350 Advanced Web Design

Week 5: 2/23

This week we will be doing more work on the Portfolios, writing the HTML and CSS to turn your wireframes into actual web pages. We will also talk about design and look at on color, typography and layout for the sites. BEFORE CLASS View my comments on your Portfolio Brief. If you have not submitted… Continue reading Week 5: 2/23

Class 5 [2/9] Wireframes and CSS Grid

Sorry, but you do not have permission to view this content. If you are a student in the course, please make sure that you are logged in to the OpenLab and have joined our course and then you will be able to see the content.

Class 4 [2/7] Portfolio Brief and Layout

Today we started with a relatively long introduction where we talked about a few different aspects of the class. After that we spent time going over the Portfolio Brief Assignment including giving some examples of past work. To finish the class we did some work on doing layout on the web that included some theory,… Continue reading Class 4 [2/7] Portfolio Brief and Layout

Class 3 [2/2] HTML and CSS

Creating HTML from Wireframes

When making your web site you need to create HTML that matches your wireframe diagrams. Perhaps the biggest lesson here is to make sure to that you have set up Page Structure elements (see HTML 5 Periodic Table) to match the page areas that you have outlined in your wireframes. Remember that for both CSS… Continue reading Creating HTML from Wireframes

Week 6: 2/28 + 3/2

This week is and end and a beginning. We will finish up our Responsive Personal Sites, and then start into the next phase where we do those sites again but using Eleventy. Thursday 3/2 Activity 1: Responsive Personal Site Q&A Most of you have turned in the Responsive Personal Site which is great, but there… Continue reading Week 6: 2/28 + 3/2

Tag: layout