CSS

Aus AkiWiki

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
(via selfhtml)
(==overview-of-css-concepts== by tania rascia)
 
(Der Versionsvergleich bezieht 11 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 9: Zeile 7:
*Zielgruppe:  
*Zielgruppe:  
**Personen, die mit WYSIWYG-Editoren gestalten
**Personen, die mit WYSIWYG-Editoren gestalten
-
**Personen, die im Umfeld von TYPO3 arbeiten  
+
**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 23: Zeile 21:
**Gestaltung eines einheitlichen Layouts  
**Gestaltung eines einheitlichen Layouts  
**Umsetzung mittels CSS  
**Umsetzung mittels CSS  
-
**Quellen für Typografie im Netz
+
**Quellen für [[Typographie]] im Netz
Referent: Marcus Konitzer
Referent: Marcus Konitzer
Zeile 31: Zeile 29:
.
.
-
SELFHTML: Stylesheets (CSS)
+
 
 +
==SELF[[HTML]]: Stylesheets (CSS)==
Das Kapitel "CSS Style Sheets" aus SELFHTML.
Das Kapitel "CSS Style Sheets" aus SELFHTML.
http://de.selfhtml.org/css/  
http://de.selfhtml.org/css/  
Zeile 37: Zeile 36:
.
.
-
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/ - 11k -
+
www.css-technik.de/  
.
.
-
Cascading Style Sheets -  
+
==Cascading Style Sheets - [[W3C]]==
-
Authoritative information from the [[W3C]]. Provides complete specifications, lists of CSS browsers and authoring tools, and information about learning CSS.
+
Provides complete specifications, lists of CSS browsers and authoring tools, and information about learning CSS.
-
www.w3.org/Style/CSS/ - 48k -
+
www.w3.org/Style/CSS/  
.
.
-
CSS Tutorial -
+
==CSS Tutorial ==
-
Free HTML,XHTML,CSS,JavaScript,DHTML,XML,DOM,XSLT,ASP,ADO,SQL tutorial and web building primer from W3Schools.
+
Free HTML, XHTML, CSS, [[JavaScript]], DHTML, [[XML]], DOM, XSLT, ASP, ADO, [[SQL]]
-
www.w3schools.com/css/default.asp - 22k -
+
tutorial and web building primer from W3Schools.
 +
www.w3schools.com/css/default.asp
.
.
-
Cascade Style Sheet - CSS Stylesheets
+
==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/ - 37k -
+
css.talky.de/  
.
.
-
css Zen Garden: The Beauty in CSS Design - [ Diese Seite übersetzen ]
+
==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/ - 14k -
+
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 -  
Zeile 73: Zeile 73:
.
.
-
Einführung in XHTML, CSS und Webdesign
+
==Einführung in XHTML, CSS und Webdesign==
-
Die für Anfänger geeignete Dokumentation bietet Grundlagenwissen zum Publizieren im WWW sowie eine an den W3C-Standards und der Trennung von Struktur und ...
+
Die für Anfänger geeignete Dokumentation bietet Grundlagenwissen zum Publizieren im WWW ...
jendryschik.de/wsdev/einfuehrung/ - 21k -
jendryschik.de/wsdev/einfuehrung/ - 21k -
.
.
-
Cascading Style Sheets - Wikipedia
+
==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. ...
Zeile 87: Zeile 87:
.
.
-
CSS-Praxis. 3. Aufl. 2005 - aktualisiert und erweitert - http://www.css-praxis.de  
+
==CSS-Praxis ==
 +
http://www.css-praxis.de  
-
1812
+
.
 +
 
 +
==CSS - Webdesign mit Style ==
 +
http://www.mitp.de/vmi/mitp/detail/pWert/1616/
.
.
-
CSS - Webdesign mit Style - http://www.mitp.de/vmi/mitp/detail/pWert/1616/
+
==CSS-Referenz für den Schreibtisch * CSS GE-PACKT - mitp==
-
1003
+
http://mitp.de/vmi/mitp/detail/pWert/1620/titel/CSS%20GE-PACKT
.
.
-
CSS-Referenz für den Schreibtisch * CSS GE-PACKT - mitp
+
http://thestyleworks.de http://css4you.de http://de.groups.yahoo.com/group/css-design
-
http://mitp.de/vmi/mitp/detail/pWert/1620/titel/CSS%20GE-PACKT
+
.
-
0505
+
.
 +
 
 +
==[[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

Inhaltsverzeichnis

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

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


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

Meine Werkzeuge