Skip to content

Instantly share code, notes, and snippets.

View SLeitgeb's full-sized avatar

Šimon Leitgeb SLeitgeb

2 followers · 2 following
View GitHub Profile
@SLeitgeb
SLeitgeb / README.md
Last active September 26, 2017 15:29
Programování v geoinformatice – návod instalace

Instalace Pythonu pro Windows

  • Stáhneme a spustíme instalační soubor nejnovější verze Pythonu 2, aktuálně to znamená Python 2.7.13. Pro jistotu doporučuji instalovat 32-bit verzi. Při instalaci zapněte Add python.exe to Path, abyste to nemuseli později dělat manuálně.
  • Ověříme instalaci:

    • Otevřeme konzoli (klávesová zkratka Win+R, napíšeme cmd, Enter) nebo spustíme program Příkazový řádek.

    • Do příkazové řádky napíšeme python a spustíme. Pokud vidíme podobný výstup, instalace byla úspěšná (zároveň si můžeme ověřit použitou verzi, zde 2.7.13)

      Microsoft Windows [Verze 6.1.7601]
Copyright (c) 2009 Microsoft Corporation. Všechna práva vyhrazena.
@SLeitgeb
SLeitgeb / README.md
Last active September 26, 2017 15:33
Programming in geoinformatics – Python installation on Windows

Python installation for Windows

  • Download and launch setup file of the most recent version of Python 2, currently Python 2.7.13. I recommend installing 32-bit version just in case. Turn on Add python.exe to Path during installation, so you don't have to do it manually later.

  • Check installation

    • Launch command line (shortcut Win+R, type cmd, Enter) or launch Command line program.

    • Type python into command line and launch. If the output is similar to following, installation was successful (you can also check the version used, 2.7.13 in this example)

      Microsoft Windows [Verze 6.1.7601]
@SLeitgeb
SLeitgeb / index.html
Last active October 3, 2017 11:48
GIS4DIS app
<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
@SLeitgeb
SLeitgeb / index.html
Created October 3, 2017 11:51
GIS4DIS app
<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
@SLeitgeb
SLeitgeb / index.html
Created November 19, 2017 18:30
Localisation example with i18next
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="jquery.min.js"></script>
<script src="https://unpkg.com/i18next/i18next.js"></script>
<!-- <script src="jquery.i18n.js"></script> -->
<title id="app-name"></title>
</head>
<body>
@SLeitgeb
SLeitgeb / README.md
Last active October 3, 2019 15:22
Web cartography lesson 1, example 2

Pokud připojíte CSS stylování ke stránce tímto způsobem (přímo do tagu style), stačí vám jediný soubor - index.html. Dokument je pořád v jazyce HTML, CSS stylování je připojené ale přímo v dokumentu.

@SLeitgeb
SLeitgeb / README.md
Last active September 24, 2019 06:44
Web cartography lesson 1, example 1

Stylové soubory jazyka CSS mají příponu .css. Můžete je připojit k webu buďto způsobem ukázaným v tomto příkladu (pomocí tagu link a atributu href) nebo tak jak je ukázané v dalším příkladu.

@SLeitgeb
SLeitgeb / README.md
Last active September 24, 2019 06:45
Web cartography lesson 1, example 3

Struktura webové stránky se vytváří pomocí elementů div. Tento element slouží pouze jako kontejner pro další obsah. Pomocí classes a id (tříd a identifikátorů) si pojmenujete jednotlivé části stránky a v CSS určíte jejich vzhled.

Tabulkám table můžete stanovit vnitřní okraje vlastností border např. pomocí selektoru table tr td.

@SLeitgeb
SLeitgeb / README.md
Last active September 24, 2019 06:45
Web cartography lesson 1, example 4

Pomocí classes (tříd) si můžete označit jednotlivé prvky ve stránce a můžete je přes CSS odlišit od ostatních prvků se stejným tagem.

V tomto příkladu jsou vidět další možnosti použití vlastností prvků, které stanovíte pomocí CSS.

@SLeitgeb
SLeitgeb / README.md
Last active September 24, 2019 06:45
Web cartography lesson 1, example 5

Vlastností float můžete určovat na kterou stranu mateřského elementu se element zarovnává.

Oblastem na stránce můžete stanovit jejich rozměry, pozici a zarovnání.