SILS iSchool

05 Feb 2019

meets Tuesday and Thursday from 0800-0915

in Carolina Hall 220

Contact options

office hours in Manning 112


Value Added | daily

Class Schedule

Basics | sessions 01-05

10 Jan | intro
15 Jan | clients
17 Jan | servers
22 Jan | networks
24 Jan | basics lab

Web Development | sessions 06-11

29 Jan | structural layer
31 Jan | presentational layer
05 Feb |  working with layers  | editors | Office | proprietary | next session
07 Feb | behavior layer
12 Feb | images & design
14 Feb | website lab

Document Markup | sessions 12-14

19 Feb | document markup
21 Feb | tools that read markup
26 Feb | document markup lab

Spreadsheets | sessions 15-19

28 Feb | spreadsheets
05 Mar | formulas & functions
07 Mar | data display

 09-17 Mar | Spring Break 

19 Mar | database tools
21 Mar | spreadsheets lab

Relational Database | sessions 20-26

26 Mar | relational databases
28 Mar | tables
02 Apr | relationships
04 Apr | input & output
09 Apr | SQL
11 Apr | complex queries
16 Apr | databases lab

Presentation | sessions 27-30

18 Apr | presentation design
23 Apr | presentation delivery
25 Apr | presentation lab
30 Apr | 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 "...addressofconvenience.com" 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