Allt om hur man gör en hemsida

Hur man gör en hemsida? Börja med HTML

Hur man snyggar till hemsidan? Här finns allt om stilmallar (stylesheets):
STiLMALLAR

Ca 100 exempel med kod och förklaringar:
JavaScript & dynamisk HTML

TANGRAM & MASTERMiND finns under rubriken SPEL.
Och längre ner på den här sidan finns adressen till ett MASTERMiND för mobilen.


allt om HUR MAN GÖR EN HEMSiDA? Börja med HTML! Där finns allt från de enklaste grunderna till hur man gör tabeller och ramar och hur man tar bort bildverktyget från hemsidan eller placerar en ikon i adressfältet Därefter kan du snygga till hemsidan med hjälp av stilmallar. direkt till HTML-delen mer om innehållet	Under BAKGRUNDER finns texter, citat, bakgrundsbilder och Kants kategoriska imperativ !	VADÅ JavaScript??? Om du till exempel vill visa ett bildspel på din hemsida eller kanske visa olika bilder beroende vilken dag det är eller placera en klocka eller kalender eller datum för senaste uppdatering på hemsidan eller... Kort sagt, om det ska hända något på hemsidan även efter det att den laddats ner eller beroende på datum eller beroende på vad besökaren på hemsidan gör eller annat, så är det JavaScript du ska använda. Varje sida under rubriken JAVASCRiPT innehåller både exempel och kod med förklaringar. En del exempel går att kopiera rakt av, andra är mer avsedda att visa hur en viss "språkbit" fungerar. direkt till JAVASCRiPT-delen mer om innehållet
STiLMALLAR eller stylesheets är ett måste om man vill ha koll på hur hemsidan ser ut. Under STYLESHEETS finns allt som behövs för att välja färger och typsnitt, tillverka egendesignade knappar och textrutor och mycket annat.		>>> TANGRAM
SKYDDA DiNA BiLDER 1 Om du retar dig på att Microsoft Internet Explorer gör det extra lätt för folk att stjäla dina bilder med hjälp av "bildverktyget", så kan du göra så att det inte fungerar på din hemsida. läs om hur man gör TEXTSTORLEK TEXTSTORLEK TEXTSTORLEK TEXTSTORLEK TEXTSTORLEK Är texten på den här sidan för stor eller för liten? Tryck på Ctrl- och plus-tangenterna samtidigt. Ctrl-tangent & plustangent = STÖRRE Ctrl-tangent & minustangent = MiNDRE Mer om hur man ändrar textstorlek. Hur byter man bild när muspekaren hamnar över en bild? Många fler, liknande, skript finns under rubriken JAVASCRiPT, t.ex. den här bildvisaren.	När och hur hittade du till flowsims webbplats? 1 Har du varit på flowsims webbplats förut? Nej Ja, några gånger Ja, många gånger 2 Hur/var och när ungefär hittade du adressen till flowsims sida? (max 100 tecken) Det kommer ingen "bekräftelsesida" när du skickat formuläret utan den här sidan ligger kvar. Det går bara att skicka ett meddelande per avsändare. Att döma av de svar vi fått hittills hittar var fjärde besökare hit efter tips från kompisar, lärare och arbetskamrater. till JavaScript-delen (där finns allt om bildvisare, bildspel, bildväxling vid mouseover, datum och klockor och animationer med mera) till stilmalls-delen (där finns allt om hur man använder stilmallar för att snygga till hemsidan). till HTML (där finns allt om hur man skapar en hemsida). SKYDDA DiNA BiLDER 2 Om du inte vill att dina bilder ska hamna i sökrobotarnas thumbnail-samlingar kan du (ibland) hindra det med hjälp av en meta-tagg. MASTERMiND i MOBiLFORMAT mastermind i mobilen? Öppna spelet i mobilens webbläsare och spara filen, då kan man spela (gratis) utan att vara uppkopplad. Adressen är följande: http://www.flowsim.se/mastermind_i_mobilen/mastermind.html Testad i bl.a. Sony Ericsson W880i Walkman. "ÄNDRAT" BETEENDE i ViSSA WEBBLÄSARE. I några versioner av Microsofts Internet Explorer skapas en helt omotiverad horisontell scrollningslist om man sätter värdet för ramen till "auto" (vilket naturligtvis, i fungerande webbläsare, är det bästa alternativet). I alla (internet)tider har text- och bilder som default placerats till vänster i tabeller. I några versioner av Microsofts Internet Explorer centreras nu texten om man inte explicit anger något annat. Åtgärder, t.ex.: <td align="left"> eller body {text-align:justify} td {text-align:justify}

Under SPEL finns bland annat MASTERMiND, TANGRAM, HANGMAN (engelska, franska och italienska), "frågesportspelet" HäSTENS ANATOMi och en TETRiS-demo. Under HTML finns allt om hur man gör en enkel hemsida; vill man göra hemsidan lite mer "stylad" hittar man mycket under STYLESHEETS och JAVASCRIPT, men de avsnitten förutsätter att man kan grunderna i grunderna i HTML.	Tillbaka till den här förstasidan kommer man alltid om man klickar på den svartvita pilen längst till höger på menybilden i ramen högst upp i webbläsarfönstret Allt om hur man skriver © och andra tecken.	flowsims hemsida har funnits på internet sedan 1995 så här har varit ett antal miljoner besökare. Lite av vad de tyckt och tänkt finns samlat i arkiven. UR MEJLARKIVET 1 Några av de vanliga frågor, konstiga frågor, trevliga e-brev och mindre trevliga etc, som skickats till oss under åren 1996-2000 STATISTIK Hur många är egentligen t ex 100.000 träffar?
>>> MASTERMiND	JAVASCRIPT - exempel med förklaringar ca 100 olika script, bland mycket annat: Javascript alert datum på hemsidan klocka på hemsidan klocka i textruta automatiskt visa datum för senaste uppdatering Javascript focus Javascript confirm Javascript history bildväxling onmouseover bildväxling onmouseover bildväxling onmouseover bildväxling onmouseover knappar som rör på sig Javascript prompt flytande lager om cookies JavaScript onmouseover text som skrivs automatiskt e-postfilter länkar i rullgardinslistor animationer öppna nytt fönster 1 öppna nya fönster 2 visa meddelandefönster javascript confirm zIndex getElementById ändra bakgrundsfärg dynamisk text (skrivs bokstav för bokstav på sidan) [alla sidor (= många fler än det länkas till här) hittas från JAVASCRiPT]
HTML med mera! - om det mesta man behöver veta för att göra en egen hemsida. Några av rubrikerna: från början bakgrunder allt om hur man länkar till andra sidor och får dem att visas på rätt ställe; om länkar, ankare & TARGET hur man gör "image maps"; här kan man också ladda in sina egna bilder och ta ut koordinaterna listor tabeller tabeller formulär 1 formulär 2 rullgardinsmenyer klickbara bilder 1 klickbara bilder 2 giffar med genomskinlig bakgrund text ramar -frames iframe teckenkod meta-taggar ikon i adressfältet XHTML (förutsätter att du kan HTML) ljud		STYLESHEETS - om stylesheets - stilmallar - css stilmallar - vad är det? var ska man placera stilmallen? hur ser den ut? hur använder man stilmallar för att bestämma vilken färg bakgrunden, texten och länkarna ska ha? hur använder man stilmallar för att välja typsnitt och textstorlek mm? hur använder man stilmallar för att reglera marginaler, ramtjocklek och sånt? hur använder man stilmallar för att placera text och bilder precis där man vill ha dem? stilmallar och listor stilmallar och länkar stilmallar och tabeller hover och "bildväxling" cursor/ ändra muspekarens utseende stilmallsknappar stilmallar & TEXTAREA stilmallar & textrutor dynamiska tabeller första rad/bokstav i ett textstycke listor/egna bilder rubriker overflow "gles text" [ alla sidor hittas - enklast - från huvudrubriken ]
några sökmaskiner & länkkataloger referensbiblioteket.se live.se	KODMAKARE text som kan scrollas upp eller ned i "egentillverkad textruta" olika sorters bildväxling vid onmouseover knappar som rör på sig META-taggar Zoopraxiskop Under den här rubriken finns också avsnittet "hitta koordinaterna" där du kan ladda in dina egna bilder och ta fram de koordinater som behövs för att göra en "image map" (en "image map" är en bild som har flera olika klickbara ytor som, till exempel, leder till olika webbsidor)	BILDER & FÄRGER - om hur man kan göra grundläggande om hur man placerar bilder på en webbsida allt om hur man gör delar av en bild klickbara (image maps) knappar som "rör på sig" knappar som "rör på sig" animerade bilder bilder med genomskinlig bakgrund text o knappar som "lyser till" när muspekaren dras över dem omvandlare - hexadecimala färgsiffror till decimala och tvärtom [alla sidor hittas från huvudrubriken]
SPEL - Javascriptspel, bl.a. mastermind hangman hangman engelska hangman franska hangman italienska "IQ-test" "intelligenstest" tangram - ett kinesiskt pussel korsord pussel tetris hästens delar [alla sidor hittas från huvudrubriken]	VARIA - lite av varje CGi Java MS-Dos (Om du använder Windows, råkar ut för en diskkrasch och inte kan köra Windows så kan du ofta rädda en stor del av filerna genom att köra dos och lägga över de fungerande filerna på en annan disk.) Unix/Linux hur man skyddar hemsidan med lösenord mm PiNE/spamfilter landsbeteckningar	Symboler & förkortningar som används på flowsims sidor: = sidan som länken leder till öppnas i nytt fönster = se fotnot på resp delsida N = Netscape Navigator, N4+ betyder alltså att en sida fungerar i Netscape fr o m version 4. MIE = Microsofts Internet Explorer J_1.1 = på sidan som länken leder till finns en Java-applet som kräver stöd för Java 1.1; fungerar i t ex N 4.5+ = öppnas i hela flowsimfönstret, dvs den nya sidan ersätter allt (inkl ramen med huvudrubrikerna) i hela webbläsarfönstret = tillbaka till den här förstasidan kommer man om man klickar på den svartvita pilen längst till höger på menybilden i ramen högst upp i webbläsarfönstret
KRYPLÄNKAR trollsländor fjärilar nyckelpiga nyckelpigor bärfis fästingar pälsängrar bromsar stickmyggor knott svidknott häggspinnmal getingar tvestjärtar lusflugor bladlöss hasselsnok hasselsnok eller huggorm? vargspindlar
Text, kod, bilder och övrigt: I Ljungström Copyright I Ljungström, flowsim AB ilj/eposttecken/flowsim.se Koden till de JavaScript-exempel som handlar om värmeöverföring och strömningslära bygger på fortran-kod av professor Lars Davidson, Tillämpad mekanik, Chalmers Tekniska Högskola, Göteborg. lada/eposttecken/chalmers.se Den här sidan hör hemma i ett ramsystem hos:

allt om HUR MAN GÖR EN HEMSiDA?

VADÅ JavaScript???

SKYDDA DiNA BiLDER 1