[Website entsteht] Website wünscht sich Feedback und Hilfe

AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

cool das du noch weiter machst :daumen:

vlt wenn du das dunkle blau als Hintergrund hast, die Schrift in weiß?
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Ich habe mal ein bisschen was geändert, wie es m. M. n. gut aussieht.
(Siehe Anhang)
 

Anhänge

  • speeedys mods.png
    speeedys mods.png
    1,5 MB · Aufrufe: 48
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

hannover96xdneu schrieb:
Ahhh, ich dachte schon dieser Thread könnte eingemottet werden. :D

Ich weiß zwar nicht mehr ganz exakt, wie die alte Website aussah, aber das Blau sieht nicht schlecht aus :daumen:, aber eben auch nicht perfekt. ;)

@Farben
HTML Farbencodes
Dort kannst du eine schöne Farbe aussuchen und den Code kopieren.

Ein paar m. M. n. coole Farben + mögliche Ansätze von Kombinationen:
#d2a524 (dürfte ein Orange sein, bin mir nicht sicher, da ich mobil schreibe)
#FFF (weiß)
-----
#111 (ganz dunkel)
#019533 (grün)
Zum Vergrößern anklicken....

Ja es ist noch nicht das richtige...bei den Farben arbeite ich mit Kuler, das macht ja quasi das selbe...ich find nur einfach nicht die richtige...



DOcean schrieb:
cool das du noch weiter machst :daumen:

vlt wenn du das dunkle blau als Hintergrund hast, die Schrift in weiß?
Zum Vergrößern anklicken....

ich wollte aber evt erstmal nicht mehr so ins dunkle gehen, es sei denn, ich finde da noch was schönes...



hannover96xdneu schrieb:
Ich habe mal ein bisschen was geändert, wie es m. M. n. gut aussieht.
(Siehe Anhang)
Zum Vergrößern anklicken....

hm...das macht auch was her, eig auch nicht schlecht...hm...wieder so viele möglichkeiten :D

---


Ich freue mich auch echt, dass ihr hier noch mitlest! Ich dachte schon ich bin jetzt hier alleine wo so lange nichts mehr kam :D


EDIT:

Ich verzweifle momentan auch etwas an Lightbox...mal geht es und mal nicht...

Hier mein Quellcode (ist so auch aufm Webspace, nur dass da noch das <img> und <a> von lightbox eine gemeinsame klasse haben)

HTML: 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Sockel A: Alte Schätze kommen zurück</title>
        <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
        
        <link rel="stylesheet" type="text/css" href="../../layout.css" />
        <link rel="stylesheet" type="text/css" href="../tagebuchtag.css" />
        
        <script src=":../../js/jquery-1.11.0.min.js"></script>
        <script src="../../js/lightbox.min.js"></script>
        <link href="../../css/lightbox.css" rel="stylesheet" />
        <!--
        <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
        -->
        
    </head>

    <body>
        
        <header class="kopfzeile">
                <!--<img src="pictures/logo.png" alt="Logo" class="logo" />
                <img src="pictures/computer.png" alt="Fertiger Casemod" class="headerbild" />-->
                <img src="../../pictures/headerbild.jpg" alt="Blick auf zwei Grafikkarten" class="headerbild" />
                <h1>Speeedy's <br /> Mods</h1>
                <h2>Sockel A - Tag 1</h2>
            
        </header>
        
        <nav>
            <ul>
                <li><a href="../../index.html" title="Homepage">Homepage</a></li>
                <li><a href="../../tagebuecher.html" title="Tagebücher">Tagebücher</a></li>
                <li><a href="../../quickie.html" title="Quickie">Quickie</a></li>
                <li><a href="../../galerie.html" title="Galerie">Galerie</a></li>
                <li><a href="../../tutorials.html" title="Tutorials">Tutorials</a></li>
                <li><a href="../../tools.html" title="Tools">Tools</a></li>
            </ul>
        </nav>
        <nav class="allgemeineprojektnavigation">
            <ul>
                <li><a href="startseite.html" title="Sockel A: Alte Schätze">Sockel A: Alte Schätze</a></li>
                <li><a href="" title="Projekt B">Projekt B</a></li>
                <li><a href="" title="Projekt C">Projekt C</a></li>
                <li><a href="" title="Projekt D">Projekt D</a></li>
                <li><a href="" title="Projekt E">Projekt E</a></li>
                <li><a href="" title="Projekt F">Projekt F</a></li>
            </ul>
        </nav>
        <nav class="projektinternenavigation">
            <ul>
                <li><a href="startseite.html" title="Startseite">Startseite</a></li>
                <li><a href="tag1.html" title="Tag 1">Tag 1</a></li>
                <li><a href="tag2.html" title="Tag 2">Tag 2</a></li>
                <li><a href="tag3.html" title="Tag 3">Tag 3</a></li>
                <li><a href="tag4.html" title="Tag 4">Tag 4</a></li>
                <li><a href="tag5.html" title="Tag 5">Tag 5</a></li>
                <li><a href="tag6.html" title="Tag 6">Tag 6</a></li>
                <li><a href="finalebilder.html" title="Finale Bilder">Finale Bilder</a></li>
            </ul>
        </nav>
        
        
        <div class="inhalt">
            <div>
                <section class="haupttext">
                    <h3>Projekt: Sockel A: Alte Schätze kommen zurück</h3>
                    <h4>Tag 1</h4>
                    <div class="image-row tabellencontainer">
                    <div class="image-set tabellenzeile">
                        <div class="tabellenzelle">
                            <a href="pictures/update1bild1.jpg" data-lightbox="sockelatag1" data-title="Mainboardverpackung"><img src="pictures/update1bild1.JPG" alt="Mainboardverpackung" /></a>
                            <p>Zunächst gibts erstmal nur die neue Hardware zu betrachten inklusive Probelauf:<br />
                               Hier ist das Mainboard bzw die Verpackung</p>
                        </div>
                        <div class="tabellenzelle">
                            <a href="pictures/update1bild2.JPG" data-lightbox="sockelatag1" data-title="CPU Verpackung"><img src="pictures/update1bild2.JPG" alt="CPU Verpackung" /></a>
                            <p> Hier ist die noch ungeöffnete CPU Verpackung <br /> Einmal von vorne...</p>
                        </div>
                    </div><!--Ende Zeile-->
                    <div class="tabellenzeile">
                        <div class="tabellenzelle">
                            <a class="bildertag1" href="pictures/update1bild3.jpg" data-lightbox="sockelatag1" data-title="CPU Verpackug"><img class="bildertag1" src="pictures/update1bild3.JPG" alt="CPU Verpackung" /></a>
                            <p>...und einmal von Hinten</p>
                        </div>
                        <div class="tabellenzelle">
                            <a class="bildertag1" href="pictures/update1bild4.jpg" data-lightbox="sockelatag1" data-title="CPU"><img class="bildertag1" src="pictures/update1bild4.JPG" alt="CPU" /></a>
                            <p>Natürlich gibts die CPU dann auch ohne Papier</p>
                        </div>
                    </div><!--Ende Zeile-->
                    <div class="tabellenzeile">
                        <div class="tabellenzelle">
                            <a class="bildertag1" href="pictures/update1bild5.jpg" data-lightbox="sockelatag1" data-title="Mainboard"><img class="bildertag1" src="pictures/update1bild5.JPG" alt="Mainboard" /></a>
                            <p>und auch das Mainboard mal ohne Verpackung...</p>
                        </div>
                        <div class="tabellenzelle">
                            <a class="bildertag1" href="pictures/update1bild6.jpg" data-lightbox="sockelatag1" data-title="Mainboard mit CPU und RAM"><img class="bildertag1" src="pictures/update1bild6.JPG" alt="Mainboard mit CPU und RAM" /></a>
                            <p>...mit eingebauter CPU und Ram und...</p>
                        </div>
                    </div><!--Ende Zeile-->
                    <div class="tabellenzeile">
                        <div class="tabellenzelle">
                            <a class="bildertag1" href="pictures/update1bild7.jpg" data-lightbox="sockelatag1" data-title="Aufgebautes Testsystem"><img class="bildertag1" src="pictures/update1bild7.JPG" alt="Aufgebautes Testsystem" /></a>
                            <p>...als laufendes Testsystem</p>
                        </div>
                    </div><!--Ende Zeile-->
                        </div><!--Emde Tabelle-->
                    </section>
            </div>
            <div class="hintergrund">
                <div class="projektinternelinks">
                    <ul>
                        <li><a href="!335372!tagebuecher/335372-projekt-happy-birthday-technik-fuers-wohnzimmer-zusatz-bilder-bei-dunkelheit.html" title="PCGHX Eintrag" target="_blank" >PCGHX Eintrag =></a></li>
                        <li><a href="startseite.html" title="Startseite">Hier gehts los =></a></li>
                        <li><a href="finalebilder.html" title="Finale Bilder">Finale Bilder =></a></li>
                        
                    </ul>
                    <ul>
                        <li><a href="tag2.html" title="Nächster Tag">Nächster Tag =></a></li>
                    </ul>
                </div>
            </div>
        </div><!-- Ende Div Inhalt-->
        <div class="fusszeilenbereich">
            <footer id="fusszeile">
            <p>
            Copyright © 2014 Felix Burs. All rights reserved.
            </p>
            <p>
            <a href="../../impressum.html" title="Hier gehts zum Impressum">Impressum</a>
            </p>
            </footer>
        </div> <!-- Ende Div fusszeile-->
    </body>
</html>


EDIT EDIT:
Ich habe mal das Schwarz-weiß Design mit auf der Website aufgenommen (zumindest für die Startseite), ihr könnt da jetzt hin und her klicken
 
Zuletzt bearbeitet:
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Ich habe gerade leider keine Zeit mir den Code anzugucken, der HTML-Validator hat aber einen Fehler gefunden:
Error Line 135, Column 8: No p element in scope but a p end tag seen.
</p>
Zum Vergrößern anklicken....
Das bezieht sich auf die index.html
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

der Tag gehört aber zu dem aus Zeile 116, dem fehlt nämlich sonst ein schließendes
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Update:

So ich hab mal wieder nen bischen was gemacht:

Zum einen hab ich mein HTML und mein CSS etwas sortiert und mal in eine, meiner Meinung nach, sinnvolle Ordnung gebracht.
Aber ich habe bisher nur die index angepasst. Bei den anderen Seiten fehlt deswegen noch die ganzen neuen CSS links und sind daher ohne css...sobald das aber fertig ist, werd ich alle anderen anpassen ;)

Dann habe ich mich mal an meine Navigation gewagt :D
was ich gemacht habe, könnt ihr auf dem Reiter Tagebücher erkennen.

Es ist noch nicht so ausgereift, da bin ich etwas auf eure Unterstützung angewiesen!

Geht es eigentlich, dass man die Navigation iwie Zentral umstellen kann, falls eine neue Seite dazu kommt? und das man nicht alle html dateien ändern mussP

Ansonsten ist nichts passiert, habe nur an der index.html und an den stylesheets gearbeitet.

Freu mich auf eure Rückmeldungen!
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Speeedymauss schrieb:
Geht es eigentlich, dass man die Navigation iwie Zentral umstellen kann, falls eine neue Seite dazu kommt? und das man nicht alle html dateien ändern muss!
Zum Vergrößern anklicken....

Ja das geht.

Ich habe vor X Seiten die PHP include Funktion erwähnt, bin gerade nur zu faul die rauszusuchen. :D

Für PHP muss aber erstmal eine Voraussetzungen gegeben sein:
Ein Webserver. Mann kann den auf Windows z. B. mit Apache simulieren. XAMPP wäre ein Programm, was unter anderem Apache mitbringt.
Tipp: schaue dir zuerst ein möglichst neues Tutorial zu XAMPP an, es kann viele Probleme geben, wenn man nicht weiß was man da macht. Spreche aus Erfahrung :D.

Dann, wenn alles konfiguriert ist (ich empfehle dich mit Vhosts mit XAMPP zu beschäftigen, lohnt sich ;)), erstellst du in deinem Htdocs Ordner eine Datei namens test.php.
Dort schreibst du die HTML Grundstruktur rein und einen Ausgabe Befehl mit PHP:

HTML: 
<!DOCTYPE html>
<html>
<head>
	<title>Test PHP</title>
</head>
<body>

<!-- (Kommentar) PHP Code -->
<?php
echo "Gibt der Webserver dies im Browser aus, dann hast du alles richtig gemacht :daumen:";
?>

</body>
</html>

Wenn alles geklappt hat, dann kannst du mal die include Funktion testen. Erstelle eine neue html Datei im gleichem Verzeichnis und nenne sie z. B. include.html. Wichtig ist, dass du dort irgendetwas reinschreibst, z. B. das Lorem ipsum.
Nun ersetzt du den Echo-Befehl durch die include Anweisung in deiner test.php:

PHP: 
<?php
include "include.html";
?>

Ist das getan, dann sollte er dir theoretisch in der test.php den Lorem ipsum Text ausgeben!?


EDIT:
Die Grundlagen von PHP sollte man natürlich auch erstmal erlernen:
PHP: PHP-Handbuch - Manual - Deutsch
bzw.
PHP: PHP Manual - Manual - Englisch
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Speeedymauss schrieb:
Da wird nichts simuliert. Was da läuft, ist ein HTTP-Server.
Zum Vergrößern anklicken....
Sry, habe mich falsch ausgedrückt.


Speeedymauss schrieb:
Wie gehts denn ohne?
Zum Vergrößern anklicken....
Mir ist bekannt:
1. Frames. Benutzt man aber nicht mehr.
2. Iframes, ist aber ebenfalls keine elegante Methode.
3. In Google Chrome gibt es eine neue Methode, die es ermöglicht mit HTML über den <link> (glaube es ging so) TAG eine externe Datei einzubinden. Habe aber vergessen wie die Methode heißt. Dies ist aber m. M. n. nicht zu empfehlen, da es so weit ich weiß nur in Chrome funktioniert, bzw. dort muss man es auch erstmal in den Einstellungen aktivieren.
4. Mit Ajax den Inhalt einer externen Datei laden. Stichwort: .load()

Sicherlich gibt es noch mehr Varianten, die mir aber nicht bekannt sind.

Gruß
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Speeedymauss schrieb:
Wie gehts denn ohne?
Zum Vergrößern anklicken....
Möglichkeiten gibt es viele. Falls du unabhängig vom verwendeten Websever sein willst, wäre JavaScript eine Option.

hannover96xdneu schrieb:
Sicherlich gibt es noch mehr Varianten, die mir aber nicht bekannt sind.
Zum Vergrößern anklicken....
Neben PHP gibg es noch diverse andere (schönere) Sprachen mit denen man das gleiche server-seitig umsetzen könnte.
Ein anderer Ansatz wäre, das ganze, wie du schon erwähnt hast, client-seitig per JavaScript umzusetzen.
Eine dritte Option wäre, die Seiten lokal auf dem eigenen PC zu generieren und dann die statischen HTML-Seiten auf den Server zu laden.
 
Zuletzt bearbeitet:
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Speeedymauss schrieb:
Generell irgendeins...
ich gucke mir gerade Joomla an...
Zum Vergrößern anklicken....
Gerade was Templating angeht finde ich CSP (ClanSphere Projekt) sehr gut. Es hat vor allem viele Module drin, die man nutzen kann. Artikel, News, Forum, Kommentare. Downloaddatenbank etc etc. Ist zwar eigentlich für Clans und Gamingportale gedacht. Aber es lässt sich auch an andere Anforderungen durch die Tamplates leicht anpassen.

Ein weiterer Vorteil gerade für Anfänger ist, das dieses CMS überwiegend prozedural geschrieben und die Struktur logisch aufgebaut ist. Wenn du also PHP zumindest ein bisschen kannst, dann kannst du schon im CMS selbst sehr viel anpassen, ändern oder hinzufügen, ohne erst in den Klassen und Objekten zu versinken. Das ganze wird auch noch weitergepflegt. :: ClanSphere :: Free OpenSource Clan CMS :: - News - Aktuell

Und wenn du das Template anpassen willst, nimmst du einfach deine Startseite und ersetzt die Inhalte durch Smarty-Platzhalter von CSP und passt die Links an. Alle diese Infos findest du im Wiki von CSP.

Wenn du aber eher auf ein CMS verzichten möchtest, dann lässt sich das ganze auch relativ leicht über PHP realisieren. PHP-Dateien werden ohne PHP-Code behandelt wie HTML-Dateien. An der Stelle, wo du deinen Inhalt hinhaben möchtest schreibst du nur folgenden Code:
Code: 
<?php
  if(isset($_GET['p'])) {
    if(file_exists('page/'.$_GET['p'].'.html')) {
      $pagefile = 'page/'.$_GET['p'].'.html';  
    } else {
      $pagefile = 'page/home.html';
    }
  } else {
    $pagefile = 'page/home.html';
  }
  include $pagefile;
?>

Danach erstellst du einen Ordner mit dem Namen "page" und da pachst du alle Inhalte der Seite als HTML hinnein. Aber bitte ohne das HTML Grundgerüst. Sondern nur die Inhalte! Zugreifen auf die Seiten kannst du per URL so: http://www.domain.de/index.php?p=gewünschte_unterseite - So musste dann deine Links auch gestalten.

Fast vergessen: Du musst natürlich dann deine index.html in index.php umbenennen ;)
Im Ordner Page in die Datei home.html kommt dann natürlich der Inhalt deiner Startseite.
 
Zuletzt bearbeitet:
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

TroaX schrieb:
Wenn du aber eher auf ein CMS verzichten möchtest, dann lässt sich das ganze auch relativ leicht über PHP realisieren. PHP-Dateien werden ohne PHP-Code behandelt wie HTML-Dateien. An der Stelle, wo du deinen Inhalt hinhaben möchtest schreibst du nur folgenden Code:
Code: 
<?php
  if(isset($_GET['p'])) {
    if(file_exists('page/'.$_GET['p'].'.html')) {
      $pagefile = 'page/'.$_GET['p'].'.html';  
    } else {
      $pagefile = 'page/home.html';
    }
  } else {
    $pagefile = 'page/home.html';
  }
  include $pagefile;
?>

Danach erstellst du einen Ordner mit dem Namen "page" und da pachst du alle Inhalte der Seite als HTML hinnein. Aber bitte ohne das HTML Grundgerüst. Sondern nur die Inhalte! Zugreifen auf die Seiten kannst du per URL so: http://www.domain.de/index.php?p=gewünschte_unterseite - So musste dann deine Links auch gestalten.

Fast vergessen: Du musst natürlich dann deine index.html in index.php umbenennen ;)
Im Ordner Page in die Datei home.html kommt dann natürlich der Inhalt deiner Startseite.
Zum Vergrößern anklicken....

Einen Nachteil hat diese Methode aber (leider):
Sie ist nicht Suchmaschinen freundlich. (Stichwort: SEO).
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

hannover96xdneu schrieb:
Einen Nachteil hat diese Methode aber (leider):
Sie ist nicht Suchmaschinen freundlich. (Stichwort: SEO).
Zum Vergrößern anklicken....
Richtig. Dafür müsste man etwas mehr machen und es wäre komplexer. Aber wenn er nur eine Website anzeigen möchte (keine Interaktion der Leser/Nutzer), ist es die einfachste Variante. Es bietet vor allem keine Angriffsfläche. Besser wäre es natürlich mit Mod_Rewrite, das Unterseiten die Metainformationen einzeln mit neuen Werten befüllen, das es die richtigen Fehlerseiten bei falscher URL gibt, eine Sitemap existiert und das die Indexierung auf die richtigen Ordner angepasst werden uvm. Aber das kann er ja nach und nach machen, wenn er sich weiter in die Thematik PHP und SEO eingearbeitet hat (wenn er es dann will).

Ein gutes CMS kümmert sich natürlich um solche Sachen. Da muss er dann aber sehen, in wie weit er sich in die Materie einarbeiten will.
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Da mir momentan die Zeit fehlt wieder richtig am Code zu arbeiten, habe ich gerade mal nen Programm zur gestaltung ausprobiert (Website X5).
Habe jetzt mal 2h dran rum gebastelt und das ist bisher das Ergebnis:
Speeedys Mods

Würd mich über Rückmeldungen freuen
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Ähnliche Themen

W
Projekt] Protonbase.de – Archiv, Wiki und Hilfsseite in einem, für Linux-Gaming & Steam Deck
Antworten
6
Aufrufe
484
Wilhelm901
W
tammer
neuer PC nach 14 Jahren erwünscht (Gaming)
Antworten
5
Aufrufe
775
Hellhammer
Hellhammer
W
Starke FPS-Drops trotz gutem PC – brauche Hilfe
Antworten
11
Aufrufe
2K
Wildi10
W
V
PCGH Discord Hilfe gesucht
Antworten
6
Aufrufe
5K
Misanthrop68
Misanthrop68
sauerkraut4tw
Hilfe: Trotz aktiver Internetverbindung kein Internet für diverse Websites und Anwendungen
Antworten
17
Aufrufe
9K
Gast1772925001
G
Oben Unten
Zurück