HTML Basics 1
- January 22, 2020
- January 29, 2020
You’ve received content for a conference website and would like to begin structuring it in HTML. Using the markup skills you’ve learned so far (text, lists and links), structure the plain text content into a webpage using CodePen. Don’t worry about presentation for this assignment.
This is an individual assignment, and it will be turned in via Blackboard Learn.
Your completed assignment should look something like this.
Do not copy and paste another student’s code. If I catch you doing so, you’ll receive a 0 for the assignment.
WHAT TO DO
- Set up a CodePen account (in class).
- Create a new public pen and name it using this structure: “Your Last Name - HTML Basics 1”.
- Take the plain text content (provided below) and structure it into HTML in your pen. You must use semantic headings to indicate hierarchy. Links must be functional. Lists should be formatted as unordered or ordered lists. Pay attention to the client notes - they’re important.
- CodePen automatically inserts all of the required code for the HEAD of the document (the HTML, BODY and TITLE tags). Add in the Viewport meta tag to make the site behave responsively on mobile devices. (Settings > HTML > Insert the most common viewport meta tag)
- After you’ve completed your testing, log in to Blackboard Learn to submit your assignment. Go to Assignments > Assignment Name. Under Write Submission, Paste the URL of the Pen (Editor Mode). Click Submit.
Poynter KSU Media Ethics Workshop 2015
About the Conference
Covering trauma – a tragic accident, a horrendous attack, a sickening court case, a catastrophic weather event – exposes journalists and victims to complicated questions about ethics and responsibility. This year’s Poynter KSU Media Ethics Workshop will delve into significant topics including privacy, re-victimization and the trauma that journalists themselves often deny. Best practices for PR and other media professionals also will be covered.
The Poynter KSU Media Ethics Workshop is a one-day training program for professionals, educators and students that examines critical issues and perspectives in media ethics. Moderated by distinguished ethics faculty from The Poynter Institute, the Media Ethics Workshop provides a unique forum for professionals and students alike to confront and discuss significant issues crucial to understanding media ethics and its effect on our world. Previous Workshops have addressed online ethics, sports media ethics, political media ethics, entertainment media ethics and the ethics of data mining. Established in 2004, the Poynter KSU Media Ethics Workshop continues its mission to strengthen media credibility and bolster citizens’ faith in media integrity.
(Client Note: Can we maybe emphasize the times with bold or italics and format this into bullets to make it more readable?)
8:30 - 9:00 Registration and Continental Breakfast
9:00 — 9:15 Welcome and Introductions
9:15 — 9:45 Introductory Session - Why this is important?
9:45 — 10:45 Telling Johanna’s Story
10:55 — 12:00 Breakout Sessions
12:00 — 1:15 Lunch: Keynote Dr. Frank Ochberg - “Coping with Cruelty”
1:15 — 1:30 Announcements
1:30 — 3:00 “Extreme Crisis Communications: Best Practices”
How to Register
(Client note - this is hard to read. Can we number these in steps? Also, make the words registration website one of those interactive things that takes you to a website when clicked.)
(1) Visit the Registration website https://mediaethics.jmc.kent.edu/#register (2) Select Student or Media Professional/Educator based on your role. (3) Complete the registration form and payment process. (4) You’ll receive a ticket via email. Bring this with you to the conference.
(Client Note: put these in bullets. It would be really cool if an email would open up when you click on our email addresses)
Jan Leach: firstname.lastname@example.org, Jennifer Kramer: email@example.com, Melinda Stephan: firstname.lastname@example.org
Use the following rubric to ensure you receive the highest possible grade for the assignment:
- 3-4: HTML is structured appropriately. Headings show hierarchy, links are functional, paragraphs are tagged appropriately and lists are marked up correctly. The client’s notes were followed and the appropriate links were posted to Learn.
- 2: The HTML is mostly structured correctly, but there are some syntax errors (tags are not closed or inappropriate tags are used). Some of the client’s notes were missed.
- 0 - 1: HTML does not use appropriate tags for the types of content. Few tags are formatted appropriately, client notes were missed and the pen was not set up or submitted according to instructions.