Scribd Logo
Upload

Welcome to Scribd!

  • 7 views

    Dokumentacia

    Uploaded by

    Tomáš Čmiko
    Monikawebpage

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Dokumentacia

    Uploaded by

    Tomáš Čmiko
    7 views3 pages
    Monikawebpage

    Original Title

    dokumentacia

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Monikawebpage

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views3 pages

    Dokumentacia

    Uploaded by

    Tomáš Čmiko
    Monikawebpage

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    Dokumentácia k WEB stránke

    Názov: 3Déčko

    Téma: Web stránka o 3D tlači, ktorej sa venujem vo voľnom čase.

    Obsah: V úvodnej stránke sa nachádza predstavenie a informácie o 3D


    tlači. Cez menu v hlavičke sa dostanete na podstránky: DOMOV, KONTAKT,
    GALÉRIA, NOVINKY, PROJEKTY. Po prejdení myšou v menu na položku
    „GALERIA“ sa rozbalia vedľajšie podstránky: VIDEA, NAŠE VÝROBKY. Na
    podstránky a vedľajšie podstránky sa dostanete zo všetkých podstránok.

    Účel webu: Hlavným účelom stránky je propagácia mojej tvorby. Stránku by som chcela v budúcnosti
    plne sfunkčniť a pracovať s ňou.

    Rozloženie stránky :

    ÚVOD

    KONTAKT GALÉRIA NOVINKY PROJEKTY

    NAŠE VIDEA
    VÝROBKY

    Rozloženie a vybrané html a css prvky :


    <html>
    <head>
    - Kódovanie stránky
    - Title
    - Metadata
    - Favicon
    <body>
    - Hlavička
    o Logo stránky
    o Názov stránky ako H1
    - Navigačné menu
    - Obsah
    - Päta
    o Špeciálny znak ©

    Monika Šmýkalová monikasmykalova4@gmail.com


    Hlavná stránka (Index.html):
    Popis :
    - Sekcia #uvod: Základné informácie o 3D tlači a stránke.
    HTML prvky:
    - Nadpisy v troch úrovniach, formátovanie textu pomocou <strong>, <em>, <b>,
    usporiadaný zoznam <br>, odkazy <a>, obrázok <img>.
    CSS prvky:
    - Selektor #uvod, obtekanie obrázkov triedou .obrazok-vlavo, obrázok so
    zaobleným rámom.
    Galeria.html:
    Popis :
    - Sekcia s rôznymi 3D tlačovými projektami vo forme obrázkov.
    HTML prvky:
    - Nadpis prvý úrovne <h1>, usporiadaný zoznam obrázkov v sekcii <div> s triedou
    .galeria, každý obrázok s vlastným atribútom alt.
    CSS prvky:
    - Štýly z externého súboru style/style.css ovplyvňujúce celkový vzhľad stránky a
    formátovanie jednotlivých elementov.

    Novinky a aktuality.html:
    Popis :
    - Informácie o 3D tlači, novinkách a udalostiach.
    HTML prvky:
    - Nadpisy v troch úrovniach: <h1>, <h2>, <h3>, formátovanie textu: <strong>,
    <em>, <blockquote>, usporiadané zoznamy: <ol>, <ul>, <li>, odkazy: <a>,
    obrázok: <img>.
    CSS prvky:
    - Použitie id pre rôzne sekcie, obtekanie obrázkov triedou .obrazok-vlavo, obrázok
    so zaobleným rámom triedou .logomain.

    Projekty.html:
    Popis :
    -Informácie o projektoch súvisiacich s 3D tlačou, navigačný panel, sekcie s
    obrázkami a návodmi, a patička so odkazmi.
    HTML prvky:
    - Nadpisy v dvoch úrovniach: <h1>, <h2>, obrázky: <img>, odstavce: <p>, tabuľka:
    <table>, <thead>, <tbody>, <tr>, <th>, <td>, odkazy: <a>.
    CSS prvky:
    - Selektor id pre jednotlivé sekcie (#projekty, #navody), obrázky s popisom krokov,
    usporiadanie tabuľky, formátovanie nadpisov a textov, odkazy v patičke.

    Kontakt.html:
    Popis :
    -
    Obsahuje kontaktný formulár a navigačný panel s informáciami o kontakte a
    formulárom na odoslanie správy.
    HTML prvky:

    Monika Šmýkalová monikasmykalova4@gmail.com


    - Header s nadpisom stránky, navigácia, sekcia Kontakt s informáciami a
    formulárom (<form>) pre meno, email a správu.
    CSS prvky:
    - Selektor id pre sekciu kontakt (#kontakt), štýlovanie formulára, zarovnanie textu a
    odkazy v patičke.

    Podstránky nižšej úrovne:


    Video.html:
    Popis :
    - Zoznam videí týkajúcich sa 3D tlače, každé vo vlastnom iframe.
    HTML prvky:
    - Galéria videí v <div> s triedou .galeria, nadpis a <div> s triedou .video-wrapper,
    ktorý obsahuje <iframe> prvky.
    CSS prvky:
    - Trieda .video-wrapper pre zobrazenie videí vo wrapperi s nastavením pre šírku a
    výšku.

    Nase-vyrobky.html:
    Popis :
    - Galéria obrázkov súvisiacich s produkty alebo výsledkami tlače.
    HTML prvky:
    - Nadpisy <h1> a <h2>, navigačný zoznam, <ul> s odrážkami a <li> položkami s
    odkazmi, <img> zobrazujúce fotografie s atribútmi src a alt.
    CSS prvky:
    - Selektor triedy .fotkygaleria pre formátovanie a zobrazenie obrázkov v rámci
    sekcie "Galéria".

    Monika Šmýkalová monikasmykalova4@gmail.com

    You might also like