1 / 11

Tutorial for Adding Color to Table Borders in HTML

Tutorial for Adding Color to Table Borders in HTML. Janet Cadden Hyun Kim Chaifoo Lew Amanda Moskowitz Tae Oh. “So, You Want Colored Table Borders, Huh?”. URL: http://www.htmlgoodies.com/tutorials/colors/article.php/3478931 Picture Example: . Audience: Intermediate Teens and Older.

chinara
Download Presentation

Tutorial for Adding Color to Table Borders in HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Tutorial for Adding Color to Table Borders in HTML Janet Cadden Hyun Kim Chaifoo Lew Amanda Moskowitz Tae Oh

  2. “So, You Want Colored Table Borders, Huh?” • URL: http://www.htmlgoodies.com/tutorials/colors/article.php/3478931 • Picture Example: 

  3. Audience: Intermediate Teens and Older • This tutorial is catered towards teens and older because of concepts and word terminology they use • For this tutorial, a person would already have to know basic knowledge of HTML programming language because it requires people to already know how to make tables in HTML

  4. Format • The tutorial we chose is in a paragraph format, the steps are not numbered. It has a few examples of tables with border color. It shows how to make the table border with color and also another way of using more color. • We feel that the tutorial could have been organized better. Maybe have numbered steps or make it clearer to understand.

  5. Tone • The tone of this tutorial is informal, conversational, and humorous. It uses language that is more likely to be heard in a conversation between friends than in a formal report. • This helped the tutorial hold my interest, because it seemed simpler to read than a long technical tutorial.

  6. Directions • Yes, the direction was easy to follow because they gave all the steps necessary and we were able to follow the code fairly easily • Some of the group members were knowledgeable in HTML programming language, so this is why it could have been easy

  7. HTML Code Experimented • <html> • <Body> • <TABLE BORDER=4 CELLSPACING=4 CELLPADDING=4 • BORDERCOLOR = “#ffff00”> • <TR> • <TD BORDERCOLOR="#ffff00">Blue Star • <TD BORDERCOLOR="#00ff00">Yellow Star • </TR> • <TR> • <TD BORDERCOLOR="#ff00ff">Purple Moons • <TD BORDERCOLOR="00ffff">Red something or other colors... • </TD> • </TR> • </TABLE> • <Body> • <html>

  8. Tutorial Success!

  9. Evaluation • The html code in the previous slide is the example of the tutorial. • While doing the tutorial, it seemed complicated but after we started working on it and reading the steps, it got easier and simple and it just started to flow. • My overall satisfaction is that the steps are easy to follow and they help each step of the way.

  10. Things to do and Not do • From evaluating this tutorial we found that when trying to hold the attention of your audience, especially one more on the novice side, it is a good idea to use simple, less formal language. • It’s definitely a good idea to use pictures along with the directions so people can visually understand what they are trying to do

  11. Things to do and Not do • It’s a good idea to take into account who is going to read the tutorial and write so that the audience doesn’t feel like they’re reading something they already know, such as turning on a computer to start the process of making a word document for example • The authors of the HTML colored table borders knew that the audience were proficient enough to make tables, and so they skipped the introductory steps and jumped right into what the tutorial was for

More Related