Föreläsning 030910. Salsakurs. Tentaanmälan. Poäng för kursen. Studiestress och datorergonomi. En lugn labb?



Relevanta dokument
Laboration med Internet och HTML

Nätet. Uppgiften. Nivå

Att bygga enkla webbsidor

Kort om World Wide Web (webben)

Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle.

WEBDESIGN A - DTR 1210

Introduktionskurs i datavetenskap, 3p.

Olika slags datornätverk. Föreläsning 5 Internet ARPANET, Internet började med ARPANET

Internets historia Tillämpningar

Webbens grundbegrepp. Introduktion till programmering. Ytterligare exempel. Exempel på webbsida. Föreläsning 5

ITK:P2 F1. Hemsidor med HTML HTML. FTP, HTTP, HTML, XML och XHTML

ORDLISTA WEBBDESIGN 100P

WEBDESIGN A - DTR 1210

Tabeller. Lektion 7. en tabellrubrikcell som centrerad och i fetstil.

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

Parallella jobb ctrl-z emacs & more README ctrl-z jobs. %<jobnr>

Internet A. HTML Grunder Maximilien Chiang 1

Alla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php

Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter

Introduktion till programmering

Övning (X)HTML 2. Sidan 1 av

Grundläggande datavetenskap, 4p

Labora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi<er

Introducerande övningar i HTML

Manual för din hemsida

Preppmaterial för ARON


Installera din WordPress med 9 enkla steg

SKYPE uppkoppling under SAAF årsmötet.

Arbetshäfte Office 365 en första introduktion

Kort-kort om utdelade användarkonton och datormiljön på NADA

ATT GÖRA WEBBSIDOR. Frivillig labb

Arbetsmaterial HTML pass 1 - Grunder

Laboration 0. Enhetsbokstaven anges med ett kolon efter och man läser ofta ut detta, exempelvis C:(sekolon).

Preppmaterial för ARON

FIRSTCLASS. Innehåll:

03/12/2015. Logga in på: b.socrative.com eller ladda ner appen

Handledning för redigering av lagsidor.

Välkommen som användare av medietekniks och informatiks publika studentserver

(Vid tekniska problem, kontakta Mapaz Support, )

En grundkurs i hemsidor och hur de är uppbyggda

Steg 5 Webbsidor One.com och OpenOffice Writer Mac OS X

ANVÄNDARBESKRIVNING FÖR PERSONAL

Datakommunika,on på Internet

20/01/2016. html och css

Programmeringteknik. Planering MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen

Praktiska saker... Om Laboration 1. Studietips. Praktiska saker. Att studera hemifrån på PC. Seminarier & Lektioner & Handledning & Hemsida

Introduktion till Mina sidor

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt

Introduktion till LÄROBJEKT. tisdagen

Evaluation Summary - CT3380 Grundäggande webbdesign HT06 Dan Levin

VÄLKOMMEN TILL LINKÖPINGS UNIVERSITET OCH LISAM

Fråga: Hur beställer jag? Svar: För att läsa mer om hur du handlar på linghageshop.com ska du läsa sidan: Så handlar du.

Språk för webben introduk4on 4ll HTML

Konfigurera Wordpress som Hemsida istället för blogg

Introduktion till användning av linux-servern sledge och några övningsuppgifter

Bevaka vetenskapliga tidskrifter med hjälp av RSS

DGC IT Manual Citrix Desktop - Fjärrskrivbord

Visma Proceedo. Att logga in - Manual. Version 1.3 /

Introduktion. Skriv in användarnamn och lösenord

Anvisningar för att fylla i djur-och medlemsregister Det är mycket viktigt att du inte ändrar någonting i rubrikraden i mallen!

Lathund Skolverkets bedömningsportal

E-posthantering med Novell Groupwise WebAccess

Lägga in tillgänglighet

Hyperlänkar. I HTML skapar man en hyperlänk med taggen <a> </a>, som är en förkortning av ordet ankare, på (engelska anchor).

Bordermail instruktionsmanual

Webbmanual hittaut.nu

Repetition. Hypertext. Internet HTTP. Server och klient Text försedd med länkar till andra texter. Många sammankopplade nät

Repetition. Hypertext. Internet HTTP. Server och klient Föreläsning 2. Text försedd med länkar till andra texter. Många sammankopplade nät

LATHUND Episerver. Skapa ny sida, bifoga och ladda upp filer

Startanvisning för Bornets Internet

3. Hämta och infoga bilder

Snabbguide till First Class

Användarmanual TextAppen Online

12 Webb och kurshemsidor

Idag. Webben och HTML. Webbens funk3on. URL och websidor. Moment F om webben och HTML startar nu

Laboration 2 Datorverktyg vid LiU

Din Pednet-adress är. Ditt Användarnamn är. Ditt lösenordord är.. ( detta ändrar du ju!! )

Programbeskrivning. Chaos på Web. Version

Användarhandledning Interbook

HTML. Introduktion till HyperText Markup Language

WebViewer Manual för administratör Nova Software AB

Lab 7, 48 steg till ett bättre liv i Unix-labbet

Användarguide itslearning 3.3 för studenter

Lathund - webbsidor och filer

Att arbeta med. Müfit Kiper

Lathund för publicering i KI Commons wikitjänst

SORSELE KOMMUN. Handbok OEW. 28 sept 2012 Mari-Anne Englund Barbro Olofsson. Sorsele kommun Version , rev (19)

Manual för visionutv.net Redigera

Webmail instruktioner

Ditt användarnamn är den e-postadress som du angav när du registrerade dig. Ditt lösenord får du från ditt barns klasslärare.

Regler och riktlinjer för internetscouting

Uppgift 1 (Oläsliga krypterade meddelanden)

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel:

Dina inloggningsuppgifter är samma som du använder för att logga in på skolans datorer.

Du kan själv följa med i denna steg-för-steg guide i din texteditor.

ANVÄNDARHANDBOK. Advance Online

Labora&on 2 HTML och validering övningar/uppgi:er

Övningsuppgifter med E-postklienten MS live Inloggning

Transkript:

Salsakurs Föreläsning 030910 Kursstart: söndag 21 september, ÖG Nation Maila: dansasalsa@home.se Ring: 070-391 20 06, Alexander Prova på gratis 2 kurser för priset av en om du är kille! (först till kvarn) Tentaanmälan På www.it.uu.se/ -> Utbildning -> Tentor Tentan är måndag 22 sept, kl. 9-14 i Skrivsalen, Polacksbacken. Kårleg!! Obs! Du behöver inte anmäla dig till tentan i denna kurs, jag har anmält er alla. Om du inte kommer på tentan, tala om detta för mig senast fredag. Poäng för kursen Tvåpoängsdel Tenta Labbar Ettpoängsdel Lotsprojektet (hela läsåret) Seminarier (x4) Studiestress och datorergonomi obligatoriskt (ett av fyra seminarier) Nu på måndag! Kl. 10.15 i 1211. En lugn labb? Vill du ha mer hjälp? Bättre handledning? Mer tid att fråga labbassarna? Sitta lite längre? Gå gärna på den 8:a labben (även om du inte tillhör den gruppen) 1

Tips Lär er rätt fingersättning... För och emot... Att skriva Webbsidor Min egen lilla plats i cyberrymden... Webbläsare och server Webbläsaren avgör hur sidan ska se ut Sätt inte fontstorleken!!! Sätt H1, osv. istället. Var ska filen ligga? Avgörs av servern Filskydd: Läsbar för alla Skriva webbsida HTML- HyperText Markup Language Ren text, plus beskrivningar av struktur. Element: tag - innehåll - sluttag. Exempel: Om taggar En del taggar är behållare (containers) Ex: <H1>Min hemsida </H1> A bara ensamma <hr>, <br> En del taggar har attribut, dessa modifierar beteendet Ex: <font color=darkred>...</font> HTML-editor vs. skriva själv Ni ska skriva HTML-koden själva Anledning: för att kunna skriva program som genererar HTML-kod senare. 2

W 2 $ V ] d Det första stegen Skapa katalog!"# &%(' ) +* * ),)(*.-/10 243 651798 Nås från $ Filen : (<;,=>?@A (+ @ B&C CD"E (+ kan nås med URL &FHG @E@A (HIA"J K"J " @+:H ( L;,=>(?@ B&C CD"E (+ " Emacs: html-helper-mode ger skelett. URL Uniform Resource Locator Adress till data (tex en fil) på Internet. Innehåller vilket protokoll som ska användas, tex: http, (HyperText Transfer Protocol) Domännamn där filen finns, tex www.it.uu.se Sökväg till filen, samt filnamnet, tex: ~sanna/runor.html HTML, grunderna Några saker ska finnas på en webbsida: MONP LQRTS (med MOU MHP1Q ) S X VW HTML, grunderna (forts) Vanlig text syns som vanlig text. Webbläsaren sköter radbrott, etc. Taggar för att tala om vad saker är, inte hur de ska visas. Grundsida MONP LQ(RYS MOU MP(Q Q1Z1[\% 1] 3,/JMU MHP1Q LQ(RYS S X V W S E/_^ 1` az1[\%(] 3/ cb %%(e $ d f àg g92 (* S X VW MONP Mer om HTML-taggar hdij;1k<"&"e"#h@li\;1k till inm ger rubriker hdopk<"&"e"#h@lolk Stycke h<q.rtsui& vhẅ xty{zwl Fvw (IK } &!( wlk Ex: U#N~.29 ( ] +* ƒ. /(]. 1 [_[{/, da 3

d Ankare Länk till andra sidor h IFB+vẅ xyyzw kd 9! h@ k Den text som visas är länktext. Ett eller flera ord. Ex:! "#$ % Mer om ankare R & 1 +[{/ ] $ Länk som låter dig skicka mail ' 9/(`,` /'& F* ),)(*, *#*#* R R ` /1[, '(./,ƒ,/ 67, *#*#* 9ZF* *#* R Sätt R ett namn, tex mitt i sidan. & 1 )E/,ƒ,/ 47 ] ] +*,ƒ/ 47 #R $ Gå till fraga13 (se ovan) på sidan. Listor Ordnade (numrerade) <OL>... </OL> Oordnade (onumrerade) <UL>... </UL> Inuti listan: x antal listelement. h-, q kd"&"e"#h@,q k Listor kan nästlas Definitionslistor (ordförklaringar) h<.,khd0/lkhhd{khh@a1,k Exempel med listor <ol> <li>persika</li> <li>banan</li> <li>kiwi</li> <li>jordgubbar</li> </ol> <ul> <li><a href="kursinfo.shtml#lärare">lärare</a> <li><a href="kursinfo.shtml#kurslitt">kurslitteratur</a> <li><a href="kursinfo.shtml#examen">examination</a> </ul> Exempel Visa dvptestfil/5exempelkod.html i lynx i links i Explorer... Exempel med bilder <img src="bilder/emacs.jpg"> <img src="bilder/emacs.jpg width="160" height="125" align="middle" border="0" alt="editor-fönster > 4

V Tabeller,MR V P(Q E/(0 (] ]./,3 JMR P(Q,M Varje tabellrad: E/10 (] ] (] 1[ (` JM. MOS * * * JMOS Varje tabellcell: för tabelldata eller,m *#*#*JM för tabellrubriker. Tabellen får så många rader som man räknar upp, så många kolumner som i den längsta raden. Kan också användas för att placera saker på olika ställen på sidan.. Konstiga tecken Konstiga tecken: kan skrivas som Ex: ] för mindre-än. Meny i emacs (under html-helper-mode) ger tecknet! Svenska tecken är inte konstiga. Sedan HTML 3.2 stöds svenska tecken Skriva rätt Varför? "Det blir ju bra ändå?" Svar: överallt? Säker? Ni ska veta hur man gör rätt Ska kunna skriva så det fungerar till alla webbläsare, och ser bra ut Generellt: utnyttja inte annat än standard! Lättare att hitta riktiga fel om man tar bort onödiga Weblint _ Inget meddelande => OK Annars: meddelanden som säger vilket fel, vilken rad, etc. (Emacs-tips: NEZƒ ] ` d d ). Färger etc Använd färger med eftertanke Tänk på att det är bra att se till att din sida är läsbar även på svartvita skärmar Sätter du om bakgrundsfärg så sätt om textfärg, länkar, besökta länkar också Rörliga blider, ljud och annat: skoj att bygga, men vill man ha det i längden? Bra att veta Filnamn är case sensitive, liksom allt under unix Andra sidors källkod kan du tjuv-titta på Bilder kan du plocka från nätet. Men undvik bilder som kan tänkas ha copyright. Länka hellre. (Man kan ha en bild på sin sida som ligger nån helt annanstans.) Okända taggar? Ignoreras. 5

d d 2 $ Bra att veta: View source Servern tittar på koden och gör saker med den innan den skickas iväg Exempel: besöksräknare Hur sådant fungerar är beroende av vilken server som körs Det man ser i är resultatet Kommunikation - djup Att kontakta institutionens datorer utifrån Måste använda säkra protokoll som ssh och sftp http://www.it.uu.se/datordrift/ beskrivs hur du använder ssh och sftp. Koppla sig till en annan dator!c(1 1& P ^[ I C %*\[{/(` 3 (] ` $ Användbara om man vill koppla sig till en annan dator i huset måste koppla sig till en annan maskin för att döda processer "!#$%'&$'(#) $'#* $'+!,*-#.0/ $'+ ] d ƒ ` xon!c 21 4315 67,8 Kör ett kommando på en annan dator. Default: starta en ny xterm Processen körs på den andra datorn, men visas på din skärm ssh secure shell 1 91 säkert sätt att koppla sig mellan maskiner. Behövs inte inom huset men är bra om man kopplar upp sig mot datorer någonannanstans (krypterar t ex lösenord). ssh: om man vill logga in som någon annan: flagga : <;, ex: ssh l abab1234 6

d d telnet, rlogin YC I tbf1c H(I IF D!G1 OIFtO"J K"E H" ( [ ] (`.3 V IK C IF O"J "E " ( IK C : HO;,=>? IFtO"J K"E H" ( n} (& ni : Processer Process (/jobb) = körande program (om programmet är receptet så är processen matlagningen) Varje process har ett id (PID). listar processer listar jobb (processer som startats från ditt shell) Ta bort processer Avsluta så snällt man kan så får program chans att städa upp efter sig Program som väntar 3 på inmatning kan ibland avslutas med (end of file). 2 Program som kör kan oftast stoppas med (forts.) Funkar inget av ovanstående: prova processnummer (från var som helst) eller jobbnummer (från samma shell). Flagga extra elak Kill -9 <PID> Men ibland har datorn hängt sig så att man inte ens kan ge kommandon. I så fall: logga in på en annan dator, koppla dig till din, och använd. Vad du inte får göra är fortfarande att stänga av datorn. Säg till DQ, vån 2, eller Systemansvariga, hus 4, vån 1. Om du måste ta död på processer Finns ingen ledig maskin fråga om du får låna ett shell Använd: su och whoami "!$#&% ')(*%&+,#.- %,#*/0%.1 prova kommandot 2,3'#,* / Sen kan du koppla dig vidare. Avsluta med 4/ 5. Kolla att du inte längre är inloggad med 2 3# * /. Hur man dödar processer ps listar de processer som körs just nu ps u <användarnamn> kill <processid> 7

Allmänt - nätkommunikation Stilen för varje ställe varierar. Allt från strikt info till socialt svammel Respektera stilen! ("Jag vet minsann hur det fungerar på IRC; jag tänker göra så här också!") Var inte blyg för att skriva - men tänk efter före Skriv ``snyggt''; stava rätt (svenska bokstäver!!), etc. FAQs finns för de flesta newsgrupper. Allmänt nätkommunikation (forts) Det du skriver på nätet är vad folk ser av dig. (News: den som läser kan vara en potentiell arbetsgivare!) Går inte att säga "äsch, det var bara på låtsas" God idé: läs först ett tag, skriv sen. Svårt att uttrycka sig. Använd ironimarkeringar etc. Spam Nedanstående kommer ni att stöta på. Undvik! Vykort till Craig Virusvarningar Virus via mail fungerar bara om det som skickas är ett körbart program och om man kör det. Make Money Fast Alla andra kedjebrev Spambrev! News Diskussion och infospridning Mer frågor och svar (och uppföljande diskussioner) än det kan bli på en webbsida. Diskussioner uppdelade efter ämnen Man kan välja vad man vill läsa och skriva om. Man kan skriva egna inlägg eller svara på andras Få info (om udda saker? ex flipper) från folk i närheten eller överallt. News Globalt, decentraliserat. Användarnamn Englska (mest) ICQ Direktkommunikation mellan två användare. Kan se vilka som är online. Ingen officiell klient för icq (licq) 8