SILS iSchool

12 Sep 2018

Value Added | daily

Class Schedule

Basics | sessions 01-05

22 AUG | intro
27 AUG | clients
29 AUG | servers
05 Sep | networks
10 Sep | basics lab

Web Development | sessions 06-11

 12 Sep  | HTML - practice | theory | tags | links |  HTML terms  | 02.01 | next session

17 Sep | presentational layer
19 Sep | working with layers
24 Sep | behavior layer
26 Sep | images & design
01 Oct | website lab

Document Markup | sessions 12-14

03 Oct | object layers
08 Oct | tools that read markup
10 Oct | document markup lab

Spreadsheets | sessions 15-19

15 Oct | spreadsheets
17 Oct | formulas & functions
22 Oct | data display
 18 Oct | Fall Break 
24 Oct | database tools
29 Oct | spreadsheets lab

Relational Database | sessions 20-26

31 Oct | relational databases
05 Nov | tables
07 Nov | relationships
12 Nov | input & output
14 Nov | SQL
19 Nov | complex queries
26 Nov | databases lab
 21 Nov | Thanksgiving 

Presentation | sessions 27-30

28 Nov | presentation design
03 Dec | presentation delivery
05 Dec | presentation lab
12 Dec | 0800-1100 | final in class presentation

These are some terms you should know.

Useful Terms


  • Hypertext - a means of connecting documents by text links
  • HTML - Hypertext Markup Language: a language that uses elements, attributes, and values (markup) to construct and link (hypertext) documents for easy access and display
  • XML - Extensible Markup Language - a customizable markup language
  • XHTML - Extensible Hypertext Markup Language: a reformulation of HTML 4 as an XML 1.0 application.
  • DHTML- Dynamic Hypertext Markup Language: HTML, CSS, and JavaScript combined to create dynamic (as opposed to static) pages
  • SGML - Standard Generalized Markup Language: the mother language from which HTML, XHTML, and XML were created

back to top


  • Element- a container that specifies the nature, formatting, or function of a portion of a document.
    Examples might include: <form>, <table>, <p>, <img>
  • Tag - signifies the opening and closing of an element.
    These tags signify the opening and closing of a paragraph: <p> </p>
  • Empty element - an element that has no content and is written as a single tag,
    such as <img />
  • Block element causes a line break after the element.
    Paragraph <p>, Heading 1 <h1>, and Heading 2 <h2> are block elements
  • Inline element displays inline and does not generate a line break.
    Examples include <strong> for  bold  and <em> for  italics 
  • Proprietary element is an element not part of the official HTML recommendation and often it is supported only by the browser for which it was developed.
    An example would be Netscape's <blink> element
  • Deprecated element or attribute is an element or attribute that is being phased out of HTML and therefore eventually will not be supported by browsers
  • Attribute lists a characteristic of a particular element.
    In this case, it lists the characteristic of a table border: <table border="3">
  • Value modifies the attribute in which it occurs.
    In this case, it is modifying the border attribute: <table border="3">
  • Nesting is the practice of placing elements inside one another (as opposed to overlapping them). Nesting is the correct syntax for HTML.
    Correctly nested elements:
    <p> <h3></h3> </p>
    Overlapping is incorrect and can cause problems with your web page.
    Incorrectly nested (overlapped) elements:
    <p> <h3> </p> </h3>

back to top

Client-server agents

  • User agent is the means (e.g., a Web browser) by which one accesses an HTML document.
  • Client-side describes anything that is done on the user's computer
  • Server-side describes anything that is done on the Web server
  • Common Gateway Interface, or CGI is a standard method for web server software to delegate the generation of web content to executable files.
  • Script is a portion of programming code that can function in a Web page or on the server, but not as a stand-alone program
  • Applet is a small program that can be embedded in a Web page

back to top


back to top

Skim these for ideas

and bookmark them for later use

back to top