SILS iSchool

19 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 | structural layer
17 Sep | presentational layer

 19 Sep  | working with layers | editors |  Office  | proprietary | next session

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

If you don't like the editor choices, but feel comfortable using a word processor,
you can use that tool as an web page editor.

You can create pages quickly using a word processor

Making pages using MSWord

Open this document in MSWord, exactly as if it were a paper product, but view it in the web layout view and save it as a web page in a new directory called "quickcode".

First save it as a new page called "home.htm".It will save into the directory you just created. Make a change to the text "your name" so that it says "home page" instead. Save it again.

Now save it one more time, but this time as a new page called "classes.htm". It will save into the same directory as did the original home page.

Since it looks just like the first page, make these changes to it:

  1. delete all the text between the words "" and "last updated on ..."
  2. on a new line, type in four words and center them:

    home resume classes interests

  3. on a new line aligned left, type in the following:

    Tasks 03, 04, 05, and 06

  4. We will link these words to other pages

For example, on the second page, select the word "home" and hit CNTL+K on your keyboard to reveal the add a hyperlink dialog box.

Using the dialog box, select the original homepage you earlier created and select it. MSWord will add a relative link to the selected text.

Go back to the first page and select the word "Classes" and do the same to have MSWord add a hyperlink to the classes page you just created. You now have two web pages with links between them.

back to top

Add an image to the page

Go to one of UNC's pages and copy the image you find there, then place your cursor at a place in your "classes.htm" page where you want the image to appear.

Using your keyboard shortcuts (CNTL+V), paste the image into your page. Save the page (CNTL+S).

Add some formatting to the page. In MSWord, go to Change Styles > Style Set and reveal the dialog box

MSWord Style Set dialog box

and select a style set. Your page will inherit all the document-level style sheet information, so that all your future changes will conform to the new styles. Using MSWord in this fashion will, indeed, create quick code and it will display easily. But it is not in conformance with the best practices of using CSS wisely. You can still use MSWord as your editor, but you will want to use it as well to create smart CSS tools.

back to top

Making pages using OpenOffice Writer

Writer is very similar to word. You can open a file in Writer and use it as an editor. Here is the initialhomepage file, saved as a web page as it appears in Writer.

OpenOffice Writer in design view

You can also see it in the code view, with all the MSWord document level style sheet instructions.

OpenOffice Writer in Code View

It edits just as if it were a standard document.

back to top