Starter på et prosjekt! Min første hjemmeside med HTML & CSS

[Gjest]

Hei!

Skal lage min første hjemmeside med HTML & CSS, evntuelt PHP med MySQL login Hvis jeg kan få STOR hjelp fra dere!
Ønsker gjerne og ha en config fil som skal ha oversikt over mappene, MySQL login og alt det der hvis du skjønner.
En CSS fil, og HTML & PHP filene

Login formen skal være knyttet til databasen med kryptert passord i databasen.
Mulighet for registrering ^^
Skal også ha en enkel funksjon som KUN JEG skal ha tilgang til og den funksjonen skal legge til nyheter på forsiden
Tenkte jeg skulle bruke et jule tema...

 

Husk: Jeg er halvveis ny... har vært borti CMS og noe html/php men ikke CSS...
Jeg trenger din hjelp hvis det er noe jeg lurer på!

Endret 28. november 2014 av Gjest

[laurell]

Spennende, Har nemlig noe av det samme i egne tanker, så denne posten skal jeg følge med på

Regner med du følger standeren. Går du for strick eller Transitional?

 

Jeg kan så og si ingenting om php ennå, med HTML og CSS har jeg jobbet endel med siste halvåret (startet på dataingeniør linjen nå i høst). Forhåpenligvis kan jeg hjelpe til med CSS`en

 

Grunnlegende om CSS - Veldig nyttig, og ikke minst den siden her.

[Gjest]

Slik, da har jeg laget logo + knapper ^^


Snart begynne på resten av designet... Men noen spørsmål, hvordan får jeg plassert tekst + bilder med CSS?
Når jeg tenker på tekst, så mener jeg tekst over bilde med CSS

PS: Kom gjerne med ideer, kommentarer

Endret 28. november 2014 av Gjest

[AncientLooper]

Det her så spennende ut

Gleder meg til å se hvordan det blir seendes ut etter hvert!

[Gjest]

Kan noen hjelpe meg nå?

 

Skal jeg bruke AJAX ( Web 2.0 - ønsker ikke men, kan ikke noe om det)

Jeg velger PHP isteden for HTML når jeg begynner?

Ang. CSS, hva skal jeg lage først, hvordan setter jeg inn bilde på en meny som skal til venstre? og div tekst på button bilde ( se min forrige post)

Og en meny på høyrekant av siden.

[Gjest]

Har da kommet lengre

Lastet opp siden på FTP

LINK

 

Nå et spørsmål, kan dere se at den blå streken er litt sånn rar? Viser på en måte bilde over... Hvordan kan jeg få fikset det?

Ja jeg må fikset fargen!

[laurell]

Hva slags program bruker du? Koder du html`n eller bruker du bare WYSIWYG(What You See Is What You Get)?

 

- Ser du bruker table, det blir litt feil, helst skal bruke tabeller kun til tabulær data og ikke "nettsidedeformatering".

Som læreren min sier; "Lage internettsider med tabeller er veldig 1990"

 

- Du har feks alt inn i en tabell, en hovedfirkant som er 750x420 stor, det du helst skal gjøre er og lage en main div der du har alle andre divene inni. Feks:

<div class = "ramme"> "Ditt innhold" </div> og så skriver du i css;

.ramme{
width: 750px;
height: 420px;}

 

- Du bør (men må ikke) legge CSS`en i et eget dokument, nå har du css`kodene i stylen i selve html dokumentet.

For å linke til css dokumentet skriver du i head`en:

<link rel="stylesheet" type="text/css" href="NAVN_PÅ_CSSFILEN.css" />

 

Øverst i css filen skriver du:

@charset "utf-8";

 

Viktig og lære seg "the basic" før man lager en komplett side.

 

Bare og spør om det er noe du lurer på.

[Gjest]

Takk, bruker dreamweaver xD

[Gjest]

Laurell, takk for den
Har nå satt det inn, fått en gul firkant som jeg kan skrive inn i osv... Men hvordan får jeg en perfekt venstre og en høyre meny?

Gjør jeg det samme da eller? :S

EDIT:
Alt blir lastet opp på FTP'en med engang jeg lagrer, og her er CSS'en: LINK

Endret 28. november 2014 av Gjest

[laurell]

Da utvider vi html dokumentet med flere diver.

 

<div class = "ramme"> 

<div class =  "venstre">
  Det du vil ha i venstre margen/menyen.
  Så kan du legge inn flere diver inn i venstre menyen som skal være knapper, bilder, linker osv.
  </div>/* avslutter venstre div. */


  <div class = "innhold">  
  All informasjon som skal i midten.
  </div>/* avslutter innhold div. */


  <div class = "hogre">
  Det du vil ha i høgre margen/menyen.
  </div>/* avslutter høgre div */

  </div> /* avslutter innhold div, sørg for og få alle diver inn i denne(om du ikke skal ha noe på utsiden*/

 

css:

 ramme{
width: 750px;
height: 420px;
margin-right: 0;
margin-left: 0; /* midtstiller siden */
}

.venstre {
background-color: //En farge som skiller seg ut slik du ser hvor diven er.
width: 50px;
height: auto; /* Eller height: 420px siden innholdet har den høgden. */
float:left;
}
  .hogre {
  background-color: //En farge som skiller seg ut slik du ser hvor diven er.
width: 50px;  /* kan være til tider bedre og bruke prosent enn px. */
height: auto;
float: right;
position: absolute;
}

 

Nå har ikke jeg testen dette her, kan innholde feil

Håper du får en pekepinne på hvordan ting funker.

Husk og sett på opp kodene enkelt og oversiktlig.

- Lykke til

[Gjest]

Hei! Kan du sjekke siden nå?

Trur jeg ikke har forstått det 100% bare 70%

Altså, "ramme" som du har kalt den er en gul firkant (i dreamweaver) jeg skal ikke skrive noe i den?

Så jeg skal sette inn nye div i den?

[Gjest]

Noen som vil hjelpe meg

[laurell]

Testen kodene mine, de var litt feil i de ja

 

Men sender deg PM jeg, og hjelper deg videre der med det jeg kan bidra med.

[SirLeon]

Hmmm.. ser at det mangler litt i html/php kodene dine her..

 

Din html/php:

<link rel="stylesheet" type="text/css" href="css.css" />
<body>
<div class = "ramme">
 <div class = "banner"> 
 </div>

  <div class =  "venstre"></div>


  <div class = "innhold">  
  <p> </p>
 </div>

  <p> </p>
  </div>

  </body>

 

Mens den burde sett noe som dette her ut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xml:lang="nb" lang="nb" xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <meta http-equiv="content-language" content="no" />
<title>Hva du ønsker at siden skal hete og det som vises i den blå banneren i browservinduet på toppen</title>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>
<body>
<div class = "ramme">
 <div class = "banner"> 
 </div>

  <div class =  "venstre"></div>


  <div class = "innhold">  
  <p> </p>
 </div>

  <p> </p>
  </div>

  </body>

 

Sier ikke at den er helt riktig, men du burde ha en <head></head> før <body></body>

 

Bare min tanke..

[Gjest]

Du har rett

Men jeg har ikke pc nå sa får ikke rette det opp

[Gjest]

Har pc nå igjen! Startet opp med engang

EDIT:
Nærmer meg: LINK

Endret 28. november 2014 av Gjest

[Kristian L]

sjekk hær: http://julenissen.co.cc

 

den er ikke veldig bra men visst du trykker "ctrl + s" og lagrer siden så kan du sikkert bruke mine koder

 

btw: koda den på en til enhalvtime.. derfor den ble litt merkelig ^-^

 

 

............................

Kristian Luneborg

[Robocoop]

Denne tråden var interessant å følge, før den plutselig kollapset.

 

Ja,ja.

[b-i-m-m-e]

flere ting som skjer her eller ?

[Robocoop]

flere ting som skjer her eller ?

 

Tviler, dette minner meg om mine egne dataprosjekter. Full innsats for en periode - og så kollaps.