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
> 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.
DUE: First blog post due online no later than 11:59 p.m. February 11. Make sure you set the WordPress clock to East Coast time!
>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 and IMG 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!
- 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.
> Tech time: HTML tables (the TABLE, TR and TD elements); Embedding YouTube videos
Learning to Write for the Web (Lynda.com)
> Sample website text creation (group work)
DUE: Text for final projectBuster & Ellie
DUE: Midterm Exam
> 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 26 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.
> Why Curation Is Important to the Future of Journalism. Using Storify to curate a topic via social media. A good overview. FAQs. 5 "Rules" for Journalists Using Storify. A good example of using Storify. Another good example of using Storify. How do I change my Storify's cover photo?
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.
Open lab time
DUE: HTML/CSS pages; Multimedia
For further learning:
> Expanding your coding skills with Bento