webForumDet fria alternativet

Lära mig mer designmässigt hemsidebyggande

16 svar · 587 visningar · startad av Tympanon

TympanonMedlem sedan nov. 2004302 inlägg
#1

Hejsan.

Tidigare har ja alltid gjort mina hemsidor i dreamweaver, vilket oftast blir rätt så snyggt. Men nu vill jag gå vidare och behöver därför veta vilka tekniker jag behöver för att bygga en snygg/stilren sida i dagsläget.

Tips på dataprogram och guider uppskattas också! Jag behärskar html fint och har börjat koda manuelt nu, men vill komplettera denna kunskap med fler ingredienser om ni förstår :) Börja bli lite mer proffisionell alltså.

Tack på förhand.

zcorpanMedlem sedan dec. 20042 245 inlägg
#2

Lär dig koda giltig (X)HTML Strict i harmoni med CSS. Lär dig separera mening (semantik) från presentation. (All dekoration och layout hör hemma i CSS.) Testa i olika webbläsare och lär dig koda tillgängliga webbsidor.

Program: En texteditor och ett bildredigeringsprogram.

:)

adeMedlem sedan juli 20041 081 inlägg
#3

Jag tycker det går att bygga stilrena sidor i dreamweaver.

De enda programmen du egentligen behöver är väl photoshop och notepad?!

Lill_pilsnerMedlem sedan jan. 200513 inlägg
#4

Ett tips är att kolla upp javascript.nu om du inte vill bråka med en massa program utan vill hålla dig till "Text"/script. Jag föredrar att arbeta med Text/script(roligare).

icaaqMedlem sedan okt. 20005 273 inlägg
#5

Lill_pilsner skrev:

Ett tips är att kolla upp javascript.nu om du inte vill bråka med en massa program utan vill hålla dig till "Text"/script. Jag föredrar att arbeta med Text/script(roligare).

Vad menar du med detta :q

mv icaaq

FuelMedlem sedan okt. 20001 285 inlägg
#6

Svaret är enkelt :)

Lär dig koda giltig (X)HTML Strict i harmoni med CSS. Lär dig separera mening (semantik) från presentation. (All dekoration och layout hör hemma i CSS.)

kasta dreamweaver i soporna , en enklel stilren sida/kod skapar du i en texteditor.. Fattar inte att folk använder dreamweaver !? använd en texteditor som Ultra Edit så lär du dig. Du kan skapa egna finfina macron ( färdiga formulär etc. ) inbyggd ftp klient m.m

Ett tips är att kolla upp javascript.nu om du inte vill bråka med en massa program utan vill hålla dig till "Text"/script. Jag föredrar att arbeta med Text/script(roligare).

Vad menar du med detta

mv icaaq

Ja.. vad i all världen menar du med detta ? :q :q :q :e

hopparnMedlem sedan nov. 20011 551 inlägg
#7

Fuel skrev:

Fattar inte att folk använder dreamweaver !? använd en texteditor som Ultra Edit så lär du dig. Du kan skapa egna finfina macron ( färdiga formulär etc. )

kasta dreamweaver i soporna !

en visuell editor tjänar in en he-es massa pengar till företaget du jobbar på/för (om den är bra - som dreamweaver t ex), du slipper ägna all tid åt att skriva menlös html/xhtml från grunden utan kan koncentrera dig på viktigare saker, som bakomliggande kod samt rätta till design etc där du inte tycker det stämmer med din egen vilja. Jag vet inga företag som betalar för att du skall knacka hela siteskalet i notepad....

FuelMedlem sedan okt. 20001 285 inlägg
#8

skriva menlös html/xhtml ?

Det är ganska jobbigt att skriva detta i Ultra Edit:

<div id="content">
<div id="main"><h1>Företaget</h1></div>
<div id="menu"><h2>Innehåll</h2></div>
</div>

så kan man " koncentrera dig på viktigare saker, som bakomliggande kod " :e

Resten styr man som bekant via CSS. DW ? - ffs :D - Detta är " egen vilja "

http://standardice.com/seybold/?id=seybold
http://xhtml.nu/
http://www.w3schools.com/default.asp

hopparnMedlem sedan nov. 20011 551 inlägg
#9

... alla siter kan inte byggas med xhtml och css :) ibland måste man bygga med traditionella tabeller etc och det är kanske främst det jag menar... Har man möjlighet att bygga helt med css och xhtml är det naturligtvis enkelt att bygga med ultra el dyl :)

kaxigtMedlem sedan okt. 2004636 inlägg
#10

Tidigare har ja alltid gjort mina hemsidor i dreamweaver, vilket oftast blir rätt så snyggt. Men nu vill jag gå vidare och behöver därför veta vilka tekniker jag behöver för att bygga en snygg/stilren sida i dagsläget.

kasta dreamweaver i soporna , en enklel stilren sida/kod skapar du i en texteditor.. Fattar inte att folk använder dreamweaver !?

En stilren sida kan man mycket väl bygga med dreamweaver, stilrena koder med dreamweaver är däremot lite svårare om man inte behärskar att koda. Alla vet att den kan generera för mycket koder eftersom det bara är att klicka på en knapp och vips så har du koden.

Jag använder DM enbart i öppet kodningslägge med färgmarkering och jag knackar faktiskt fortfarande för hand så jag vet vad jag får och har koll på det jag får. Då har jag också plugins för det jag ska pyssla med typ php om jag ska ha det. Färgläget är till hjälp så man snabbt ser om det till exempel blir en tagg för litet eller för mycket. Är man van att koda för hand går det undan och ganska snabbt ser man var felet finns - om det finns något!

Vill du göra en stilren sida utan hjälp av DM - för det är kanske det du menade - kan du alltså fortfarande använda DM men enbart i kodningsläget. Det viktigaste är då att hålla koll på alla koder du skriver inklusive vilket doctype som dyker upp i dokumentet. Med andra ord - det går alldels utmärkt att använda DM som en texteditor om man behärskar att koda.

Handlar det om en stilren sida man surfar in på är det mer utseendet du ska lägga ned energi på. Till det har du - som tidigare skrivits - photoshop eller ngt annat program som du kan göra grafik och redigera bilder med.

Vad du än tänker göra så hoppas jag att du lägger ned tid på att göra dina sidor valida oavsett om det är i html 4.01 eller xhtml.

DET är viktigast i mina ögon!

TympanonMedlem sedan nov. 2004302 inlägg
#11

tack för alla svaren. ja har html edit , det svenska prgramet, men stör mig på att de inte funkar o ha php kod i. Klarar Ultra det?

Dreamweaver tycks inte funka längre på min dator o därför lägger jag det bakom mig för o få mer förståelse för kodandet ett tag.

Vad menas med validera?

Kan någon snabbt beskriva CSS för mig och hur det kan ersätta tabeller som ja hört att de ska kunna? E de bra o använda CSS för o styra upp allt inehåll på sidan eller e tabler att föredra?

InsiderMedlem sedan jan. 2000978 inlägg
#12

Validera innebär att man kör sin kod igenom ett valideringsverktyg som kontrollerar att koden uppfyller de definitioner som beskriver det typ av dokument som man validerar. Man brukar t.ex. validera XML och HTML dokument.

Här kan du validera dina HTML-sidor:
http://validator.w3.org

CSS klarar att ersätta i stort sett alla typer av designer som man kan skapa med tabeller, samtidigt som koden blir kortare och enklare att läsa och underhålla.

Sök på CSS design på detta forum så hittar du säkert några bra tips.

jonneMedlem sedan jan. 20011 154 inlägg
#13

Det absolut viktigaste när du ska börja göra en site: Planera planera planera. Skriv, rita, kladda på papper. Rista in det på väggen. Gör grafitti av dina ideer. Vad som hellst bara du har en klar plan på hur du ska göra. Lägg ner en timme mer på planering och du tjänar in det mångdubbelt i kodning.
Visst kan man bara sätta sig ner och börja koda på "måfå" men utan en klar plan så kommer det att sluta antingen i platt fall eller med att du kommer sitta och göra små "fixar" på allt i all oändlighet.

Validering är att sidan är kodad efter den html standard du bestämmt dig för att använda.
http://validator.w3.org/

zcorpanMedlem sedan dec. 20042 245 inlägg
#14

Det finns många texteditorer som färgar koden lika bra som DW gör, och de flesta är mycket billigare.

Jag använder Notepad2, vilket är gratis, färgar koden bra och är lika snabbt som vanliga Notepad. ;) (Ja, den färgar PHP också. :))

Att knacka koden för hand är självklart för mig. Om man vill ha tillgänglig, giltig och ren kod så går det inte använda designläget i DW.

shunMedlem sedan mars 2004230 inlägg
#15

Jag använder mig av PHP designer 2005 som färgar koder i css, html och php. Funderar dock på att ha dw parallellt, för innehållets skull (känns jobbigt att slänga in <p> taggar individuellt o.s.v.)

m_soderlundMedlem sedan sep. 20026 425 inlägg
#16

Förr i tiden använde jag mig av xk, ett utmärkt program som har en bra färgkodning.

kaxigtMedlem sedan okt. 2004636 inlägg
#17

(känns jobbigt att slänga in <p> taggar individuellt o.s.v.)

Exakt vad jag menade. Och jag håller med zcorpan - knacka för hand känns bäst för mig med ;)

138 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)