Html z notepadu

FJanči · Napísal **FJanči**: 11.03.2014 17:23

Som úplný ale úplný lajk v programovaní web stránok a chcem sa spýtať:

Mám napísaný v notepade kód
Html z notepadu

Potrebujem z toho spraviť WWW stránku, ale neviem ako, keďže obyčajná zmena prípony na .html nezaberá. Keď to chcem otvoriť cez Google Chrome, zobrazí sa mi to takto:
Html z notepadu

Hore aj tak ostane prípona .txt, neviem kde to zmeniť. Ak tam mám chybu, prosím nesmejte sa mi, len dnes som sa prvýkrát pokúšal vytvoriť niečo také.

walther · Napísal **walther**: 11.03.2014 17:30

Nepoužívaj notepad, používaj minimálne pspad alebo notepad++. Ono ty ten súbor vytváraš pravdepodobne ako textový a vo windowse máš začiarknuté schovávať príponu, čiže preto sa ti to správa tak, ako sa to správa...Koncovka musí byť .html alebo .htm, inak ti to nepôjde...

FJanči · Napísal autor témy **FJanči**: 11.03.2014 17:35

a kde sa dá zmeniť viditeľnosť prípony vo windowse?

walther · Napísal **walther**: 11.03.2014 17:50

Možnosti (napr vo Windows 8 je to v časti Zobraziť -> Možnosti v ribbon panely), Zobrazenie a tam je jedna z možností "Skryť prípony známych súborov".. Tomu zruš fajku a potom zmeníš príponu bez problému...
Problém s notepadom je ale v niečom inom - nemáš vôbec zvýrazňovanie syntaxe, autodopĺňanie, nemáš kontrolu nad kódovaním súboru atď atď... Ale tak pochopíš neskôr, na začiatok ti bude stačiť samozrejme aj notepad.

FJanči · Napísal autor témy **FJanči**: 11.03.2014 18:33

a ešte sa chcem spýtať: musím tam stále písať: <!DOCTYPE HTML PUBLIC ''-//W3C//DTD HTML 4.01 Transitional //EN''> ?

mitko · Napísal **mitko**: 11.03.2014 21:54

tak ono to urcuje typ html ktory puzijes v subore: http://www.w3schools.com/tags/tag_doctype.asp tu mas ake existuju.

Kraliček · Napísal **Kraliček**: 11.03.2014 22:50

Nie nemusíš ale radšej to tam daj keď som prebehol web seo-servis.cz na ktorom som nemal !DOCTYPE tak to bolo teda biedne :/
A len tak naokraj používaj TAB lepšie sa v tom potom vyznáš

FJanči · Napísal autor témy **FJanči**: 12.03.2014 10:15

ok,dík, už sa chcem spýtať len niečo:

- ako zmeniť tvar, farbu a veľkosť tlačidla (funkcie) submit?
- v akom jazyku vytvoriť text pohybujúci sa na stránke?
- akým príkazom zmeniť obrázok hore na karte, pri nadpise?
- keď mám nakódovanú stránku v HTML a nahodím si ju na server, ktorý podporuje len PHP, pôjde to aj tak?
- poraďte nejakú stránku, ktorá je zdarma a budem si môcť na ňu dať HTML kódy

hatto13 · Napísal **hatto13**: 12.03.2014 10:38

1. toto su zakladne otazky. nie sme tu aby sme ta ucili zaklady ale aby sme ti pomohli s problemami, ktore nie je lahke vyriesit -> google ako na html css. potrap sa, nepytaj sa kazdu banalitu. za cas cakas na odpoved si mohol byt ovela dalej
2. zalezi aky - kedysi na to bol html tag. teraz cez css alebo jquery
3. google - favicon
4. php je scriptovaci jazyk, html je v podstate dokument. takze server mozes mat akykolvek, on len posle tento dokument prehliadacu a ten sa uz postara o spravne zobrazenie

FJanči · Napísal autor témy **FJanči**: 12.03.2014 12:16

mitko · Napísal **mitko**: 12.03.2014 12:53

Ak mysli hosting tak tu je nato vlakno zoznam-free-hostingov-vt6464.html. Ja som zacinal na www.ic.cz. Teraz mam www.endora.cz. To je uz na tebe co si vyberies ten zaklad co ty potrebujes bude splnat asi kazdy zo zaciatku a potom sa mozes rozhodnut.

shaggy · Napísal **shaggy**: 12.03.2014 17:18

Dám ti jednu jedinú radu - nepočúvaj rady rovnakých začiatočníkov, ako si ty. Na seo-servis sa vykašli, naučí ťa toľkým zlozvykom a stane sa z teba pseudoexpert.

FJanči · Napísal autor témy **FJanči**: 13.03.2014 15:25

pozri - môj -html dokument vyzerá takto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<link rel="icon" type="image/gif" href="http://eslgfx.net/nodelogo/lol_small.gif"/>
<title> Moja stránka </title>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
</head>

<body link="#CDA221" vlink="lime" alink="#CDA221">
<h1> Prvá stránka </h1>
Tu je <a href=http://google.sk>Google</a>

<form>
<br> Zadaj svoje osobné údaje:<br>
Meno: <input type="text" name = "meno" maxlength = "20"><br>
Heslo: <input type="password" name = "heslo" maxlength = "20"><br>
<input type="submit" name = Odoslať value= "Odoslať">
</form>

</body>
</html>

hatto13 · Napísal **hatto13**: 13.03.2014 15:32

tak podla JMurca sa radsej neriad

doctype mozes pouzivat html5 - je kratsi a zrozumitelnejsie
favicon sa nedava vo formate gif ale ico
inline css nie je dobre pouzivat, na to je subory css
formular nema zadane povinne atributy action, method (to bolo zrejme iba na ukazku

tu je kostra stranky aku vyuziva bolierplate http://html5boilerplate.com/

Kód:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- vynuti render stranky pre IE v jeho poslednej instalovanej verzii -->
        <title>Nazov stranky</title>
        <meta name="description" content="popis stranky">
        <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- kvoli lepsiemu zobrazeniu na mobile -->

        <!-- css subory -->
        <link rel="stylesheet" href="css/main.css">
    </head>
    <body>
        
    </body>
</html>

walther · Napísal **walther**: 13.03.2014 16:10

JMurco je akurát zakladateľ témy... :lol:

hatto13 · Napísal **hatto13**: 13.03.2014 16:20

tak podla seba sa radsej neriad, skus nieco take ako pisal hore

Ďuri · Napísal **Ďuri**: 13.03.2014 16:42

hatto13 píše:

doctype mozes pouzivat html5 - je kratsi a zrozumitelnejsie

Ale to nie je ten hlavny dovod, preco by mal uprednostnit <!doctype html> pred tym, ktory si tam pridal. Preco mu nepovies nic o renderovacich modoch? http://www.jakpsatweb.cz/doctype.html
X-UA-Compatible header pridavat nemusi.

hatto13 · Napísal **hatto13**: 13.03.2014 17:23

jednoducho preto, ze tu teoriu okolo toho neviem. pred par rokmi ked sa rozbiehal boom okolo html5 som to cital, ale odvtedy som tomu pozornost nevenoval. ale si ma doplnil, tak chalan bude vediet:) aj ked to vobec podstatne nie je, tieto veci v realnych projektoch neriesi, lebo to za neho bude riesit framework alebo cms.
ten compatible mod je dobre pridavat. preco by nemusel?

FJanči · Napísal autor témy **FJanči**: 13.03.2014 17:26

Chcel som tým len povedať, že nebudem platiť za niečo ako toto: https://www.websupport.sk keď je to jednoduchý kód, ktorý zvládne každý. Chcem niečo, kde si budem dať môj text zdarma a aby stránku videli aj ostatní.

Moju stránku mám momentálne tu: http://filipjanci.hodnykluk.cz/ Chcem ale, aby po zadaní údajov nezobrazovalo heslo v url adrese za otáznikom. Viete pomôcť? A neviem ako nastaviť pozadie na celú plochu tak sorry.

hatto13 · Napísal **hatto13**: 13.03.2014 17:32

vo formulari ti chybaju povinne atributy (method a action) ako som pisal vyssie.
treba nastavit method ako post. http://www.tutorialspoint.com/php/php_get_post.htm
action ti oznacuje na ktoru url to bude presmerovane

Kód:

<form name='prihlasovaciForm' method='post' action='#'>
  <br> Zadaj svoje osobné údaje:<br>
  Meno: <input type="text" name="meno" maxlength="20"><br>
  Heslo: <input type="password" name="heslo" maxlength="20"><br>
  <input type="submit" name="Odoslať" value="Odoslať">
</form>

btw: skus sa ucit kodit bez <br> to nie je moc pekne, ja by som to inde ako priamo v texte nevyuzival.

FJanči · Napísal autor témy **FJanči**: 13.03.2014 18:26

Tie funkcie cez CGI - get a post poznám... get má max. 225 znakov a post neobmedzene, ale ja som to chcel len odskúšať. A ešte niečo - prečo to máš vo ormáte UTF-8? Nemôžem to mať vo Windows CP1250? Potom mi to zobrazuje takto: http://filipjanci.hodnykluk.cz/

hatto13 · Napísal **hatto13**: 13.03.2014 18:35

utf-8 je univerzalny format, ktory zahrna vsetky znaky, CP1250 je pre europske jazyky.
urcite sa tu najde niekto kto ti to vysvetli podrobnejsie.
to ze ti to zle zobrazuje je preto, lebo subor html mas ulozeny s kodovanim cp1250. kodovanie suboru a nastavene kodovanie v hlavicke sa musia zhodovat. moja rada je pouzivat iba utf-8, vyhnes sa podobnym problemom.

FJanči · Napísal autor témy **FJanči**: 13.03.2014 18:51

dakujem a vieš mi povedať, akú tu mám chybu?:

<html>
<head>
<link rel="icon" type="image/ico" href="http://eslgfx.net/nodelogo/lol_small.ico"/>
<title> LOL (fake

) </title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>

<body link="#CDA221" vlink="lime" alink="#CDA221">
<body background=http://i.imgur.com/0TugbQI.png">
<h1> League of Legends shop </h1>
Tu je <a href=http://google.sk>Google</a>

<form name="PrihlasovaciFormular" method="post" action="file:///C:/Documents%20and%20Settings/Filip/Desktop/formular.html">
<br> Zadaj svoje osobné údaje:<br>
Meno: <input type="text" name="meno" maxlength="20"><br>
Heslo: <input type="password" name="heslo" maxlength="20"><br>
<input type="submit" name="Odoslať" value="Odoslať">
<style type="css">
input[type="submit"] {
background: url(data:image/jpeg;base64,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);
width: 200px;
height: 50px;
border: 0;
}
<style>
</form>

</body>
</html>

shaggy · Napísal **shaggy**: 13.03.2014 20:36

Stačilo. Otázka ti bola zodpovedaná, začni tým, že sa niečo naučíš a potom sa až budeš pýtať.
+ ak budeš chcieť v budúcnosti poradiť, tak dávaj odkaz na web a nie kód priamo do príspevku.

Html z notepadu

Podobné témy