Fixa så jag kan ändra/lägga till text i min design

Permalänk
Medlem

Fixa så jag kan ändra/lägga till text i min design

Hej!

Jag håller på och lär mig webdesign och har köpt webhotel + domän. Erbjuder webdesign samt datorsupport men grejen är att jag designen är klar, dock så vet jag inte hur jag fixar så jag kan typ logga in som admin eller skriva ngn enkel html kod för att fixa text.

Här är min designfil. Tips?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Untitled Document</title> <!-- TemplateEndEditable --> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <style type="text/css"> body { background-color: #000; height: 800px; width: 1000px; } .tjanster { background-image: url(../Mina%20dokument/Mina%20mottagna%20filer/Pcmeckarn/Tj%C3%A4nster.jpg); background-repeat: no-repeat; position: absolute; height: 150px; width: 200px; left: 30px; top: 200px; } .Omoss { background-image: url(../Mina%20dokument/Mina%20mottagna%20filer/Pcmeckarn/Omoss.jpg); background-repeat: no-repeat; position: absolute; height: 150px; width: 200px; left: 35px; top: 250px; } .Kontakt { background-image: url(../Mina%20dokument/Mina%20mottagna%20filer/Pcmeckarn/Kontakt.jpg); background-repeat: no-repeat; position: absolute; height: 150px; width: 250px; left: 33px; top: 300px; } .copy { background-image: url(../Mina%20dokument/Mina%20mottagna%20filer/Pcmeckarn/Copyrigth.png); background-repeat: no-repeat; position: absolute; height: 150px; width: 800px; bottom: 1px; left: 100px; } .anons { background-image: url(../Mina%20dokument/Mina%20mottagna%20filer/Pcmeckarn/annons.jpg); background-repeat: no-repeat; position: left; height: 0px; width: 0px; top: 0px; right: 0px; border: thin solid #bab0b0; } </style> </head> <body> <div class="anons"></div> <div class="Kontakt"></div> <div class="Omoss"></div> <div class="tjanster"></div> <div class="copy"></div> <center> <img src="../Mina dokument/Mina mottagna filer/Pcmeckarn/logonhead.png" width="450" height="100" /> </center> <img src="../Mina dokument/Mina mottagna filer/Pcmeckarn/Menyrad.jpg" width="240" height="450" /> </body> </html>

Permalänk
Medlem

Börja med att slänga transitional genom fönstret. Kör på strict, mycket bättre!
CSS i externa filer är också väldigt mysigt.
Sedan skulle jag rekommendera dig att lära dig php och mysql, så kan du lösa inlogg och sådant. Med stor sannolikhet på samma webbhotell som du har nu.

Sedan skulle jag ta mig en funderare på hur du tänkt lösa praktiskt taget hela sidan. Vad förväntar du dig ska hända med ett "loginochändratext-script"? Php vet inte vad du menar med "kontakt" exempelvis, så du kommer få bygga ett antal sidor för att skapa en smidig lösning.

Det smidigaste alternativet är att du håller dig till statiska sidor (handknackad html) tills du känner dig bekväm i det (och använder strict). Sedan lär du dig php och mysql efter hand och överväger att lägga in det när du känner dig kunnigare.
En genväg skulle väl vara att lära dig hur wordpress funkar och hur man gör egna designer till det, men det blir nog som högst en halvdålig lösning.

Visa signatur

Cat funeral! Cat funeral!
>>> 112383 <<<

Permalänk
Medlem
Skrivet av pscs3:

Börja med att slänga transitional genom fönstret. Kör på strict, mycket bättre!
CSS i externa filer är också väldigt mysigt.
Sedan skulle jag rekommendera dig att lära dig php och mysql, så kan du lösa inlogg och sådant. Med stor sannolikhet på samma webbhotell som du har nu.

Sedan skulle jag ta mig en funderare på hur du tänkt lösa praktiskt taget hela sidan. Vad förväntar du dig ska hända med ett "loginochändratext-script"? Php vet inte vad du menar med "kontakt" exempelvis, så du kommer få bygga ett antal sidor för att skapa en smidig lösning.

Det smidigaste alternativet är att du håller dig till statiska sidor (handknackad html) tills du känner dig bekväm i det (och använder strict). Sedan lär du dig php och mysql efter hand och överväger att lägga in det när du känner dig kunnigare.
En genväg skulle väl vara att lära dig hur wordpress funkar och hur man gör egna designer till det, men det blir nog som högst en halvdålig lösning.

Hmm... Alltså Loginscript behövs inte, men går det inte att fixa typ Editable Region i Dreamweaver?

Eller kan du fixa det för en slant?

Permalänk
Medlem
Skrivet av Easter:

Hmm... Alltså Loginscript behövs inte, men går det inte att fixa typ Editable Region i Dreamweaver?

Eller kan du fixa det för en slant?

Editable Regions används ju i Dreamweaver för att fylla templates. Detta är inget man gör bara sådär utan det krävs något "smartare" än html i bakgrunden.
WYSIWYG editorer brukar fungera ganska dåligt och du bör nog hålla dig till att skapa statiska sidor.

Visa signatur

I'm Winston Wolfe. I solve problems.

Permalänk
Medlem
Skrivet av Easter:

Hmm... Alltså Loginscript behövs inte, men går det inte att fixa typ Editable Region i Dreamweaver?

Eller kan du fixa det för en slant?

Njae, att betala för det skulle nog inte vara den smartaste lösningen. Det bästa är väl att du lär dig? Du kan ju försöka luska ut svar på frågorna:

"Hur vet en dator vilken del av hemsidan som ska vara dynamisk text?"
"Hur vet en dator vad som ska hända när du 'loggar in'?"
"Vad innebär det egentligen att 'logga in'?"

Om du funderar lite på frågorna så kommer du nog fram till att svaren inte är så självklara. Nu råkar det vara så att många har en förvrängd bild av internet och tror att saker "bara händer", men man måste vara extremt noggrann med att alla delar av pusslet faller på plats i rätt ordning och på rätt sätt. För att lyckas med det måste man vara väldigt petig med att verkligen specificera alla krav.

Men då du inte kan hantera HTML och CSS riktigt och det dessutom verkar som att sidan du vill skapa inte är någon som har ett direkt behov av dynamisk text, inloggning och diverse krusiduller, så rekommenderar jag att du bygger en statisk hemsida och blir bra på HTML och CSS. Titta sedan på PHP och MySql, lär dig efter hand.

Visa signatur

Cat funeral! Cat funeral!
>>> 112383 <<<

Permalänk
Medlem
Skrivet av pscs3:

Njae, att betala för det skulle nog inte vara den smartaste lösningen. Det bästa är väl att du lär dig? Du kan ju försöka luska ut svar på frågorna:

"Hur vet en dator vilken del av hemsidan som ska vara dynamisk text?"
"Hur vet en dator vad som ska hända när du 'loggar in'?"
"Vad innebär det egentligen att 'logga in'?"

Om du funderar lite på frågorna så kommer du nog fram till att svaren inte är så självklara. Nu råkar det vara så att många har en förvrängd bild av internet och tror att saker "bara händer", men man måste vara extremt noggrann med att alla delar av pusslet faller på plats i rätt ordning och på rätt sätt. För att lyckas med det måste man vara väldigt petig med att verkligen specificera alla krav.

Men då du inte kan hantera HTML och CSS riktigt och det dessutom verkar som att sidan du vill skapa inte är någon som har ett direkt behov av dynamisk text, inloggning och diverse krusiduller, så rekommenderar jag att du bygger en statisk hemsida och blir bra på HTML och CSS. Titta sedan på PHP och MySql, lär dig efter hand.

Men jag vill ju ha den designen till min sida.. Finns det inget jag kan göra?

Permalänk
Medlem
Skrivet av Easter:

Men jag vill ju ha den designen till min sida.. Finns det inget jag kan göra?

Viktigaste är att separera kodning i form av skripter och din design.
Det du gör med skripter är att du kodar den så sätt att du kan implementera den i din design utan att du ska bryta några mönster. Låt säga att du gjort en sida där du gjort det möjligt att skriva "HEJ".
Där kan du istället inkludera det skriptet du vill ska köras.
All koppling till databas osv körs via en fil som du i sig inkluderar i skriptfilen(den filen du senare inkluderar i hemsidan).

Designen i din vänstra hand och kodning i form av skripter i din högra.
Sen är ju även kodningen av hemsidan en sak, men det var inte den separationen som jag gjorde här.

Någon får gärna förtydliga det hela ifall jag var oklar på något sätt.

Varför du gör alla dessa inkluderingar är för att spara så mycket kod som möjligt i din index-fil och för att rädda dina ögon från en totalkollaps.
På samma sätt menade någon här i tråden med CSS filen.
Du ska inkluderar den istället för att skriva dina stylesheets rakt i koden, blir väldigt fult.

Om du skapar en CSS fil som innehåller det du skrev och döper den till cssfilen.css och senare tar bort all den koden i din index-fil och ersätter det med

<link rel="stylesheet" type="text/css" href="cssfilen.css" />

Så ger det samma effekt, bara att det blir snyggare.
Igen, ungefär på samma sätt fungerar det när du ska inkluderar olika typer av skripter såsom Kontaktfunktioner, Lägga-till-text funktioner osv.

Visa signatur

Samsung TFT 22" 2233RZ Svart 120HZ - 640GB Western Digital Black 64MB SATA III - Corsair 4GB (2x2048MB) 1333MHz XMS3-10600 - AMD Phenom2 X4 965 3,4GHz Black Edition - Gigabyte GeForce GTX 460 1GB OC - Fractal Design Define R3, Svart - Corsair TX 650W 80+ - Gigabyte GA-870A-UD3 - Cooler Master Hyper 212 Plus

Permalänk
Medlem

Så jag ska alltså länka min design fil, jag döper den till typ cssfilen.css, sedan gör jag en index.html och länkar cssfilen.css i index.html filen, sen skriver jag text i index.html filen

Eller?

Permalänk
Medlem

Länka den o la upp i FTP.. Skrev moo som test.. Bakrunden följer ju inte med.. kolla själv

http://www.pcmeckarn.se

Permalänk
Medlem
Skrivet av Easter:

Länka den o la upp i FTP.. Skrev moo som test.. Bakrunden följer ju inte med.. kolla själv

http://www.pcmeckarn.se

Du har specificerat att CSS-filen finns i roten men http://www.pcmeckarn.se/pctemplate1.css existerar inte.

Visa signatur

Intel i7 8700 | ASUS Prime Z370-P | Corsair 16GB 3000MHz | ASUS GTX 1080 | Fractal Design Define S | Corsair RM750x | Hyper 212 EVO

Permalänk
Medlem
Skrivet av Joppis:

Du har specificerat att CSS-filen finns i roten men http://www.pcmeckarn.se/pctemplate1.css existerar inte.

Man va tvungen o ha stort P.. :s

Untitled Document

Ändrade koden till ett Stort P.. Funkar ju fortf inte :s

Permalänk
Medlem
Skrivet av Easter:

Man va tvungen o ha stort P.. :s

Untitled Document

Ändrade koden till ett Stort P.. Funkar ju fortf inte :s

Innuti CSS filen ska du ej ha någon html-kod överhuvudtaget. Endast CSS.

Ta bort allting förutom

body { background-color: #000; height: 800px; width: 1000px; } .tjanster { background-image: url(../Tj%C3%A4nster.jpg); background-repeat: no-repeat; position: absolute; height: 150px; width: 200px; left: 30px; top: 200px; } .Omoss { background-image: url(../Omoss.jpg); background-repeat: no-repeat; position: absolute; height: 150px; width: 200px; left: 35px; top: 250px; } .Kontakt { background-image: url(../Kontakt.jpg); background-repeat: no-repeat; position: absolute; height: 150px; width: 250px; left: 33px; top: 300px; } .copy { background-image: url(../Copyrigth.png); background-repeat: no-repeat; position: absolute; height: 150px; width: 800px; bottom: 1px; left: 100px; } .anons { background-image: url(../annons.jpg); background-repeat: no-repeat; position: absolute; height: 350px; width: 200px; margin-top:100px; margin-bottom:100px; margin-right:50px; margin-left:900px; border: thin solid #bab0b0; }

Sen ser jag här att du inte skrivit vad som ska hända när du skriver "h1" så just nu så får den formateringen av en standard.

För att fixa detta så måste du skriva

body h1 {
här ska formatering finnas.
}

Visa signatur

Samsung TFT 22" 2233RZ Svart 120HZ - 640GB Western Digital Black 64MB SATA III - Corsair 4GB (2x2048MB) 1333MHz XMS3-10600 - AMD Phenom2 X4 965 3,4GHz Black Edition - Gigabyte GeForce GTX 460 1GB OC - Fractal Design Define R3, Svart - Corsair TX 650W 80+ - Gigabyte GA-870A-UD3 - Cooler Master Hyper 212 Plus

Permalänk

Som folk redan har påpekat så är det ett MÅSTE enligt mig att förstå sig på (X)HTML och CSS innan du börjar fundera på PHP- eller ASP-lösningar. Sätt dig ner ett par dagar och nöt in det så du förstår hur allt hänger ihop. När du efter det fixat en schysst sida börjar du leta tutorials på PHP/ASP och t.ex MYSQL och implementerar det på din sida... PHP har ju utmärkt hjälp på officiella sidan oxå: PHP: PHP Manual - Manual . Det tar sin tid innan man förstår tänket men det är det värt!

Visa signatur

Q6600 @ 3.2GHz | 2*4 Corsair XMS2 5-5-5-12 @ 1003 | Club3D HD4850 | Asus P5Q Pro