Vill gärna ha er åsikt om HTML5.

Permalänk

Vill gärna ha er åsikt om HTML5.

Hej på er!

Tänkte försöka studera något som kan lära mig skapa hemsidor på ett effektivt och bra sätt, eftersom jag av någon märklig anledning alltid fascinerats av snygga och väl strukturerade hemsidor vill jag gärna utveckla denna sida hos mig och kanske till och med arbeta med det.
Jag vill lära mig koda hemsidor, design är inget för mig, jag är konstnärligt handikappad.

Hur bra är HTML5, vad gör det bättre/sämre jämfört med andra språk?
Vad skiljer HTML5 från PHP?
Vilket språk skulle du lärt dig först, varför?
Något annat jag behöver veta?

HTML, CSS Kan jag redan en hel del av, php har jag också fingrat lite på för länge sedan.

Motiveringar till svaren är väldigt uppskattat.

Mvh:
Brodertruck

Permalänk
Medlem
Skrivet av Brodertruck:

Hej på er!

Tänkte försöka studera något som kan lära mig skapa hemsidor på ett effektivt och bra sätt, eftersom jag av någon märklig anledning alltid fascinerats av snygga och väl strukturerade hemsidor vill jag gärna utveckla denna sida hos mig och kanske till och med arbeta med det.
Jag vill lära mig koda hemsidor, design är inget för mig, jag är konstnärligt handikappad.

Hur bra är HTML5, vad gör det bättre/sämre jämfört med andra språk?
Vad skiljer HTML5 från PHP?
Vilket språk skulle du lärt dig först, varför?
Något annat jag behöver veta?

Motiveringar till svaren är väldigt uppskattat.

Mvh:
Brodertruck

HTML är ett "markupspråk", php körs på servern.
Du ska börja med att lära dig HTML eftersom alla webbsidor bygger på HTML.
Utmärkt länk för att förstå varför din frågeställning vad skillnaden på HTML och PHP som språk är lite...udda http://www.johnhaydon.com/2011/03/whats-difference-between-cs...

Permalänk
Medlem

Grunden i alla webbsidor är HTML och CSS.
PHP används för funktioner och för att skicka information till databaser, t.ex Användare.(login funktion)

HTML5 gör allting enklare än t.ex HTML4, HTML5 har även mer funktionalitet.
Men annars så skiljer sig inte språken, skulle rekommendera att du lär dig xhtml, HTML5 är nästintill identiskt.
CSS (Cascade styling sheet) används för att strukturera informationen, skapa "rutorna" på sidan där informationen ska ligga.
T.ex Header, meny och content.

Om du ska börja med webbdesign så är det html + CSS du ska läsa, dom 2 går hand i hand.

Bra videoguide för att komma igång:
http://thenewboston.org/list.php?cat=40

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Permalänk
Medlem
Skrivet av Brodertruck:

Hej på er!

Tänkte försöka studera något som kan lära mig skapa hemsidor på ett effektivt och bra sätt, eftersom jag av någon märklig anledning alltid fascinerats av snygga och väl strukturerade hemsidor vill jag gärna utveckla denna sida hos mig och kanske till och med arbeta med det.
Jag vill lära mig koda hemsidor, design är inget för mig, jag är konstnärligt handikappad.

Hur bra är HTML5, vad gör det bättre/sämre jämfört med andra språk?
Vad skiljer HTML5 från PHP?
Vilket språk skulle du lärt dig först, varför?
Något annat jag behöver veta?

Motiveringar till svaren är väldigt uppskattat.

Mvh:
Brodertruck

Börja med HTML och CSS. Sedan kan du gå vidare till Javascript, jQuery och PHP. En riktig bra sida för webbutvecklare är http://net.tutsplus.com
Kolla också in http://www.smashingmagazine.com rekommenderar desutom deras böcker.
Lycka till. Glädjer mig åt över att tiden med sidor à la frontpage är över

Permalänk
Hedersmedlem

HTML är ett språk där du egentligen bara "märker upp" vad det är du skriver. Du skriver schematiskt i grunden bara

<hemsida> <titel>Husdjursakuten</titel> <artikel 1> <rubrik>Få hjälp med ditt husdjur</rubrik> <text> Vi på Husdjursakuten kan hjälpa dig med ditt husdjur. Se <länk till kontaktsida>Kontakta oss</länk> för mer information. </text> </artikel 1> </hemsida>

med andra namn på taggarna och en del teknikaliteter, men det är detta HTML handlar om. HTML är bara till för informationen. En webläsare som tittar på ditt HTML-dokument ser att "aha, detta är en rubrik, den visar jag som fetstilad i lite större text", etc.

PHP är något helt annat. Det är ett programmeringsspråk. I PHP kan du räkna ut vad 7*8 blir o dyl. Exempel:

<hemsida> <titel>Husdjursakuten</titel> <artikel 1> <rubrik>Få hjälp med ditt husdjur</rubrik> <text> Vi på Husdjursakuten kan hjälpa dig med ditt husdjur. Se <länk till kontaktsida>Kontakta oss</länk> för mer information. </text> </artikel 1> <artikel 2> <rubrik>Erfarenhet</rubrik> <text> Vi har hjälpt <php [hämta antal kunder ur en databas] > husdjur hittills under våra <php [(nuvarande år) - (startår)] > år i branschen. </text> </artikel 2> </hemsida>

PHP jobbar på servern innan dokumentet skickas iväg till den som tittar på sidan, och har då ersatt de fetstilade delarna av koden ovan med det PHP ska räkna ut. Webläsaren som tittar kommer få ett dokument med texten:

<artikel 2> <rubrik>Erfarenhet</rubrik> <text> Vi har hjälpt 1337 husdjur hittills under våra 12 år i branschen. </text> </artikel 2>

som den kan presentera för användaren, som kommer se något i stil med:

Citat:

Husdjursakuten

Få hjälp med ditt husdjur

Vi på Husdjursakuten kan hjälpa dig med ditt husdjur.

Se Kontakta oss för mer information.

Erfarenhet

Vi har hjälpt 1337 husdjur hittills under våra 12 år i branschen.

Du ser att PHP och HTML är väsensskilda saker.

Utöver detta kan du länka in en CSS-fil i ditt dokument som tar hand om din önskade design för den som ska titta på dokumentet, av typen

titel: färg: rosa rubrik: understruken länk: kursiverad fetstil

vilket gör att websidan för användaren i stället kommer presenteras som:

Citat:

Husdjursakuten

Få hjälp med ditt husdjur

Vi på Husdjursakuten kan hjälpa dig med ditt husdjur.

Se Kontakta oss för mer information.

Erfarenhet

Vi har hjälpt 1337 husdjur hittills under våra 12 år i branschen.

Visa signatur

Nu med kortare användarnamn, men fortfarande bedövande långa inlägg.

Permalänk

Kanske skulle talat om detta i min huvudsakliga post, jag vet vad både html, css och php är egentligen, kan både html och css ganksa bra, har till och med lärt mig lite php vid något tillfälle.

Vilket dynamiskt språk bör jag satsa på? Jag vill kunna göra vettiga hemsidor.

Mvh
Trucken

Permalänk
Skrivet av Brodertruck:

Kanske skulle talat om detta i min huvudsakliga post, jag vet vad både html, css och php är egentligen, kan både html och css ganksa bra, har till och med lärt mig lite php vid något tillfälle.

Vilket dynamiskt språk bör jag satsa på? Jag vill kunna göra vettiga hemsidor.

Mvh
Trucken

Och då frågar du vad som är skillnaden mellan HTML5 och PHP? Makes no sense

Visa signatur
Permalänk
Medlem

W3schools är en bra hemsida för att lära sig göra hemsidor tycker jag!

Permalänk

Skillnaden på HTML och PHP kan jag, det har jag inte heller frågat efter.

Däremot vill jag veta vad som skiljer PHP och HTML5 åt, för vad jag förstått så var HTML5 konstruerat för att "ersätta" php och andra dynamiska språk, som ett nytt mästerspråk som skall vara enkelt för webläsare och folk att hantera.
Möjligt att jag har fel i detta, det är JUST precis därför jag ställer dessa frågor.

Trevligare
Permalänk
Skrivet av Brodertruck:

Skillnaden på HTML och PHP kan jag, det har jag inte heller frågat efter.

Däremot vill jag veta vad som skiljer PHP och HTML5 åt, för vad jag förstått så var HTML5 konstruerat för att "ersätta" php och andra dynamiska språk, som ett nytt mästerspråk som skall vara enkelt för webläsare och folk att hantera.
Möjligt att jag har fel i detta, det är JUST precis därför jag ställer dessa frågor.

Det är nog du som har missförstått. HTML är och kommer alltid vara ett markup-språk och inget som kan leverera dynamiskt innehåll som serversidespråken gör. HTML5 fungerar likadant men har en del funktioner som gör att det på sikt skulle kunna ersätta plugins som flash och silverlight.

Permalänk
Medlem
Skrivet av Brodertruck:

Skillnaden på HTML och PHP kan jag, det har jag inte heller frågat efter.

Däremot vill jag veta vad som skiljer PHP och HTML5 åt, för vad jag förstått så var HTML5 konstruerat för att "ersätta" php och andra dynamiska språk, som ett nytt mästerspråk som skall vara enkelt för webläsare och folk att hantera.
Möjligt att jag har fel i detta, det är JUST precis därför jag ställer dessa frågor.

Du har fel. HTML5 är efterföljaren till HTML4. Det ersätter inte på något sätt ett serverspråk.

Borttagen citering.
Permalänk
Medlem

HTML5 är samma sak som HTML bara att den innehåller lite fler funktioner. Så om du redan kan HTML så behöver du bara lära dig lite fler taggar som t.ex <video>, <input type="email"> osv. Så i HTML5 använder du samma taggar som du använder i HTML och sedan har du ytterligare några fler för att få mer funktioner till webbsidan.

Så skillnaden mellan PHP och HTML5 är lika stor som skillnaden mellan PHP och HTML. Dock så skulle man kunna säga att HTML5 ersätter vissa funktioner hos JavaScript och Flash. Dock betyder det inte att Javascript kommer bli överfödigt.

Permalänk
Skrivet av Full Strike:

Det är nog du som har missförstått. HTML är och kommer alltid vara ett markup-språk och inget som kan leverera dynamiskt innehåll som serversidespråken gör. HTML5 fungerar likadant men har en del funktioner som gör att det på sikt skulle kunna ersätta plugins som flash och silverlight.

Skrivet av jetten:

HTML5 är samma sak som HTML bara att den innehåller lite fler funktioner. Så om du redan kan HTML så behöver du bara lära dig lite fler taggar som t.ex <video>, <input type="email"> osv. Så i HTML5 använder du samma taggar som du använder i HTML och sedan har du ytterligare några fler för att få mer funktioner till webbsidan.

Så skillnaden mellan PHP och HTML5 är lika stor som skillnaden mellan PHP och HTML. Dock så skulle man kunna säga att HTML5 ersätter vissa funktioner hos JavaScript och Flash. Dock betyder det inte att Javascript kommer bli överfödigt.

Taaaaaaaaaack!
Det var precis detta jag var ute efter!
Tack tack tack

Permalänk
Medlem

Det är nästan samma sak. Bara några nya taggar, se http://www.w3schools.com/html/html5_new_elements.asp.

Med dessa nya taggar (speciellt canvas) så behövs en heldel nya Javascript funktioner. Dessa gör att man i framtiden inte kommer behöva använda flash, utan det kommer räcka med Javascript.

Alla säger att man med HTML5 kan göra coola nya appar etc. Men egentligen så gör man dessa med nya Javascript funktioner.

Borttagen citering
Visa signatur

Programmerare -> PHP | HTML | CSS | JS | Java.

Permalänk
Medlem

HTML5 kommer inte eller kan ersätta PHP
PHP står för logiken och uträkningarna bakom sidan m.m och HTML5 mer för hur saker ska presenteras för tittaren.
PHP körs också på servern, medan HTML5 på klienten.
HTML5 är lite som vad som är designen och formen på en bil, medan PHP är dess motor

Vad du bör lära dig är ovanstående språk, men också CSS3, Ajax, Java/jquery/JSP
Då man ofta kombinerar dom olika teknikerna.

Vill du arbeta med det hela bör man kunna grunderna väl, och sen förstå och kunna göra anpassningar i dom övriga.
Om du kommer så långt att du arbetar med bygga sidor kommer du ändå inte lägga så mycket tid på att handknacka kod, men man behöver förstå vad den gör och kunna justera och anpassa den.

Visa signatur

Acer Predator Helios 300

Permalänk
Entusiast

Webbsidor har två sidor: Backend och Frontend.

Frontend är det som syns i webbläsaren. Det vill säga HTML, CSS, javascript och andra script som körs direkt i webbläsaren.
Backend är det som servern kör för att skapa en sida utifrån små komponenter. Exempel är PHP, MySQL, Python, Ruby och så vidare. Den här biten ser webbläsaren aldrig av, utan det enda som webbläsaren ser, är resultatet som backend genererar.

Frontend-språk kommer aldrig att ersätta Backend-språk. Jag ser att det är många ovan som inte förstår skillnaden.
Man kan däremot skriva sidor så att dem fungerar med enbart frontend-biten, men man är mycket begränsad till vad man kan göra.
Frontend kan leva utan backend, men backend är ingenting utan någon form av frontend.

Visa signatur

Bästa programmen till Linux - v2.0
Linux-guide: Val av grafisk miljö. (Att välja distribution).
-
Everyone should have a SGoC in their systems (SGoC: SysGhost on a Chip)

Permalänk
Avstängd

HTML5 is the shit, jag använder det varje dag. Utan Knockout skulle min vardag vara grå

http://knockoutjs.com/

Visa signatur
Permalänk
Hedersmedlem

*Tråd rensad*

...på överdrivet inflammatoriska reaktioner.

Visa signatur

Nu med kortare användarnamn, men fortfarande bedövande långa inlägg.

Permalänk
Medlem
Skrivet av Firsov:

W3schools är en bra hemsida för att lära sig göra hemsidor tycker jag!

Jag vill vänligt men bestämt kväva alla tendenser att hänvisa till en skräp website som w3schools.
Särskilt när råd och tips skall ges till nybörjare.

Läs om varför jag reagerar så här:
http://www.w3fools.com

Lycka till.

Visa signatur

Fractal Design Arc Svart | MSI Z68A-GD55 G3 REV B3 | Intel® Core i7 2600K, 3.4GHz, 8MB | Corsair 16GB (4x4096MB) CL9 1600Mhz VENGEANCE LP | MSI GeForce GTX 670 | Phanteks PH-TC14PE CPU Cooler (vit) | Corsair Power Supply 650W TX M, Modular, ATX, PS/2 | SSD (okänd tillverkare) + 2 äldre SATA2 diskar på 750 Gb, 350 gb. | OS: Microsoft Windows 10 home.

Permalänk
Medlem
Skrivet av BlueEyes:

Jag vill vänligt men bestämt kväva alla tendenser att hänvisa till en skräp website som w3schools.
Särskilt när råd och tips skall ges till nybörjare.

Läs om varför jag reagerar så här:
http://www.w3fools.com

Lycka till.

Studerar och jobbar inom webbutbeckling. W3schools är ett fantastiskt enkelt ställe att slå upp taggar.
Visst är en del saker utdaterade och hämta ifrån w3's WIP. Men sluta hate'a sidan.

En nybörjare skiter fullständigt i korrekt struktur och hierarki.

OnT:
HTML5 är precis samma ska som html 1/1.1/4.
Skillnaden är bara att det har kommit några nya taggar och istället för att skriva

<div id="nav"> <!-- NAVIGATION </div> -Style.CSS #nav { width: 100%; height: 50px; }

så skriver man istället

<nav> <!--- NAVIGATION --> </nav> -Style.CSS nav { width: 100%; height: 50px; }

(Självklart finns det många fler HTML5 taggar som gör nytta. Audio, Video, canvas etc.. Men mycket handlar om den semantiska strukturen)

För att få allt snyggt och animerat använder man Javascript eller CSS3 Transisiton. Jag tror att det är de här som du eftersöker!
Kolla upp lite guider på Jquery eller lek lite med CSS3 Transistion.

Visa signatur

~. Citera så jag hittar tillbaka .~

Permalänk
Inaktiv
Skrivet av KeVVa:

Studerar och jobbar inom webbutbeckling. W3schools är ett fantastiskt enkelt ställe att slå upp taggar.
Visst är en del saker utdaterade och hämta ifrån w3's WIP. Men sluta hate'a sidan.

En nybörjare skiter fullständigt i korrekt struktur och hierarki.

Ska man använda det som ett uppslagsverk kan man lika bra använda verktyg som är mycket bättre tex. MDN. Och om man vill se vad som funkar var kan man använda sig av Can I use....

Sen kanske dom skiter i korrekt struktur och hierarki, men de borde inte göra det. Det skapar bara problem sen när de väl ska lära sig, bättre att lära sig rätt från början. Det är min filosofi i alla fall, men vi alla är olika

Permalänk
Medlem
Skrivet av KeVVa:

Studerar och jobbar inom webbutbeckling. W3schools är ett fantastiskt enkelt ställe att slå upp taggar.
Visst är en del saker utdaterade och hämta ifrån w3's WIP. Men sluta hate'a sidan.

En nybörjare skiter fullständigt i korrekt struktur och hierarki.

OnT:
HTML5 är precis samma ska som html 1/1.1/4.
Skillnaden är bara att det har kommit några nya taggar och istället för att skriva

<div id="nav"> <!-- NAVIGATION </div> -Style.CSS #nav { width: 100%; height: 50px; }

så skriver man istället

<nav> <!--- NAVIGATION --> </nav> -Style.CSS nav { width: 100%; height: 50px; }

(Självklart finns det många fler HTML5 taggar som gör nytta. Audio, Video, canvas etc.. Men mycket handlar om den semantiska strukturen)

För att få allt snyggt och animerat använder man Javascript eller CSS3 Transisiton. Jag tror att det är de här som du eftersöker!
Kolla upp lite guider på Jquery eller lek lite med CSS3 Transistion.

Du förlorar all typ av trovärdighet och respekt ifrån mig både som studerande och utvecklare ifall du fortsätter envisas med att rekommendera den usla sidan. Använd mozilla dev eller liknande vettiga källor istället och se havsmonstrets inlägg.

Visa signatur

Fractal Design Arc Svart | MSI Z68A-GD55 G3 REV B3 | Intel® Core i7 2600K, 3.4GHz, 8MB | Corsair 16GB (4x4096MB) CL9 1600Mhz VENGEANCE LP | MSI GeForce GTX 670 | Phanteks PH-TC14PE CPU Cooler (vit) | Corsair Power Supply 650W TX M, Modular, ATX, PS/2 | SSD (okänd tillverkare) + 2 äldre SATA2 diskar på 750 Gb, 350 gb. | OS: Microsoft Windows 10 home.