Course ScheduleNote: Course schedule is subject to (and probably will) change.
> A Brief History of Digital Publishing
> The Internet in 1977;
History of the Internet; A preview of the Internet in 1981; The Internet in 1993; Mosaic turns 25; Gopher; Mosaic
> History of HTML
> The state of the art in Web design in the 1990s: Ancient Abandoned websites
DUE: Three ideas for semester project
READING DUE: Learning Web Design, Chapters 1-4.
SUGGESTED VIEWING: HTML Essential Training
> What makes content engaging?
> Review of ideas for semester project
> Branding; purchasing your own domain; Planting Your Flag on a Patch of the Web
> Tech time: Working with Notepad. (Using TextEdit on a Mac? Read this.)
> HTML cheat sheet. HTML syntax; A visit to W3Schools. HTML file-naming conventions. Elements, Tags and Attributes. The DOCTYPE, HTML, HEAD, TITLE, META, BODY, EM, STRONG, P and H elements. Color codes.
> Homework: Watch Introduction and Sections 1-3 of this Lynda.com video.
DUE: Final Topic and Resource list (all should be printed out; be sure to include URLs for all websites); Post your blog URLs here.
READING DUE: Learning Web Design, Chapters 5-6.
>The First Rule of Web Club
> Blogging basics: Categories vs. tags, the blog roll, linking, widgets; What a good post looks like; SmittenKitchen; Are Food Blogs Over?; Anatomy of an Effective Blog Post; 8 reasons why you still need to blog; Why Blogs Are Still Important in 2017; Blogging Trends and Predictions for 2017
> Tech time: HTML special characters; The BR, HR, A (HREF, NAME; MAILTO), BLOCKQUOTE, OL/UL elements; Adding comments to HTML code. Publishing your Web site. Using Filezilla to transfer files to the server. Directory structure
> Lab: Setting up an HTML home page
> Homework: Watch Sections 5-6 of this Lynda.com video.
DUE: Bring your USB drive with you to class!
DUE: First blog post due online no later than 5 p.m. February 7. Make sure you set the WordPress clock to East Coast time!
READING DUE: Learning Web Design, Chapters 7-8, 10, 23-24.
SUGGESTED VIEWING: Photoshop CC Essential Training: The Basics
- Ctrl + A: highlight the entire contents. For example, if you are in a folder, it highlights all items. If you are in a webpage, it highlights the entire page.
- Ctrl + C: copy selected contents
- Ctrl + F: find something
- Ctrl + O: open something
- Ctrl + P: print a document
- Ctrl + R: refresh current application. For example, if you are in a web browser, it refreshes the webpage.
- Ctrl + V: paste whatever you just copied
- Ctrl + X: cut selected text
- Ctrl + Y: redo
- Ctrl + Z: undo
- Ctrl + F5: does a hard refresh in a web browser. A hard refresh means that browser would requery the website for page contents, without using its cache.
>Group work: Blog peer review
> Tech time: The IMG tag; HTML tables (the TABLE, TR and TD elements); Embedding YouTube videos
REQUIRED VIEWING BEFORE CLASS: Learning to Write for the Web
> Sample website text creation (group work)
DUE: Text for final projectBuster & Ellie
DUE: Midterm Exam
READING DUE: Learning Web Design, Chapters 11-13.
SUGGESTED VIEWING: Introduction to CSS
SUGGESTED VIEWING: Dreamweaver CC Essential Training
> Tech time: Cascading Stylesheets (CSS) Pt. 2: CSS Styling; CSS tutorial; CSS Cheat Sheet; The CSS Box Model; Create a stylesheet to use with your Tiger home page. Fonts, colors, text and links. Acceptable fonts.
Note: February 25 is the last day to withdraw from 7-week courses with a grade of "W."
DUE: Bring all the photos you want to use on your website, including those for your logo.
> Map example from The Baltimore Sun: Baltimore Homicides
> Legal issues in digital publishing. Everything Pinterest and Tumblr Users Need To Know About Copyright Law. Legal and liability issues for publishing an online news site. The Associated Press, Shepard Fairey Reach Settlement In Fair Use Lawsuit.
Final project benchmarks: Index page created with text placed and at least one sidebar/footer area filled. Updated files saved to Tigerweb.
> Search Engine Optimization (SEO): 10 Ways Journalists and Newsrooms Can Conquer SEO; A Journalist's Guide to SEO; Image Alt Text Vs. Image Title : What’s the Difference?; The Periodic Table Of SEO Ranking Factors; The Journalist's Guide to Analytics; Web Words That Lure the Readers; 4 Simple Steps to Optimize Your Photos for Search Engines
Final project benchmarks: Index page finished (logo replaced, colors updated, photo(s) replaced, all sidebar/footer elements finished). Copies saved for subpages. Updated files saved to Tigerweb.
The state of the art in digital journalism:
Final project benchmarks: All subpages finished. Updated files saved to Tigerweb.
DUE: HTML/CSS pages; Multimedia
For further learning:
> Expanding your coding skills with Bento
DUE: Final revisions of project due online for grading by 5 p.m.