Cookie Consent by Free Privacy Policy Generator website
byt lankar med html-skolan

Google gbghtml.se
Denna sida använder cookies, läs mer här>>>
index Notepad Html Spara Namn Dokument Färdig Visa Koden H1-taggen Uppdatera F5 Align Center Header Detta P-taggen Bild Å, Ä, Ö och andra specialtecken Nyheter

HTML-skolan från scratch.

Detta är min HTML skola som jag påbörjade för ett tiotal år sedan. Det var innan det där kravet med responsiva hemsidor o.s.v. började dyka upp. Från början var detta en html skola jag gjorde till mina syskonbarn och sedan hörde jag fler som ville se en sådan här skola på nätet varefter jag publicerade den. Jag utgår från dig som aldrig kodat förut och försöker gå igenom grunderna på ett 40 tal sidor. Jag ger dig sedan tips på sökmotoroptimering, hur du gör pengar på sidorna och har nu även skrivit litegrand om bloggar, html5 och css 3 som ger oanade möjligheter. Tycker du något saknas så skicka mig gärna ett besked och jag skall se om jag kan få upp även dina önskningar. Denna hemsideskola skall göra det möjligt för den absoluta nybörjaren att få upp sin första hemsida. Här hittar du även tips för dig som försökt förut om hur du lägger upp och vad som är tabeller, bilder, du får se hur du lägger upp olika typer av text och länkar på sidorna. I de sista avsnitten hittar ni även avsnitt med hur du får besökare. En hemsida idag består av, i huvudsak, header, body och olika typer av kod. Header är den "osynliga" delen av hemsidan och bodyn den delen där text och bilder träder fram. Du får se de om de olika delarna i header taggen som title, description och keyword. På samma avsnitt finner du även olika gratis verktyg som kan användas ute på internet. Handlar bland annat om validering av sidan så att fler webbläsare och sökmotorer kan se dina skapelser.

Kom ihåg det allra bästa sättet är att försöka själv så jag rekommenderar du testar
olika koder för html. Du kan alltid gå tillbaka ett steg och göra om koden om den
inte blev som du tänkt dig. Efter varje avsnitt hittar du en liten
frågelek där du kan se om du lärt dig någonting.

Ett uttryck som ofta dyker upp är "taggar". Det beror på att mycket av koden du kommer att se bygger på < och >. De brukar delas upp i öppen och sluttaggen. Väldigt ofta är den första taggen i en rad en öppen tagg som liknar det här <html> och sluttaggen betecknad med ett snedstreck(slash) så här </html>.

Vi skall börja med att använda notepad eller anteckningar som du hittar på de flesta av windows versioner. Du brukar ha liknande applikationer på de flesta andra operativsystem som iOS, macosx och linux. På windows hittar du anteckningar här>>>

Nu har jag ssl säkrat sidan. Det vill säga du ser ett grönt hänglås och texten säkert uppe till vänster i din webbläsare. Något som även du bör titta på om du skall synas på nätet. Jag har lagt några prisvärda webbhotell som erbjuder det här för en bra kostnad på billiga webbhotell>>>

links
Länkar om hur du länkar i dina hemsidor. Allt detta med href o.s.v. Jag har nu även lagt in olika tips om hur du länkar mailadresser och olika php formulär. Se mer här>>>

hur du far ut dina kreationer pa webben
FTP Jag går här igenom olika sätt att få ut din hemsida på internet. Jag ger även tips på gratis webbhotell samt prisvärda webbhotell Jag har också skrivit om hur du bär dig åt med att ladda upp bilder samt skriva på din wordpress blogg.

tjana pengar pa din hemsida
Tjäna pengar på din hemsida Här hittar du flera sätt att dra in pengar. Skriver du om grötrim, gåvor, firande, mode eller liknande så se till att få tillbaka lite pengar för ditt skapande. Kom ihåg att använda annonser som har något att göra med det du skriver.

allt om bilder
Bilder. Allt om hur du får in bilder på hemsidan. Gratis photoshop eller bildbehandlingprogram. Här hittar du även inspiration och många verktyg att framställa logotypes med. Se mer här>>>

webdesign
Design Allt om hur du använder stylesheets eller css för att utforma designen av hemsidan. Här hittar du även gratis mallar, tillägg till din dreamweaver och gratis redigerare för hemsidan

copyright © Björn Larsen bjornlarsen.se