Making a Home Making a Home PagePage

Why a Web Page?Why a Web Page?

Easier to submit labs electronically Easier to submit labs electronically (lack of color printers at university);(lack of color printers at university);

Easier to assess many labs;Easier to assess many labs; Helps us get to know who is who;Helps us get to know who is who; Provides additional computer Provides additional computer

experience that helps in learning experience that helps in learning GIS.GIS.

ExamplesExamples

http://folk.uio.no/sejalo/http://folk.uio.no/sejalo/ http://folk.uio.no/mariol/http://folk.uio.no/mariol/ http://folk.uio.no/ckhirsch/http://folk.uio.no/ckhirsch/

Web Page: Due Week 38Web Page: Due Week 38

Your web page must meet the following criteria:Your web page must meet the following criteria:a) Your name a) Your name b) The following text: SGO1910 (or SGO4930, where b) The following text: SGO1910 (or SGO4930, where

applicable), Introduction to GIS, Fall Semester 2005applicable), Introduction to GIS, Fall Semester 2005c) An Email link to yourself. For example; c) An Email link to yourself. For example;

My E-mailMy E-mail: : karen.obrien@sgeo.uio.nokaren.obrien@sgeo.uio.no Note: to avoid spam, you can write karen.obrien (at) Note: to avoid spam, you can write karen.obrien (at)

sgeo.uio.nosgeo.uio.nod) A digital photo (a .gif or .jpg image of yourself, your d) A digital photo (a .gif or .jpg image of yourself, your

favorite place, your dog, or whatever)favorite place, your dog, or whatever)e) e) Links to each of your labs. You can place these in a table, Links to each of your labs. You can place these in a table,

or in some other manner that is visually pleasing (e.g. or in some other manner that is visually pleasing (e.g. buttons). Name the links Labs 1 – 9. buttons). Name the links Labs 1 – 9.

f) Links to 4 web sites of your choice (include a short f) Links to 4 web sites of your choice (include a short description of each)description of each)

How to get startedHow to get started

You need a computer account on a You need a computer account on a UiO web server (or other web UiO web server (or other web server);server);

On your home area, you need to set On your home area, you need to set up a directory called www_docs; you up a directory called www_docs; you can do this with Windows Explorer, can do this with Windows Explorer, or directly on the Unix server.or directly on the Unix server.

Lag Din Egen HjemmesideLag Din Egen Hjemmeside

1. Først oppretter du katalogen www_docs (små 1. Først oppretter du katalogen www_docs (små bokstaver) (unix kommando: mkdir www_docs) på bokstaver) (unix kommando: mkdir www_docs) på toppen av hjemmeområdet ditt på en unix server (for toppen av hjemmeområdet ditt på en unix server (for eksempel ulrik.uio.no). Du kan logge deg inn på din eksempel ulrik.uio.no). Du kan logge deg inn på din egen tjenermasking ved å bruke ssh: egen tjenermasking ved å bruke ssh:

http://ssh.uio.no/http://ssh.uio.no/

2. I katalogen www_docs lager du filen index.html. 2. I katalogen www_docs lager du filen index.html. Dette skal vare din egen hjemmeside slik at det må Dette skal vare din egen hjemmeside slik at det må vare et html document.vare et html document.

3. Du kan legge andre html 3. Du kan legge andre html documenter i katalogen www_docs. documenter i katalogen www_docs. Disse dokumentene bør linkes Disse dokumentene bør linkes (pekes på) fra index.html.(pekes på) fra index.html.

4. Du må sørge for at katalogen og 4. Du må sørge for at katalogen og filene har riktig beskyttelse, dvs at filene har riktig beskyttelse, dvs at andre har tilgang til den. Det kan du andre har tilgang til den. Det kan du gjøre ved å taste: gjøre ved å taste:

chmod -R a+rX ~/www_docs chmod -R a+rX ~/www_docs (Det er viktig av store og små bokstaver brukes på (Det er viktig av store og små bokstaver brukes på

denne måten.)denne måten.)

5. Ved noen institutter er brukernes hemmeområde 5. Ved noen institutter er brukernes hemmeområde i utgangspunktet uleselig for andre, og i såfall må i utgangspunktet uleselig for andre, og i såfall må man også gjøre hjemmekatalogen lesbarman også gjøre hjemmekatalogen lesbar

med kommandoen:med kommandoen:

chmod o+x ~ chmod o+x ~

6. NB. Husk at alle html dokumenter is www_docs 6. NB. Husk at alle html dokumenter is www_docs katalogen må ha beskyttelseskode 644 (chmod a+r). katalogen må ha beskyttelseskode 644 (chmod a+r). Skriver duSkriver du

ls -al ~/www_docsls -al ~/www_docs

kan du sjekke dette ved at det står tilsamme tre r'er i kan du sjekke dette ved at det står tilsamme tre r'er i venstre kollone:venstre kollone:

-rw-r--r-- 1 brukernavn filgruppe 145 Jan 5 10:59 -rw-r--r-- 1 brukernavn filgruppe 145 Jan 5 10:59 index.htmlindex.html

Dersom dine filer ikke har dette; utfør punkt 4 (og Dersom dine filer ikke har dette; utfør punkt 4 (og kanskje 5!).kanskje 5!).

Important point:Important point:

When naming files, only use small letters, and use When naming files, only use small letters, and use no blank spaces! no blank spaces!

a) yes: my_favorite_image.jpg a) yes: my_favorite_image.jpg b) no: my favorite image.jpg b) no: my favorite image.jpg

a) yes: pine_tree.jpg a) yes: pine_tree.jpg b) no: Pine_Tree.JPG b) no: Pine_Tree.JPG

Need help?Need help? http://www.usit.uio.no/it/web/tjenester/http://www.usit.uio.no/it/web/tjenester/

personlig.htmlpersonlig.html

Setting up a file Setting up a file structurestructure

1) A folder is a place to store files and/or other 1) A folder is a place to store files and/or other folders. Here's how you create folders on your folders. Here's how you create folders on your M drive: Open Windows Explorer (it should be M drive: Open Windows Explorer (it should be under programs when you click on the under programs when you click on the startstart button – possibly under accessories). Find your button – possibly under accessories). Find your M: drive. To create a folder named M: drive. To create a folder named “www_docs" on your M drive, click once on “www_docs" on your M drive, click once on your M drive so it turns blue, go to, "file", then, your M drive so it turns blue, go to, "file", then, "new", then "folder"). Next, within your "new", then "folder"). Next, within your “www_docs" folder, create additional folders “www_docs" folder, create additional folders named: lab1, lab2, lab3, lab4, lab5, lab6, lab7, named: lab1, lab2, lab3, lab4, lab5, lab6, lab7, and oslo_prosjekt. and oslo_prosjekt.

Making the home page:Making the home page: Home pages are written in a language called html. Home pages are written in a language called html.

To publish on UiO, your first page MUST be named To publish on UiO, your first page MUST be named index.html.index.html.

HTML står for HyperText Markup Language. HTML står for HyperText Markup Language. Poenget med HTML er å kode informasjonen Poenget med HTML er å kode informasjonen slik at nettleseren forstår hvordan den skal slik at nettleseren forstår hvordan den skal tolkes; "her er det en overskrift" og "her tolkes; "her er det en overskrift" og "her kommer det en tabell" og "her er en lenke til kommer det en tabell" og "her er en lenke til et annet dokument".et annet dokument".

Selve kodene i html, som vi ofte kaller tagger, Selve kodene i html, som vi ofte kaller tagger, omsluttes av spisse parenteser < >. Når vi koder omsluttes av spisse parenteser < >. Når vi koder opp de ulike elementene må vi ha med både en opp de ulike elementene må vi ha med både en startkode og en sluttkode. Sluttkoder starter med startkode og en sluttkode. Sluttkoder starter med en skråstrek innenfor parentesene.en skråstrek innenfor parentesene.

Background Information: You can generate Background Information: You can generate HTML code in several ways including word HTML code in several ways including word processing (such as Word or WordPerfect), processing (such as Word or WordPerfect), through Web editing graphical programs (such through Web editing graphical programs (such as Nvu, Microsoft FrontPage 2000, HotMetal, as Nvu, Microsoft FrontPage 2000, HotMetal, Netscape Composer, Macromedia Netscape Composer, Macromedia Dreamweaver, Adobe Page Mill), or by writing Dreamweaver, Adobe Page Mill), or by writing the HTML code from scratch (using Notepad). the HTML code from scratch (using Notepad). For this lab, you are free to use any program For this lab, you are free to use any program you wish to generate your Web page(s).you wish to generate your Web page(s).

The program Nvu is available for free as a The program Nvu is available for free as a

download from download from www.nvu.comwww.nvu.com. It is free and . It is free and easy to use!easy to use!

Open Source SoftwareOpen Source Software

Nvu is 100% open source and Nvu is 100% open source and released under the released under the Mozilla Mozilla PublicPublic LicenseLicense (MPL). Anyone is welcome to (MPL). Anyone is welcome to downloaddownload NvuNvu at at nono chargecharge, , including the source code if you need including the source code if you need to make special changes. to make special changes. DevelopersDevelopers are encouraged to get involved and are encouraged to get involved and help make Nvu even better. help make Nvu even better.