SILS iSchool

06 Sep 2018

Value Added | daily

Class Schedule

Basics | sessions 01-05

21 Aug | intro
23 Aug | clients
28 Aug | servers
30 Aug | networks
04 Sep | basics lab

Web Development | sessions 06-11

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

11 Sep | presentational layer
18 Sep | working with layers
20 Sep | behavior layer
25 Sep | images & design
27 Sep | website lab

Document Markup | sessions 12-14

02 Oct | object layers
04 Oct | tools that read markup
09 Oct | document markup lab

Spreadsheets | sessions 15-19

11 Oct | spreadsheets, formulas & functions
16 Oct | data display
 18 Oct | Fall Break 
23 Oct | database tools
25 Oct | spreadsheets lab

Relational Database | sessions 20-26

30 Oct | relational databases
01 Nov | tables
06 Nov | relationships
08 Nov | input & output
13 Nov | SQL
15 Nov | complex queries
20 Nov | databases lab
 22 Nov | Thanksgiving 

Presentation | sessions 27-30

27 Nov | presentation design
29 Nov | presentation delivery
04 Dec | presentation lab
13 Dec | 0800-1100 | final in class presentation





We'll start our consideration of HTML by creating a web page using MSWord.

HTML practice

Let's make a web page

If you have never made a web page, we are about to see how simple it can be.

  1. Open this document. It should open in its base application, MSWord. You have a basic page with some basic formatting on it.
  2. Save it to a space on the computer you are using, a place you can find. I suggest you create a working folder and name it something you can easily find and then save the document into that folder. After you do this, you should be in your new folder and all future saves will be saved here.
  3. Go to File and select Save As ...
  4. In the dialog box that appears, chose Save as type: web page ("htm;*html), and then select the Save button.
  5. You've done it. You now have a web page. Your MSWord display will change, but you are still in MSWord and you can manipulate this web page as if it were either a web page or a paper document. However, we first want to see how it looks in a browser.
  6. Open your preferred browser and go to File > Open file.  Inside the dialog box, navigate to the web page you just saved (it will be named '"initialhomepage.htm") and select it. It should look something like this (except with a different file name):
an image of what the practice page looks like in Chrome

It looks like this because your operating system is performing both server and client functions for you. But the world cannot yet see it. You will have to FTP it to a WWW-capable server (like Opal) to make it available to the world. For right now, you can use your browser to see what it will look like when you do decide to go public.

Now, put it aside and let's discuss the theory behind what we just did.

back to top