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

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Uživatelský avatar
strangereu
Level 4.5
Level 4.5
Příspěvky: 1719
Registrován: září 11
Bydliště: Vršovice
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod 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 :)
http://screenshare.cz/

Reklama
Uživatelský avatar
domitea
Tvůrce článků
Level 4.5
Level 4.5
Příspěvky: 1971
Registrován: červen 09
Bydliště: Královehradecký kraj
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod 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:

Uživatelský avatar
strangereu
Level 4.5
Level 4.5
Příspěvky: 1719
Registrován: září 11
Bydliště: Vršovice
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod 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í :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...
http://screenshare.cz/

Uživatelský avatar
honzaik
Level 2.5
Level 2.5
Příspěvky: 337
Registrován: říjen 11
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod 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í
ello dere

Uživatelský avatar
domitea
Tvůrce článků
Level 4.5
Level 4.5
Příspěvky: 1971
Registrován: červen 09
Bydliště: Královehradecký kraj
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod domitea » 23 pro 2013 20:50

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

Uživatelský avatar
strangereu
Level 4.5
Level 4.5
Příspěvky: 1719
Registrován: září 11
Bydliště: Vršovice
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod strangereu » 23 pro 2013 20:58

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>
http://screenshare.cz/

Trongix
Level 4
Level 4
Příspěvky: 1442
Registrován: únor 12
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod Trongix » 24 pro 2013 00:58

Zkus W3school :) jinak asi nevim :)

Odesláno z mého C6603 pomocí Tapatalk

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod 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/
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
SamerLP
Level 4.5
Level 4.5
Příspěvky: 1746
Registrován: srpen 13
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod 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...

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod CZechBoY » 26 pro 2013 19:21

Se mi tak nějak zdá, že všechno je v HTML ;-)
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
SamerLP
Level 4.5
Level 4.5
Příspěvky: 1746
Registrován: srpen 13
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod SamerLP » 26 pro 2013 19:21

:D vlastne hej :D


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek

Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 5 hostů