Making a Home Page. Why a Web Page? Easier to submit labs electronically (lack of color printers at university); Easier to submit labs electronically.

Presentasjon om: "Making a Home Page. Why a Web Page? Easier to submit labs electronically (lack of color printers at university); Easier to submit labs electronically."— Utskrift av presentasjonen:

1 Making a Home Page

2 Why a Web Page? Easier to submit labs electronically (lack of color printers at university); Easier to submit labs electronically (lack of color printers at university); Easier to grade many labs; Easier to grade many labs; Provides additional computer experience that helps in learning GIS. Provides additional computer experience that helps in learning GIS.

3

4

5

6 For more examples: http://www.public.asu.edu/~wentz/courses/gph370/students.html http://www.public.asu.edu/~wentz/courses/gph370/students.html http://www.public.asu.edu/~wentz/courses/gph370/students.html http://folk.uio.no/karenob/hovedfag/hovedfag.html http://folk.uio.no/karenob/hovedfag/hovedfag.html http://folk.uio.no/karenob/hovedfag/hovedfag.html

7 Lab 1 must be submitted on your web page! Your web page must meet the following criteria: a) Your name b) The following text: SGO1910 (or SGO4930, where applicable), Geografiske informasjonssystemer, Vår 2004 c) An Email link to yourself. For example; My E-mailMy E-mail: karen.obrien@cicero.uio.no karen.obrien@cicero.uio.no My E-mailkaren.obrien@cicero.uio.no d) A digital photo of yourself (a.gif or.jpg image) e) Links to each of your labs. You can place these in a table, or in some other manner that is visually pleasing (e.g. buttons). Name the links Labs 1 – 7, and name one Oslo Prosjekt. f) Links to 4 web sites of your choice (include a short description of each)

8 How to get started You need a computer account on a UiO web server (or other web server); You need a computer account on a UiO web server (or other web server); On your home area, you need to set up a directory called www_docs; you can do this with Windows Explorer, or on directly on the Unix server. On your home area, you need to set up a directory called www_docs; you can do this with Windows Explorer, or on directly on the Unix server.

9 Lag Din Egen Hjemmeside 1. Først oppretter du katalogen www_docs (små bokstaver) (unix kommando: mkdir www_docs) på toppen av hjemmeområdet ditt på en unix server (for eksempel ulrik.uio.no). Du kan logge deg inn på din egen tjenermasking ved å bruke ssh: 1. Først oppretter du katalogen www_docs (små bokstaver) (unix kommando: mkdir www_docs) på toppen av hjemmeområdet ditt på en unix server (for eksempel ulrik.uio.no). Du kan logge deg inn på din egen tjenermasking ved å bruke ssh:http://ssh.uio.no/ 2. I katalogen www_docs lager du filen index.html. Dette skal vare din egen hjemmeside slik at det må vare et html document. 2. I katalogen www_docs lager du filen index.html. Dette skal vare din egen hjemmeside slik at det må vare et html document.

10 3. Du kan legge andre html documenter i katalogen www_docs. Disse dokumentene bør linkes (pekes på) fra index.html. 4. Du må sørge for at katalogen og filene har riktig beskyttelse, dvs at andre har tilgang til den. Det kan du gjøre ved å taste: 4. Du må sørge for at katalogen og filene har riktig beskyttelse, dvs at andre har tilgang til den. Det kan du gjøre ved å taste:

11 chmod -R a+rX ~/www_docs (Det er viktig av store og små bokstaver brukes på denne måten.) (Det er viktig av store og små bokstaver brukes på denne måten.) 5. Ved noen institutter er brukernes hemmeområde i utgangspunktet uleselig for andre, og i såfall må man også gjøre hjemmekatalogen lesbar 5. Ved noen institutter er brukernes hemmeområde i utgangspunktet uleselig for andre, og i såfall må man også gjøre hjemmekatalogen lesbar med kommandoen: med kommandoen: chmod o+x ~ chmod o+x ~

12 6. NB. Husk at alle html dokumenter is www_docs katalogen må ha beskyttelseskode 644 (chmod a+r). Skriver du ls -al ~/www_docs ls -al ~/www_docs kan du sjekke dette ved at det står tilsamme tre r'er i venstre kollone: kan du sjekke dette ved at det står tilsamme tre r'er i venstre kollone: -rw-r--r-- 1 brukernavn filgruppe 145 Jan 5 10:59 index.html -rw-r--r-- 1 brukernavn filgruppe 145 Jan 5 10:59 index.html Dersom dine filer ikke har dette; utfør punkt 4 (og kanskje 5!). Dersom dine filer ikke har dette; utfør punkt 4 (og kanskje 5!).

13

14

15 Important point: When naming files, only use small letters, and use no blank spaces! a)yes: my_favorite_image.jpg b) no: my favorite image.jpg a) yes: pine_tree.jpg b) no: Pine_Tree.JPG Need help? http://www.usit.uio.no/it/forfatterstotte/personlige-sider.html http://www.usit.uio.no/it/forfatterstotte/personlige-sider.html

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

17 Making the home page: Home pages are written in a language called html. To publish on UiO, your first page MUST be named index.html. Home pages are written in a language called html. To publish on UiO, your first page MUST be named index.html. HTML står for HyperText Markup Language. Poenget med HTML er å kode informasjonen slik at nettleseren forstår hvordan den skal tolkes; "her er det en overskrift" og "her kommer det en tabell" og "her er en lenke til et annet dokument". HTML står for HyperText Markup Language. Poenget med HTML er å kode informasjonen slik at nettleseren forstår hvordan den skal tolkes; "her er det en overskrift" og "her kommer det en tabell" og "her er en lenke til et annet dokument". Selve kodene i html, som vi ofte kaller tagger, omsluttes av spisse parenteser. Når vi koder opp de ulike elementene må vi ha med både en startkode og en sluttkode. Sluttkoder starter med en skråstrek innenfor parentesene. Selve kodene i html, som vi ofte kaller tagger, omsluttes av spisse parenteser. Når vi koder opp de ulike elementene må vi ha med både en startkode og en sluttkode. Sluttkoder starter med en skråstrek innenfor parentesene.

18 Background Information: You can generate HTML code in several ways including word processing (such as Word or WordPerfect), through Web editing graphical programs (such as Microsoft FrontPage 2000, HotMetal, Netscape Composer, Macromedia Dreamweaver, Adobe Page Mill), or by writing the HTML code from scratch (using Notepad). For this lab, you are free to use any program you wish to generate your Web page(s). Background Information: You can generate HTML code in several ways including word processing (such as Word or WordPerfect), through Web editing graphical programs (such as Microsoft FrontPage 2000, HotMetal, Netscape Composer, Macromedia Dreamweaver, Adobe Page Mill), or by writing the HTML code from scratch (using Notepad). For this lab, you are free to use any program you wish to generate your Web page(s). The University of Oslo has a site license for HoTMetaL Pro, which can be found on many computers under programs, listed under SoftQuad Applications. The University of Oslo has a site license for HoTMetaL Pro, which can be found on many computers under programs, listed under SoftQuad Applications.

19

20