Tutorial web development (with JSF) IV: Styles

Styles

Now, our tiny caculator masters the basic arithmetics. Within the browser, this looks a bit compact. It’s usefull to design the user interface. And the medium of choice to design a web page are the cascading style sheets (CSS).

Since this is a JSF tutorial and not a CSS one, I’ll only show how to implement this into a JSF project. It’s not a complete design, just a demonstartion of the principle how to incorporate this into a JSF project.

NetBeans offers a wizzard to create styles for JSF. After a right-click onto the project within the project tree, just choose New->Other and in the following dialog from the domain “Web” “Cascading Style Sheet”.

Continue reading “Tutorial web development (with JSF) IV: Styles”

Tutorial Webentwicklung (mit JSF) IV: Stylen

Stylen

Nun, unser Rechner beherrscht die vier Grundrechenarten, aber auf dem Bildschirm sieht das Ganze etwas gedrängt aus. Es gilt also, die Oberfläche zu gestalten. Und wie geschieht dies heutzutage, wenn nicht mit CSS? Jetzt kommt aber kein Kurs zum Webdesign. Ich möchte lediglich zeigen, wie dies in Verbindung mit JSF geschieht.

Zur Anlage eines CSS stellt NetBeans einen passenden Assistenten zur Verfügung. Nach einem Rechtsklick auf das Projekt TinyCalculator wählen Sie New->Other und im darauffolgenden Dialog aus dem Bereich Web das Cascading Style Sheet.

Continue reading “Tutorial Webentwicklung (mit JSF) IV: Stylen”