Erste Schritte: Statische Website basteln
Die Linkliste führt zu Diensten und Tutorials, die Webdesign-Neulinge bei ihren ersten Schritte unterstüzen.
Aufgabe: Webvisitenkarte
Mit Hilfe des Skeleton Baukastens erstellt jeder eine kleine Visitenkarten-Website und lädt diese übungsweise per Web-FTP (zip-Upload) auf den Server.
Skeleton
A dead simple, responsive boilerplate.
Skeleton only styles a handful of standard HTML elements and includes a grid, but that’s often more than enough to get started. In fact, this site is built on Skeleton and has ~200 lines of custom CSS (half of which is the docking navigation).
http://getskeleton.com
HTML und CSS
Grammatik-Stunde: Aufbau einer HTML-Seite, wichtige Tags, und CSS
Übung: HTML-Formatierungen anwenden auf eine BU-Kurs-Ausschreibung
https://vhs.frankfurt.de
Linkliste: HTML und CSS und PHP
- Baukasten: Skeleton
»Skeleton is a simple, responsive boilerplate to kickstart any responsive project. «
http://getskeleton.com
- Baukasten: HTML5 Boilerplate
»HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.«
https://html5boilerplate.com
- Spickzettel: HTML Cheat Sheet
»Some seasoned web developers still occasionally use html cheat sheets, but not much. But if you’re beginner it’s definitely a great place to start.«
https://hostingfacts.com/html-cheat-sheet
https://hostingfacts.com/wp-content/
uploads/2016/06/hf-html-cheat-sheet.pdf
- Spickzettel: HTML Reference
A free guide to all HTML elements and attributes.
http://htmlreference.io
- Spickzettel: CSS Reference
CSS anschaulich: A free visual guide to CSS
https://cssreference.io
https://cssreference.io/typography
https://cssreference.io/css-grid
- Spickzettel: Farben für Websites
John Hughes: 19 Color Palette Generators That Make Web Design Easier
https://www.elegantthemes.com/blog/resources/color-palette-generators
- eDossier: CSS Tipps & Tricks für Designer
Typische Fallbeispiele aus der Arbeit mit Cascading Style Sheets. Kostenlos downloaden.
http://page-online.de/tools-technik/keine-angst-vor-css-tipps-tricks-fuer-designer
