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

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