CSS
Aus AkiWiki
Wiki (Diskussion | Beiträge) (==overview-of-css-concepts== by tania rascia) |
|||
(Der Versionsvergleich bezieht 22 dazwischenliegende Versionen mit ein.) | |||
Zeile 1: | Zeile 1: | ||
- | CSS-Seminar beim AKI am 05.11.[[2005]] | + | ==CSS-Seminar beim AKI am 05.11.[[2005]] == |
Die Befehle von CSS zu kennen genügt nicht um ein Layout auch benutzerfreundlich zu gestalten. | Die Befehle von CSS zu kennen genügt nicht um ein Layout auch benutzerfreundlich zu gestalten. | ||
Zeile 7: | Zeile 7: | ||
*Zielgruppe: | *Zielgruppe: | ||
**Personen, die mit WYSIWYG-Editoren gestalten | **Personen, die mit WYSIWYG-Editoren gestalten | ||
- | **Personen, die im Umfeld von | + | **Personen, die im Umfeld von [[Typo3]] arbeiten |
**Personen, die die mangelnde Typografie im Netz schon immer gestört hat | **Personen, die die mangelnde Typografie im Netz schon immer gestört hat | ||
Zeile 21: | Zeile 21: | ||
**Gestaltung eines einheitlichen Layouts | **Gestaltung eines einheitlichen Layouts | ||
**Umsetzung mittels CSS | **Umsetzung mittels CSS | ||
- | **Quellen für | + | **Quellen für [[Typographie]] im Netz |
Referent: Marcus Konitzer | Referent: Marcus Konitzer | ||
- | + | . | |
- | + | . | |
- | + | ||
- | + | ||
+ | ==SELF[[HTML]]: Stylesheets (CSS)== | ||
Das Kapitel "CSS Style Sheets" aus SELFHTML. | Das Kapitel "CSS Style Sheets" aus SELFHTML. | ||
- | de.selfhtml.org/css/ | + | http://de.selfhtml.org/css/ |
- | CSS-Technik: Ressourcen | Skripte | Tutorials | + | . |
+ | |||
+ | ==CSS-Technik: Ressourcen | Skripte | Tutorials== | ||
Moderierte Ressourcensammlung mit Skripts, Tutorials, Snippets, Workarounds und Hacks für CSS und PHP. | Moderierte Ressourcensammlung mit Skripts, Tutorials, Snippets, Workarounds und Hacks für CSS und PHP. | ||
- | www.css-technik.de/ | + | www.css-technik.de/ |
- | + | . | |
- | + | ||
- | + | ||
- | + | ==Cascading Style Sheets - [[W3C]]== | |
- | + | Provides complete specifications, lists of CSS browsers and authoring tools, and information about learning CSS. | |
- | www. | + | www.w3.org/Style/CSS/ |
- | Cascade Style Sheet - CSS | + | . |
+ | |||
+ | ==CSS Tutorial == | ||
+ | Free HTML, XHTML, CSS, [[JavaScript]], DHTML, [[XML]], DOM, XSLT, ASP, ADO, [[SQL]] | ||
+ | tutorial and web building primer from W3Schools. | ||
+ | www.w3schools.com/css/default.asp | ||
+ | |||
+ | . | ||
+ | |||
+ | ==Cascade Style Sheet - CSS == | ||
CSS oder Cascading Stylesheets zeigt auf, was alles möglich ist im Bereich dieser Formatierung. Es werden Befehle für CSS 1 und CSS 2 behandelt und mit ... | CSS oder Cascading Stylesheets zeigt auf, was alles möglich ist im Bereich dieser Formatierung. Es werden Befehle für CSS 1 und CSS 2 behandelt und mit ... | ||
- | css.talky.de/ | + | css.talky.de/ |
- | css Zen Garden: The Beauty in CSS Design | + | . |
+ | |||
+ | ==css Zen Garden: The Beauty in CSS Design == | ||
A demonstration of what can be accomplished visually through CSS-based design. | A demonstration of what can be accomplished visually through CSS-based design. | ||
- | www.csszengarden.com/ | + | www.csszengarden.com/ |
- | CSS-Dokumentation | + | . |
+ | |||
+ | ==CSS-Dokumentation== | ||
Alle Aspekte von Cascading Style-Sheets. Von der einfachen Textformatierung bis zum CSS-gestützten Layout. | Alle Aspekte von Cascading Style-Sheets. Von der einfachen Textformatierung bis zum CSS-gestützten Layout. | ||
- | www.style-sheets.de/ - 8k - | + | www.style-sheets.de/ - 8k - |
- | Einführung in XHTML, CSS und Webdesign | + | . |
- | Die für Anfänger geeignete Dokumentation bietet Grundlagenwissen zum Publizieren im WWW | + | |
- | jendryschik.de/wsdev/einfuehrung/ - 21k - | + | ==Einführung in XHTML, CSS und Webdesign== |
+ | Die für Anfänger geeignete Dokumentation bietet Grundlagenwissen zum Publizieren im WWW ... | ||
+ | jendryschik.de/wsdev/einfuehrung/ - 21k - | ||
+ | |||
+ | . | ||
+ | |||
+ | ==Cascading Style Sheets - [[Wikipedia]]== | ||
- | |||
CSS wurde vor allem im Hinblick auf HTML entwickelt, ist aber auch für ... CSS gilt heutzutage als die Standard-Stylesheet-Sprache für das Web. ... | CSS wurde vor allem im Hinblick auf HTML entwickelt, ist aber auch für ... CSS gilt heutzutage als die Standard-Stylesheet-Sprache für das Web. ... | ||
- | |||
- | -- | + | http://de.wikipedia.org/wiki/Cascading_Style_Sheets |
+ | |||
+ | . | ||
+ | |||
+ | ==CSS-Praxis == | ||
+ | http://www.css-praxis.de | ||
+ | |||
+ | . | ||
+ | |||
+ | ==CSS - Webdesign mit Style == | ||
+ | http://www.mitp.de/vmi/mitp/detail/pWert/1616/ | ||
+ | |||
+ | . | ||
+ | |||
+ | ==CSS-Referenz für den Schreibtisch * CSS GE-PACKT - mitp== | ||
+ | |||
+ | http://mitp.de/vmi/mitp/detail/pWert/1620/titel/CSS%20GE-PACKT | ||
+ | |||
+ | . | ||
+ | |||
+ | http://thestyleworks.de http://css4you.de http://de.groups.yahoo.com/group/css-design | ||
+ | |||
+ | . | ||
+ | |||
+ | . | ||
+ | |||
+ | ==[[CSS]] - Blended Learning Seminar - ab 4. April 2008== | ||
+ | |||
+ | Browserübergreifendes Webdesign mit CSS | ||
+ | |||
+ | Ein Layout für verschieden Browser zu erstellen gehört den besonderen | ||
+ | Herausforderungen beim Webdesign. In diesem Workshop werden | ||
+ | wir uns den Spezialitäten einzelner Browser zuwenden. Wie umschiffe | ||
+ | ich ich die Darstellungsprobleme von IE und Co und wie kann ich eine | ||
+ | Webseite ohne die leidigen Tabellen erstellen. | ||
+ | Über dies hinaus wird ein Einblick in YAML gegeben. Einer Sammlung | ||
+ | hilfreicher CSS-Lösungen für Ihre Webseite. | ||
+ | |||
+ | Inhalte: | ||
+ | *- Browserweichen | ||
+ | *- Layouterstellung für verschiedene Browser | ||
+ | *- Browser und ihre Darstellungsfehler | ||
+ | *- Wie ich diese mit CSS-Tricks umgehe | ||
+ | *- YAML | ||
+ | |||
+ | Am ersten Präsenztag bekommen die Tln. eine Einführung in die Nutzung einer Lernplattform. In dieser können Sie sich über ein Forum austauschen und mit der Kursleitung in Kontakt treten. Auch weiterführende Materialien werden dort angeboten. Während der vier-wöchigen Online-Phase werden Sie die Möglichkeiten von CSS kennen lernen. Der Kurs endet mit einer abschließenden Präsenzveranstaltung. | ||
+ | |||
+ | Marcus Konitzer | ||
+ | |||
+ | |||
+ | In Zusammenarbeit mit dem Arbeitskreis für Information [[AKI]]-Stuttgart | ||
+ | |||
+ | . | ||
+ | |||
+ | http://css-tricks.com/ the-light-cms-trend/ | ||
+ | |||
+ | s.a. [[CMS]] | ||
+ | |||
+ | . | ||
+ | |||
+ | ==kostenl. eBook [[CSS]]== | ||
+ | Stylesheets in der Praxis v. Peter Müller PDF 2,4 MB http://is.gd/5bYcS | ||
+ | |||
+ | . | ||
+ | |||
+ | Barrierefreies Web- und Screendesign | ||
+ | http://www.e-workers.de/ | ||
+ | http://www.css-cafe.de/ | ||
+ | |||
+ | CSS-Webdesign mit Style | ||
+ | http://www.mitp.de/vmi/mitp/detail/pWert/1616/ | ||
+ | Spanische ausgabe - http://www.marcombo.com/ | ||
+ | |||
+ | http://www.stach.de/support/tutorials/farbmanagement/farbmanagement.php | ||
+ | |||
+ | |||
+ | ==XUGS9 - Printlayouts mit CSS3 in 2014== | ||
+ | |||
+ | Mit Cascading Style Sheets | ||
+ | ([[CSS]]) | ||
+ | können auch Printlayouts erstellt werden. | ||
+ | Dieser XUGS-Vortrag zeigt die ersten Schritte des Weges, der am Ende sowohl klassische DTP-Programme als auch vollautomatisierte Publishing-Workflows ersetzen könnte. | ||
+ | |||
+ | Die zunehmende Verschiebung zu digitalen Workflows in der Publishing Branche macht neue Ansätze notwendig – mit dem “Paged Media Module” in CSS3 sind zukünftig medienneutrale Workflows z.B. auf Basis von HTML5 denkbar. Der Vortrag zeigt was aktuell möglich ist und welche Probleme noch bestehen. | ||
+ | |||
+ | |||
+ | Tobias Fischer, [[XML]]- und E-Book-Entwickler, pagina GmbH Publikationstechnologien | ||
+ | 09.04.2014, 18.30 Uhr | ||
+ | Hochschule der Medien in Stuttgart-Vaihingen | ||
+ | |||
+ | |||
+ | [[Kategorie:VAB]] | ||
+ | |||
+ | |||
+ | |||
+ | ==overview-of-css-concepts== | ||
+ | |||
+ | |||
+ | Speaking CSS is like speaking English, or any other spoken language - there are many words, but you only end up using a small subset of them on a daily basis. Just like reading a dictionary isn't an efficient way to learn a language, looking at a big list of properties isn't helpful to learn CSS. | ||
+ | |||
+ | Some people think CSS is really hard and it's too much of a hassle to learn. Some people think that since it's not a programming language (or is it?), it's so easy that you don't even have to bother learning it. Ultimately, there's a lot to CSS, but it doesn't have to be overwhelming. If you learn a few key concepts, you should feel confident looking at or thinking of any design and turning it into reality. | ||
+ | |||
+ | I'm going to go over some of the parts of CSS that are important on a daily basis, and give some of tips and tricks I've come to learn over the years. | ||
+ | |||
+ | https://www.taniarascia.com/overview-of-css-concepts | ||
- | + | 071219 via fb fabian |
Aktuelle Version vom 7. Dezember 2019, 20:08 Uhr
CSS-Seminar beim AKI am 05.11.2005
Die Befehle von CSS zu kennen genügt nicht um ein Layout auch benutzerfreundlich zu gestalten. Dazu bedarf es noch die Grundlagen der Typografie. Auch die Trennung von Layout und Inhalt bedarf zusätzlich Erklärung. Dieses Seminar, damit aus der "grauen Theorie" eine nutzbare Praxis und Qualifikation wird.
- Zielgruppe:
- Personen, die mit WYSIWYG-Editoren gestalten
- Personen, die im Umfeld von Typo3 arbeiten
- Personen, die die mangelnde Typografie im Netz schon immer gestört hat
- Grundlagen
- Trennung von Inhalt und Layout
- Einbindung von Styles
- CSS Eigenschaften
- Gestaltung eines Menüs
- Netz-Quellen und Literatur
- Typografie im Netz
- Grundlagen der Textgestaltung im Netz
- Gestaltung eines einheitlichen Layouts
- Umsetzung mittels CSS
- Quellen für Typographie im Netz
Referent: Marcus Konitzer
.
.
SELFHTML: Stylesheets (CSS)
Das Kapitel "CSS Style Sheets" aus SELFHTML. http://de.selfhtml.org/css/
.
CSS-Technik: Ressourcen | Skripte | Tutorials
Moderierte Ressourcensammlung mit Skripts, Tutorials, Snippets, Workarounds und Hacks für CSS und PHP. www.css-technik.de/
.
Cascading Style Sheets - W3C
Provides complete specifications, lists of CSS browsers and authoring tools, and information about learning CSS. www.w3.org/Style/CSS/
.
CSS Tutorial
Free HTML, XHTML, CSS, JavaScript, DHTML, XML, DOM, XSLT, ASP, ADO, SQL tutorial and web building primer from W3Schools. www.w3schools.com/css/default.asp
.
Cascade Style Sheet - CSS
CSS oder Cascading Stylesheets zeigt auf, was alles möglich ist im Bereich dieser Formatierung. Es werden Befehle für CSS 1 und CSS 2 behandelt und mit ... css.talky.de/
.
css Zen Garden: The Beauty in CSS Design
A demonstration of what can be accomplished visually through CSS-based design. www.csszengarden.com/
.
CSS-Dokumentation
Alle Aspekte von Cascading Style-Sheets. Von der einfachen Textformatierung bis zum CSS-gestützten Layout. www.style-sheets.de/ - 8k -
.
Einführung in XHTML, CSS und Webdesign
Die für Anfänger geeignete Dokumentation bietet Grundlagenwissen zum Publizieren im WWW ... jendryschik.de/wsdev/einfuehrung/ - 21k -
.
Cascading Style Sheets - Wikipedia
CSS wurde vor allem im Hinblick auf HTML entwickelt, ist aber auch für ... CSS gilt heutzutage als die Standard-Stylesheet-Sprache für das Web. ...
http://de.wikipedia.org/wiki/Cascading_Style_Sheets
.
CSS-Praxis
.
CSS - Webdesign mit Style
http://www.mitp.de/vmi/mitp/detail/pWert/1616/
.
CSS-Referenz für den Schreibtisch * CSS GE-PACKT - mitp
http://mitp.de/vmi/mitp/detail/pWert/1620/titel/CSS%20GE-PACKT
.
http://thestyleworks.de http://css4you.de http://de.groups.yahoo.com/group/css-design
.
.
CSS - Blended Learning Seminar - ab 4. April 2008
Browserübergreifendes Webdesign mit CSS
Ein Layout für verschieden Browser zu erstellen gehört den besonderen Herausforderungen beim Webdesign. In diesem Workshop werden wir uns den Spezialitäten einzelner Browser zuwenden. Wie umschiffe ich ich die Darstellungsprobleme von IE und Co und wie kann ich eine Webseite ohne die leidigen Tabellen erstellen. Über dies hinaus wird ein Einblick in YAML gegeben. Einer Sammlung hilfreicher CSS-Lösungen für Ihre Webseite.
Inhalte:
- - Browserweichen
- - Layouterstellung für verschiedene Browser
- - Browser und ihre Darstellungsfehler
- - Wie ich diese mit CSS-Tricks umgehe
- - YAML
Am ersten Präsenztag bekommen die Tln. eine Einführung in die Nutzung einer Lernplattform. In dieser können Sie sich über ein Forum austauschen und mit der Kursleitung in Kontakt treten. Auch weiterführende Materialien werden dort angeboten. Während der vier-wöchigen Online-Phase werden Sie die Möglichkeiten von CSS kennen lernen. Der Kurs endet mit einer abschließenden Präsenzveranstaltung.
Marcus Konitzer
In Zusammenarbeit mit dem Arbeitskreis für Information AKI-Stuttgart
.
http://css-tricks.com/ the-light-cms-trend/
s.a. CMS
.
kostenl. eBook CSS
Stylesheets in der Praxis v. Peter Müller PDF 2,4 MB http://is.gd/5bYcS
.
Barrierefreies Web- und Screendesign http://www.e-workers.de/ http://www.css-cafe.de/
CSS-Webdesign mit Style http://www.mitp.de/vmi/mitp/detail/pWert/1616/ Spanische ausgabe - http://www.marcombo.com/
http://www.stach.de/support/tutorials/farbmanagement/farbmanagement.php
XUGS9 - Printlayouts mit CSS3 in 2014
Mit Cascading Style Sheets (CSS) können auch Printlayouts erstellt werden. Dieser XUGS-Vortrag zeigt die ersten Schritte des Weges, der am Ende sowohl klassische DTP-Programme als auch vollautomatisierte Publishing-Workflows ersetzen könnte.
Die zunehmende Verschiebung zu digitalen Workflows in der Publishing Branche macht neue Ansätze notwendig – mit dem “Paged Media Module” in CSS3 sind zukünftig medienneutrale Workflows z.B. auf Basis von HTML5 denkbar. Der Vortrag zeigt was aktuell möglich ist und welche Probleme noch bestehen.
Tobias Fischer, XML- und E-Book-Entwickler, pagina GmbH Publikationstechnologien
09.04.2014, 18.30 Uhr
Hochschule der Medien in Stuttgart-Vaihingen
overview-of-css-concepts
Speaking CSS is like speaking English, or any other spoken language - there are many words, but you only end up using a small subset of them on a daily basis. Just like reading a dictionary isn't an efficient way to learn a language, looking at a big list of properties isn't helpful to learn CSS.
Some people think CSS is really hard and it's too much of a hassle to learn. Some people think that since it's not a programming language (or is it?), it's so easy that you don't even have to bother learning it. Ultimately, there's a lot to CSS, but it doesn't have to be overwhelming. If you learn a few key concepts, you should feel confident looking at or thinking of any design and turning it into reality.
I'm going to go over some of the parts of CSS that are important on a daily basis, and give some of tips and tricks I've come to learn over the years.
https://www.taniarascia.com/overview-of-css-concepts
071219 via fb fabian