Ergebnis 1 bis 4 von 4

Thema: erste Schritte nach Contao out of the Box

  1. #1
    Contao-Nutzer Avatar von joe.schraube
    Registriert seit
    22.04.2012.
    Ort
    Dresden
    Beiträge
    81

    Standard erste Schritte nach Contao out of the Box

    Ich habe sehr viel Gelesen um Grundlagenwissen in Sachen Contao und CSS zu bekommen.
    Ich möchte im groben verstehen, wie es funktionniert und kleiner Änderungen am Layout selber durchführen können.

    Es gibt da für mich nach dem Lesen und dem Sehen von Tutorials immer noch eine Frage die vielleicht simpel aber für mich nicht zu klären war.

    Was mir Schwirigkeiten bereitet ist, das ein out of the Box Contao schon einige Vorgaben macht und die erste Seite ohne das man überhaupt ein css, eine Seite oder ein Modul definiert hätte schon einiges definiert. Wenn ich beginne CSS zu schreiben werden die meist einfach überschrieben nach Regeln die mir als Anfänger willkürlich und verwirrend erscheinen.

    mein frischer Side Code sieht so aus:

    HTML-Code:
    <!DOCTYPE html>
    <html lang="de">
    <head>
    <meta charset="utf-8">
    <title>Start - Entheo-Science - Fachkongress wissenschaftlicher Psychonautik</title>
    <base href="http://orga.entheo-science.de/">
    <meta name="robots" content="index,follow">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="generator" content="Contao Open Source CMS">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <style>#wrapper{width:1000px;margin:0 auto}#header{height:350px}#footer{height:50px}</style>
    <link rel="stylesheet" href="assets/css/5a0217aa6a4c.css">
    <script src="assets/js/54e832a0ffa0.js"></script>
    <!--[if lt IE 9]><script src="assets/html5shiv/3.6.1/html5shiv.js"></script><![endif]-->
    </head>
    <body id="top" class="unix firefox gecko fx18 main">
    
    <div id="wrapper">
    
    <div id="container">
    
    <div id="main">
    <div class="inside">
     
    </div>
     
    </div>
    
    </div>
    
    </div>
    
    <script src="assets/contao/js/scheduler.js?t=86400" id="cron"></script>
    
    </body>
    </html>



    sind das Definitionen mit denen ich zu arbeiten habe : ?

    id="wrapper

    id="container

    id="main

    class="inside



    ich suche ein Tutoral das mir diesen Zusammenhang erklärt.

  2. #2
    Contao-Nutzer Avatar von Lego2013
    Registriert seit
    26.01.2013.
    Ort
    Niedersachsen
    Beiträge
    155

    Standard

    sind das Definitionen mit denen ich zu arbeiten habe : ?
    Ja, so ist es. Was Du berücksichtigen musst, wenn Du mit Contao arbeitest: Contao trennt strikt den Inhalt von der Präsentation (Gestaltung). Contao generiert Dir also stabiles und valides HTML und mit CSS bringst Du die Webseite in Form. Contao bringt zwar CSS-Dateien mit (Layout Builder, Responsive Grid), aber die sorgen nur für die korrekte Aufteilung Deiner Seite = Layout. Gestaltung kommt nicht out of the box.

    Um das Zusammenspiel Contao / CSS schnell zu begreifen, empfehle ich Dir Peter Müller's Buch "Webseiten erstellen mit Contao 3". Peter hat mit "Little Boxes" auch ein sehr gutes Buch zum Lernen von CSS geschrieben. Es gibt auch ein sehr gutes Videotraining von Harry Boldt, das bei Video2Brain erhältlich ist. Wenn Du gut englisch kannst, ist der Youtube-Kanal von LevelUpTuts eine sehr gute Adresse.
    Beste Grüße, Leo

    Gotta get up and try try try

  3. #3
    Contao-Nutzer Avatar von joe.schraube
    Registriert seit
    22.04.2012.
    Ort
    Dresden
    Beiträge
    81

    Standard

    vielen Dank für die ausführiche Antwort, auch wenn man weis was googel ist sind solche konzentrierten Tips dann immer noch mal deutlich hilfreich.

  4. #4
    Buchautor 'Websites erstellen mit Contao' Avatar von pmmueller
    Registriert seit
    19.06.2009.
    Ort
    Groningen (NL)
    Beiträge
    1.523

    Standard

    Vielleicht ist die Leseprobe zu meinem Contao-Buch für dich ein guter Einstieg:
    http://websites-erstellen-mit-contao.de/downloads.html

    Das PDF hat 79 Seiten und enthält folgende Abschnitte aus dem Buch:
    1. Aktuelles Cover
    2. Inhaltsübersicht - Auf einen Blick
    3. Detailliertes Inhaltsverzeichnis
    4. Kapitel 2 "Schnelldurchlauf: So funktioniert Contao"
    5. Kapitel 6 "Die erste Website mit Contao"
    6. Stichwortverzeichnis

    Kapitel 2 erklärt, wie die einzelnen Teile von Contao ein ganzes ergeben, Kapitel 6 führt dich Schritt für Schritt zur ersten Webseite.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •