Diskuze: Web ve Photoshop-u (následně v Dreamweaver-u

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Martin Krutílek

Člen

Martin Krutílek:14.11.2018 17:13

Zdravím!
Mám zde otázku. Rád bych si "vytvořil" web ve Photshopu. Udělal bych to tak, že ve Photshopu nakreslím celý web, a poté jej převedu do Dreamweaveru. Ve Photshopu bych vybral části, jak jsem to viděl na YouTube. Je možné takto udělat web?

Díky,
~ Martin "mouzeq" Krutílek.

Odpovědět

14.11.2018 17:13

Peter Mlich

Člen

Peter Mlich:15.11.2018 8:53

Co ti na to odpovedet?

Tohle umim udelat bez pomucek. Nevim, co vsechno ty 2 programy umi, nepouzivam ani jeden.

Web muzes udelat, jak chces ty. Zakladem je textova informace. Tu nejak rozmistis po strance a obohatis ji grafikou (pomoci css). Stranka, ktera obsahuje prevazne obrazky je celkem k nicemu, pokud chce neco prodavat, vypadat solidne.
Pokud chces delat prezentaci, tak je na to vhodnejsi powerpoint, pdf. Na webu prezentace vypada jiste dobre, ale pokud se to netyka obchodu, je to zbytecne. Treba jsi grafik a prodavas sve vytvory. To pak jo. Jenze takovou obrazkovou prezentaci asi pomoci Dreamweaveru udelat nejde.

Ja bych ti doporucil prejit primo ke kodovani stranky. Treba pouzit pspad. Naucit se pouzivat bootstrap. Abys zhruba pochopil, co je v html mozne a co ne. Ono jde cokoliv, ale nekter veci jsou obtizne a seskladani z ruznych aplikaci nemusi vzdy fungovat, pokud javascriptu nerozumis.
Kdezto upravit bootstrap, uz hotovy vzhled, podle tve potreby by mohlo byt snadnejsi.

https://getbootstrap.com/ - download
Toto je zakladni html kod stranky, staci zkopirovat, upravit cesty k souborum.

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  </body>
</html>

A timto zpusobem se resi treba tabulky, opet staci metoda copy-paste a drobne upravy

https://getbootstrap.com/…tent/tables/

Dreamweaver ale muze byt sikovna pomucka, ktera ti vygeneruje html kod z nejakeho uzivatelsky prijemnejsiho editacniho prostredi. Ktery ale stejne pak budes muset pro bootstrap upravit. Takze je proste pro mne jednodusi to psat primo jako plain/text.

Cili, zaver je, ano, muzes to tak udelat. Dreamweaver tu vzpominalo vic lidi, je to program pro vytvareni stranek.
Muzes se tam mozna prat trochu s cestami (url), kdyz to nahrajes na web.

Nahoru Odpovědět

15.11.2018 8:53

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.