Jaký je nejlehčí způsob jak nakodovat design na web

strangereu · Příspěvek od **strangereu** » 23 pro 2013 16:51

Čau,
Potřeboval bych menší radu, jaký je nejjednodušší způsob jak nakodovat design na web?
Mně totiž tohle nikdy moc nešlo u webů a vždycky byl problém někde v rozvrhnutí designu a pak jsem se na to vykašlal...
Četl jsem o tom fakt o hodně článků, ale ani jeden z toho jsem vůbec, ale vůbec nepochopil.

V directX nebo gui udělám design úplně lehce, ale tohle prostě ne.
Třeba v dx, když chci něco udělat pro nějakou hru (Jako příklad):

Kód: Vybrat vše

local sX, sY = guiGetScreenSize()

function design ()
dxDrawRectagle(sX/2, sY/2, sX/2, sY/2, tocolor(255,255,255,255), true )
end
addEventHandler("onClientRender", root, design )

To je jednoduchý tohle, tam mám design během pár minut hotovej...
A to se říká, že designování webů je lehčí jak dx nebo gui.
U mě to je spíš naopak.

Takže bych byl rád, kdyby mi někdo řekl jak nejlíp nakodovat design na webu.
Předem děkuji :)

domitea · Příspěvek od **domitea** » 23 pro 2013 17:00

Se na design vykašli a udělej čisté HTML. Takovéto weby se čtou jedna báseň :wink:

strangereu · Příspěvek od **strangereu** » 23 pro 2013 17:04

To snad raději né :lol:

Potřebuju si k tomu nakodovat design, protože to bude sloužit jako admin. panel na webu pro jeden projekt, který už mám udělaný (Ve hře).
Potřebuju si rozvrhnout design na jednoduchej login panel a pár další blbostí

E: Takhle jsem teď dělal header
index.php

Kód: Vybrat vše

<html>
<head>
  <title>StrangeR's Website</title>
  <link rel="stylesheet" href="style.css">
  <meta charset="UTF-8">
</head>

<body>
<div class="header"></div>

<body>
</html>

style.css

Kód: Vybrat vše

body {
background-image: url("img/bg.png");
background-size: cover;
background-repeat: no-repeat;
}

.header {
background-color: #2673ec;
width: 1920px;
height: 40px;

position: fixed;
left: 0px;
top: 0px;
}

Dost silně pochybuju o tom, že width má být 1920px, protože tak bych to měl jen já, ale třeba lidi s jiným rozlišením to uviděj uplně jinak...

honzaik · Příspěvek od **honzaik** » 23 pro 2013 20:02

podívej se na věci typu http://getbootstrap.com/ ohodně to ulehčí práci. každopádně osobně to nemám rád ale na nějaké malé věci se hodí

domitea · Příspěvek od **domitea** » 23 pro 2013 20:50

Papam: Kód pěkný, jenže bez hlavičky deklarující verzi HTML...

strangereu · Příspěvek od **strangereu** » 23 pro 2013 20:58

Lepší?

Kód: Vybrat vše

<!DOCTYPE html>
<html>
<head>
  <title>StrangeR's Website</title>
  <link rel="stylesheet" href="style.css">
  <meta charset="UTF-8">
</head>

<body>
<div class="header"></div>

<body>
</html>

Trongix · Příspěvek od **Trongix** » 24 pro 2013 00:58

Zkus W3school :) jinak asi nevim :)

Odesláno z mého C6603 pomocí Tapatalk

CZechBoY · Příspěvek od **CZechBoY** » 24 pro 2013 02:01

Buď můžeš dělat pevnou šířku, nebo responsivní design.
Z photoshopu se daj styly do css3 exportova celkem použitelně přes http://www.css3ps.com/

SamerLP · Příspěvek od **SamerLP** » 26 pro 2013 18:15

HTML web dávno sa také už nerobia ani moc lepšie sú čo sú bud bootstrap tie sa mi páčia alebo aj pomocou CSS3... také weby su najkrajšie...

CZechBoY · Příspěvek od **CZechBoY** » 26 pro 2013 19:21

Se mi tak nějak zdá, že všechno je v HTML ;-)

SamerLP · Příspěvek od **SamerLP** » 26 pro 2013 19:21

vlastne hej

PC-HELP.CZ

CNEWS

Jaký je nejlehčí způsob jak nakodovat design na web

Jaký je nejlehčí způsob jak nakodovat design na web

Re: Jaký je nejlehčí způsob jak nakodovat design na web

Re: Jaký je nejlehčí způsob jak nakodovat design na web

Re: Jaký je nejlehčí způsob jak nakodovat design na web

Re: Jaký je nejlehčí způsob jak nakodovat design na web

Re: Jaký je nejlehčí způsob jak nakodovat design na web

Re: Jaký je nejlehčí způsob jak nakodovat design na web

Re: Jaký je nejlehčí způsob jak nakodovat design na web

Re: Jaký je nejlehčí způsob jak nakodovat design na web

Re: Jaký je nejlehčí způsob jak nakodovat design na web

Re: Jaký je nejlehčí způsob jak nakodovat design na web