Jak vznikala webová aplikace kolonizace.asp2.cz
|
|
|
- Barbora Nováková
- před 8 lety
- Počet zobrazení:
Transkript
1 Jak vznikala webová aplikace kolonizace.asp2.cz Cílem tohoto textu je poskytnout začínajícím vývojářům rady a zejména návod jak krok za krokem vytvořit jednoduchou statickou webovou aplikaci s použitím co nejmenšího programování, ale zároveň využívající některé šikovné ovládací prvky ASP.NET 2.0. Motivací pro vznik aplikace a tohoto textu byla autorova účast v soutěži V tomto článku se čtenář setká s vývojovým prostředím Microsoft Visual Studio 2005, ASP.NET 2.0, jazykem C# a v neposlední řadě s jazykem HTML a CSS. Alespoň drobná znalost těchto technologií není na škodu, ale není nezbytnou podmínkou pro porozumění textu. Začínáme... Ve Visual Studiu 2005 si otevřeme novou webovou aplikaci (File > New > Web Site). V dialogu vybereme ASP.NET WebSite a nastavíme umístění aplikace (Location) a jazyk (C#, ale možno i VB.NET). Pro aplikaci použijeme jednoduchý design složený ze dvou vodorovných pruhů, z nichž horní bude tvořit záhlaví stránky a spodní se bude dále dělit na dva svislé sloupce nabídkový a obsahový. Před příchodem ASP.NET 2.0 bylo třeba definovat kód pro společné části stránky v každém aspx souboru. Pozdější změny byly proto obtížné. ASP.NET 2.0 přichází s novým konceptem návrhu stránek, s tzv. Master Pages. Master page tvoří obálku pro další webové stránky a obsahuje kód společný všem stránkám. Běžné aspx stránky, které mají deklarovánu příslušnost k nějaké master stránce ve svém kódu deklarují pouze svůj obsah. V okamžiku kdy zavoláme aspx stránku, ASP.NET automaticky zařídí svázání se správnou master stránkou. V naší webové aplikaci bude master stránka obsahovat kód pro záhlaví stránky a navigační lištu. Nyní přidáme master stránku do projektu. V okně Solution Explorer (viz. Ilustrace 1) klikneme pravým tlačítkem na projekt a zvolíme příkaz Add New Item... Ilustrace 1: Přidání nového objektu
2 Objeví se dialogové okno (viz. Ilustrace 2), v kterém zvolíme Master page. S tímto dialogovým oknem se setkáme během práce ještě vícekrát, tak si ho dobře zapamatujeme. Ilustrace 2: Dialog - Přidání nového objektu do projektu V okně pro editaci textu zvolíme záložku se souborem MasterPage.master (viz. Ilustrace 3) a přepneme se do zobrazení Source (viz. Ilustrace 4). Ilustrace 3: Záložky se soubory Ilustrace 4: Tlačítka Design/Source Zdrojový HTML kód souboru MasterPage.master nahradíme následujícím kódem, čímž si vytvoříme šablonu pro budoucí stránku. Jak bylo popsáno výše, stránka se bude skládat ze tří bloků záhlaví, nabídkové lišty a vlastního obsahu. Pro umístění bloků na stránce použijeme CSS, což nám v budoucnosti umožní snadno změnit design bez nutnosti přepisovat HTML soubory.
3 Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" > <head id="head1" runat="server"> <title>ukázková aplikace</title> <link href="stylesheet.css" rel="stylesheet" type="text/css" /> </head> <body> <form id="form1" runat="server"> <div id="page_container"> <div id="page_header"> <div id="page_body"> <div id="page_menu"> <div id="page_content"> <asp:contentplaceholder id="contentplaceholder1" runat="server"> </asp:contentplaceholder> </form> </body> </html> Rozvržení stránky Bloky jsou tvořeny HTML tagy <div> s jednoznačnými id v rámci celého dokumentu. Celá stránka je zabalena do bloku page_container (černý rámeček). Horní panel je tvořen blokem page_header (fialový), dva sloupce pak bloky page_menu (zelený) a page_content (bílý), které jsou uzavřeny do bloku page_body (oranžový rámeček). Horní panel bude obsahovat logo stránek, levý panel je určen pro nabídku a pravý pro vlastní obsah webu. Obsah souboru StyleSheet.css, který deklaruje vlastní CSS styly je popsán a vysvětlen v Příloze 1.
4 Všimněme si, že blok page_content obsahuje ASP.NET ovládací prvek ContentPlaceHolder. V tomto prvku se budou zobrazovat vnořené stránky. Nyní přidáme do projektu soubor s CSS styly postupem popsaným v Příloze 1. Zvolíme zpátky soubor MasterPage.master a z ToolBoxu vybereme ovládací prvek Menu. Nalezneme jej v sekci Navigation (viz. Ilustrace 5). Tažením myši (Drag&Drop) umístíme Menu do HTML kódu do bloku page_menu, příslušný HTML kód bude nyní vypadat následovně: <div id="page_menu"> <asp:menu ID="Menu1" runat="server"> </asp:menu> Ilustrace 5: Výběr prvku Menu z Toolboxu V dalším kroku nadefinuje datový zdroj, z kterého bude Menu načítat data. Přepneme se do Design módu (viz. Ilustrace 4) a klikneme na malou šipku v pravém horním rohu grafické podoby Menu. Objeví se malé pop-up dialogové okno s nabídkou, v němž je položka Choose data source. My vytvoříme nový datový zdroj (<New data source...>), z dialogu (viz. Ilustrace 6) vybereme SiteMap a klikneme na OK.
5 Ilustrace 6: Dialog: volba datového zdroje Na stránce se objevil nový prvek SiteMapDataSource. Tento prvek umí načíst strukturu webu ze souboru Web.sitemap a předat ji do Menu, které poté vytvoří grafickou podobu s položkami odpovídajícími hiearchické struktuře webu. Soubor Web.sitemap Web.sitemap je XML soubor v kterém snadno popíšeme strukturu webu čili vztahy mezi stránkami. Naše webová aplikace bude pro jednoduchost obsahovat pouze tři stránky. Reálně je vytvoříme za okamžik, ale již nyní můžeme napsat obsah souboru Web.sitemap. Přidáme do projektu novou položku Site Map (viz. Ilustrace 2). Otevřeme soubor a jeho obsah poupravíme dle následující ukázky: <?xml version="1.0" encoding="utf-8"?> <sitemap xmlns=" > <sitemapnode url="default.aspx" title="home" description=""> <sitemapnode url="products.aspx" title="produkty" description="" /> <sitemapnode url="contact.aspx" title="kontakt" description="" /> </sitemapnode> </sitemap> Mapa webu vždy musí obsahovat kořenový uzel, v našem případě stránku Default.aspx, kterou označíme jako domácí. Hloubka vnořených uzlů není omezena. V naší aplikaci budeme mít dvě
6 podřízené stránky Products.aspx a Contact.aspx. Soubor Web.sitemap uložíme a přepneme se zpátky na stránku MasterPage.master. Na prvku Menu opět klikneme na malou šipku a z pop-up nabídky tentokrát vybereme Refresh Schema. Vidíme, že se Menu upravilo dle právě vytvořené struktury webu ve Web.sitemap. Ovládací prvek Menu obsahuje řadu možností jak jej nastavit, zobrazená nabídka se může rozbalovat dynamicky nebo být statická, možné jsou i kombinace obou přístupů. V našem případě budeme chtít menu statické, proto na prvku Menu nastavíme vlastnost (property) StaticDisplayLevels na hodnotu 2. Jak z názvu vyplývá, tato vlastnost ovlivňuje počet položek, které se vygenerují staticky. Pro Menu, které mají větší hloubku (což není náš případ) se zobrazují zbylé položky dynamicky (tj. na kliknutí). Vytvoření vnořených stránek Nabídku jsme úspěšně vytvořili, nyní přistoupíme k vytvoření stránek s obsahem. Stránka Default.aspx byla vygenerována automaticky s projektem a není propojena s naší master stránkou. Proto ji z projektu odstraníme v Solution Exploreru klikneme na soubor Default.aspx pravým tlačítkem myši a zvolíme příkaz Delete. Následně do projektu přidáme tři nové objekty typu Web Page (viz. Ilustrace 2) Default.aspx, Products.aspx a Contact.aspx. V dialogu nesmíme opomenout zaškrtnout check box Select master page, k čemuž budeme vyzváni hned vzápětí v dalším dialogu. Náš projekt obsahuje pouze jednu master stránku, takže se nemůžeme výběrem splést. Ve výsledku by měl náš projekt vypadat takto
7 Přepneme se na stránku Default.aspx a zvolíme pohled do kódu (Source). První, čeho si pravděpodobně všimneme je absence deklarace HTML hlavičky a těla. Jak bylo popsáno výše, vnořené stránky přejímají deklarace od nadřízené Master page a sami obsahují pouze kontejner pro svůj obsah (ContentPlaceHolder). Tento kontejner naplníme textem a soubor uložíme. Kód stránky by nyní měl vypadat obdobně následující ukázce: <%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Title="Untitled Page" %> <asp:content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> Vítejte na stránkach firmy <b>a je to</b>. </asp:content> Obdobně vytvoříme obsah stránek Products.aspx a Contacts.aspx. SiteMapPath navigátor Vnořené stránky obohatíme o zobrazení aktuální cesty ve stromu stránek, prvek zvaný anglicky breadcrumb. Z Toolboxu vybereme prvek SiteMapPath a umístíme ho do kódu stránky Products.aspx a Contact.aspx hned na začátek kontejneru. Kód bude vypadat následovně: <%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Products.aspx.cs" Inherits="_Products" Title="Produkty firmy A je to" %> <asp:content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <asp:sitemappath ID="SiteMapPath1" runat="server"> </asp:sitemappath> Firma <b>a je to</b> pro vás vytvoří webovou prezentaci snů. </asp:content> Nemusíme nic nastavovat, prvek sám pozná na které je stránce a cestu vytvoří na základě souboru Web.sitemap. Hlavička webu Nakonec nesmíme zapomenout na záhlaví stránek. Opět se přepneme do souboru MasterPage.master a do bloku page_header umístíme obrázek nebo text. Kompilace a publikace webu Aplikace je hotová, nyní můžeme přistoupit k první zkoušce a spustit ji. V nabídce Visual Studia zvolíme Debug > Start Debugging nebo stiskneme klávesu F5. Visual Studio se nás možná zeptá, zda chceme vytvořit soubor Web.config a povolit v něm debugování aplikace. Zvolíme Ano. Po malé chvíli, kdy probíhá kompilace aplikace se otevře okno prohlížeče a můžeme aplikaci otestovat. Publikování webu Pokud vše funguje jak má, můžeme přistoupit k poslednímu kroku a publikovat aplikaci na webovém serveru. Visual Studio 2005 (kromě verze Web Developer) obsahuje šikovnou funkci Publish Web, ke které se dostaneme kliknutím pravé myši na projekt v Solution Exploretu.
8 Do zvoleného adresáře, který by měl být prázdný, vytvoří Visual Studio kopii našeho projektu vhodnou k publikaci na webu. Odstraní se všechny soubory s C# kódem a další soubory, které nejsou pro běh aplikace potřeba. Aplikace se zároveň předkompiluje. Příloha 1. CSS soubor Podrobný popis vlastností stylů CSS je nad rámec tohoto článku a proto zde uvádíme pouze obsah souboru StyleSheet.css, tak jak jej máme přidat do projektu obsah souboru Další typy a triky Menu bez kořenového uzlu Navigace webových aplikací obvykle neobsahuje kořenovou položku od které by se odvíjely podřízené kategorie, ale přímo několik rovnocenných kategorií. ASP.NET takovou konstrukci přímo nepodporuje, ale lze ji docílit několika triky. V souboru Web.sitemap ponecháme kořenový uzel nevyplněný a uzel Home přidáme do druhé úrovně. <?xml version="1.0" encoding="utf-8"?> <sitemap xmlns=" > <sitemapnode url="" title="" description=""> <sitemapnode url="home.aspx" title="home" description="" /> <sitemapnode url="products.aspx" title="produkty" description="" /> <sitemapnode url="contact.aspx" title="kontakt" description="" /> </sitemapnode> </sitemap> * na stránce s Menu pozměnit properties tak, aby se Menu zobrazovalo bez kořene
Manuál: Editace textů v textovém editoru SINPRO Úprava tabulek a internetových odkazů, řádkování
Manuál: Editace textů v textovém editoru SINPRO Úprava tabulek a internetových odkazů, řádkování (nejen pro editaci STI v systému SINPRO, aktualizováno: 25. 6. 2015) v 2.0 Obsah TABULKY Úprava tabulek...
ZSF web a intranet manuál
ZSF web a intranet manuál Verze pro školení 11.7.2013. Návody - Jak udělat...? WYSIWYG editor TinyMCE Takto vypadá prostředí WYSIWYG editoru TinyMCE Jak formátovat strukturu stránky? Nadpis, podnadpis,
Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava
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 2010 - HTML Číslo projektu: CZ.1.07/1.5.00/34.0744
FFUK Uživatelský manuál pro administraci webu Obsah
FFUK Uživatelský manuál pro administraci webu Obsah FFUK Uživatelský manuál pro administraci webu... 1 1 Úvod... 2 2 Po přihlášení... 2 3 Základní nastavení webu... 2 4 Menu... 2 5 Bloky... 5 6 Správa
Formátování pomocí stylů
Styly a šablony Styly, šablony a témata Formátování dokumentu pomocí standardních nástrojů (přímé formátování) (Podokno úloh Zobrazit formátování): textu jsou přiřazeny parametry (font, velikost, barva,
MS SQL Server 2008 Management Studio Tutoriál
MS SQL Server 2008 Management Studio Tutoriál Vytvoření databáze Při otevření management studia a připojením se ke konkrétnímu sql serveru mám v levé části panel s názvem Object Explorer. V tomto panelu
My si nyní takovou sestavu vytvoříme na příkladu jednoduché kanceláře. Začneme vytvořením takové kanceláře.
Sestavy Sestavy (angl. Reports) slouží ve Visiu k rychlému vytvoření přehledného souhrnu informací o objektech na výkresu. Visio umí tyto stručné sestavy vytvářet jako sešit programu Excelu, ve formátu
Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto
Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Registrační číslo projektu Šablona Autor Název materiálu / Druh CZ.1.07/1.5.00/34.0951 III/2 INOVACE A ZKVALITNĚNÍ VÝUKY PROSTŘEDNICTVÍM ICT
Webové stránky. 19. Úprava šablony HTML. Datum vytvoření: 1. 3. 2013. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz
Webové stránky 19. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 1. 3. 2013 Webové Strana: 1/11 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická oblast Název DUM
2 PŘÍKLAD IMPORTU ZATÍŽENÍ Z XML
ROZHRANÍ ESA XML Ing. Richard Vondráček SCIA CZ, s. r. o., Thákurova 3, 160 00 Praha 6 www.scia.cz 1 OTEVŘENÝ FORMÁT Jednou z mnoha užitečných vlastností programu ESA PT je podpora otevřeného rozhraní
Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. PORTÁL KUDY KAM. Manuál pro administrátory. Verze 1.
Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. PORTÁL KUDY KAM Manuál pro administrátory Verze 1.0 2012 AutoCont CZ a.s. Veškerá práva vyhrazena. Tento
Vytvoření tiskové sestavy kalibrace
Tento návod popisuje jak v prostředí WinQbase vytvoříme novou tiskovou sestavu, kterou bude možno použít pro tisk kalibračních protokolů. 1. Vytvoření nového typu sestavy. V prvním kroku vytvoříme nový
1 Příprava pracovního prostředí
1 Obsah 1 Příprava pracovního prostředí... 3 1.1 Příprava dat v Money... 3 1.2 Příprava dat v Zoner inshop Manageru... 3 1.2.1 Nastavení agendy Money... 3 2 Zboží - pouze import... 6 2.1 Příprava dat v
MANUÁL administrátora elektronické spisové služby
MANUÁL administrátora elektronické spisové služby Administrace obálek a sestav (NÁVRHÁŘ) 1 PilsCom, s.r.o. OBSAH 1. NÁVRHÁŘ OBECNĚ... 3 2. NASTAVENÍ MS INTERNET EXPLORERU... 4 3. SPUŠTĚNÍ NÁVRHÁŘE OBÁLKY...
Postupy práce se šablonami IS MPP
Postupy práce se šablonami IS MPP Modul plánování a přezkoumávání, verze 1.20 vypracovala společnost ASD Software, s.r.o. dokument ze dne 27. 3. 2013, verze 1.01 Postupy práce se šablonami IS MPP Modul
Excel tabulkový procesor
Pozice aktivní buňky Excel tabulkový procesor Označená aktivní buňka Řádek vzorců zobrazuje úplný a skutečný obsah buňky Typ buňky řetězec, číslo, vzorec, datum Oprava obsahu buňky F2 nebo v řádku vzorců,
Hromadná korespondence
Hromadná korespondence Teoretická část: Typickým příkladem použití hromadné korespondence je přijímací řízení na školách. Uchazeči si podají přihlášku, škola ji zpracuje a připraví zvací dopis k přijímací
Možnosti tisku v MarushkaDesignu
0 Možnosti tisku v MarushkaDesignu OBSAH 1 CÍL PŘÍKLADU...2 2 PRÁCE S PŘÍKLADEM...2 3 UKÁZKA DIALOGOVÉHO OKNA...3 4 STRUČNÝ POPIS PŘÍKLADU V MARUSHKADESIGNU...5-1 - 1 Cíl příkladu V tomto příkladu si ukážeme
5 ÚVOD DO TESTOVÁNÍ SOFTWARE. 6 Testování software ve vývojovém prostředí MICROSOFT VISUAL STUDIO V hlavním menu volba Debug
5 ÚVOD DO TESTOVÁNÍ SOFTWARE Testování software, za účelem dokázání existence chyby v něm, je nejčastěji prováděno na reálných datech, méně již na imitacích reálných dat a ještě méně na datech symbolických.
Administrace webu Postup při práci
Administrace webu Postup při práci Obsah Úvod... 2 Hlavní menu... 3 a. Newslettery... 3 b. Administrátoři... 3 c. Editor stránek... 4 d. Kategorie... 4 e. Novinky... 5 f. Produkty... 5 g. Odhlásit se...
Windows Live Movie Maker
Windows Live Movie Maker Tento program slouží k vytváření vlastních filmů, která se mohou skládat z fotografií, videí, titulků a zvuku. Movie Maker je součástí instalace operačního systému Windows 7 a
II. Elektronická pošta
II. Chceme-li si přečíst poštu, klikneme v levém sloupci na nápis Doručená pošta. Máme před sebou seznam e-mailů seřazených podle data a času přijetí. Pokud máme zapnuto zobrazení náhledu, ve spodní nebo
Tiskové sestavy. Zdroj záznamu pro tiskovou sestavu. Průvodce sestavou. Použití databází
Tiskové sestavy Tiskové sestavy se v aplikaci Access používají na finální tisk informací z databáze. Tisknout se dají všechny objekty, které jsme si vytvořili, ale tiskové sestavy slouží k tisku záznamů
Jak vytvořit vlastní ikonu bloku a faceplate v PCS7 V6.x a 7.x
Jak vytvořit vlastní ikonu bloku a faceplate v PCS7 V6.x a 7.x Otázka: Jak postupovat při tvorbě vlastní ikony bloku a faceplate pro uživatelsky vytvořený funkční blok PCS7 Odpověď: Pro každý uživatelský
Uživatelská dokumentace
Uživatelská dokumentace Podporované prohlížeče Mozilla Firefox 3.2, Internet explore 7.0 a Opera 8.0 Pro využívání aplikace je doporučené minimální rozlišení 1280 x 720 pixelu. Obrázky v dokumentaci odpovídají
Cvičení 6 PARAMETRICKÉ 3D MODELOVÁNÍ TVORBA VÝKRESU OBROBKU Inventor Professional 2012
Cvičení 6 PARAMETRICKÉ 3D MODELOVÁNÍ TVORBA VÝKRESU OBROBKU Inventor Professional 2012 Cílem cvičení je osvojit si základní postupy tvorby výkresu dle platných norem na modelu obrobeného odlitku, který
Nástrojová lišta v editačním poli
Nástrojová lišta v editačním poli Název projektu PŘEJÍT NA konkrétní sekci webu ZOBRAZIT zobrazí a) pracovní verzi webu (tj. nepublikovanou) b) publikovanou verzi webu a) Odstranit odstraní zobrazenou
Demonstrační kufřík TAC XENTA
Demonstrační kufřík TAC XENTA Zadání 1. Pomocí aplikace Menta vytvořte funkční logiku systému. 2. Seznamte se s programem TAC Vista Workstation, tak abyste byli schopni vytvořit vlastní projekt a vyzkoušet
Nastavení třídnických hodin
Nastavení třídnických hodin (v 4.0) Níže popsaný návod je určen pro uživatele s rolí Administrátor, není-li uvedeno jinak. Obsah školení: Založení kurzu Třídnická hodina (Th) 2 Hromadná změna hodin na
VÝUKOVÝ MATERIÁL. Bratislavská 2166, 407 47 Varnsdorf, IČO: 18383874 www.vosassvdf.cz, tel. +420412372632 Číslo projektu
VÝUKOVÝ MATERIÁL Identifikační údaje školy Vyšší odborná škola a Střední škola, Varnsdorf, příspěvková organizace Bratislavská 2166, 407 47 Varnsdorf, IČO: 18383874 www.vosassvdf.cz, tel. +420412372632
UniLog-L. v0.81 návod k obsluze software. Strana 1
UniLog-L v0.81 návod k obsluze software Strana 1 UniLog-L je PC program, který slouží k přípravě karty pro záznam logických průběhů aplikací přístroje M-BOX, dále pak k prohlížení a vyhodnocení. Popis
Microsoft Office. Word hromadná korespondence
Microsoft Office Word hromadná korespondence Karel Dvořák 2011 Hromadná korespondence Hromadná korespondence je způsob, jak určitý jeden dokument propojit s tabulkou obsahující více záznamů. Tímto propojením
CUZAK. Uživatelská příručka. Verze 2.0 2015
CUZAK Uživatelská příručka Verze 2.0 2015 Copyright 2015 Altair CUZAK s.r.o. Všechna práva vyhrazena. Všechna práva vyhrazena. Všechna informace, jež jsou publikována na v tomto dokumentu, jsou chráněna
Import a export dat EU peníze středním školám Didaktický učební materiál
Import a export dat EU peníze středním školám Didaktický učební materiál Anotace Označení DUMU: VY_32_INOVACE_IT4.19 Předmět: IVT Tematická oblast: Microsoft Office 2007 Autor: Ing. Vladimír Šauer Škola:
Voltampérová charakteristika diody
Voltampérová charakteristika diody Pozn.: Voltampérovou charakteristiku diod, resp. i rezistorů, žárovek aj. lze proměřovat se soupravou ISES-PCI a též i s ISES-USB. Souprava ISES-PCI, resp. ISES-PCI Professional
Autodesk Inventor 8 - výkresová dokumentace, nastavení
Autodesk Inventor 8 - výkresová dokumentace, nastavení Obrázek 1: Náčrt čepu Doporučuji založit si vlastní kótovací styl pomocí tlačítka Nový. Nový styl vznikne na základě předchozího aktivního stylu.
Spuštění a ukončení databázové aplikace Access
Spuštění a ukončení databázové aplikace Access Aplikaci Access spustíte tak, že vyhledáte její ikonu v nabídce "Start" a klepnete na ní. Najdete ho v Sekci Všechny programy/mircosoft Office. Po výběru
Manuál pro obsluhu Webových stránek
ResMaster Systems s.r.o. Truhlářská 1119/20, 110 00 Praha 1 Manuál pro obsluhu Webových stránek (Prosinec 2018) Jana Vítová, +420 225 388 130 2018 Obsah Úvod Webové stránky... 3 Slovník pojmů... 3 URL
Programujeme v softwaru Statistica
Programujeme v softwaru Statistica díl třetí Newsletter Statistica ACADEMY Téma: Programování, makra, skripty Typ článku: Návody V předchozích článcích (díl první, díl druhý) jsme si osvětlili základní
MS PowerPoint ZÁKLADY
MS PowerPoint ZÁKLADY UKÁZKA ŠKOLÍCÍCH MATERIÁLŮ Centrum služeb pro podnikání s.r.o. 2014, I. Verze, TP OBSAH 1. Úvod do PowerPointu... 1 2. Otevření PowerPointu... 1 3. Pracovní prostředí PowerPointu...
Postup: Nejprve musíme vyplnit tabulku. Pak bude vypadat takto:
Úkol: Jednoduchá tabulka v Excelu Obrázky jsou vytvořené v Excelu verze 2003 CZ. Postupy jsou platné pro všechny běžně dostupné české verze Excelu s výjimkou verze roku 2007. Postup: Nejprve musíme vyplnit
Programujeme v softwaru Statistica - příklady
Programujeme v softwaru Statistica - příklady Newsletter Statistica ACADEMY Téma: Programování, makra, skripty Typ článku: Návody, příklady V předchozích článcích bylo vyřčeno mnoho teorie k problematice
6. Formátování: Formátování odstavce
6. Formátování: Formátování odstavce Obrázek 1: Formát / Odstavec Odstavec je text mezi dvěma znaky konce odstavce. Konec odstavce je skrytý znak a vkládáme jej během psaní při každém stisknutí klávesy
Sestavy. Téma 3.3. Řešený příklad č Zadání: V databázi zkevidence.accdb vytvořte sestavu, odpovídající níže uvedenému obrázku.
Téma 3.3 Sestavy Sestavy slouží k výstupu informací na tiskárnu. Tisknout lze také formuláře, ale v sestavách má uživatel více možností pro vytváření sumárních údajů. Pokud všechna pole, která mají být
Free and open source v geoinformatice. Příloha 1 - Praktické cvičení QGIS
Free and open source v geoinformatice Příloha 1 - Praktické cvičení QGIS Data: vrstva okresů z ArcČR v 3.1 (data ke stažení na http://www.geoinformatics.upol.cz/foss/) Krok 1: Zapneme aplikaci QGIS a prozkoumáme
Stručný návod na evidenci záznamů publikační činnosti v OBD 2.5
Stručný návod na evidenci záznamů publikační činnosti v OBD 2.5 1. Hlavní okno aplikace: - pod tlačítkem Manuál k OBD 2.5 je ke stažení podrobný manuál pro práci v aplikaci - tabulka vpravo obsahuje seznam
KAPITOLA 3 - ZPRACOVÁNÍ TEXTU
KAPITOLA 3 - ZPRACOVÁNÍ TEXTU KLÍČOVÉ POJMY textové editory formát textu tabulka grafické objekty odrážky a číslování odstavec CÍLE KAPITOLY Pracovat s textovými dokumenty a ukládat je v souborech různého
Microsoft Word - Styly, obsah a další
Microsoft Word - Styly, obsah a další Definice uživatelských stylů Nový - tzv. uživatelský styl - se vytváří pomocí panelu Styly a formátování stiskem tlačítka Nový styl. Po stisknutí tlačítka se objeví
František Hudek. červen ročník
VY_32_INOVACE_FH18_WIN Jméno autora výukového materiálu Datum (období), ve kterém byl VM vytvořen Ročník, pro který je VM určen Vzdělávací oblast, obor, okruh, téma Anotace František Hudek červen 2013
3 Editor Capture. 3.1 Práce s projekty. Analýza elektronických obvodů programem PSpice 9
Analýza elektronických obvodů programem PSpice 9 3 Editor Capture U editoru Capture závisí nabídka hlavní lišty na tom, které okno pracovní plochy je aktivované. V dalším textu budou popsány jen ty položky,
Webové stránky. 4. Tvorba základní HTML webové stránky. Datum vytvoření: 25. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.
Webové stránky 4. Tvorba základní HTML Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 25. 9. 2012 Webové Strana: 1/9 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická
Registrační číslo projektu: Škola adresa: Šablona: Ověření ve výuce Pořadové číslo hodiny: Třída: Předmět: Název: Mozilla Firefox nastavení Anotace:
Registrační číslo projektu: CZ.1.07/1.4.00/21.3712 Škola adresa: Základní škola T. G. Masaryka Ivančice, Na Brněnce 1, okres Brno-venkov, příspěvková organizace Na Brněnce 1, Ivančice, okres Brno-venkov
Po přihlášení do Osobní administrativy v Technologie a jejich správa vybereme položku Certifikáty bezdrátové sítě (Eduroam).
Import certifikátů Prvním krokem je vygenerování a import kořenového a uživatelského certifikátu obdobně jako u sítě Eduroam. Pokud již máte certifikáty importované z Eduroam, tuto část návodu vynechte.
EDITOR ADMINISTRACE WEBU PF UJEP
EDITOR ADMINISTRACE WEBU PF UJEP 2 Práce s editorem v redakčním systému stránek PF UJEP Obsah 1 Editor - obecně... 3 2 Ikony pro jednoduché formátování:... 4 3 Roletky pro přednastavené formátování...
CUZAK. Uživatelská příručka. Verze 2.0 2014
CUZAK Uživatelská příručka Verze 2.0 2014 Copyright 2014 Altair Software s.r.o. Všechna práva vyhrazena. Všechna práva vyhrazena. Všechna informace, jež jsou publikována na v tomto dokumentu, jsou chráněna
ANALYSIS SERVICES PROJEKT VYTVOŘENÍ PROJEKTU A DATOVÉ KOSTKY
ANALYSIS SERVICES PROJEKT VYTVOŘENÍ PROJEKTU A DATOVÉ KOSTKY Spusťte BIDS - z menu vyberte File/New/Project a vytvořte nový Analysis Services Project typu Bussines Inteligence Project - doplňte jméno projektu
Word 2007 praktická práce
Word 2007 praktická práce 1 Word OP LZZ Tento kurz je financován prostřednictvím výzvy č. 40 Operačního programu Lidské zdroje a zaměstnanost z prostředků Evropského sociálního fondu. 2 Word Cíl kurzu
GEOGRAFICKÉ INFORMAČNÍ SYSTÉMY CVIČENÍ 4
UNIVERZITA TOMÁŠE BATI VE ZLÍNĚ FAKULTA APLIKOVANÉ INFORMATIKY GEOGRAFICKÉ INFORMAČNÍ SYSTÉMY CVIČENÍ 4 Praktické zvládnutí software Geomedia Pavel Vařacha a kol. Zlín 2013 Tento studijní materiál vznikl
MODUL EET. elektronická evidence tržeb
MODUL EET elektronická evidence tržeb 1. Nastavení modulu EET a) nastavení Firmy/Středika b) nastavení EET u firmy/střediska 2. Nastavení plateb 3. Vystavení účtu Varianta A (vše přes EET) a) vystavení
Vytvoření nové aplikace. Soustava
Vytvoření nové aplikace (všechny volby, které nejsou níže popsané, necháváme vždy beze změny) V menu Soubor zvolíme Nový. Zobrazí se dialogové okno, ve kterém zvolíme Aplikace pracující v reálném čase
Vzdálené ovládání dotykového displeje IDEC HG3G pomocí routeru VIPA TM-C VPN
Vzdálené ovládání dotykového displeje IDEC HG3G pomocí routeru VIPA TM-C VPN Vzdálené ovládání dotykového displeje IDEC HG3G pomocí routeru VIPA TM-C VPN Abstrakt Tento aplikační postup je ukázkou jak
MS OFFICE POWER POINT 2010
MS OFFICE POWER POINT 2010 Program Power Point patří do rodiny programů Microsoft Office a slouží ke tvorbě prezentací. Prezentace je tvořena snímky, které jsou postupně zobrazovány a to buď po nějaké
Tvorba fotogalerie v HTML str.1
Tvorba fotogalerie v HTML str.1 obr. A obr. B 1) Spustíme PsPad, vytvoříme nový dokument a otevře se nám okno nový soubor, kde si můžeme zvolit jaký chceme typ. My označíme HTML a potvrdíme. 2) Pro správné
Survey 123. Jak na sběr (nejen) prostorových dat v terénu
Survey 123 Jak na sběr (nejen) prostorových dat v terénu Cílem tohoto pracovního listu je seznámit se s možnostmi tvorby a nastavení průzkumu v aplikaci Survey123. Tvorbu formuláře si budeme demonstrovat
Po přihlášení do Osobní administrativy v Technologie a jejich správa vybereme položku Certifikáty bezdrátové sítě (Eduroam).
IMPORT CERTIFIKÁTŮ Prvním krokem je vygenerování a import kořenového a uživatelského certifikátu obdobně jako u sítě Eduroam. Pokud již máte certifikáty importované z Eduroam, tuto část návodu vynechte.
Lokality a uživatelé
Administrátorský manuál TTC TELEKOMUNIKACE, s.r.o. Třebohostická 987/5 100 00 Praha 10 tel.: 234 052 111 fax.: 234 052 999 e-mail: ttc@ttc.cz http://www.ttc-telekomunikace.cz Datum vydání: 15.října 2013
1. Základní pojmy, používané v tomto manuálu. 2. Stránky
Redakční systém manuál 1. Základní pojmy, používané v tomto manuálu Hlavní menu Menu v horní světlemodré liště obsahující 7 základních položek: Publikovat, Správa, Vzhled, Komentáře, Nastavení, Pluginy,
Tvorba webových stránek na google Sites (1.)
Tvorba webových stránek na google Sites (1.) Vytvoření webové stránky Nastavení sdílení Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Zuzana Jurajdová. Dostupné z Metodického portálu
2017 CARAT "New design"
2017 CARAT "New design" Stručný průvodce verzí CARAT New Design Tato příručka poskytuje informace o základech programu CARAT New Design. Další podrobné informace jsou k dispozici na úvodní stránce online
Pracovní list č. 14 Microsoft Word 2010 jazykové nástroje, reference I Jazykové nástroje
Pracovní list č. 14 Microsoft Word 2010 jazykové nástroje, reference I Jazykové nástroje Jazykové nástroje se nachází na pásu karet Revize. Obrázek 1 - Pás karet Revize Nastavení jazyka Nastavení jazyka,
Ing. Michal Martin. Spojení PLC CLICK s NA-9289
Propojení PLC CLICK s NA-9289 Autor: Ing. Michal Martin Copyright TECON spol. s r. o., Vrchlabí, Česká republika Tato publikace prošla jen částečnou jazykovou korekturou. Tato publikace vznikla na základě
Uživatelská příručka. Marushka Photo. aplikace firmy GEOVAP, spol. s r.o.
Uživatelská příručka Marushka Photo aplikace firmy GEOVAP, spol. s r.o. Obsah: Návod k aplikaci MarushkaPhoto pro Android... 2 Návod k aplikaci MarushkaPhoto pro WindowsPhone... 6 Návod k aplikaci MarushkaPhoto
1 Příručka používání Google Apps
1 Příručka používání Google Apps Tento manuál vznikl pro účel seznámení se základní funkčností balíku Google Apps a má za úkol Vás seznámit s principy používání jednotlivých služeb (Gmail, Kalendáře, Disk).
Formuláře. Téma 3.2. Řešený příklad č Zadání: V databázi formulare_a_sestavy.accdb vytvořte formulář pro tabulku student.
Téma 3.2 Formuláře Formuláře usnadňují zadávání, zobrazování, upravování nebo odstraňování dat z tabulky nebo z výsledku dotazu. Do formuláře lze vybrat jen určitá pole z tabulky, která obsahuje mnoho
Strategie ochrany před negativními dopady povodní a erozními jevy přírodě blízkými opatřeními v České republice
Strategie ochrany před negativními dopady povodní a erozními jevy přírodě blízkými opatřeními v České republice Návod k prezentačnímu mapovému portálu Obsah: 1. Úvod... 3 2. Obecná část mapového portálu...
1 Tabulky Příklad 3 Access 2010
TÉMA: Vytvoření tabulky v návrhovém zobrazení Pro společnost Naše zahrada je třeba vytvořit databázi pro evidenci objednávek o konkrétní struktuře tabulek. Do databáze je potřeba ještě přidat tabulku Platby,
Tvorba webu. Úvod a základní principy. Martin Urza
Tvorba webu Úvod a základní principy Martin Urza World Wide Web (WWW) World Wide Web (doslova celosvětová pavučina ) je označení pro mnoho dokumentů rozmístěných na různých serverech po celém světě. Tyto
Microsoft Office. Word vzhled dokumentu
Microsoft Office Word vzhled dokumentu Karel Dvořák 2011 Práce se stránkou Stránka je jedním ze stavebních kamenů tvořeného dokumentu. Představuje pracovní plochu, na které se vytváří dokument. Samozřejmostí
Aplikační profily v PLC Tecomat
Aplikační profily v PLC Tecomat TXV 003 39.01 první vydání září 2012 změny vyhrazeny 1 TXV 003 39.01 Historie změn Datum Vydání Popis změn Září 2012 1 První vydání OBSAH 1 Úvod...3 2 Kontrola aplikačních
Obsah, oddíly, záhlaví a zápatí, číslování stránek Word egon. Obsah dokumentu, oddíly, záhlaví a zápatí, číslování
Obsah, oddíly, záhlaví a zápatí, číslování stránek Word 2007 - egon Obsah dokumentu, oddíly, záhlaví a zápatí, číslování stránek Jan Málek 26.7.2010 Obsah S nepřímým formátováním, tedy Styly souvisí i
UniLog-D. v1.01 návod k obsluze software. Strana 1
UniLog-D v1.01 návod k obsluze software Strana 1 UniLog-D je PC program, který slouží k přípravě karty pro záznam událostí aplikací přístroje M-BOX, dále pak k prohlížení, vyhodnocení a exportům zaznamenaných
NÁVOD K POUŽITÍ. IP kamerový systém.
NÁVOD K POUŽITÍ IP kamerový systém www.slkamery.cz 1 1. Práce se systémem CMS 1. Instalace aplikace Aplikaci CMS nainstalujeme z přiloženého CD. Pokud není CD součástí balení, stáhneme instalační soubory
Hromadná korespondence
Kapitola dvanáctá Hromadná korespondence Učební text Mgr. Radek Hoszowski Hromadná korespondence Hromadná korespondence Představíme si jednoduchý nástroj, který nám může ušetřit velké množství práce. Je
František Hudek. duben ročník
VY_32_INOVACE_FH09_WIN Jméno autora výukového materiálu Datum (období), ve kterém byl VM vytvořen Ročník, pro který je VM určen Vzdělávací oblast, obor, okruh, téma Anotace František Hudek duben 2013 6.
Práce s programem MPVaK
Práce s programem MPVaK Tato informace popisuje postup práce s programem "MPVaK Vybrané údaje z majetkové a Vybrané údaje z provozní evidence. Jsou v ní popsány nejdůležitější úlohy, které budete s programem
Flash - animace. 17. Změna tvaru - Flash. Vytvořila: Radka Veverková Vytvořeno dne: 10. 1. 2013. www.isspolygr.cz. Flash. DUM číslo: 16 Název: Flash
- animace 17. Změna tvaru - www.isspolygr.cz Vytvořila: Radka Veverková Vytvořeno dne: 10. 1. 2013 DUM číslo: 16 Strana: 1/11 Škola Ročník 4. ročník (SOŠ, SOU) Název projektu Interaktivní metody zdokonalující
apilot - První kroky Publikační platforma apilot První kroky
Publikační platforma apilot První kroky Přihlášení https://domena.apilot.cz Po přihlášení Po přihlášení Nástěnka - aktualizace platformy novinky - tipy, triky (nastavení poštovních klientů) - aktivita
3 Formuláře a sestavy Příklad 1 Access 2007
TÉMA: Vytváření formulářů Správce databáze Naše zahrada předpokládá, že bude s vytvořenou databází pracovat více uživatelů. Je třeba proto navrhnout a vytvořit formuláře pro přístup k datům. Zadání: Otevřete
HTML - Úvod. Zpracoval: Petr Lasák
HTML - Úvod Zpracoval: Petr Lasák Je značkovací jazyk, popisující obsah HTML stránek Je z rodiny SGML jazyků, jako např. XML, DOCX, XLSX Nejedná se o programovací ale značkovací jazyk Dynamičnost dodávají
Pracovat budeme se sestavou Finanční tok. S ostatními se pracuje obdobně. Objeví se předdefinovaná sestava. Obrázek 1
Jak na sestavy v MS Projectu Pro ilustraci postupu je připraven projekt Pracovní k sestavám, ve kterém jsou pouze dva pracovní zdroje a dodavatelé jsou vloženi jako materiálové zdroje. Pracovat budeme
Návod na nastavení bezdrátového routeru Asus WL-520g Deluxe v režimu klient
Návod na nastavení bezdrátového routeru Asus WL-520g Deluxe v režimu klient Příprava k nastavení Příprava k nastavení Ethernet port routeru označený 1 spojíme UTP kabelem s ethernetovým portem počítače.
Uživatelský manuál. Aplikace GraphViewer. Vytvořil: Viktor Dlouhý
Uživatelský manuál Aplikace GraphViewer Vytvořil: Viktor Dlouhý Obsah 1. Obecně... 3 2. Co aplikace umí... 3 3. Struktura aplikace... 4 4. Mobilní verze aplikace... 5 5. Vytvoření projektu... 6 6. Části
PŘEHLED A MOŽNOSTI VYUŽITÍ WEBOVÝCH MAPOVÝCH SLUŽEB
ÚTVAR ROZVOJE HLAVNÍHO MĚSTA PRAHY PŘEHLED A MOŽNOSTI VYUŽITÍ WEBOVÝCH MAPOVÝCH SLUŽEB Ústav rozvoje hlavního města Prahy publikuje prostřednictvím ArcGIS Serveru mnohé webové mapové služby (v souřadnicovém
Stěžejní funkce MS Excel 2007/2010, jejich ovládání a možnosti využití
Stěžejní funkce MS Excel 2007/2010, jejich ovládání a možnosti využití Proč Excel? Práce s Excelem obnáší množství operací s tabulkami a jejich obsahem. Jejich jednotlivé buňky jsou uspořádány do sloupců
Kabelová televize Přerov, a.s.
1.Výměna IP adres u zákazníků Kabelové televize 2.Nastavení TCP/IP pro Windows 95/98/Me 3.Nastavení TCP/IP pro Windows 2000 4.Nastavení TCP/IP pro Windows XP 5.Zavedení do systému DHCP 1. Výměna IP adres
Administrace paliv prodejen MAKRO / METRO
Administrace paliv prodejen MAKRO / METRO Michal Rybář / Marketing Praha, Březen 2014 Copyright 2009 MAKRO Cash & Carry Czech Republic Obsah prezentace 1 Přihlášení do administrace webu makro.cz 2 Výběr
tohoto systému. Můžeme propojit Mathcad s dalšími aplikacemi, jako je Excel, MATLAB, Axum, nebo dokumenty jedné aplikace navzájem.
83 14. (Pouze u verze Mathcad Professional) je prostředí pro přehlednou integraci a propojování aplikací a zdrojů dat. Umožní vytvořit složitý výpočtový systém a řídit tok dat mezi komponentami tohoto
Gymnázium Vysoké Mýto nám. Vaňorného 163, Vysoké Mýto
Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Registrační číslo projektu Šablona Autor Název materiálu / Druh CZ.1.07/1.5.00/34.0951 III/2 INOVACE A ZKVALITNĚNÍ VÝUKY PROSTŘEDNICTVÍM ICT
GENEALOGIE v praxi. 11. Přednáška Registrace rodokmenu na Internetu
GENEALOGIE v praxi 11. Přednáška Registrace rodokmenu na Internetu Zpracoval: doc. Ing. František Borůvka, CSc. Garant: doc. PhDr. Jaroslav Pažout, Ph.D. U3V 1/23 Cíl přednášky Opakování Co je registrace
CAD_Inventor -cvičení k modelování a tvorbě technické obrazové dokumentace Vytváření výrobního výkresu rotační součásti - hřídele
Předmět: Ročník: Vytvořil: Datum: CAD druhý, třetí Petr Machanec 24.8.2012 Název zpracovaného celku: CAD_Inventor -cvičení k modelování a tvorbě technické obrazové dokumentace Vytváření výrobního výkresu