| Date | Topic | Due |
| June 3 | Review 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 4 | Jobs 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 Juan | Cascading 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 Tutorials – Login 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 Monday – Login 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 Tutorials – Login 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 Tutorials – Login 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 27 | WordPress 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 1 | Work on Final Project Some final tips – scroll to anchor WP sites. Introduction to Interactive Multimedia – might consider Coding and Data Skills elective. | |
| July 2 | Other 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 |
