IT521 Week 8

Topic: Essential Web Design and Development Skills for your Portfolio I Basic HTML and Google Sites

Readings

Goals
The goal of this week is for all participants is to become familiar with basic HTML coding, troubleshooting with HTML, if you are already familiar with HTML coding then find something new about it, and become familiar with Google Sites.

Announcement

  • Interview a Professional draft is due next week
Agenda

Asynchronous Activities on your own with some Blackboard Reporting Due Prior to Synchronous Class Meeting

Due: Your Broken Code Examples and your Google Sites are due before we meet for the synchronous session, also help each other in the "Hi all I need Help!" Blackboard Discussion Board throughout the week

Please note, while there are no specific discussion about the readings this week your development work will be highly supported by them. Use them as needed.
  1. Try out HTML coding yourself--First go to www.w3schools.com/html/default.asp and read about and try out as many tutorials and their examples as you can. Everyone in this class comes with different background in HTML and I trust that you will be a good judge of what information you are already familiar with and what is new to you. Find at least 5 HTML tutorials on the w3school site and learn about HTML and work on the example provided on the site. Try them yourself by clicking the "Try it yourself>>" button. This may mean that advanced HTML coders will have to venture into CSS 2.0, HTML 5, or CSS 3. Just be prepared to be able to explain to others in class during our synchronous session 5 new coding related issues you learned. Copy and past the examples you generated as a text file on your computer and save it as a text file, not rich text format. Give it a ".html" extension. Do not do this in MS Word it will garble it up (yes I am making this a technical term) with annoying unnecessary codes. You may have to edit the title of the file by deleting the ".txt" extension and typing ".html" yourself. Then open the file in at least 2 browsers and see if they look the same or different.

    You can learn more about HTML coding and practice at:

    http://www.lynda.com/SharedPlaylist/c9b13813976848488f82a9a14c69b336?org=utk.edu

    Explore HTML Essential Training

  2. Create broken code examples for other participants to troubleshoot--Being able to code properly in HTML is an important skill; however, in my own experience it is even more valuable to be able to troubleshoot broken codes. This is a skill you need even if for the most part you will be using an HTML editor and will not be coding on your own. Often times HTML editors can insert codes that causes problems and you will inevitably need to go into HTML view and find the problem yourself and fix it at the code level. In order to help each other in class develop skills for diagnosing broken codes you need to prepare 3 HTML files that you have purposefully broke the code. It could simply mean that you have repeated tags unnecessarily, forgot to close an open tag, or use tags that conflict with one another. In any case, either create new files or use the examples from the previous activity and break the code and see what happens. Once you have 3 different files/pages with broken codes that need troubleshooting go the the "HTML files that need trouble shooting" discussion board in Blackboard and post them there. In the discussion board you need to share your broken codes. Create a new thread and post your .html file as an attachment to your thread. Other participants can see how your broken codes behave by downloading your file and opening it in a browser. Repeat this until you post all 3 broken code files. We will use synchronous class time troubleshooting in teams. Note, if you simply copy and paste your broken codes into the Blackboard text field, Blackboard will fix it for your. Therefore, you need to upload the .html file with the broken code as an attachment to the discussion board.

    You can learn more about HTML coding and practice at:

    http://www.lynda.com/SharedPlaylist/c9b13813976848488f82a9a14c69b336?org=utk.edu

    Explore HTML Essential Training

  3. Spend some time with Google Sites and share your Site to the Class--Go to support.google.com/sites/?hl=en and learn about Google Sites and create a web site. You can choose whatever topic you want for the site. If you do not already own a Google Sites account you will need to start by creating an account. Once you get started with the "Beginner's Guide" the help information will walk you through how to create a page, edit your page, adding objects, understanding revision history, and several other aspects for managing websites and editing web pages with Google Sites. If you are already familiar with Google Sites, explore topics and find at least 5 new things that you did not know how to do with Google Sites. Please come to class and be prepared to share your Google Sites web site and a minimum of 5 new things you learned about Google Sites. Please note, this course website is created with Google Sites, if you have trouble finding something you did not know about from the Help page you may want to check out the the course site and see whether you can find something that you did not know how to do and try to figure out how to replicate it on your site.

    You can learn more about Google Sites at:

    http://www.lynda.com/SharedPlaylist/c9b13813976848488f82a9a14c69b336?org=utk.edu

    Explore Google Sites Essential Training


  4. Troubleshoot HTML and Google Sites together--We will not have any peer rotations this week; however, during the week as you stumble into frustrating moments with HTML or Google sites post what your problem is in the "Hi all I need help!" Blackboard discussion board. Post it anyway even if you feel like you may not be able to explain what the problem is. Whether another person resolves the issue or not sometimes explaining your situation to a an audience will help you resolve your issue on your own. Throughout the week please check this discussion board to help others.

Synchronous Activities During Class Hours on Blackboard Collaborate

Discussion Material

5:45pm-7:15pm
  1. Logistical check in
  2. Breakout Room Discussions (Activity Description)
  3. Whole Class Discussions
  4. Wrap up

Break

7:25pm-8:35pm

  1. Individual check in with instructor as needed and individual work time for class/ Team work time.

Last Updated October 7, 2015