Aktuálně: Postihly zákazy tvou profesi? Poptávka po ajťácích prudce roste, využij slevové akce 30% výuky zdarma!
Pouze tento týden sleva až 80 % na e-learning týkající se PHP
PHP týden

Lekce 15 - Tvorba podstránek a kontaktní formulář

V minulé lekci, Fixní menu a pozicování v CSS, jsme dokončili layout, tedy rozvržení stránky.

V dnešním HTML/CSS tutoriálu začneme dokončovat jednotlivé podsekce našeho webu tak, aby byl připravený na nahrání na webhosting.

Dnes se nebudeme učit nic nového, pouze dokončíme kontaktní stránku. Podstránky domů, dovednosti a kontakt máme již rozpracované.

Odkazy v layoutu

Otevřeme si naposledy soubor rozlozeni.html a do navigačního menu přidáme odkazy na jednotlivé podstránky:

<ul>
    <li class="aktivni"><a href="index.html">Domů</a></li>
    <li><a href="omne.html">O mně</a></li>
    <li><a href="dovednosti.html">Dovednosti</a></li>
    <li><a href="reference.html">Reference</a></li>
    <li><a href="kontakt.html">Kontakt</a></li>
</ul>

Vytvoření podstránek

Asi si kladete otázku, jakým způsobem docílíme toho, aby se všechny podstránky na našem webu zobrazovaly v námi vytvořeném layoutu.

Rámce

V minulosti se k tomuto účelu využívaly rámce (tag <frameset>), které umožňovaly layout definovat pouze jednou a podstránky se zobrazovaly v rámcích. Tento způsob však představoval mnoho problémů zejména pro internetové vyhledávače, proto byly rámce ve verzi HTML 5 odstraněny a označeny za nevalidní. V dnešní době je velkou chybou rámce používat.

Tabulkový layout

Druhým způsobem, bohužel o nic šťastnějším, je použití tabulky k vytvoření layoutu. Tabulka má totiž ve vykreslování buněk mírné odlišnosti a umožňuje vložení řádkového rámu (<iframe>) tak, aby se jeho výška přizpůsobovala výšce okna. Do rámu je následně možné zobrazovat danou podstránku webu. Použití tabulky je však v layoutu velmi nesprávné a nesémantické, protože tabulka slouží pro označení tabulky, nikoli celé stránky. Navíc dochází opět k problémům s rámcem ve vyhledávačích.

Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!

Těmito problémy je konkrétně to, že celé stránky běží na jedné URL s rámem. Na podstránky se nelze podle adresy odkazovat a pokud ano, zobrazí se ve špatné šířce a bez layoutu. S rámy tedy nemůžete někomu říci: podívej se na mé dovednosti, tady je odkaz: http://adresa.cz/dovednosti.html. Musíte mu říci: jdi na adresa.cz a klikni na dovednosti. Asi si dokážete představit, že při větším počtu podstránek je to poněkud nepraktické. Rovněž vaše SEO (optimalizace webu pro vyhledávače) nebude nic moc.

Serverový jazyk

Správné řešení je použití dalšího programovacího jazyka, který běží na straně serveru a který nám obsah článku do podstránek sám vkládá. Nebo naopak do podstránek vkládá layout. Takovým jazykem je např. velmi používané PHP, na které však zatím nemáme zkušenosti. Můžete si o něm přečíst v příslušné sekci až web dokončíme, ale nyní na něj ještě není ten pravý čas.

Důvodem vysvětlení této teorie jsou zastaralé tutoriály na internetu, které učí nováčky používat rámce nebo tabulkou pro layout. Nyní víte, že se to už pár let nedělá :)

Kopírování

Asi jste si všimli, že ani jeden z výše zmíněných způsobů zatím nekoresponduje s layoutem, který jsme si vytvořili. Naše řešení bude prosté, layout jednoduše nakopírujeme pro každou podstránku. Každá stránka našeho webu tedy v sobě bude mít ten samý layout, ale v něm jiný obsah. Kopírování layoutu do více souborů je poněkud nepraktické, ale zatím je to pro nás nejschůdnější cesta, která je validní a na podstránky se lze odkazovat.

Z naší složky ze stránkou vymažeme soubor index.html. Soubor rozlozeni.html nyní přejmenujme na index.html. Tím máme první podstránku. Již víme, že index.html se jmenuje stránka, která se zobrazí ve chvíli, když na web přijdeme. Tedy stránka, domovská neboli úvodní.

Podstránky

Pojďme tedy upravit stávající podstránky webu tak, aby obsahovaly layout. Začněme stránkou kontaktní.

Kontakt

Stránku kontakt.html upravíme tak, aby v ní byl layout a uvnitř <section> obsah původní stránky kontakt.html. Nezapomeňte změnit i titulek v hlavičce stránky, nadpis v hlavičce článku a nastavit třídu aktivni položce kontakt v menu.

Kontaktní formulář

Pro registrované členy nabízí ITnetwork jednoduchý kontaktní formulář, který si můžete umístit na své stránky. Formulář funguje tak, že do něj návštěvník zadá zprávu a on vám ji odešle na email. Službu najdete v sekci služby pod názvem MailForm, jistě se na vaše nové stránky bude hodit. Po vytvoření formuláře získáte kód, který si do HTML vložíte.

Výsledná stránka kontakt.html může vypadat třeba takto:

<!DOCTYPE html>
<html lang="cs-cz">

    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="styl.css" type="text/css" />
        <title>Kontaktujte mě</title>
    </head>

    <body>
        <header>
            <div id="logo"><h1>HoBi</h1></div>
            <nav>
                <ul>
                    <li><a href="index.html">Domů</a></li>
                    <li><a href="omne.html">O mně</a></li>
                    <li><a href="dovednosti.html">Dovednosti</a></li>
                    <li><a href="reference.html">Reference</a></li>
                    <li class="aktivni"><a href="kontakt.html">Kontakt</a></li>
                </ul>
            </nav>
        </header>

        <article>
            <div id="centrovac">
                <header>
                    <h1>Kontakt</h1>
                </header>

                <section>
                    <p>
                    <img src="obrazky/email.png" alt="email" class="vlevo" />
                    Pokud mi chcete něco sdělit, napište mi email na <strong>hobi (zavináč) hobi (tečka) cz nebo využijte formuláře níže</strong>.
                    </p>

                    <p class="centrovany">
                        <iframe frameborder="0" scrolling="no" width="500px" height="220px"
                        src="http://www.itnetwork.cz/service/mail_form.php?hash=kod-vaseho-mailformu">
                        </iframe>
                    </p>
                </section>
                <div class="cistic"></div>
            </div>
        </article>


        <footer>
            Vytvořil &copy;HoBi 2013 pro <a href="http://itnetwork.cz">ITNETWORK.CZ</a>
        </footer>
    </body>
</html>

Všimněte si použití třídy vlevo k zarovnání obrázku emailu doleva a třídy centrovany k vycentrování rámce se službou. Tag <iframe> je pro nás nový, umožňuje do stránky vložit rámec s jinou podstránkou. Důležitý je zejména atribut src, kam umístíme adresu podstránky. Iframe (jako inline frame = řádkový rámec) není narozdíl od framesetu a frame nevalidní a můžeme ho používat.

Za výsledek se určitě nemusíme stydět:

Kontaktní formulář v HTML

Web v aktuálním stádiu naleznete jako vždy ke stažení v příloze.

V příští lekci, Stylování tabulek a galerie fotek v HTML a CSS, dokončíme sekci reference a dovednosti na naší webové stránce.


 

Měla jsi s čímkoli problém? Stáhni si vzorovou aplikaci níže a porovnej ji se svým projektem, chybu tak snadno najdeš.

Stáhnout

Stažením následujícího souboru souhlasíš s licenčními podmínkami

Staženo 2387x (86.7 kB)
Aplikace je včetně zdrojových kódů v jazyce HTML a CSS

 

Předchozí článek
Fixní menu a pozicování v CSS
Všechny články v sekci
Webové stránky krok za krokem
Článek pro vás napsal David Čápka
Avatar
Jak se ti líbí článek?
45 hlasů
David je zakladatelem ITnetwork a programování se profesionálně věnuje 13 let. Má rád Nirvanu, sushi a svobodu podnikání.
Unicorn university David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity (6)

 

 

Komentáře

Avatar
Michal Žůrek - misaz:8.6.2013 17:05

ve W3C by mohli vymyslet něco lepšího...

 
Odpovědět
8.6.2013 17:05
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Michal Žůrek - misaz
David Čápka:9.6.2013 20:30

Myslíš místo rámů? To každopádně, jen se tam flákají :D

Odpovědět
9.6.2013 20:30
Jsem moc rád, že jsi na síti, a přeji ti top IT kariéru, ať jako zaměstnanec nebo podnikatel. Máš na to! :)
Avatar
m.kutas
Člen
Avatar
m.kutas:1.11.2013 22:51

V prvé řadě chci poděkovat za tak skvělé stránky. Chci se zeptat,když mám ten email na formuláře , jak docílím toho aby když tam někdo napíše mi to skutečně mail poslalo na muj email. Děkuji

 
Odpovědět
1.11.2013 22:51
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na m.kutas
David Čápka:19.11.2013 11:46

Je to tu napsané, založíš si službu MailForm zde na devbooku.

Odpovědět
19.11.2013 11:46
Jsem moc rád, že jsi na síti, a přeji ti top IT kariéru, ať jako zaměstnanec nebo podnikatel. Máš na to! :)
Avatar
cmaja
Člen
Avatar
cmaja:1.3.2014 12:05

Emailový formulář neprojde validací. Nelíbí se jim, že se tam nastavuje šířka a výška a taky frameborder a scrolling jsou zastaralé a mělo by se místo toho použít CSS.

<iframe frameborder="0" scrolling="no" width="500px" height="220px"
src="http://www.itnetwork.cz/service/mail_form.php?hash=kod-vaseho-mailformu">
</iframe>
Odpovědět
1.3.2014 12:05
"Jen dvě věci jsou nekonečné - vesmír a lidská hloupost. Tím prvním si ovšem nejsem tak jist" ALBERT EINSTEIN
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na cmaja
David Čápka:21.3.2014 17:34

Validací neprojde věcí, to bys to měl chlape těžký :)

Odpovědět
21.3.2014 17:34
Jsem moc rád, že jsi na síti, a přeji ti top IT kariéru, ať jako zaměstnanec nebo podnikatel. Máš na to! :)
Avatar
Odpovídá na m.kutas
Neaktivní uživatel:6.4.2014 22:08

A nebo (pokud chceš mít vlastní kontaktní formulář) se nauč php a udělej si vlastní.
Tady, na devbooku je v některém dílu Základní konstrukce jazyka php přímo popsané jak.
Já to mám například naprogramované v php ručně (ale učil jsem se zde na devbooku).

Editováno 6.4.2014 22:11
Odpovědět
6.4.2014 22:08
Neaktivní uživatelský účet
Avatar
Branislav Ház:15.9.2014 4:28

Zdravím veľmi sa mi páči tento seriál, ale mám jednu otázočku.

Ako odstránim z url .html koncovky?

Tak ako v indexe, aj v ostatných stránkach, neviem na to prísť.

Ďakujem

 
Odpovědět
15.9.2014 4:28
Avatar
Tad.MJ12
Člen
Avatar
Tad.MJ12:17.2.2015 2:33

super tutoriál, chci se optat jak zarovnám text s mailForm? resp jak odsadit text cca o 30px od ikony mailu? předem díky

Editováno 17.2.2015 2:34
 
Odpovědět
17.2.2015 2:33
Avatar
Jan Lupčík
Super redaktor
Avatar
Odpovědět
17.2.2015 7:34
TruckersMP vývojář
Avatar
Tad.MJ12
Člen
Avatar
Odpovídá na Jan Lupčík
Tad.MJ12:17.2.2015 11:16

Děkuji :-), jen jestli někdo narazil na ten samý problém... tak mi chvíli trvalo než jsem si uvědomil že se pixely počítají od okraje stránky a ne od obrázku (ikony)... třeba to někomu pomůže :-)

 
Odpovědět
17.2.2015 11:16
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Branislav Ház
Tomáš123:25.2.2015 13:29

Buď mod_rewrite, alebo jednoduchšou cestou proste začneš menovať súbory index.pripona.
Každý súbor na webe sa tak môže volať.

Ak by si písal o webových technológiách, môžeš vytvoriť podobnú štruktúru:

html
->index.html
css
->index.html
php
->index.html
index.html

Ak potom do prehliadača zadáš "nazov-webu.sk/php", zobrazí sa ti stránka, index.html ktorá sa nachádza v adresári php. Ak by sa ale nevolala index.html, ale php.html nič by sa ti nezobrazilo a musel by si cestu upraviť na "nazov-webu.sk/php/php­.html"

Uvedené riešenie je o niečo zložitejšie na údržbu a hlavne, ak budeš mať viac podstránok, bude ťažšie orientovať sa, ktorú z nich práve upravuješ. Ale aj to je možnosť :)

Odpovědět
25.2.2015 13:29
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Jan Doskočil:18.10.2015 20:16

<p>

Editováno 18.10.2015 20:17
Odpovědět
18.10.2015 20:16
"Existuje pouze 10 typů lidí, ti kteří strojovému kódu rozumí a ti kteří ne."
Avatar
Jan Doskočil:18.10.2015 21:48

Ahoj mám problém po úpravě CSS stylu zmizelo logo CSS styl mám určitě správně ale v indexu bude nejspíš chyba

<!DOCTYPE html>
<html lang="cs-cz">
  <head>
        <meta charset="UTF-8">
        <title>Dookovo portfolium</title>
        <link rel="stylesheet" href="/css/styl.css" type="text/css" />
  </head>
  <body>
        <header>
          <div id="logo"><h1>Dook</h1></div>
          <nav>
                <ul>
                  <li class="aktivni"><a href="/index.html">Domů</a></li>
                  <li><a href="/podstranky/navigace.html">Navigace</a></li>
                  <li><a href="/podstranky/kontakt.html">Kontakt</a></li>
                  <li><a href="/podstranky/dovednosti.html">Dovednosti</a></li>
                </ul>
          </nav>
        </header>
        <article class="pozadi">
          <div id="centrovac">
          <header>
                <h1>O mně</h1>
          </header>
          <section>
                <p>Ahoj,toto je můj první web, je stále ve vývoji ale už se to s ním lepší.<br />Pokud byjste našli chybu ve zdrojovém kódu který je k dispozici <a href="/podstranky/code.txt" target="blank">ZDE</a> okamžitě mě prosím informuje přes <a href="/podstranky/kontakt.html">kontaktní stránku.</a></p>
                <p class="centrovany"><img src="/png/human.png" alt="human" class="vlevo" />Jmenuji se Jan Doskočil a jsem 14tiletý začínající programátor.</p><div class="cistic"></div>
                <p>Nemám rád většinu sportů (což se ostatně odráží na mé kondici) ale to vyrovnávám svou láskou k počítačům.</p>
          </section>
          <div class="cistic"></div>
          </div>
        </article>
        <footer>
          <p>Vytvořil © Dook v roce 2015 pro <a href="http://www.itnetwork.cz/">ITNETWORK.CZ</a></p>
        </footer>
  </body>
</html>
Odpovědět
18.10.2015 21:48
"Existuje pouze 10 typů lidí, ti kteří strojovému kódu rozumí a ti kteří ne."
Avatar
Kryštof Henzl:21.1.2016 14:48

Zdravím :) U toho formuláře je v posledním řádku vidět jen půlka..Nevíte co s tím? :)

 
Odpovědět
21.1.2016 14:48
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Kryštof Henzl
Tonda Kozák:21.1.2016 20:02

U iframe máš pevně danou výšku (height="220px"). Zadej tam větší číslo.

(Mimochodem, u HTML atributů, pokud jsou jednotkou pixely, tak se to píše bez toho „px“ - takže jenom height="230" nebo klidně bez uvozovek height=230.)

 
Odpovědět
21.1.2016 20:02
Avatar
Tomáš Raibr:10.6.2016 18:22

zdravím, u kontaktního formuláře mám stále položky "tvůj email: a Aktuální rok...."
vedle sebe a ne nad sebou jako v příkladu.

Upravoval jsem jak width, tak height a bez efektu, dík za radu

 
Odpovědět
10.6.2016 18:22
Avatar
Bája
Člen
Avatar
Bája:30.6.2016 19:08

Dobrý den, chci se zeptat, šly by udělat podstránky podstránek? Děkuji za radu.

 
Odpovědět
30.6.2016 19:08
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Tomáš Raibr
David Čápka:7.9.2016 15:26

Díky, byla tam rozhozená šablona, již je to v pořádku.

Odpovědět
7.9.2016 15:26
Jsem moc rád, že jsi na síti, a přeji ti top IT kariéru, ať jako zaměstnanec nebo podnikatel. Máš na to! :)
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Tomáš Kala
Člen
Avatar
Tomáš Kala:3.1.2017 23:05

Ahoj, šlo by nějak zvětšit ten kontaktní formulář?

Editováno 3.1.2017 23:06
 
Odpovědět
3.1.2017 23:05
Avatar
Odpovídá na Tomáš Kala
Tyler Hardstone:1.2.2017 21:00

Myslim ze by si musel mat zdrojovy kod daneho formularu a tam by si vedel zmenit pocet riadkov danej textarea (tuto mas preddefinovane 4). Tym, ze toto je miniaplikacia a mas iba link, tak s tym nevies spravit asi nic. Takze bud sa s tym zmieris, alebo si vytvoris vlastny formular s odosielanim na mail.

Aby si bol viac v obraze, toto je kod ku formularu schovanemu pod linkom, kde sa uz da pracovat s parametrami, no samozrejme tam chybaju funkcie ako odosielanie na mail, kontrola roku ...

<html lang="cs-cz" dir="ltr">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    </head>

    <body style="font-size: 16px; font-family: Times New Roman;">

        <div style="width: 500px;">
                <form action="" method="post">
                <table style="width: 500px;">
                        <tr>
                        <td>Tvůj email:</td>
                        <td><input type="email" name="email" placeholder="Zadejte váš email" value="" style="width: 213px;" /></td>
                    </tr>
                    <tr>
                        <td>Aktuální rok (spam kontrola): </td>
                        <td><input type="text" name="year" placeholder="Zadejte aktuální rok" style="width: 213px;" /></td>
                    </tr>
                </table>


                <br />
                <textarea name="content" rows="4" style="width: 435px;"></textarea><br />
                <input type="submit" name="submit" value="Odeslat" style="display: block; width: 120px; margin: auto auto;"/>
            </form>
                <span style="font-size: 0.8em;">Miniaplikace od <a href="http://www.itnetwork.cz" target="_blank" >itnetwork.cz</a></span>
        </div>

    </body>
</html>

Ak sa mylim, opravte ma.

Odpovědět
1.2.2017 21:00
Give me liberty, or give me death
Avatar
Richard Luko
Člen
Avatar
Richard Luko:4.2.2017 15:54

Takže mám pár otázok ( asi budú primitívne, ale zaujíma ma to).

  1. Stránku mám zatiaľ uloženú len na na lokálnom disku - po odolsaní testovacieho emailu mi žiaden nepríde. Predpokladám správne, že je to spôsobené tým ?
  2. Po odoslaní testovacieho "emailu" mi celý kontaktný formulár zmizne. Neobjaví sa žiadna hláška o odoslaní emailu, ani nič podobné, proste prázdny priestor ? Je to takto v poriadku ? Aby som ho tam opäť videl, je potrebné refreshnúť stránku.
Odpovědět
4.2.2017 15:54
S Bohom je všetko možné
Avatar
Odpovídá na Richard Luko
Michal Štěpánek:4.2.2017 22:18

ad 1) Ne tím to není
ad 2) V části formu

<form action="..."...

Musíš mít akci, která odeslání mailu provede. Buď na jiné stránce, nebo i na té samé musíš mít script, který zprostředkuje odeslání mailu přes tebou nastavený SMTP server a zároveň tam nastavíš, jak se má stránka chovat (co se má zobrazit) po odeslání mailu.

Odpovědět
4.2.2017 22:18
Nikdy neříkej nahlas, že to nejde. Vždycky se totiž najde blbec, který to neví a udělá to...
Avatar
Veronika
Člen
Avatar
Veronika:17.7.2017 13:42

Ahoj lidičky, mám problém a to s odkazy.

Když jsem na stránce ,,O mně'' a kliknu na ,,Dovednosti'', tak se mi to odkáže bez problému, ale jakmile to udělám opačně, tak mi to píše, že stránka nebyla nalezena...nevíte co s tím? Možná je to banalita, ale už si opravdu nevím rady.

 
Odpovědět
17.7.2017 13:42
Avatar
Veronika
Člen
Avatar
Odpovídá na Veronika
Veronika:17.7.2017 13:49

Tak problém vyřešen.

 
Odpovědět
17.7.2017 13:49
Avatar
wartkor
Člen
Avatar
wartkor:17.12.2017 10:10

Ok ksyž si chci dát ten MailForm tak kam mám zadat svůj email na který mi to pošle přes to html ??

Odpovědět
17.12.2017 10:10
Káždý jednou začal a neuspěl hned na poprvé
Avatar
Peter Sciranka
Redaktor
Avatar
Odpovídá na wartkor
Peter Sciranka:17.12.2017 12:14

Ahoj, ono to takto nefunguje. Veľmi to všetko zjednoduším, aby si mal celkový obraz.
Tvorba webu sa dá rozdeliť na dve základné časti: Fronend a Backend.

  • Frontend je to, s čím prichádza do kontaktu užívateľ. Tu patria pojmy ako HTML, CSS, JavaScript (aj keď už máme aj serverové technológie postavené na JavaScripte, napr. node.js).
  • Backend, to sú práve rôzne serverové a databázové technológie tvorené v jazykoch ako PHP, ASP.NET, Ruby, Java, Python, ... a databázy ako MySQL, SQLite, Microsoft SQL PostgreSQL, MongoDB. Tuto na itnetwork.cz nájdeš rôzne kvalitné materiály ak budeš mať záujem sa niečo o tom naučiť.

Tento tutoriál je zameraný na Frontend, konkrétne na HTML a CSS, takže len na to, ako vytvoriť to, s čím bude komunikovať užívateľ s daným webom. Ak chceš poslať email, tak to sa rieši pomocou backend technológií (v tutoriále o PHP to je všetko popísané). HTML samo o sebe nevie poslať email, ono len slúži na zobrazenie obsahu stránky.
Dúfam, že sa mi podarilo to trochu objasniť :)

Odpovědět
17.12.2017 12:14
Act as if it was Impossible to Fail
Avatar

Člen
Avatar
:5.1.2018 17:58

chtěl bych se zeptat:

<iframe frameborder="0" scrolling="no" width="500px" height="220px" src="http://www.itnetwork.cz/service/mail_form.php?hash=kod-vaseho-mailformu"></iframe>

?hash=kod-vaseho-mailformu mám upravit na [email protected]­il.cz?

Editováno 5.1.2018 17:59
 
Odpovědět
5.1.2018 17:58
Avatar
Jan Lupčík
Super redaktor
Avatar
Odpovídá na
Jan Lupčík:5.1.2018 18:00

https://www.itnetwork.cz/…s-web-zdarma
Nene, tady si musíš vygenerovat ten mailform a dostaneš tam iframe URL, kterou bys měl použít.

Odpovědět
5.1.2018 18:00
TruckersMP vývojář
Avatar
Reaktivní uživatel:18.7.2018 15:06

Ten odkaz na MailForm mi připadá "trochu" jako

Musíte mu říci: jdi na adresa.cz a klikni na dovednosti.

Odpovědět
18.7.2018 15:06
Kdo je připraven, toho zaskočí něco jiného
Avatar
Ahoj Nazdar
Člen
Avatar
Ahoj Nazdar:4.12.2018 15:04

Ahoj, mám problém, když přecházím z rozlozeni.html např. na další odkaz onás.html tak se mi to načte v pohodě, ale háčky a čárky na písmenku se zjeví jako "?" - mám linknutý stejný css soubrou, nevím, proč na úvodní stránce to je vše tak, jak má být a na druhým html se stejným css souborem se to zjevuje takto.

 
Odpovědět
4.12.2018 15:04
Avatar
Odpovídá na Ahoj Nazdar
Reaktivní uživatel:4.12.2018 18:37

Zkontroluj si, v jakém kódování to máš uložené a jaké tam máš napsané.

Odpovědět
4.12.2018 18:37
Kdo je připraven, toho zaskočí něco jiného
Avatar
Pavel Kubalík:7.11.2020 18:02

Dobrý den
Tak jsem se dostal až sem. A dočetl jsem se, že se stejně neobejdu bez PHP (což jsem už dříve věděl). To mně připomnělo, že před zahájeným tohoto kurzu jsem říkal, že budu paralelně studovat PHP, s těžištěm na PHP. A tak jsem se dostal na rozcestí v rozhodování.
Nechci se tady nějak rozepisovat, protože to asi nikoho moc nezajímá. Možná udělám ještě jednu lekci. Jedno je jisté, pokud bych něco dával na web tak v trochu jiné struktuře.
Každopádně co nejdříve přejdu na kurz PHP.
Bohužel mám ještě jeden problém. Na tento web jsem se dostal proto, že jsem potřeboval nějakou databázi. Objevil jsem však příjemně vytvořené kurzy, a byl jsem ztracen.
Databázi tedy mám, a strávím s ní hodně času a duševní energie. Ubírá mi to energii na studium. Takže ve vhodné chvíli to budu muset omezit. Je to složité, ale není to potřeba nějak rozebírat.
Závěr je jediný. Co nejdříve přejdu na PHP a pak uvidíme. Hlavně musí zvolnit tempo.
Děkuji PK

 
Odpovědět
7.11.2020 18:02
Avatar
Andrej
Člen
Avatar
Andrej :10. ledna 15:16

čaute, ako púrosím Vás docielim,aby po vyplnení formuláru a jeho poslaní vypísalo, že formulár bol úspešne odoslaný?

Ďakujem za Vaše nápady

 
Odpovědět
10. ledna 15:16
Avatar
Jurajs
Člen
Avatar
Odpovídá na Andrej
Jurajs:10. ledna 15:26

Tak určitě by si měl použít PHP a JS nebo aspoň jedno z toho. Pro odesílání PHP a pro kontrolu jestli je vše ve formuláři vypsané správně tak Javascript. Uč se, vidím, že jsi na začátku... ;) Hodně štěstí! :)

 
Odpovědět
10. ledna 15:26
Avatar
Andrej
Člen
Avatar
Odpovídá na Jurajs
Andrej :10. ledna 17:05

Čiže tento tu čo je kontaktný formulár ak použijem, tak sa mi to nedá spraviť, iba ak by som si to celé nakódil sám áno ? :)

 
Odpovědět
10. ledna 17:05
Avatar
Jurajs
Člen
Avatar
Odpovídá na Andrej
Jurajs:10. ledna 22:22

Nevím jak si na tom s HTML a CSS, ale určitě je potřeba i znalost PHP, pokud chceš zprovoznit formulář.....A jestli chceš dělat dynamické a interaktivní weby tak bez PHP a JS se neobejdeš...Takže hodně zdaru při učení ;)
P.S. Všechno o formuláři je psané v sekci PHP, ale je lepší začít od začátku ;)

 
Odpovědět
10. ledna 22:22
Avatar
Andrej
Člen
Avatar
Odpovídá na Jurajs
Andrej :11. ledna 20:30

Jasné našiel som to už :) Díky. Idem postupne, dostanem sa aj na PHP určite :)

 
Odpovědět
11. ledna 20:30
Avatar
Marcel Sup
Člen
Avatar
Marcel Sup:12. února 21:06

Patlám si to v NetBeans a docela se to vztekalo, že za šířku rámečku 500 píšu to "px" u výšky 220 - to samé. Když jsem vykuchal ta "px", tak se mi to dokonce dařilo zobrazit i ve více prohlížečích.
Pak mě to ještě "radilo", ať ty údaje o rámečku narvu do CSS a nepočínám si tak "zastarale".

 
Odpovědět
12. února 21:06
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 40 zpráv z 40.