HTML Basics 2
- January 31, 2019
- February 05, 2019
You’ve been tasked with creating a landing page for Kent State’s Destination Kent State program. Using the content and instructions below, create this webpage on CodePen using semantic markup. Do not worry about presentation for this assignment.
This is an individual assignment, and it will be turned in via Blackboard Learn.
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
- Create a new public pen and name it using this structure: “Your Last Name - HTML Basics 2”.
- Take the plain text content (provided below) and structure it into HTML in your pen. Pay attention to the client notes - they’re important.
Submitting the Assignment
- Remember that CodePen automatically inserts all of the required code for the HEAD of the document.
- Copy the public CodePen URL.
- 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.
Your assignment should look something like this.
Client Note - Add the Welcome Weekend logo at the top
What Is Welcome Weekend?
Welcome Weekend 2015 is a weekend packed full of fun activities and events starting Thursday, August 27th through Sunday, August 30th. Students will move into their residence halls and attend their first hall meeting. Throughout the weekend, students will have the opportunity to meet fellow classmates in their FYE class, and get to know their way around Kent’s campus. This year’s events include a comedian, Convocation, FYE Common Reading, Discover Downtown Kent, and Blastoff! Other events include: bingo, movies, broomball, ice skating, and karaoke.
Client Note: Quotations should be marked up in proper blockquote (the quote text) and cite tags (the author’s name).
“Welcome Weekend is a great time to meet new friends and get acclimated with Kent State’s magnificent campus.” - President Warren
Client Note: Add this image between the text and the header. Don’t forget alt text for the image. Add a caption below it that says: “Students Attend Back to School Blastoff on the Student Green.” When creating an image with a caption, use the figure and figcaption tags.
Image URL: https://s3-us-west-2.amazonaws.com/s.cdpn.io/259273/DKSPage_WWImage.jpg
Welcome Weekend Schedule
Client Note: Set this up in a 3 column table please. The markup for the header row of the table is slightly different than everything else.
Table Headings: Time, Event, Location
8:00 A.M. - 7:00 P.M.
Event: RESIDENCE HALL MOVE IN. Follow your assigned move-in times from Residence Services mailing.
Location: YOUR RESIDENCE HALL
9:00 A.M. - 10:00 A.M.
Event: Air Force ROTC New Cadet Orientation Program (NCOP) and Parent reception. New Air Force ROTC cadets and their families are encouraged to attend an exposition presenting scholarship opportunities, AFROTC requirements, cadet life and possible future careers in the United States Air Force.
Location: TERRACE HALL
10:00 A.M. - 8:00 P.M.
Event: WELCOME WEEKEND CHECK-IN. Pick up your Welcome Weekend schedule and work with Welcome Weekend staff to learn about all events for Welcome Weekend 2015.
Location: KENT STUDENT CENTER BALLROOM
6:00 - 7:30 P.M.
Event: PARENTS & FAMILIES EVENING RECEPTION WITH THE ALUMNI ASSOCIATION. Relax and network with other KSU parents at this informal reception. Brief program at 6:30. Complimentary refreshments, soft drinks and cash bar. (Beer and wine only)
Location: KENT MARKET II or KENT STUDENT CENTER
7:30 - 8:30 P.M.
Event: HILLEL’S KOSHER ICE CREAM SOCIAL. Unpacked and not sure what to do next? Hillel at Kent State invites students to our house for delicious kosher ice cream creations! Come mix-in toppings and mix with new friends at this laid back social event that includes summer’s perfect dessert.
Location: COHN JEWISH STUDENT CENTER, 613 EAST SUMMIT STREET
9:00 - 10:00 P.M.
Event: RESIDENCE HALL MEETINGS. Residence Hall staff members will cover important hall and safety information and introduce you to resources available to assist you in enjoying a safe and fun living environment.
Location: VARIOUS LOCATIONS
9:00 - 11:00 P.M.
Event: KARAOKE. Show off your vocal skills or just cheer on your friends while music from Taylor Swift, Rihanna, and Maroon 5 play! Sponsored by Kent Student Center Programming.
Location: RATHSKELLER, KENT STUDENT CENTER
10:00 - 11:30 P.M.
Event: KENT STATE SHUFFLE. So you think you can dance? Show off your moves or just stop by to meet other KSU students.
Location: STUDENT GREEN
Client Note: Before the YouTube video, add an HTML comment that has the link to the YouTube video so that you can find it later if you need to. Use proper HTML comment syntax. Remember that HTML comments are only there for you, the developer, and do not display to the end-user.
Welcome Weekend Video
Client Note: YouTube videos should be embedded using the embed code provided by YouTube (under Share > Embed - which will give you an iframe).
Embed this video so that it plays directly on the page https://www.youtube.com/watch?v=tQmdT99jiYY
Student Success Programs
Use definition lists to mark up this content. Definition lists connect the labels (for example, Phone) to the corresponding content (for example, Phone Number).
Address: Center for Undergraduate Excellence - Suite 135; 975 Lefton Esplanade Kent, OH 44242 Phone:330-672-9292 Email:newatKSU@kent.edu make this a clickable email address
Use the following rubric to ensure you receive the highest possible grade for the assignment:
- 3 - 4: HTML is structured appropriately and with proper indentation. Headings show hierarchy, links are functional, paragraphs are tagged appropriately, image and tables are marked up properly. The client’s notes were followed along with the 11 steps 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). Images are not appropriate size. 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.