Class hours: 10:05 – 2:45
Mr. Bohmann | wbohmann@ewsd.org
10:05 Today’s Notes & Attendance
Week 13
LTA Slideshow from Braden 10:05
Welcome to Week 12- make those folders
Today + 4 more days and then you are on vacation. After CCV classes on Friday we’ll relax and do some afternoon gaming. So, let’s put in a good week before the Thanksgiving Break.
Web – I know it is not everyone’s favorite part of CAWD however we teach web because it is still relevant (you use it everyday) there are lots of jobs out there (that don’t require college) and it includes design and programming (which is useful in all new media). However, I’ll make you a deal….
I’m going to begin Game Design and Game programming. In the process, we’ll do some modeling in Blender and get familiar with Unity Game Engine and learn the fundamentals of C# programming.
Mondays – we’ll add modeling practice in Blender – Let’s call it “Monday Modeling” and Wednesdays (starting after the break) we’ll add in some Unity work (I don’t have a clever name for that). That means we’ll have a lot of variety happening. Stay on top of your work.
10:10 Monday Mail – Check Google Classroom and PowerSchool
10:15 Monday Modeling – The Box Model approach
For some of you, it has been awhile since you have worked in Blender. Make sure you have the latest version downloaded sometime this week. For reference, I am using Blender 4.2.3LTS on the main computer.
Today we will make a simple bird. We’ll focus on staying organized in the process. This bird will be used for a future project. I am going to suggest that you make a folder in your Google Drive – name it Modeling with Blender.
10:50 Break
11:00 English with Mx. Yopp
11:50 – 12:25 Web – Inline and Block and Border Box
Divs are nothing more than boxes. In fact, all of the elements you are using are basically boxes.
Some elements (boxes) take up the whole page left to right (we call those block elements!) Some examples of block level elements are: paragraphs, headings, lists, address, blockquotes, div, articles, sections, header, footer, form
Some elements are inline and take up a box or space (in the line) of the content they are found. Some examples of inline elements include b, em, var, button, label, span, abbr, small
Let’s tackle an issue out there that you might come across – border-box
By default, the width and height of an element is calculated like this:
width + padding + border = actual width of an element
height + padding + border = actual height of an element
If you think carefully, this can create a problem when trying to line up content on a webpage. If you set a width and height of an element to say 200px and add padding of 5px and a border of 1 px = well you may have a problem because the width and height of your box is no longer 200px!
Let’s build an example in CodePen together to see how this works. Then, let’s fix the problem.
To the rescue! – is the asterisk (*). The asterisk will apply a property and value to all elements. We will declare this in our Stylesheet. The *:before and *:after means this rule will apply to any pseudo elements too
*, *:before, *:after {
box-sizing: border-box;
}
12:25 – 12:55 Lunch
12:55 Independent Reading
1:20 Break
1:30 Design Challenge
1:55 Production Time and Guided Support
Current Assignments:
- Second Round of Resume – please turn in for review then build your html only resume
- About Me paragraph(s) submit on Google Classroom
- About Me Headshot – Submit on Google Classroom
- Hamburger.html – recreate the handout – Due Thursday – I’ll demo how to FTP to your website on Thursday.
2:38Dailies
Dailies can be placed in the CAWD2 Dailies Folder on the CAWD2 Public Folders drive