|
Tips innan du startar med din webbkonstruktion,
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
Den numera klassiska
men lika aktuella webbsidan. The top ten
mistakes of Web management
Jacob 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!
Vill 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
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.
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.
Tips och tricks som hjälp när du gör din egen hemsida!
Första
hjälpen att göra sin första webbsida kan
vara denna! Annicas Hemsida. Verkligen en
första hjälp i detta ämne. En annan bra
lärosajt är denna HTML-kurs från EchoEcho. Com.
En annan
mycket bra sajt att lära sig mycket på
är . Allt från
webbdesign till färglära. Han inspirerade mig
också till min nya entrésida, där jag
plockat lite från hans stylesheets
Även webdesignskolan är en riktig guldgruva. Här kan du ,
förutom HTML, lära dig mer om Photoshop, Illustrator och Dreamweaver.
Göra hemsida.se är en sida för dig som håller på eller ska börja med att bygga hemsidor. Här hittar du nybörjarguide för dig som vill bygga din första hemsida men inte vet hur du ska gå till väga. Guiden vänder sig främst till dem som till nybörjare men även lite mer erfarna webmasters kan hitta tips här. Dem två viktigaste grundstenarna i guiden sägs vara att - Allt ska vara gratis och - Det ska inte krävas några förkunskaper.
En annan bra plats att
besöka för er som redan behärskar ämnet och vill utveckla
ert kunnande i webb.design!.
Hur man installerar ett
Perl-script på en Webbserver
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.
10 regler för god design på webben
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
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.
Graphic design, search engine
marketing, banners and web site
design tips
DHTML och Stylesheets
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!
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.
På The Layout Reservoir hittar du stilfulla layouter som man bara får ta.
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.
Index D O T Css. En mycket bra referenssajt för CSS !
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.
Denna 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
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.
Behöver du CGI, PHP,
eller JavaScript till din webbplats besök då CGI Collection.
De har i dagsläget hela 5333 verifierade script's att ladda ner, tyvärr
är inte alla gratis.
Massvis med dynamiska html-skript.
I ett stort antal kategorier hittar du massvis med användbara
skripts skrivna i dhtml. Självklart är en stor del av skripten rena lekstugan, men här går det att göra fynd dock. Hittade ett bra script jag använder för att derigera om en sida till en annan adress som du hittar under rubriken "Detect / redirect scripts"
På Dynamic 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.
Här testar jag att mina StyleSheets är
OK!
För
scriptmakare (scripts till
hemsidan)
The javascript source har
många bra javascripts att ladda hem. Dessutom gratis. Ett jag använder
är att hindra högerklickning
med musen. Fungerar inte om användaren stängt av javasupporten
i sin webbläsare.
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.
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.
Förresten! Kommer du ihåg att du ställt in, upplösning på din bildskärm, till
pixlar?
Vad du har för IP-nummmer på ditt bredband?
|
|
HTML och Grafik Verktyg
Du 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 ä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! 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.
Dreamweaver
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.
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.
Länkar till platser att ladda hem bilder, knappar, annan grafik
samt tips och tricks.
Myten om 72dpi för
webb bilder!
In 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.
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.
Stock 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.
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
Flera länkar till sajter där du kanske kan hämta gratis grafik!
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
Här finner du ikonerna till
din produktion?
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.
Arts: Illustration: Stock and Clip Art
Kira's Icon Library
Letar du efter en flagga till din
webbsida? Här hittar du de flesta flaggorna! Denna 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..
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
Fler URL's till tips och
tricks för att göra GIF-bilder Transparanta! Gif Animation Tips
från webb Diner Thomas Boutell's
WWW FAQ on Transparancy
Fler intressanta länkar
om digitala bilder finns på min sida digitala
bilder
Många länkar
hittar du på Cat-Webb under rubriken
Design och Grafik.
Kontrollera din HTML-syntax on line på Internet!
Nä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 .
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.
Optimera din
webbplats så att de olika sökmororerna
indexerar din sida högt!
Så
hamnar du
högt upp i sökresultaten på
AltaVista! Vad gäller då för övriga
sökmotorer?
Här kan du jämföra hur Google respektive Yahoo rankar sökord. Prova gärna med dina egna!
Språkvårdsportalen är en startpunkt för dig som söker information om språkvård och språkvårdsorganisationer. Här brukar jag kontrollera , via skrivhandledning, att min text är bekriplig
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.
Web Konstruktion
Web-referens
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
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.
Resurser för er som gör hemsidor
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.
 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.
Upphovsrätten gäller även på Internet
Det är viktigt att känna till upphovsrätten och vad den innebär i praktiken.
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.
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..
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.
Fonts för Flash.en del är gratis meden dom bästa får man köpa.
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.
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.
Tilja.net är en
utmärkt svensk sajt som innehåller
information om webbyggande och dylikt
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
På CentralChat kan
du skaffa dig ett gratis "chatroom"
Alldeles utmärkt för all webbmasters som vill
skaffa sig ett diskussionsforum utan att behöva
skapa tekniken för detta. En bra sak är att
du inte behöver registrera dig om du inte vill.
Frå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
Gratis är
dom emellertid från Cgi-resources
Developer.com representerar sig
själv som den ledande källan för
teknikinformation. Här finns adekvat information
om det mesta.
WebDeveloper
är en bra sida för dig som arbetar med
webbutveckling, här finns också ett
utmärkt diskussionsforum
På
cNet Builder
kan du få handledning om hur man utvecklar en
förstaklassig webbplats.
StatMarket
är en bra statistiktjänst som på ett
förtjänstfullt sätt förmedlar
statistikkunskapen om din och andras webbplatser.
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?
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
comp.infosystems.www.authoring.html
comp.infosystems.www.authoring.cgi
W3C HTML Standard Organisation
Här får du
reda på hur långt Netscape and Microsoft ligger
efter standardiseringskommissionen för HTML!
The Alertbox:
Senaste
utgåvorna av Web Usability by Jacob Nielsen.
Web Gurun som skriver Alertbox, column on Web
usability , som utkommer varannan
månad.(1999: currently running at an annualized
rate of about 5 million page views)
Denna sida uppdaterades den 16 december år 2011
|