140 likes | 284 Views
Publisering på verdensveven. Kursdag 2 VÅFF, våren 2002. Innhold. Erfaringer fra forrige kursdag Nettsted for VÅFF http://www.lu.hio.no/IT/voff Flytting av kursdager Hvem kan hva i gruppa? Veien videre. Erfaringer?. Finne filene tilbake (hente en eksisterende side) Flytte over til P:
E N D
Publisering på verdensveven Kursdag 2 VÅFF, våren 2002
Innhold • Erfaringer fra forrige kursdag • Nettsted for VÅFF http://www.lu.hio.no/IT/voff • Flytting av kursdager • Hvem kan hva i gruppa? • Veien videre
Erfaringer? • Finne filene tilbake (hente en eksisterende side) • Flytte over til P: • Bilde- hvor er det? • Se på siden via internett og ikke lokalt (via P:)
Jobbe videre på en webside • Åpne Netscape • Velg File, Open Page, hak av for Composer, og velg filen fra H:-området ditt • Gjør de endringer du vil (du kan se at du er i composer ved å se på arbeidslinjen- blyant i blått felt) • Knytt deg opp mot P: (home-serveren) • Kopier alle filene over til aktuelt område på P: • Sjekk siden ved å hente den opp med full URL
url= <server><fil>#spesifikasjon Nett-publisering HiO’s Web-server(e) http:// Linux Skjerm Internett Database Tolker html Kommando-tolker Nettleser Din datamaskin FTP Filsystem ”Programmering” Samba Lokal-nett (Novell) LUVIT-server LU-server
H: H: Har et sted du kan prøve ut ting og feile Må alltid huske å flytte over endringene til P: før de er aktive Kan også rote til andres saker, men da kan de andre ha originale på egen maskin Lærer et prinsipp som er mer generelt P: Slipper på holde orden på to områder med det samme Kan se konsekvensene på nettet umiddelbart Feil vil være feil i det øyeblikk du klikker lagre Kan rote til andres saker og det er originalen Lærer noe som foreløpig er spesielt for HiO Jobbe på H: eller P:?
FTP index.html index.html Bilde.jpg Bilde.jpg Dato og tid Dato og tid SAMBA (P:) Publisering Verksted Web-område H:/dokument/web-verksted/ P:/public_html/kurs/
Lenker • For å lage en lenke på en Webside, markerer du det du vil ha som lenke (tekst eller bilde) og velger lenke-knappen • Skriv inn/lim inn en absolutt peker til url eller velg (choose) en fil blant de filene du har tilgang til (relativ peker) • Når du velger fil må du noen ganger justere stien systemet angir.
Lenker forts. • absolutt peker -> full URL (http://server.eier.land/katalog/filnavn) • relativ peker til en fil som er innenfor ditt filområde minfil.html • . = her • .. = et hakk tilbake • ./katalog = ett hakk nedover • ../katalog/filnavn.html
Hvorfor skal en fil hete Index.html? • Hver katalog på en web-server vil automatisk presentere seg via sin Index.html fil om denne finnes på området. • Dette blir en slags meny for denne katalogen og andre sider som pekes til fra denne. • Uten index på en katalog, må du kjenne det konkrete filnavnet for å se noe fra dette området • Hver katalog kan ha sin index-side
Lay out på Web-sider • For å styre teksten bør (MÅ) du bruke ferdige stiler (Heading1, paragraph, osv) • Styring av tekstens plassering gjør du med funksjonene på menylinjen (midtstill, buttons osv). Mer avansert styring gjøres med tabell. • Under format-menyen finnes de fleste instillinger på tekst og bakgrunn
Tabell • Velg tabell-knappen fra menyen og sett inn en tabell (velg selv antall rader og antall koklonner) • Skriv inn tekst og lim inn bilder i tabell-cellene • For å sette inn ny linje/fjerne linje, sett markør i tabellen og velg fra tabellmenyen (eventuelt bruk høyre mustast)
Lekse 2 • Plasser bilde og tekst på værsiden i tabell • Tabellen skal være midtstilt og fylle 80% av skjermen. • Bakgrunnsfargen i tabellen skal være en annen enn sidens farge • Tabell-kantene skal ikke være synlig • I tillegg til å vise ”ditt vær” skal du la leseren få tilbud om å komme til Skiforenings sider • Når du trykker på bildet skal kartet for området komme fram. • Ellers: lek med lay-out
Neste gang? • Koble nettsider opp mot et LUVIT-kurs • Eventuelt mer Lay-out på web-sider • Håndtering av grupper i LUVIT • Tilordne rettigheter på forum og mapper