bygga egen hemsida

This page in English, please.


Lars Ekdahl's favoritställen när man bygger sina egna Webbsidor

Tips innan du startar med din webbkonstruktion,
bygga hemsida Men innan dess läs gärna Encyclopedia Intranetica där du finner bra information om Internet, Java och Web, om TCP/IP och intelligenta agenter, om multimedia, elektronisk dokumenthantering och ekonomisystem. Läs, sök och lär dig mer om Internet och Internet-tekniken

webbdesignDen numera klassiska men lika aktuella webbsidan. The top ten mistakes of Web management

webbdesignJacob Palme har satt ihop en sida om lagar och regler om Internet som du kanske skall studera innan du lägger ut dina nya hemsida!

bygga egen hemsidaVill du skaffa en egen räknare så att du ser hur många som besöker dig? Du kan även kombinera detta med att få statistik över dina besökare. Använder själv denna tjänst på flera sidor

bygga och utveckla din webbsida genom bra webbdesign och webbkonstruktion Vill du ha en gratis gästbok utan att behöva skriva massa egna script? Tjänsten är svensk men det går att få gästboken även på andra språk. Det finns ju inget som heter fri lunch så överst på sidan placeras en annons som går att få bort för en mindre summa.

hemsida Vilken är den vanligaste upplösningen på bildskärmen eller den vanligaste webbläsaren. w3schools.com har en utmärkt besöks statistik för detta som kan vara bra att ta del av innan du sätter igång att producera dina webbsidor. Du hittar dessutom en hel del annan intressant besökarstatistik på de här sidorna.

bygga egen hemsida


Tips och tricks som hjälp när du gör din egen hemsida!
bygga egen hemsidaFörsta hjälpen att göra sin första webbsida kan vara denna! AnnicasTIGERHemsida. Verkligen en första hjälp i detta ämne. En annan bra lärosajt är denna HTML-kurs från EchoEcho. Com.

webbdesign En annan bra plats att besöka för er som redan behärskar ämnet och vill utveckla ert kunnande i webb.design!.

webbkonstruktion webreference.com Alltifrån nybörjare på Internet till webbmasters , är webreference.com det snabbaste sättet att lära sig bli en riktig webbmästare.

webbkonstruktion 10 regler för god design på webben

webbkonstruktion Tänk också på att ha bra språk. En av de mest besvärliga felen, förutom de rent grammatiska, är särskrivning (sär skrivning ) Man delar alltså på ord som egentligen här samman. Är man osäker finns hjälpen på skrivihop.nu

webbkonstruktion Guider om det mesta som rör design på webben. Hederliga guider för klassisk design av webbsidor. Här finns guider och artiklar sorterade på ämnen såsom design, hastighet, stil, innehåll, kodning, navigering och marknadsföring.

bygga egen hemsida
DHTML och Stylesheets
bygga egen hemsida Såväl Explorer som Netscape stödjer Cascading Style Sheets, fast tyvärr olika. Därför ser denna sida olika ut i dom två webbläsarna. Cascading Style Sheets, level 1, the W3C Recommendation 17 Dec 1996, uppdaterad 11 Jan 1999, kan du hitta här om du vill läsa mer om detta.
!1999 kom även uppföljare Cascading Style Sheets, level 2CSS2 Specification. Senaste nytt hittar du här!

bygga egen hemsida Om du vill ha exempel på vad man kan uppnå med hjälp av stilmallar är det här ett perfekt ställe att surfa till. Ett hundratal exempel organiserat över olika kategorier finns här presenterat.
University of Minnesota Duluth har en lång och utförlig referenslista över CSS-resuser som ser väldigt bra och användbar ut.

Online CSS Optimazer Advanced Selectors with CSS3 I den tredje generationens CSS kan du arbeta med så kallade advanced selectors. I den här artikeln hos HTMLSource beskrivs tekniken samt var du kan hitta mer referensmaterial om egenskaperna.

DHTML scripts Index D O T Css. En mycket bra referenssajt för CSS !

Online CSS Optimazer Ordna layouten enbart med CSS I denna artikel går författaren igenom hur du med ganska enkla manövrar i CSS skapar en layout på din webbplats enbart med hjälp av egenskaper i CSS.

bygga egen hemsidaDenna sida använder sig av Stylesheets. Via ett Javascript laddas rätt stylesheet ner för att passa Netscape 4.0, Explorer 3.0 eller Explorer 4.0. Mycket har jag hämtat från sajten som gör HomeSite 4. HTML-verktyget jag mest använder

bygga egen hemsida Varför använda Javascript för att skapa enkla knappeffekter, för att länka till andra sidor i en navigationspanel, när man kan göra detta med snygga standardbaserade CSS? Observera dock, att om din webbläsare inte kan hantera Style Sheets, (CSS2) kommer du ej att kunna se detta exempel. Så lite tveksamt att ännu använda denna teknik.

bygga egen hemsidaDynamic Drive, hittar du gratis, DHTML original script och andra komponenter för att göra din hemsida mer intressant. Alla skripten här tar hänsyn till den senaste teknologin inom JavaScript and DHTML. Skriptet på min entrésida har jag hämtat här.

bygga egen hemsida Här testar jag att mina StyleSheets är OK!

bygga egen hemsida För scriptmakare (scripts till hemsidan)

javascripts En bra introduktion till scripts. På webdesignskolan kan du också lära dig grunderna. T.ex MouseOver/Rollover.

PS. Det är också ett litet javacript som läser av din bildskärms upplösning på raden under.

javascript Här hittar du en riktig bra kunskapskälla när det gäller Javascript som jag utnyttjar då och då. Det finns en samling svar på de vanligaste frågorna och små exempel. Det hela är indelat i följande kategorier. Allmänna script,Matematik,Tid,Bilder,Fönster och Ramar, Formulär,HTML, Typ av Webbläsare med mera. Jag använder mig av Javascript så sällan att jag varje gång måste läsa på igen. Ofta hittar jag då svaren på denna sajt. bygga egen hemsida
HTML och Grafik Verktyg
bygga egen hemsidaDu måste också bestämma vilket verktyg du skall använda. Builder.com Editors' Choice Award men på senare tid ( hösten 2002) börjat att mer och mer jobba med Dreamweaver MX. Macromedia's Dreamweaver blev vald till bästa program för proffsen. Får nog lära mig detta istället? Tyvärr lite dyrt för oss amatörer.

The Elements of Typographic Style Applied to the Web The Elements of Typographic Style Applied to the Web är en ny typografi blog, som innehåller länkar till bra resurser att ösa ur såsom Typies' 15 tips to choose a good text type

gratis typsnitt Gratis typsnitt! Här kan du välja mellan över 25000 fonter online. Äntligen en sajt som inte är lurendrejeri. Värt ett besök. Nackdelen är att det är svårt att hitta. Finns för många val.

webdesignDreamweaver från Macromedia är ett nytt verktyg jag också börjat använda. Mycket lättanvänt (är ett så kallat wysiwyg, what you see is what you get) och kraftfullt. Programmet kan integreras med HomeSite och man kan således också jobba direkt i koden.

webdesign För den som behärskar lite grundläggande HTML finns det fortfarande klipp att göra på programfronten. Easy Coder är ett svenskt gratisprogram, och här får du, genom guider och dialogrutor, hjälp att skapa de HTML-element du inte orkar eller kan skapa själv. Det finns ett redigeringsläge, ett granskningsläge och en mycket smidig kombination av de båda.

webdesign
Länkar till platser att ladda hem bilder, knappar, annan grafik samt tips och tricks.
webdesign Myten om 72dpi för webb bilder!

webdesignIn a July 9 blog post, Google software engineers Lance Huang and George Ruban quietly and calmly unveiled a change to Google's Image Search that could save countless designers from violating image copyrights.
By checking a few boxes in the "Usage rights" section of the advanced image search page, you can now filter every image Google has ever indexed so that you see only files tagged with a license that allows re-use of the image.

webdesign Fotosearch. Här kan du bland mer än 50 leverantörer av 700.000 royaltyfria bilder. Gratis och obegränsad tillgång till skissbilder. Man kan också köpa och ladda ner bilder.

webdesignStock image collections from Eyewire (formerly the Adobe Image Library). AAA Free Clip Art har olika kategorier fyllda med gratisbilder. Cool Archive har massvis med kategoriserade bilder och animationer.
-på Animfactory lär finnas över 30000 bilder och animeringar. Alla smart sorterade vilket gör det till en snabb och bra sajt
- -FreeFoto.com är kanske den störta samlingen av gratis fotografier för privat användning på Internet.
-GRSites.com är en annan sajt som erbjuder gratis bakgrunder, webbgrafik, knappar m m.

webdesign I Designgalleriet Direkt finns ClipArt-bilder, fotografier och animeringar att ladda hem gratis från Microsoft.Tips! Söker du på engelska istället för svenska är utbudet mycket större

red bullet gif image Nick's Fonts är helt säkert en av de snyggaste sajterna jag sett med gratis typsnitt, grafik samt information i allmänhet om typsnitt i

Whether you're looking for the hottest color combos or the coolest palettes, you got to get Dreamweaver Tools for Kuler. Kuler is the Adobe Web application for designers to create, explore and share color schemes. With Dreamweaver Tools for Kuler, you get instant access to the more recent, most popular or highest rated colors right in Dreamweaver. Sample your color from any Dreamweaver color picker or insert a hex color value into code with a single mouse click – it's easy and cool with Dreamweaver Tools for Kuler.

bygga hemsidor Arts: Illustration: Stock and Clip Art

red bulletKira's Icon Library

red bullet gif imageLetar du efter en flagga till din webbsida? Här hittar du de flesta flaggorna!bygga hemsidorDenna flagga från Estland har jag hämtat hem och reducerat storleken från 100 x 64 pixlar till 30 x 19 pixlar i Photoshop. Föredrar du animerade flaggor?
. Sunet har också ett utmärkt flaggregister. Här kan du klicka på ett land och få upp landets flagga på en helsida. Kan vara lämplig om man vill skriva ut en flagga eller se hur den ser ut innan du parar den..

bygga hemsidor Välj rätt färg på din text till bakgrundsfärgen du valt. Här får du också hjälp med textprov på alla de 216 färgerna och du sparar mycket tid på detta sätt att snabbt hitta de rätta färgkombinationerna. Vikten av att välja rätt bakgrundsfärg som harmoniserar med ditt budskap. "Dina färger är en del av ditt budskap!" säger Michael Fortin, Ph.D.
Ett fantastisk verktyg jag ofta använder är EyeDropper. Tar rätt på RGB-värdet för din bakgrundfärg. Här kan du ladda hem detta lilla tillbehör
Upptäck kuler, en online-community där man skapar och utbyter harmoniska färgpaletter. Skapa egna paletter eller låt dig inspireras av vad andra gjort. Du går dit direkt från en palett i Illustrator CS3. Också med Dreamweavers verktyg for Kuler får du direkt tillgång till till de mest populära eller högst rankade färgerna direkt in i Dreamveaver. Sampla din färg från någon av Dreamweavers färgpipetter eller använd ett hex-färgvärde i koden med endast ett musklick. Du kan härifran ladda ner Dreamweaver Tools for Kuler 1.0.0

red bullet gif imageFler URL's till tips och tricks för att göra GIF-bilder Transparanta! Thomas Boutell's WWW FAQ on Transparancy

red bullet gif imageFler intressanta länkar om digitala bilder finns på min sida digitala bilder

red bullet gif image Många länkar hittar du på Cat-Webb under rubriken Design och Grafik.
BlåPil
Kontrollera din HTML-syntax on line på Internet!
red bullet gif imageNär du är klar med din nya sida måste du kontrollera den noga innan du lägger ut den på servern. Inte bara med din egen läsare utan helst flera olika. Du kan också skicka iväg den över Internet för kontroll . Ett ställe jag själv föredrar är W3C HTML Validation Service. Fast i nya HomeSite 4.5 finns en inbygg "validator" som jag numera uteslutande använder .

XHTML och CSS Du har skrivit giltig XHTML och CSS. Du har använt W3C standard Document Object Model (DOM) för att manipulera dynamiska sido-element. Ändå ser sidorna inte ut som dom borde, när man öppnar dokumerntet i webbläsare som skall stödja dessa specifika standards. Troligen är felet att du har fel eller saknar rätt "DOCTYPE". Hur du skall fixa till detta kan du läsa på denna sida.

optimeraOptimera din webbplats så att de olika sökmororerna indexerar din sida högt!

optimeraHär kan du jämföra hur Google respektive Yahoo rankar sökord. Prova gärna med dina egna!

red bullet gif image Har du , som jag, många länkar du refererar till måste du ofta kontrollera att dessa fortfarande fungerar. Själv har jag per maj 2005 cirka 6700 URL på ungefär 2640 olika sidor att hålla reda på. Då skulle jag inte klara mig utan Xenu's Link Sleuth (TM) som är en  "spidering" mjukbara som kontrollerar webbplatserna så att dom inte flyttat eller bytt adress. 

BlåPil


Web Konstruktion
Web-referensWeb-referens
HTML Writers Guild Welcome to the HTML Writers Guild website.The Guild is the largest international organization of World Wide Web designers. Our membership includes professionals, students, and hobbyists; programmers, artists,writers, educators, and entrepeneurs; beginners and experts

Web-referens 10 snabba tips för att få snabba webbplatser. Om du känner dig stressad och varken hinner läsa på om snabbladdade sidor eller att anpassa dem finns här en riktig lathund. På mindre än en halv sida presenteras 10 tips för hur du snabbar upp inläsningen av din webbplats.

BlåPil
Resurser för er som gör hemsidor
red bullet gif image Webbdesign.info är tänkt som en resurs för både nybörjare och professionella webmasters med guider inom allt ifrån html till tunga applikationer i serverspråk och databasspråk.
För att alltid ha den senaste informationen och att inte på grund av tidsbrist behöva utesluta vissa områden har man valt att låta de mer erfarna medlemmarna medverka till att skriva guider och i gengäld ge dem en inlänk från guiden.
Alla guider är försedda med sökmotoroptimerade taggar för att erbjuda så värdefulla inlänkar som möjligt.

red bullet gif image Hittade detta suveräna verktyg för att ladda upp bilder och sidor till servern. WinSCP. Gratis SFTP, FTP och SCP klient för Windows.

red bullet gif image Tinyurl.com omvandlar långa länkar till korta. En otroligt bra idé och väldigt användbar. Jag använder tjänsten väldigt ofta, speciellt i e-postsammanhang då långa krångliga länkadresser ofta bryts.

red bullet gif image webforum.nu eller wF som det kallas, är ett suveränt tillhåll för svenska webbmakare. Här finns bland annat diskussionsforum om allt som har med webben att göra. Det håller en hög, seriös nivå och alla medlemmarna är mycket hjälpsamma. Har man problem är det hit man bör vända sig för att få bäst och snabbast svar..

red bullet gif image  BraveNet är en helt fantastisk webbservice där du hittar över sexton olika gratistjänster som du kan använda utan reklam på din webbplats, allt från statistik till gästböcker.

red bullet Fonts för Flash.en del är gratis meden dom bästa får man köpa.

red bullet gif image Välj rätt färg på din text till bakgrundsfärgen du valt. Här får du också hjälp med texprov på alla de 216 färgerna och du sparar mycket tid på detta sätt att snabbt hitta de rätta färgkombinationerna.

webbkonstruktion Webbuilder är ett Internetmagasin som vill ge dig tips och idéer om hur du på ett så professionellt sätt som möjligt konstruerar din webbplats
red bulletFrån Allaire (som utvecklar Homesite 4.5 och nu gått samman med Macromedia) Reference Desk hittar du den senaste tekniska informationen om webbuveckling som finns att tillgå just nu. Dessutom tips om bra 3:e parts produkter

Myten om 72dpi Gratis är dom emellertid från Cgi-resources

Myten om 72dpi  Developer.com representerar sig själv som den ledande källan för teknikinformation. Här finns adekvat information om det mesta.

Encyclopedia Intranetica  WebDeveloper är en bra sida för dig som arbetar med webbutveckling, här finns också ett utmärkt diskussionsforum

Encyclopedia Intranetica  cNet Builder kan du få handledning om hur man utvecklar en förstaklassig webbplats.

lag och rätt på internet En inspirationskälla jag själv använder för utveckling av min webbsida hittar du här. Kanske du också hittar en del tips?

Hitta IP adresser En av de bästa platserna jag hittat för att idendifiera en IP-adress. I alla fall få veta var den finns. Att använda IP Address Map är gratis och hjälper dig att hitta den geografiska ort för IP-adressen

lag och rätt på internet comp.infosystems.www.authoring.html
red bullet gif image comp.infosystems.www.authoring.cgi

W3C HTML Standard Organisation
webdeveloper Här får du reda på hur långt Netscape and Microsoft ligger efter standardiseringskommissionen för HTML!

webdeveloper
The Alertbox:

webdeveloper Senaste utgåvorna av Web Usability by Jacob Nielsen. Web Gurun som skriver Alertbox, column on Web usability , som utkommer varannan månad.


Denna sida uppdaterades den 11 februari år 2016 avseende några "döda" länker.

webdeveloper