- Základní údaje
- Kategorie: HTML a CSS
- Zobrazení: 688
Web obecně
Základní zdroje informací najdete např. na těchto stránkách:
- https://w3schools.com/html/
- https://jakpsatweb.cz/
- https://itnetwork.cz
- http://polopate.jakpsatweb.cz/
- https://tvorba-webu.cz/
- a mnoho dalších
Webhostingy zdarma:
Redakční systémy
Bez nutnosti MySQL databáze:
- Wonder CMS
- GetSimple CMS
- Get Grav
- appRain
- jCore
- ImpressPages
- QuickCMS
- Monstra
- Sitemagic CMS
- Fork CMS
- Bludit
Nutno vytvořit databázi:
Nejčastěji používané redakční systémy:
Seznam expirovaných domén:
Chcete doménu s diakritikou?
Webové statistiky:
Sledovač pohybu na webových stránkách:
Odkazy k HTML
Editory
HTML editory on-line
- https://html-online.com/editor/
- https://bestonlinehtmleditor.com/
- https://alex-d.github.io/Trumbowyg/
- JCE editor
- https://ckeditor.com/
- https://www.tinymce.com/index.php
- https://www.quackit.com/html/online-html-editor/
- https://nicedit.com (jen velmi jednoduchý)
- https://editor.asbrusoft.com/webeditor/index.frameset.html
- https://www.freetextbox.com/demos/
Nejlepších editory (recenze, srovnání):
- https://www.g2.com/categories/wysiwyg-editors?utf8=%E2%9C%93&order=g2_score
- https://www.1stwebdesigner.com/10-best-wysiwyg-text-and-html-editors-for-your-next-project/
- https://gloriathemes.com/best-wysiwyg-html-editors/
- https://www.hongkiat.com/blog/wysiwyg-html-editors/
Jedna z nejrozsáhlejších sbírek nástrojů pro webmastery:
Převodníky zdrojového kódu na HTML
Tvorba tlačítek a log:
- http://dabuttonfactory.com/
- https://www.onlinelogomaker.com/
- https://www.graphicsprings.com/start-your-logo
- https://www.designimo.com/
Tvorba ikon pro web:
- https://fonts.google.com/icons
- https://icons.getbootstrap.com/
- https://feathericons.com/
- https://lineicons.com/icons/
- https://fontawesome.com/
- https://friconix.com/
- https://www.flaticon.com/
- https://forkaweso.me/Fork-Awesome/
- https://icons8.com/
- https://iconarchive.com/
- https://css.gg/
- https://boxicons.com/
- https://thenounproject.com/
- https://www.onlinewebfonts.com/icon/
- https://www.vecteezy.com/
Odkazy k CSS
- Základní pojmy CSS (odkaz na portál jakpsatweb.cz)
- https://cssportal.com/
- CSS triky - https://css-tricks.com
- udělejte si vlastní úpravu Bootstrapu - https://bootstrap.build/app
- tvorba šablony online - https://bootply.com/
- spousta užitečných nástrojů - https://angrytools.com/
CSS frameworky:
Online bootstrap editory:
Potřebujete najít nějakou ikonu pro web?
Online tvorba slideru:
- Základní údaje
- Kategorie: HTML a CSS
- Zobrazení: 711
Chování webového serveru se dá nakonfigurovat (mimo jiné) za pomoci souboru httpd.conf. Na ten ale většinou jako standardní uživatelé webhostingu nevidíme a nemáme možnost jej editovat. Chování našeho webu (jako celku) lze konfigurovat v souboru .htaccess. Některé webhostingové programy to bohužel mají zakázané. Co můžeme např. pomocí souboru .htaccess konfigurovat nebo nastavit:
- vypnutí/zapnutí procházení adresářů
- chybové stránky
- přesměrování
- nastavení výchozího souboru, např. místo index.html
- zákaz/povolení přístupu z určitých IP
Souborů .htacces se v adresářové struktuře webové serveru může vyskytovat i několik. Třeba i v každém adresáři. Jestliže v adresáři .htacces není, funguje zde dědičnost z nadřazeného adresáře. Příklady použití:
- Blokování přístupu z IP
- Blokování přístupu z IP adresy 194.228.2.61 denny from 194.228.2.61
- Blokování přístupu ze skupiny adres začínající 194.228 denny from 194.228
- Povolení přístupu z 194.228.3.211 allow from 194.228.3.211
- Chybové stránky
- ErrorDocument 404 /chyba/404.html
- ErrorDocument 403 /chyba/403.html
- Výpis obsahu adresářů
- zákaz výpisu Options -Indexes
- povolení výpisu Options +Indexes
- Hlášení chyb v PHP
- zákaz výpisu chybových hlášení php_flag display_errors off
- povolení výpisu chybových hlášení php_flag display_errors on
- Výchozí (startovní) soubor webu
- Server se pokusí najít a zobrazit index.php, potom zkouší index.html, potom muj.html DirectoryIndex index.php index.html muj.html
Další odkazy:
- Základní údaje
- Kategorie: HTML a CSS
- Zobrazení: 332
Pro pozadí stránek můžeme použít i video. Dnes nejčastěji uložené na Youtube.com. Použití těchto videí je však značně problematické. proto je vhodnější si potřebné video stáhnout a používat vlastní adresu. Funkční stránka může vypadat např. takto:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
video {
object-fit: cover;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
html, body {
height: 100%;
}
html {
font-family: Helvetica, Arial, sans-serif;
font-size: 150%;
line-height: 1.4;
}
body {
margin: 0;
}
.viewport-header {
position: relative;
height: 50vh;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
h1 {
font-family: Helvetica;
color: #ac9272;
text-transform: uppercase;
letter-spacing: 2vw;
line-height: 1.2;
font-size: 3vw;
text-align: center;
}
main {
width: 80vw;
left: 10%;
overflow: auto;
background: rgba(black, 0.66);
color: white;
position: relative;
padding: 1rem;
padding: 20px;
border: 1px solid #ac9272;
text-align:center;
color: #ac9272;
font-weight: bold;
}
</style>
</head>
<body>
<video src="https://oaznojmo.eu/demo/video-na-pozadi/videopozadi3.mp4" autoplay loop playsinline muted></video>
<header class="viewport-header">
<h1>Ukázka videa na pozadí</h1>
</header>
<main>oaznojmo.eu</main>
</body>
</html>
Výsledek takto vloženého videa najdete v této ukázce.