DateTopicDue
June 3Review Syllabus, Schedule, Introductions
History of Internet & Web
Searching the Web, How Web Works

The Evolution of the Web 
Glossary of Internet Terms

KPCB Internet Trends, 2018; 2019 report should be out soon
A Deeper Dive into KPCB Internet Trends, 2018
History of the Internet
InfoPeople Search Tools Chart
How Search Engines Work

Presentation: Using the Web 

Assignment:
-Watch all the HTML Tutorials on CodeActually.com. We’ll review in class throughout the week.
-Look for the invitation to join Slack channel and be ready to make required posts. In the #general channel, post a brief introduction.
-Review the KPCB Trends report above. What do you think are the most significant Internet trends? Why? What new trends do you think will be included in the 2019 report when it is released? Use #internettrends on Slack.
On Slack, to find channels to which you have not already joined, just click on the word “Channels” in the left sidebar. If you are on mobile, click the + sign. Then you can join the proper channel for the discussion.

June 4Jobs in Digital Media
Jobs Presentation

Basic Web Design Principles
HTML Tutorials on CodeActually.com
-Getting Started
-Basic Elements
-Inserting Images
-Links

Web Hosting – Reclaim Hosting.  We’ll discuss in class.

Assignment:
Work on personal site – Project 1
Setup your Reclaim Hosting account with domain. Download Fetch or other ftp program on your own computer.
June 5
Aaron
HTML continued
-Lists
-Tables
-HTML Navigation
-Other Elements
-FTP

Publishing Your Site
Setting Up Hosting and Transferring Files

Assignment:
Work on Project 1 outside of class, so you can complete and upload it by the end of class tomorrow.
You may want to review additional HTML tutorials on Lynda.com. You have free access to Lynda.com tutorials as a student.
If you have a Mac, you can install Fetch on your own computer. For a PC, use FileZilla.

June 6
Blade
Work on Project 1 – HTML Personal Site
When your project is complete, submit your url on this Google Form.
Project 1 Due
June 7
Andrew
We will not meet in class.
Online Assignments:
Watch before class next week:
History of the Internet: Part I – How the Internet Was Invented
History of the Internet: Part II – How the Web Became a Thing
History of the Internet: Part III – The Data Explosion
How the Web Works
Watch all these videos. Create a post on our Slack discussion #internethistory: What was most interesting about what you learned in these videos?
What didn’t you know about the history of the Internet and Web before watching? This is due by 4pm on Friday.

Due Before Class on Monday:
-Do a Slack post – find three sites you think are well designed and why? Provide links, screenshots of images that demonstrate your points. #websites.
-Watch the tutorials on CSS and Photoshop.
June 10 JuanCascading Stylesheets for Layout and Design (CSS)
CSS Tutorial
CSS Properties Handout

CSS Exercise: Apply CSS for graphics and layout to your every page of your HTML site; create the desired layout and color scheme; ftp to your domain to replace your HTML project.
June 11
Edna
CSS Exercise Completion

Using Images and Graphics on the Web
Intro. to Photoshop

Assignment: Review Responsive Design Tutorial – CodeActually.com before class tomorrow.



June 12
Seth
Design Principles
Eight Basic Design Principles
Design Presentation

Responsive Design
Responsive Design Presentation
Responsive Design Tutorial – CodeActually.com
Responsive Design
Responsive Design Handout
Introduction to Media Queries
Responsive vs. Mobile Site vs. Mobile App


Additional Lynda.com TutorialsLogin here to get access to Lynda.com.
CSS Essentials I
Responsive Layout
Photoshop – The Basics


June 13
Sallie



Work on Project 2 – update site with CSS, optimized photos and graphics, responsively designed. See project description. Re-ftp to your domain to replace previous projects.
Project 2 Due
June 14
online assignments
Lauren
Online Assignment:


Watch videos: Download: The True Story of the Internet; blog post about video. Watch Parts I – Browsers, II – Search. Each section is about 45 minutes long, so give yourself time). Make a Slack post on #searchbrowsers about the videos. What elements were the most interesting? What did you learn about innovation by watching these videos? What has happened in the realm of digital media in the areas of Search and Browsers since this video series came out? Be specific in your post, using examples from the videos. Complete this before 4pm on Friday.

Review Lynda.com Tutorial before class on MondayLogin here to get access to Lynda.com.
iMovie Essential Training
June 17
Breanna
Troubleshooting Exercise – You have learned a lot of HTML/CSS/Responsive Design concepts. Now you will apply them to a site that has a few errors that you will correct.

Download and unzip this file trouble.zip (will be linked on June 17). It will download to your Downloads folder, so move the “trouble” folder to your Desktop to work on it.

Here are some Troubleshooting Tips. You will have 40 minutes for this assignment.

Can you correct all the mistakes on the index.html and css files? There are several problems that can be fixed by simply adjusting code. Make the page look exactly like the one that is presented on the screen (or in this finalproduct.jpg image). Make sure all links work, all images show, all content shows, layout reflects the example. Only fix problems on the home page. Nav links don’t need to work.

You can’t talk to anyone, but you can use any resource on the web that you feel will help you. Reference any of our tutorials, projects or any web site that provides proper syntax.

Extra Credit: In addition to the solving the problems at largest size, add the styles to the media query (550px) to make the aside show below the section at that size.

Hint: most of the changes are in the html, but a few are in the CSS. Don’t over think. These are simple coding changes, not major design adjustments. Start with figuring out why the stylesheet is not applied.

When you are done, ftp the entire “trouble” folder to the public_html folder on your site. Make sure everything works after you ftp it, as well (go to yourdomain.com/trouble to test it).



Introduction to Multimedia Editing
iMovie Handout
June 18
Oscar
Multimedia Exercise in class
You will have the entire class to work on and complete this exercise. Here are the requirements for the iMovie Project.

June 19
Mary

Bootstrap
Bootstrap Tutorial – developing a site using a templating system
Bootstrap Presentation



Additional Lynda.com TutorialsLogin here to get access to Lynda.com.
Bootstrap 4 Essential Training


June 20
Felicia

Additional CSS
Flexbox
CSS Grid
Flexbox vs CSS Grid
Using Google Fonts – add fonts to your drawer and add embed snippet in head of your document above your stylesheet. Then you can use the fonts in your stylesheet.

Multimedia Journalism – We’ll review great work examples.
Snow Fall: The Avalanche at Tunnel Creek – NY Times
A Game of Shark and Minnow – NY Times
The Jockey – NY Times
Firestorm – The Guardian
Black Hawk Down – Philadelphia Inquirer
Collings Guitars – Jorge Sanhueza-Lyon
Lonestar Rod and Kustom Round Up – KUT
Planet Money Makes a T-Shirt – NPR
Graffiti Permission Wall – Andrew Goodwin
Examples and Articles
Interactive Narratives
Innovative Interactivity
June 21
online assignments
Solietthe
Multimedia acquisition for project
Work on Project 3 and be ready to complete it in class on Monday.

Watch Videos:  IV – People Power (feel free to watch Part III as well, but it’s not required. Each section is about 45 minutes long, so give yourself time). Make a Slack post about the video on #peoplepower channel. What elements were the most interesting? What has happened in social media since this video was made? What are the trends for the future of social media? Due before class on Monday.


June 24
Antonio
Creating a Subdomain – use the Reclaim Hosting Cpanel to create a subdomain for your project, something like subdomain.yourdomain.com. Leave the Directory Root blank. You can see all subdomains listed below on this page.

Encrypt Subdomain – Reclaim Hosting gives you a free SSL certificate for your domain, and you can install free SSL certificates for any subdomains you create, so you can use https:// for links to your site. This allows any information that goes across your site to be encrypted. In order to use the https security for your site, you should also go to the Let’s Encrypt option under Security on the Cpanel and Issue the certificate for the new subdomain.

June 25
Ashley

Complete multimedia reporting project – When you login with an ftp program, you will find the subdomain under the / folder. Upload all associated .html, .css and images with the proper file structure to this subdomain. Make a link to it on your Assignment page and reload that page to public_html.

Bootstrap Project Due
June 26
Adri
Adding Google Analytics to your site.

Add a Favicon to your site – create a square image of your site logo and use a
Favicon generator to generate the favicon.ico file that will be 16×16 pixels. Then upload this file in the root of your domain for the browser to find. if you need different favicons for different pages or folders within your site, see the instructions at the link to provide the code to your html pages.

WordPress Tutorial – using a Content Management System

Additional Lynda.com TutorialsLogin here to get access to Lynda.com.
WordPress 5 Essential Training

Assignment:
Work with your Test WordPress site to practice all the features.

Choose your final project topic.


June 27WordPress continued
Working with Plugins

Assignment:.
Create a new subdomain for your final project topic and install WordPress. Pick a theme.
June 28
online assignments
Abigail
Work on Final Project
-Read through this report Superpowers: The digital skills media leaders say newsrooms need going forward.   Make a post on #superpowers. What do you think are the most important skills for communicators? What do you think about the results of this report in regard to your own career? Respond on #superpowers channel on Slack. Due before class on Monday.

Critique a Student’s Site – you will be assigned a student’s site to provide your own critique. Do this in the #sitecritique Slack channel. Include the url for their main site and consider design, color scheme, layout and content. Critique both the personal site and the multimedia reporting project. Provide helpful criticism for the site owner. Due before class on Monday.
July 1Work on Final Project
Some final tips – scroll to anchor WP sites.

Introduction to Interactive Multimedia – might consider Coding and Data Skills elective.
July 2Other features of Reclaim Hosting – setting up email, addon domains, file manager, dns zone editor, phpmyadmin
Final Project Due – Organization or Event Site

Join FB Group for Web Design Students – private group. Ask to join and I will approve you.
Final Project Due