Nybörjare inom webdesign (HTML / CSS) tips?

Permalänk
Medlem

Nybörjare inom webdesign (HTML / CSS) tips?

Tjenare!

Jag kan i princip inte nånting alls inom detta med HTML, CSS, PHP, XHTML (Jag vet inte ens skillnaderna ) men förra året gjorde alla i min klass varsin hemsida i dreamweaver. Här är resultatet på en väldigt enkel sida som jag gjorde: http://www.skolweb.varberg.se/ps514/ (Kan hända att någon annan får denna adressen senare, då jag bara har den för tillfälligt)

Den är uppbyggd på "iFrames" som våran lärare kallade det. Men nu känner jag att jag skulle vilja utveckla mina kunskaper inom webbdesign.

Har ni några tips på hur man ska börja? Bra guider på CSS osv i dreamweaver?

Hade tänkt att starta UF (Ung Företagsamhet) med detta senare att sälja mindre hemsidor till andra UF, så jag tänkte att det kanske skulle vara bra om man lär sig lite mer innan dess.

Tack på förhand!

*Uppdaterar tråden om det är något mer jag kommer på*

EDIT 1: Kanske ska tillägga att jag har inga problem med Photoshop, utan detta gäller bara "kodning" osv.

Permalänk
Medlem
Permalänk
Medlem

Läs på om div tags, tar väll några minuter att lära sig. sen kör du all-in på css och självklart photoshop! Så började jag iaf. Jag är säker på att alla kan lära sig html och css riktigt snabbt. Inga svårigheter där. html5 skulle nog vara något att ta tag i också. Sen tycker jag du kan gå vidare till de dynamiska delarna om du vill de.

Här har du allt du behöver veta:
http://www.w3schools.com/

När det gäller dreamweaver så skippa alla färdiga verktyg det har att erbjuda. Skriv koden i kod fönstret så vet du vad du sysslar med också!

Permalänk
Medlem

http://webbdesigna.se/css.php här hittar du grunderna, sidan är på svenska. Ett bra tips är att lära sig strukturen, sedan ha en mall med alla attributen och vad dem betyder. Använd extern css, vilket jag tycker är lättare att hantera. En separat css fil, där du knåpar allt som berör utseendet.

Permalänk
Medlem
Skrivet av Lik3D:

Nja. W3Schools innehåller en hel del fel.

Permalänk
Medlem

Tack för svaren!
Vad exakt är CSS? (Cascading Style Sheets)
Är det de som man använder för att behålla "layouten/designen" när man fortsätter in på en annan "flik/kategori" inne på sidan fast ändå uppdaterar allting?

Om ni kollar den sidan jag länkade så ändras det ju ingenting i adressfältet när man trycker exempelvis "Photoshop". Detta är då alltså för att jag öppnar en ny HTML sida i just den framen?

EDIT: Glöm det, jag läste det på http://webbdesigna.se/css.php

Permalänk
Medlem

CSS = Stilmall

Bästa är egentligen att låna en bok på biblioteket om ämnet. Böcker går igenom allt grundligt.

lite länkar:'
https://developer.mozilla.org/en/CSS/Getting_Started
http://htmlhelp.com/reference/css/
http://www.html.net/tutorials/css/introduction.php
http://csshtmltutorial.com/
http://www.learn-css-tutorial.com/ den här har guide till alla möjliga språk som du vill koda

Permalänk
Medlem

Ett tips, strunta i dreamweaver. Möjligtvis att det går att använda när man har hyffsad koll på (X)HTML och CSS, men innan dess gör det mer skada än nytta.

HTML och CSS är ganska lätt att lära sig själv. Personligen tycker jag guider är det tråkigaste som finns, det är mycket roligare att göra det jag vill göra!
Börja med at göra en enkel sida i HTML med en meny och en "body" (alltså huvuddelen på en sida) med endast ul, li, a, div och text taggar som p, h1, span m.m.
Lägg sedan till en enkel stilmall för att få menyn på vnster sida och bodyn på resten av utrymmet. Färglägg menyn, fixa så att du får en hover effekt och fortsätt bygga på med enkla steg.

Permalänk
Medlem

Ett tips/idé kan ju vara att skapa en mall på papper hur din hemsida skall se ut, sedan knåpar ihop den skiss som du har på pappret med hjälp av kod, blir lite roligare.

Tutorials är mer bara grundkunskaper.

Permalänk
Medlem

Hejsan.

Är du seriös med din strävan att komma igång med webbdesign och till exempel PHP och MySQL.

Då är ett grund tips att läsa en bok eller två i ämnet. För det är en bra grund.

Jag skulle nog koncentrera mig på böcker som tar upp:

HTML
HTML5
PHP
MySQL
CSS3
CSS2
JavaScript
jQuery (min personliga preferens)

Sedan finns som sagt hur mycket som helst på Internet också.

Räkna med att få blanda i en hel del tålamod och eget experimenterade i lärandet.

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
Entusiast

Först och främst, glöm iframes. Det vill du inte ha.

CSS är ett dokument so beskriver alla visuella properties av ett objekt i html koden. Det mest bacis är sånt som storlek, bakgrundsfärg, font osv..

Dreamweaver är jättebra att koda i sålänge du håller dig borta från design läget, du ska inte generera någon kod för det blir oftast skit. En bra grej med Dreamwever är att det har najs code-compleation som hjälper mycket i börjar när man inte riktigt vet vad man sysslar med, och höjer sedan hastigheten på arbetet.

Ett tipps i dreamwever dock, default indentering är fyra mellanslag, byta ut det mot en tabb så slipper du sitta och "laga" indenteringen sedan.

Du ska veta att du har långt kvar innan du kan göra sidor du kan sälja men en bra start är att bara lära sig statiska sidor, med andra ord, html och css. Min personliga favorit dokument-typ är xhtml 1.1, vilken är strict. Med strict snackar jag om vad validatorn tillåter, kör du doctypen html 4 transitional så kan du skriva i princip vad som helst utan att det blir fel. Så validera alltid (http://validator.w3.org/) , gör inga fusk byggen och håll dig till strict doctype.

Anledningen att jag inte rekommenderar html 5 är att internet explorer inte klarar av det (Ja jag vet att 9an har stöd för det men IE användare uppdaterar aldrig sina webbläsare)

Detta blev kanske lite otydligt men jag hoppas att du får en bild av vad du behöver göra.

Oh just det, denna sidan använder jag mycke när jag skulle lära mig flash, mycke bra tutorials där och jag tror säkert att deras andra toturials är bra med http://www.developphp.com/

Permalänk
Medlem

Okej, tack för alla svaren. Får bli att ta och titta igenom allt detta och låna böcker!

Satt och tänkte på en annan sak. Finns ju "Free CSS templates" att ladda ned. Är det då lagligt att göra om designen på allt (men behålla koderna) och sedan sälja vidare det? Eller finns det nånting där emellan som sätter stop? Copyright?
För som jag själv tolkar det med "free" så är det helt okej att använda det exakt hur man vill.

Permalänk
Medlem
Skrivet av Big Lars:

För som jag själv tolkar det med "free" så är det helt okej att använda det exakt hur man vill.

Tveksamt. Bör finnas något avtal att läsa igenom, annars bör du förutsätta att du inte får sälja det vidare.

Läs för övrigt gärna Webboken, som går igenom både HTML och CSS ordentligt.

Permalänk
Medlem

Hittade detta på en sida. http://www.freecsstemplates.org/license/
Verkar ju vara okej, bara man länkar till honom?

Permalänk
Medlem
Skrivet av Big Lars:

Hittade detta på en sida. http://www.freecsstemplates.org/license/
Verkar ju vara okej, bara man länkar till honom?

Ja.

Permalänk
Medlem

Har ni något tips på ett gratis eller väldigt billigt program som man kan underhålla webbsidor med? Exempelvis om man skulle vilja ändra någon text på sidan eller bild väldigt enkelt, utan att kunna nånting om det. Tänkte på företag måste väl kunna gå in och ändra nånting litet på hemsidan utan att behöva kontakta en webbdesigner?

EDIT: För att göra allt kortfattat: Jag har en komplett hemsida, men skulle vilja lägga in bild och text på en nyhet som har jag har börjat sälja UTAN att behöva kontakta en webbdesigner som fixar om alla koder osv.

Permalänk
Medlem

är väl lite sent ute men kolla http://www.youtube.com/user/Mr1Buying , mycket bra guider för nybörjare

Visa signatur

Ludacris@live.se

Permalänk
Medlem

Vårat UF företag har nu bestämt oss för att köpa en kodad hemsida från www.4templates.com och skulle även vilja fixa en webbshop.
Och under http://www.4templates.com/frequently-asked-questions/ så står det följande:

Citat:

I'd like to use a website template for my online store. Can I do this?

Yes. There are two ways to do this:

Use a payment service with integration tools (recommended)

If you just want to set up a simple online store and don't really need a whole lot in the way of advanced features, your best bet is to go with a payment service that offers integration tools, such as PayPal and Google Checkout. Both of these services are free and take only a few minutes to set up on your site.
Install online store software

If you need something more sophisticated than what PayPal and Google Checkout have to offer, you can install dedicated online store software on your own website. Doing this will provide you with more advanced store features, but setup can be much more challenging. The software you go with will depend on your needs and your server platform, so check with your web host before you start looking. If you're using a PHP-based server, here's a good place to start:
http://www.hotscripts.com/category/php/scripts-programs/e-com...

Någon som kan länka eller som kan förklara exakt hur man lägger in PayPal webbshop i dreamweaver?
Har googlat lite och det ska tydligen vara rätt enkelt skriver alla. Men hittar ingen bra guide.

För övrigt så använder jag Dreamweaver CS3

Alla svar uppskattas, tack på förhand!

Permalänk
Medlem
Skrivet av Big Lars:

Har ni något tips på ett gratis eller väldigt billigt program som man kan underhålla webbsidor med? Exempelvis om man skulle vilja ändra någon text på sidan eller bild väldigt enkelt, utan att kunna nånting om det. Tänkte på företag måste väl kunna gå in och ändra nånting litet på hemsidan utan att behöva kontakta en webbdesigner?

EDIT: För att göra allt kortfattat: Jag har en komplett hemsida, men skulle vilja lägga in bild och text på en nyhet som har jag har börjat sälja UTAN att behöva kontakta en webbdesigner som fixar om alla koder osv.

Detta löser man genom att skapa en dynamisk webplats uppbyggd med exempelvis php samt mysql databas.

Om du vill göra det enkelt för dig, använd wordpress. Wordpress är en färdig CMS som även bör lösa ditt webshopsproblem.

Visa signatur

AMD Ryzen 7 5800XASUS Prime X570-P64 GB DDR4WD Black SN850 M.2 - 1TBNvidia GeForce GTX 1060 6 GBCorsair RM750X V2DEEPCOOL GAMMAXX L240 V2Fractal Design Define R5

Permalänk
Medlem
Skrivet av KulanZ:

Detta löser man genom att skapa en dynamisk webplats uppbyggd med exempelvis php samt mysql databas.

Om du vill göra det enkelt för dig, använd wordpress. Wordpress är en färdig CMS som även bör lösa ditt webshopsproblem.

Okej. Ska tänka på detta!

Vi hade tänkt oss denna http://www.4templates.com/website-templates/279952594-WT00795...
(Om vi inte ångrar oss och använder wordpress)

Tror du att det skulle kunna bli enkelt att fixa in online store med paypal där? Eller föreslår du att man kör på en wordpress istället?
Dock kommer inte just vi uppdatera sidan speciellt mycket med nyheter osv.