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/
Editor pro textarea ve formuláři:
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:
Ukázka jednoduchého menu bez použití JavaScriptu
<style>
.menu {color: #000000; padding: 0; margin: 0; list-style-type: none; display:block}
.menu ul {margin-top: 0px; position: absolute; visibility: hidden; background-color: #A72135; margin: 0; padding: 0; list-style-type: none;}
.menu li {float: left; padding: 2px 2px 0 2px; width: 200px; white-space: nowrap;}
.menu a {padding: 2px; text-align: left; padding-left: 15px; color: #fff; background-color: rgb(141,135,81); display: block; text-decoration: none; font-weight: bold;}
.menu ul a:link {color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px;}
.menu ul a:visited {color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px;}
.menu ul a:hover {color: #4f4f4f; background-color: rgb(233,233,233);}
.menu li:hover ul, ul.menu li.hover ul { visibility: visible;}
.menu li li {float: none; border: none; padding: 0; margin: 0;}
</style>
<table>
<tbody>
<tr>
<td>
<ul class="menu">
<li><a href="http://moodle.oaznojmo.eu/html/">HTML</a>
<ul>
<li><a href="http://moodle.oaznojmo.eu/html/text.php">Textové značky</a></li>
<li><a href="http://moodle.oaznojmo.eu/html/seznamy.php">Seznamy</a></li>
<li><a href="http://moodle.oaznojmo.eu/html/odkazy.php">Odkazy</a></li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="menu">
<li><a href="http://moodle.oaznojmo.eu/css/">CSS</a>
<ul>
<li><a href="http://moodle.oaznojmo.eu/css/border/">border</a></li>
<li><a href="http://moodle.oaznojmo.eu/css/margin/">margin</a></li>
<li><a href="http://moodle.oaznojmo.eu/css/font/">font</a></li>
<li><a href="http://moodle.oaznojmo.eu/css/color/">color</a></li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="menu">
<li><a href="http://moodle.oaznojmo.eu/php/">PHP</a>
<ul>
<li><a href="http://moodle.oaznojmo.eu/php/kniha_navstev.php">Kniha návštěv</a></li>
<li><a href="http://moodle.oaznojmo.eu/php/generovani-formulare.php">Generování formuláře</a></li>
</ul>
</li>
</ul>
</td>
</tr>
</tbody>
</table>