ics2O_HTML

include component="page" page="course_tabs_header"

include component="page" page="menu_ics2O_crumbs"

=Introduction to programming= Computer programming is the process of designing, writing, testing, debugging / troubleshooting, and maintaining the source code of computer programs.

HTML
Is the predominant markup language for web pages. It is written in the form of HTML elements consisting of "tags" surrounded by angle brackets within the web page content. A typical element consists of an opening tag, some content, and an ending tag. HTML allows images and objects to be embedded and can be used to create interactive forms. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. It can embed scripts in languages such as JavaScript which affect the behavior of HTML webpages.

HTML Basic Document
Title of document goes here Visible text goes here...

Heading Elements
Largest Heading . . . . . .  . . .  . . .  Smallest Heading

Text Elements
This is a paragraph

(line break) (horizontal rule) This text is preformatted

Logical Styles
This text is emphasized This text is strong

Physical Styles
This text is bold This text is italic

Links
Ordinary link: Link-text goes here Image-link:  Mailto link: Send e-mail A named anchor: Tips Section Jump to the Tips Section

Unordered list
 Item Item 

Ordered list
<ol> First item</li> Second item</li> </ol>

Definition list
<dl> <dt>First term</dt> <dd>Definition</dd> <dt>Next term</dt> <dd>Definition</dd> </dl>

Frames
<frameset cols="25%,75%"> <frame src="page1.htm" /> <frame src="page2.htm" />

Forms
<form action="http://www.example.com/test.asp" method="post/get"> <input type="text" name="email" size="40" maxlength="50" /> <input type="checkbox" checked="checked" /> <input type="radio" checked="checked" /> <input type="submit" value="Send" />

Apples Bananas Cherries <textarea name="comment" rows="60" cols="20">

Entities
&lt; is the same as < &gt; is the same as > © is the same as ©

Other Elements
Text quoted from a source. Written by W3Schools.com

<a href="mailto:us@example.org">Email us</a>

Address: Box 564, Disneyland

Phone: +12 34 56 78



Assignment #2 - HTML Development
We are going to use Code Academy as a guide for beginner programming. It is the perfect visual language to begin programming in since results of the code are instantly visible and easily debuggable.

We are going to follow the Code Academy's HTML5 tutorial. To do so you will need create a free account [|here]:

__**Step 1**__: Create an account with the Code Academy (you can use your school gmail address for that and link directly to the Code Academy to bypass filling out any forms).

__**Step 2**__: Run through the Code Academy's website development - this should take you 4 -5 classes.

__**Step 3:**__ Take a screen capture for the last 2 steps and submit the final html files once you are complete into your handin folder. or to Google Classroom.

Evaluation

 * **CATEGORY** || **4** || **3** || **2** || **1** ||
 * **Diligently follows instruction**
 * <B1,D1>** || Judicious use of elements lead to an exemplary product. || Generation of a product of expected quality || Product approaches expected quality. There are some steps missed or done with a quality that misses what was expected. || Product does not approach expected quality/reproduction. ||
 * **Use of Time**
 * <D2>** || Used time well during each class period (as shown by observation by teacher, and documentation of progress in journal) with no reminders. || Used time well during most class periods (as shown by observation by teacher, and documentation of progress in journal) with no reminders. || Used time well (as shown by observation by teacher and documentation of progress in journal), but required reminders on one or more occasions to do so. || Used time poorly (as shown by observation by teacher and/or documentation of progress in journal) in spite of several reminders to do so. ||

Assignment #3 - Build a small website
You are to take the knowledge gained in the tutorial above and build yourself a small website using [|Notepad++]. To enhance your website you can include CSS ([|great info about CSS here]).

To meet my expectation your website should have a minimum of: 1) a main page that has a set of important links you use on a regular basis. Links to our course page, google classroom, references to HTML code sites/tutorials, references to SmallBasic websites/tutorials and references to Python websites/tutorials 2) a page that has an ordered list of games you've played in the past year including a rank of their "fun factor" (in your opinion)


 * **CATEGORY** || **4** || **3** || **2** || **1** ||
 * **Layout/mastery of code**
 * <B2,C1>** || Judicious use of elements lead to an exemplary product. || Generation of a product of expected quality || Product approaches expected quality. There are some steps missed or done with a quality that misses what was expected. || Product does not approach expected quality/reproduction. ||
 * **Functionality of code**


 * <A2,B1>** || Code works flawlessly and as expected || Code generally works as expected with occasional missteps || Code works with some changes/mistakes || Code barely lays out website and/or is largely non-functional ||
 * **Use of Time**
 * <D2>** || Used time well during each class period (as shown by observation by teacher, and documentation of progress in journal) with no reminders. || Used time well during most class periods (as shown by observation by teacher, and documentation of progress in journal) with no reminders. || Used time well (as shown by observation by teacher and documentation of progress in journal), but required reminders on one or more occasions to do so. || Used time poorly (as shown by observation by teacher and/or documentation of progress in journal) in spite of several reminders to do so. ||