Class hours: 9:40 – 2:05
- Nice kitchen render in Blender.
- Always interesting to see something from a different perspective.
- Intersting design challenge where words in Arabic were visualized to their meaning. Not all are perfect 1 to 1 versions, but even neat to see designs heavily influenced by the word structure itself.
- As we get into Web Design today, timelines could be elastic or compressed based on how things go (and more likely how technology goes). Just plan to roll with it as we work. Every year is different.
- Anyone in the room think they could get to the beach?
9:40 Attendance and Article
9:45 Web Design Day 1
Today we are going to start working on Web Design on Cawd. We are going to start the process of learning how:
- html (the underlying structure)
- css (the control of the visuals and the design)
..control the “Front End” of the web. Front End Web Design deals with what users are interacting with on their computer, cellphone, table, airplane seat, watch, etc. Wherever a user is “using” the internet, that is Front End Design. Many times UI/UX (User interface / User Experience) is also integrated in Front End Design.
This is the most direct Cawd focus to good paying local jobs.
Dealer.com is a great example of workplace our kids have moved on to. If you find you enjoy this semesters coursework you can make a great living in Vermont. Good $, close to skiing and hiking, etc.
First we must organize
- Root directors (What are root directories?)
- Everything must be consistent – let’s do this now
Next we are going to install MAMP
The internet runs on “web servers”. These computers live online and “serve” up websites when users click on links. www.cawdvt.org is our web server, and we will put our work there for grading, when it is “done”. While we design and develop our projects, we often want to test our projects on a web server, but not have to use FTP software (like Cyberduck) every time we change a character, or a color. So we we are going to install MAMP on our machines. In essence we are going to install a little web server on all of our iMacs to develop. This will give us the same tools that are on real web servers, but on our iMac’s so development is super fast. Then at the end, when a project is complete, we will upload the project folder to the web server for grading. Each project will have its own folder.
Next, we will look at our Atom (our Coding Environment)
Atom brands itself as a “A hackable text editor for the 21st Century”. It is free, has lots of themes and plugins, and works on many different operating systems.
Let’s open it up, set up some preferences, and explore.
10:45 (Break 15 Minutes)
11:00 Thursday Morning Web Content
- Basic html5 document
- Horizontal rules
- Ordered and Unordered lists
- Images / sub folder navigation and organization
- Setting up Homepage V1 (this may be unrealistic on time, but let’s see how she goes)
Once we have built a basic html page and are “done” we are going to upload this to the live Cawd Webserver (www.cawdvt.org) and have it tested out. By lunch you will have have gone through the professional workflow of developing and testing locally, and then pushing live when complete.
12:10 Lunch (30 Minutes)
12:40 Attendance and Article
12:45 Wednesday / Thursday Photoshop Exercise: Silhouette with Mountains
Tuesday we all worked on creating Judah’s “Silhouette with Mountains” design:
Today I want you to go in your own direction and create your own version of “Silhouette with Mountains”. You will use many of the same tools and skills to create your own design.
Main requirements are:
- Silhouette of readily identifiable object
- Different layers in the background
- Monochromatic color scheme – don’t give me fruit salad, constrain yourself to a more limited palette
You can do a variation on Judah’s theme and do face silhouette and mountains. Choose a different face, mountains, and color scheme.
Save your file as “(lastname)Silhouette.psd” and “(lastname)Silhouette.jpg” and upload into “week_20”.