Drupal theming Úvod do šablonování Převod webu do Drupalu Martin Sladeček.

Slides:



Advertisements
Podobné prezentace
Základy HTML – vkládání objektů
Advertisements

Technologie pro publikování na webu 1
Obsah prezentace 1.Co je RSS 2.Možnosti využití RSS 3.Popis systému cíleného doručování vědeckých a odborných článků 4.Ukázka systému 5.Závěr.
Systém Drupal a nejen školní weby
Tvorba webových stránek
Title of the document The content of the document Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.
ZÁKLADY HTML Číslo DUM: VY_32_INOVACE_04_11 Autor: Mgr. Ivana Matyášková Datum vytvoření: duben 2013 Ročník: tercie Vzdělávací obor: informační technologie.
VY_32_INOVACE_4.3.IVT1.15/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.
VY_32_INOVACE_4.3.IVT1.19/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.
Mgr. Vlastislav Kučera přednáška č. 2.  Struktura stránky  hlavička  meta tagy  titulek stránky  připojení stylů,...  CSS.
Title of the document The content of the document Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.
Jak se stát miláčkem vyhledávačů
Základy HTML.
Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:
Tvorba www stránek VLOŽENÍ OBRÁZKŮ ICT 4.ročník. Vložení obrázku OBRÁZEK NA WEBOVÝCH STRÁNKÁCH Binární data – ukládáme do samostatných složek (IMAGE,
VY_32_INOVACE_4.3.IV1.02/Ku Html dokument a jeho struktura Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/
VY_32_INOVACE_4.3.IV1.03/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ HTML & XHTML.
VY_32_INOVACE_4.3.IVT1.14/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.
Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print Autor: Adam Zluky, Vedoucí práce: PaedDr. Petr Pexa, JČU, 2008 Diplomová práce.
HYPERTEXT PREPROCESSOR. JAZYK PHP. Jazyk PHP (Hypertext PreProcessor) je intepretovaný jazyk určený pro web. Je celkem jednoduchý, snadno přenositelný.
SEO pro novou firmu Bartošová Lenka 3MA
TNPW1 Cvičení
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Pavel Řezníček v Brně  Výběr tématu  Tvorba aplikace  Ukázka aplikace  Zhodnocení práce  Další kroky.
VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ Textové elementy.
1 Název školy Základní škola Domažlice, Komenského 17 Číslo projektu CZ.1.07/1.4.00/ Název projektu „EU Peníze školám ZŠ Domažlice“ Číslo a název.
Modul 2 : Práce s počítačem a správa souborů. Rada úvodem - Internet ví všechno, zkuste a
Adobe Dreamweaver CS4 Ing. Martin Dosedla.
VY_32_INOVACE_4.3.IVT1.11/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.
KASKÁDOVÉ STYLY 4.
SEO SEO Optimalizace webových stránek pro vyhledávače Jan Nemrava, KIZI, FIS VŠE
Kaskádové styly Cascading Style Sheets. Využití CSS jde o jazyk pro popis způsobu zobrazení stránek napsaných v jazycích HTML, XHTML nebo XML umožňuje.
CSS – rámečky Mgr. Lenka Švancarová.
Moderní formy tvorby webových stránek Martin Šebela, 9.A vedoucí práce: Mgr. Jan Kříž.
VY_32_INOVACE_4.3.IVT1.10/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ Validita stránek.
Úprava a užití screenshotu Výpočetní technika. jméno autoraMgr. Petr Jonáš název projektu Modernizace výuky na ZŠ Česká Lípa, Pátova ulice číslo projektuCZ.1.07/1.4.00/
SOUSTAVA OPĚRNÁ.
VY_32_INOVACE_10 - DERIVÁTY UHLOVODÍKŮ
Maturitní okruh 22: Úvod do HTML. Značkovací a klasické jazyky Klasické: převládá strukturovaný text (programovací kód), skripty jsou prováděny na straně.
Title of the document The content of the document Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.
CSS Cascading Style Sheets Kaskádové styly
DHTML Jan Felger. Kapitola 0: Základní tagy Základy HTML © Jan Felger 2005 Úvod Tato prezentace zobrazuje pouze zcela základní minimum znalostí, které.
XHTML – obrázky Mgr. Lenka Švancarová Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Lenka Švancarová. Dostupné z Metodického portálu.
Macromedia Dreamweaver Software pro editaci kódu Bohuslav Čech3MA381.
Tento výukový materiál vznikl v rámci Operačního programu Vzdělávání pro konkurenceschopnost Číslo projektu: CZ.1.07/1.5.00/ Číslo materiálu: VY_32_INOVACE_PSK-4-09.
Název školy: Základní škola a Mateřská škola Kladno, Vodárenská 2115 Autor: Mgr. Ilona Sadílková Materiál: VY_32_INOVACE_ICT34.10 Téma: Úvod do Software.
OSNOVA: a) Přetížení členských funkcí b) Dědičnost tříd Jiří Šebesta Ústav radioelektroniky, FEKT VUT v Brně Počítače a programování 2 pro obor EST BPC2E.
Nové modulové výukové a inovativní programy - zvýšení kvality ve vzdělávání Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem.
VY_32_INOVACE_4.3.IVT1.05/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ CSS.
TNPW1 Technologie pro publikování na webu Cvičení č. 2 Překlad URL na fyzickou adresu stránky Editor Macromedia Homesite „Hello world“ v XHTML (úvod do.
Číslo šablony: III/2 VY_32_INOVACE_P4_3.11 Tematická oblast: Aplikační software pro práci s informacemi II. HTML - odkazy, obrázky Typ: DUM - kombinovaný.
SAMBA umožňuje linuxovému systému sdílení prostředků a služeb prostřednictvím sítě používá SMB (server message block) protocol - identický protokolu.
Tvorba statických stránek Mgr. Lenka Švancarová. Tvorba statické stránky Volba Uložit jako XHTML Editor Vizuální Frontpage Nevizuální PSPad Poznámkový.
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
WebCastle VŠB Vedoucí bakalářské práce:Ing. Jan Ružička Ph.D. Vypracoval:Martin Prager VŠB – TU Ostrava Institut Geoinformatiky Studijní skupina :G362.
VY_32_INOVACE_4.3.IVT1.06/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ CSS pozicování.
Title of the document The content of the document Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.
Hypertextové odkazy [cit ]. Dostupné pod licencí Public Domain – na
VY_32_INOVACE_4.3.IVT1.07/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ CSS formátování.
DSpace 5 - Mirage 2 Bc. Rostislav Novák. Obsah 1)Popis Mirage2 2)Instalace 3)Struktura 4)Provedení změn 5)Odkazy pro čerpání informací.
HYPERTEXT PREPROCESSOR. JAZYK PHP. VYUŽITÍ JAZYKA Programování dynamických internetových stránek a webových aplikací vytvoření šablony webu kniha návštěv.
AVT projekt Ondřej Janošík. Základní informace Zadání projektu – SQL SELECT generátor Proč právě tento projekt? Úvod do problematiky – SQL (select)
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava Šablona 32 VY_32_INOVACE_033.ICT.34 Tvorba webových stránek – MS Visual Studio.
Inf Webová stránka, princip HTML a CSS. Výukový materiál Číslo projektu: CZ.1.07/1.5.00/ Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím.
Redakční systém – Content management system (CMS), publikační systém – Správa obsahu webu – Jednoduché publikování textů – Modulárnost (instalace doplňků)
Krátký úvodní kurz HTML Jenyk Obecně 1 - html  V HTML jazyce nezáleží na rozložení a délce řádku, extrémem je napsat celý program v jednom řádku.
Tvorba WEBOVÝCH stránek – obrázky
AVT – semestrální projekt
Tvorba webových stránek
Transkript prezentace:

Drupal theming Úvod do šablonování Převod webu do Drupalu Martin Sladeček

© Sladeček MartinDalší informace: Jak vytvořím vlastní vzhled? Starter themes Tvorba vlastního tématu - design - html/css - drupal theme

© Sladeček MartinDalší informace:  Složka  _root_/themes  _root_/sites/all/themes/jmenosablony  _root_/sites/default/themes/jmenosablony  Název tématu musí začínat písmenem (ne číslice ani znak) Drupal Theme jmenosablony

© Sladeček MartinDalší informace: Co je to theme? jmenosablony jmenosablony.info

© Sladeček MartinDalší informace: Co je to theme? jmenosablony jmenosablony.info tpl.php

© Sladeček MartinDalší informace: Co je to theme? jmenosablony jmenosablony.info tpl.php css js style.css print.css xxx.js

© Sladeček MartinDalší informace: Co je to theme? jmenosablony jmenosablony.info tpl.php css js style.css print.css xxx.js template.php

© Sladeček MartinDalší informace: Co je to theme? jmenosablony jmenosablony.info tpl.php css js style.css print.css xxx.js template.php favicon.ico, screenshot.png, logo.png

© Sladeček MartinDalší informace: soubor 1/3 ; $Id: garland.info,v /07/01 23:27:32 goba Exp $ name = Jméno šablony description = Popis šablony... core = 6.x engine = phptemplate version = 6.1-dev screenshot = screenshot.png base theme = zen

© Sladeček MartinDalší informace: soubor 2/3  stylesheets[all][] = css/style.css stylesheets[print][] = css/print.css  scripts[] = js/javascript.js scripts[] = js/javascript2.js  regions[left] = Levý regions[right] = Pravý regions[content_top] = Horní panel

© Sladeček MartinDalší informace: soubor 3/3 features[] = logo features[] = name features[] = slogan features[] = search features[] = favicon features[] = primary_links features[] = secondary_links ; features[] = mission ; features[] = node_user_picture ; features[] = comment_user_picture

© Sladeček MartinDalší informace:  vzhled jednotlivých prvků  Xhtml + PHP proměnné  Pokud chybí, nahradí defaultním vzhledem  Defaultní šablony = vzor _root_/modules/jmenomodulu/  page.tpl.php  block.tpl.php  node.tpl.php  comment.tpl.php

© Sladeček Martin page.tpl.php

© Sladeček Martin block.tpl.php

© Sladeček Martin node.tpl.php

© Sladeček Martin comment.tpl.php

© Sladeček MartinDalší informace: Alternate templates  Alternate template přepíše původní template  node-[type].tpl.php př.: node-blog.tpl.php  page-front.tpl.php  Další informace: 

Případová studie

© Sladeček Martin

Začneme… theme.info name = Drupal Theme description = Drupal Brno core = 6.x engine = phptemplate stylesheets[all][] = css/style.css stylesheets[print][] = css/print.css features[] = logo features[] = name features[] = search features[] = favicon features[] = primary_links regions[content_top] = Content top regions[right] = Right sidebar regions[bottom_left] = Bottom left regions[bottom_middle] = Bottom middle regions[bottom_right] = Bottom right

© Sladeček Martin page.tpl.php (modules/system) language ?>" lang=" language ?>" dir=" dir ?>"> "> ….

© Sladeček Martin

page.tpl.php (modules/system) " title=" " rel="home” id=“logo” > " alt=" " /> " title=" ">

© Sladeček Martin page.tpl.php (modules/system) 'links primary-links')); ?>

© Sladeček Martin page.tpl.php (modules/system)

Děkuji za pozornost Dotazy?