RECR 200 - Week 12

Week 12

HTML and CSS

Introduction

This is video week and I need you to review these videos in the next few weeks so you are comfortable with coding a basic HTML page. There is no assignment due this week so all you need to do is watch these videos.

I am changing up the assignment a bit this year. It is basically the same assignment as last year; however, it is more applied and will teach you more of the mechanics of how to build a web page and what is behind web pages. I found a series of instructional sites on YouTube and have imbedded the ones I found more helpful below. As you go through the videos, it may be helpful for you to also complete the tasks that the instructor is demonstrating. There are more in this series on YouTube and you are welcome to explore them, but they are not going to be related to your assignment. You will receive the details of your assignment next and all the details of how to complete and submit your assignment will be posted soon.

You will need a text editor to complete your assignment. Thankfully most operating systems come with a free text editor. Apple Macs come with TextEdit and PCs come with either Notepad or Wordpad. If you want to download a different text editor, I find Notepad++ and Sublime helpful. I personally find Sublime very helpful when coding the websites I work on because it changes the color of the HTML tags and you know if you made an error almost immediately.

There is also a video about how to get started with Google Sites, which is also helpful for your final project.

Videos

Video Description from the site: In this video we go over the basics of HTML and what you will need to follow along for the entire series. This series will cover the latest concepts including HTML5.

Video Description from the site: In this video we go over the basic structure of HTML and create our first web page.

Video Description from the site: In this video we go over adding line breaks, spacing, and comments to your HTML code.

Video Description from the site: In this video we go over Ordered and Unordered lists in HTML.

Video Description from the site: In this video we go over adding a link to your web page.

Video Description from the site: In this video we go over setting up links t sections on the same web page.

Video Description from the site: In this video we go over adding a image to a web page.

Video Description from the site: In this video we go over sizing an image on your web page

Google Sites Overview