PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
CMS, Shopsoftware & Forensysteme
Joomla!
Template erstellen Joomla 1.5
Beitrag
<blockquote data-quote="Castordesigns" data-source="post: 1912436" data-attributes="member: 290174"><p><strong>AW: Template erstellen Joomla 1.5</strong></p><p></p><p></p><p>Tut mir leid das so schonungslos sagen zu müssen, aber es scheint, als hättest du nicht sehr viel von diesem Thread hier verstanden sei es nun aufgrund mangelnder Erklärungen oder aus einem anderen Grund.</p><p>Joomla mit Fireworks zu vergleichen ist etwa, als würdest du eine Säge mit einem Hammer vergleichen und Ersteres ganz allgemein Letzterem Vorziehen. Hier mal der Versuch einer Erklärung:</p><p></p><ul> <li data-xf-list-type="ul"><strong>Layoutprogramm:</strong> Als erstes hast du im Kopf eine Idee, die du umsetzen möchtest. Du hast ein weisses Blatt Papier vor dir und malst darauf dein Wunschtemplate - wie deine Website aussehen soll. Dazu stelle ich mal folgende Programme in den Raum.<ul> <li data-xf-list-type="ul">Adobe Photoshop (Programm zur Fotobearbeitung und Erstellung von Grafiken für Screenmedien)</li> <li data-xf-list-type="ul">Gimp (kostenlose Alternative zu Photoshop)</li> <li data-xf-list-type="ul">Adobe Fireworks (Alternatives Programm zu PS: ähnlich wie Photoshop aber vermehrt auf Webdesign zugeschnitten. Dies soll aber nicht heissen, dass es besser wäre oder so. Es ist einfach anders. Früher war das ein Programm von Macromedia, wurde später aber von Adobe übernommen. Deshalb gibt es das noch)</li> <li data-xf-list-type="ul">Adobe Illustrator (Layoutprogramm zum erstellen von Logos und <a href="http://de.wikipedia.org/wiki/Vektorgrafik" target="_blank">Vektorgrafiken</a> für Druck oder Screen)</li> <li data-xf-list-type="ul">Adobe Indeisgn (Layoutprogramm zum Layouten an sich. Also weniger einzelne Logos sondern Arrangieren von Zeitungen, Flyern, Websiten etc.)</li> </ul> </li> <li data-xf-list-type="ul"><strong>Webumsetzung - Sprachen:</strong> Nun hast du eine hübsche Zeichnung, die nun irgendwie ins Netz zu bringen ist: Interaktiv versteht sich! Dabei gilt der Grundsatz in Bezug auf die zu verwendenden Sprachen:<ul> <li data-xf-list-type="ul">PHP: Die Sprache der Funktion. Mit PHP wird alles programmiert, was im Hintergrund passiert. Z.b. wird dem Server die Anweisung gegeben, ein "HALLO USER" auszugeben, sobald der User auf den Button "Einloggen" klickt.</li> <li data-xf-list-type="ul">HTML: Mit HTML erklärt man dem Browser, dass ein Bild ein Bild ist, ein Titel ein Titel und ein Absatz ein Absatz. Es geht um die BEDEUTUNG (Semantik) der einzelnen Teile deiner Seite im Netz.</li> <li data-xf-list-type="ul">CSS: Mit CSS stylt man die Dinge, die man zuvor mit HTML festgelegt hat. Farben, Formen, Rahmen, Abstände, Positionierung etc.</li> </ul> </li> <li data-xf-list-type="ul"><strong>Webumsetzung - Programme:</strong> Eine eher unwichtige Frage ist dann noch, in welchem Editor du schreibst. Damit wir uns recht verstehen: Eine Website ist einfach eine Anzahl von Dateien mit irgendwelchen Programmiertexten drin, dazu ein paar Bilder für das Layout. Zum erstellen von Code nenne ich hier zwei Edioren. Sie sind das Computerprogramm fürs Porgrammieren, was z.B. WORD für das Schreiben von BRIEFEN ist.<ul> <li data-xf-list-type="ul">Notepad++</li> <li data-xf-list-type="ul">Scriptly</li> </ul> </li> <li data-xf-list-type="ul"><strong>CMS:</strong> Nun können die meisten Leute nicht von A bis Z alles selbst coden. Gerade z.B. Webdesigner spezialisieren sich auf den Kreativen Aspekt: Photoshop, HTML und CSS. PHP braucht man für das Design nur sporadisch. Auch weitere Gründe können dann dazu führen, dass man sich für ein CMS (<a href="http://de.wikipedia.org/wiki/Content_management_system" target="_blank">Content-Management-System</a>) entscheidet. (Solltest du keine Lust haben, die Wikipedia Seite durchzulesen: Ein CMS ist kein Programm auf deinem Computer. Es ist ein System auf deinem Webspace, das die Grundlage für deine Seite bietet.) Im Folgenden ein paar CMS:<ul> <li data-xf-list-type="ul">Joomla</li> <li data-xf-list-type="ul">Drupal</li> <li data-xf-list-type="ul">wordpress</li> <li data-xf-list-type="ul">Typo3</li> </ul> </li> </ul><p>In deinem Beispielszenario hast du dich z.B. für JOOMLA und FIREWORKS entschieden. Das sind zwei Werkzeuge aus deinem Werkzeugkasten, die unterschiedliches zu bewerkstelligen vermögen. Mit FIREWORKS setzt du deine gestalterische Idee um. mit JOOMLA realisierst du die Website (mit den entsprechenden FUNKTIONEN wie Blogs, Kontaktformular etc. etc.). Und nun gilt es ein TEMPLATE für JOOMLA zu schreiben. Stell dir Joomla als den CHARAKTER eines Menschen vor, das TEMPLATE als seine KLEIDUNG. Das CMS stellt dir den Charakter bereit, ohne dass du den auch noch selbst machen müsstest. So kannst du dich ganz auf das Schneidern des Gewandes konzentrieren.</p><p></p><p>@admin/moderator:</p><p>[CODE]/*list margin*/</p><p>#content ul {</p><p> margin: 0.5em 0 0 2em;</p><p>}</p><p></p><p>#content ul ul {</p><p> margin: 0 0 0 2em;</p><p>}[/CODE]wäre angebracht</p></blockquote><p></p>
[QUOTE="Castordesigns, post: 1912436, member: 290174"] [b]AW: Template erstellen Joomla 1.5[/b] Tut mir leid das so schonungslos sagen zu müssen, aber es scheint, als hättest du nicht sehr viel von diesem Thread hier verstanden sei es nun aufgrund mangelnder Erklärungen oder aus einem anderen Grund. Joomla mit Fireworks zu vergleichen ist etwa, als würdest du eine Säge mit einem Hammer vergleichen und Ersteres ganz allgemein Letzterem Vorziehen. Hier mal der Versuch einer Erklärung: [LIST] [*][B]Layoutprogramm:[/B] Als erstes hast du im Kopf eine Idee, die du umsetzen möchtest. Du hast ein weisses Blatt Papier vor dir und malst darauf dein Wunschtemplate - wie deine Website aussehen soll. Dazu stelle ich mal folgende Programme in den Raum. [LIST] [*]Adobe Photoshop (Programm zur Fotobearbeitung und Erstellung von Grafiken für Screenmedien) [*]Gimp (kostenlose Alternative zu Photoshop) [*]Adobe Fireworks (Alternatives Programm zu PS: ähnlich wie Photoshop aber vermehrt auf Webdesign zugeschnitten. Dies soll aber nicht heissen, dass es besser wäre oder so. Es ist einfach anders. Früher war das ein Programm von Macromedia, wurde später aber von Adobe übernommen. Deshalb gibt es das noch) [*]Adobe Illustrator (Layoutprogramm zum erstellen von Logos und [URL="http://de.wikipedia.org/wiki/Vektorgrafik"]Vektorgrafiken[/URL] für Druck oder Screen) [*]Adobe Indeisgn (Layoutprogramm zum Layouten an sich. Also weniger einzelne Logos sondern Arrangieren von Zeitungen, Flyern, Websiten etc.) [/LIST] [*][B]Webumsetzung - Sprachen:[/B] Nun hast du eine hübsche Zeichnung, die nun irgendwie ins Netz zu bringen ist: Interaktiv versteht sich! Dabei gilt der Grundsatz in Bezug auf die zu verwendenden Sprachen: [LIST] [*]PHP: Die Sprache der Funktion. Mit PHP wird alles programmiert, was im Hintergrund passiert. Z.b. wird dem Server die Anweisung gegeben, ein "HALLO USER" auszugeben, sobald der User auf den Button "Einloggen" klickt. [*]HTML: Mit HTML erklärt man dem Browser, dass ein Bild ein Bild ist, ein Titel ein Titel und ein Absatz ein Absatz. Es geht um die BEDEUTUNG (Semantik) der einzelnen Teile deiner Seite im Netz. [*]CSS: Mit CSS stylt man die Dinge, die man zuvor mit HTML festgelegt hat. Farben, Formen, Rahmen, Abstände, Positionierung etc. [/LIST] [*][B]Webumsetzung - Programme:[/B] Eine eher unwichtige Frage ist dann noch, in welchem Editor du schreibst. Damit wir uns recht verstehen: Eine Website ist einfach eine Anzahl von Dateien mit irgendwelchen Programmiertexten drin, dazu ein paar Bilder für das Layout. Zum erstellen von Code nenne ich hier zwei Edioren. Sie sind das Computerprogramm fürs Porgrammieren, was z.B. WORD für das Schreiben von BRIEFEN ist. [LIST] [*]Notepad++ [*]Scriptly [/LIST] [*][B]CMS:[/B] Nun können die meisten Leute nicht von A bis Z alles selbst coden. Gerade z.B. Webdesigner spezialisieren sich auf den Kreativen Aspekt: Photoshop, HTML und CSS. PHP braucht man für das Design nur sporadisch. Auch weitere Gründe können dann dazu führen, dass man sich für ein CMS ([URL="http://de.wikipedia.org/wiki/Content_management_system"]Content-Management-System[/URL]) entscheidet. (Solltest du keine Lust haben, die Wikipedia Seite durchzulesen: Ein CMS ist kein Programm auf deinem Computer. Es ist ein System auf deinem Webspace, das die Grundlage für deine Seite bietet.) Im Folgenden ein paar CMS: [LIST] [*]Joomla [*]Drupal [*]wordpress [*]Typo3 [/LIST] [/LIST] In deinem Beispielszenario hast du dich z.B. für JOOMLA und FIREWORKS entschieden. Das sind zwei Werkzeuge aus deinem Werkzeugkasten, die unterschiedliches zu bewerkstelligen vermögen. Mit FIREWORKS setzt du deine gestalterische Idee um. mit JOOMLA realisierst du die Website (mit den entsprechenden FUNKTIONEN wie Blogs, Kontaktformular etc. etc.). Und nun gilt es ein TEMPLATE für JOOMLA zu schreiben. Stell dir Joomla als den CHARAKTER eines Menschen vor, das TEMPLATE als seine KLEIDUNG. Das CMS stellt dir den Charakter bereit, ohne dass du den auch noch selbst machen müsstest. So kannst du dich ganz auf das Schneidern des Gewandes konzentrieren. @admin/moderator: [CODE]/*list margin*/ #content ul { margin: 0.5em 0 0 2em; } #content ul ul { margin: 0 0 0 2em; }[/CODE]wäre angebracht [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
CMS, Shopsoftware & Forensysteme
Joomla!
Template erstellen Joomla 1.5
Oben