Stránka 1 z 1

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

Napsal: 23 pro 2013 16:51
od strangereu
Č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 :)

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

Napsal: 23 pro 2013 17:00
od domitea
Se na design vykašli a udělej čisté HTML. Takovéto weby se čtou jedna báseň :wink:

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

Napsal: 23 pro 2013 17:04
od strangereu
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í :D

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...

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

Napsal: 23 pro 2013 20:02
od honzaik
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í

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

Napsal: 23 pro 2013 20:50
od domitea
Papam: Kód pěkný, jenže bez hlavičky deklarující verzi HTML...

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

Napsal: 23 pro 2013 20:58
od strangereu
Lepší? :lol:

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>

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

Napsal: 24 pro 2013 00:58
od Trongix
Zkus W3school :) jinak asi nevim :)

Odesláno z mého C6603 pomocí Tapatalk

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

Napsal: 24 pro 2013 02:01
od CZechBoY
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/

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

Napsal: 26 pro 2013 18:15
od SamerLP
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...

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

Napsal: 26 pro 2013 19:21
od CZechBoY
Se mi tak nějak zdá, že všechno je v HTML ;-)

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

Napsal: 26 pro 2013 19:21
od SamerLP
:D vlastne hej :D