Website HTML und CSS Fehler?

Hallo,

ich soll als Hausaufgabe eine Website (nur HTML und CSS) programmieren (wir haben bis jetzt nur die Basics gemacht).

Ich habe nun die Grundstruktur in HTML so gemacht, wie ich es brauche und bin nun beim CSS Teil angekommen, welcher mir etwas Kopfschmerzen bereitet.

Ich habe mal Screenshots vom bisherigen Code eingefügt (Die Website soll laut Lehrer ganz einfach sein, das Impressum muss nur einen Beispieltext enthalten und den Code für den footer aus der Landingpage habe ich noch nicht an die anderen Seiten angepasst, da ich noch mit CSS am experimentieren war).

Falls der Code an sich besser weiterhilft, habe ich hier noch den Dropbox Link:
https://www.dropbox.com/scl/fi/fgwyg3w7m4hfqdnbl3f3n/Website.zip?rlkey=1ea3d4quzggbn8xgnk9x9gvk3&dl=0

Nun habe ich folgende Probleme/Dinge, die ich auf der Website haben möchte, aber nicht hinbekomme:

  • Ich möchte einen festen Header haben (wie der auf gutefrage), bei welchem die anderen Seiten mittig angeordnet sind
  • Der footer soll wie bei Amazon ganz unten sein und auch in einem farbigen Kasten, welcher sich über den ganzen Bildschirm zieht
  • Die Texte im Footer sollen einmal links(2023), mittig(impressum) und rechts(Namen) ausgerichtet sein (irgendwie konnte ich den Link zum Impressum nicht verschieben)
  • Die Seite muss nicht 100% responsible sein, sondern soll sich nur an verschiedene Browser anpassen (Laut Lehrer mit Hilfe von prozentualen Werten anstatt Pixeln)
  • Auf der Landingpage möchte ich das Hintergrundbild haben und der Text (welchen ich noch hinzufügen muss) soll erst nach dem Bild kommen, wenn man runter scrollt
  • Auf der Impressum Seite soll der Beispieltext zum Uhrheberrecht nicht von ganz links nach ganz rechts auf dem Bildschirm gehen, sondern nur bis zu etwa der Mitte und dann einen Zeilenumbruch (soll sich nicht verschieben, wenn ich es mit anderem Browser benutze)

Ich habe schon selbst versucht, die oben genannten Dinge irgendwie zu fixen, aber entweder klappt es nicht oder meine Website stellt sich einmal auf den Kopf. Da wir auch erst die Basics in CSS hatten, weiß ich leider nicht mehr, als das, was ich schon gemacht habe.

Es wäre sehr hilfreich, wenn mir einer, der sich damit auskennt, weiterhelfen könnte und mir erklären kann, wie ich die oben genannten Kriterien umsetzen kann.

Ich bedanke mich schonmal sehr bei euch.

Grüße Alex

Bild zu Frage
HTML, Webseite, programmieren, CSS, HTML5, Code, Informatik, Programmiersprache, Webdesign, Webentwicklung, Website Design
Eigene Homepage mit Besonderheiten erstellen?

Hallo,

ich bin Autorin und überlege mir bald eine Homepage anzuschaffen. Leider habe ich davon überhaupt keine Ahnung. Weder bei welchem Anbieter es am besten und trotzdem kostengünstig ist, noch wie man sowas nach meinen Wünschen erstellt.

Wichtig ist mir, dass es nicht zu teuer ist und dass ich eine eigene Domain habe.

Die Bücher sollen dort nur mit einem Link zu meinem Verlag und zu Amazon, Thalia ect. führen, da ich nicht direkt verkaufe. Allerdings finde ich die normalen Baukästen ziemlich langweilig und relativ teuer. Gibt es da andere Möglichkeiten oder kennt ihr gute Anbieter?

Ich würde z.B. gerne eine Startseite erstellen, mit einem Willkommensschriftzug und darunter ein großes Buch. Wenn man mit der Maus darauf geht, öffnet es sich und führt auf die eigentliche Homepage. Da ich viel Fantasy schreibe, fände ich sowas wesentlich passender und schöner, als die Standartbaukästen. Ein wenig interaktiv eben. Ich weiß, dass meine Eltern früher mal sowas gebastelt habe, wo ich selbst vertonen sollte. Z.B. Schreie, Gesang ect. Aber das ist eben schon 10-15 Jahre her.

Homepage, Werbung, Internet, Software, Blog, Webseite, Schreiben, programmieren, Soziale Netzwerke, Autor, Homepage baukasten, homepage erstellen, interaktiv, Kreative Ideen, Medien, Strato, Websitegestaltung, Internetseite erstellen, Website Design, wix.com, webseite erstellung
Minecraft Server Website erstellen?

Hey Community,

Ich bin gerade dabei, einen Minecraft Spigot Server in der Version 1.14.4 zu machen, und der Server ist nun auch fast fertig. Allerdings gibt es auf dem Server viele verschiedene Features.

Da habe Ich mir die Frage gestellt, wie Ich den ganzen Leuten mitteilen kann, wie der Server funktioniert und was es für Features gibt. Ich finde es nämlich immer blöd, wenn man in etwas Neues (z. B. ein Spiel) reinstartet, ohne eine Einweisung zu erhalten. Außerdem können sich die Leute Ränge und Cosmetics kaufen.

Ich habe mir dazu viele Gedanken gemacht, und kam dann letztendlich auf die Idee, eine Website zu erstellen.

Das Problem ist, dass Ich keine Ahnung habe, wie man so eine Website erstellt. Das einzige, was Ich weiß, ist, dass man für eine komplexere Website, wie Ich sie brauche, nicht einen "Websitebaukasten" wie "Wix" verwenden sollte, sondern entweder die Website selber mit HTML programmieren sollte oder Wordpress benutzen sollte.

Viele würden jetzt wahrscheinlich sagen, dass Ich tatsächlich einen Websitebaukasten wie "Wix" verwenden sollte, da dies für Anfänger sehr gut geeignet ist. Das Problem ist dabei nun mal, dass sich so etwas nicht für ein "komplexeres Websitemodell" (mit kleinem Store, Infos und Foren) eignet. Deswegen wollte Ich fragen, wie man denn so eine Minecraft Server Website mit Foren, Online Store und Informationen macht. Das ganze soll halt aber keine riesengroße Website werden, sondern nur eine kleine.

Dazu sollte vielleicht gesagt werden, dass Ich schon froh bin, wenn mir überhaupt jemand auf eine meiner Fragen antwortet, da Ich ja sehr viele habe. 

Wie genau macht man so etwas mit Wordpress? Gibt es da Vorlagen, die man benutzen kann? Wie kann Ich Animationen (z. B. so welche "Aufplopp" - Animationen, oder dass sich das Bild verändert wenn man hoch und runter scrollt) einbinden? Wie kann Ich Foren oder einen kleinen Store machen? Wie viel Geld kostet so was und welchen Anbieter würdet ihr mir empfehlen?

Wie bereits gesagt müsst ihr nicht alle Fragen beantworten (was heißt "müsst", "könnt" passt mehr, hier wird ja niemand zum Antworten gezwungen), Ich bin ja schließlich schon so froh, wenn überhaupt jemand mir auf eine meiner Fragen antwortet. Danke im Voraus an alle, die mir helfen ❤. 

Ein Beispiel von einer sehr schönen Minecraft Website.

Bild zu Frage
Server, Computer, HTML, Webseite, programmieren, WordPress, Minecraft, Minecraft Server, Webentwicklung, Websitegestaltung, Website Design, Spigot Server, Spiele und Gaming
Website Hintergrundbild interaktiv gestalten?

Guten Tag,

ich habe mich nun in html und css eingelesen, bin noch relativ neu und habe eine Design Idee.

Ich versuche einen "interaktiven" Hintergrund für eine Website zu entwickeln, ( Zahnräder die verrostet sind )
Wenn man runterscrolled sollen diese Zahnräder von einem Sonnenstrahl angeschienen werden.
- Wenn man nun weiter runterscrolled sollen diese Zahnräder nach dem Sonnenstrahl mit Moos bedeckt sein.

Die Idee war:
3 Bilder erschaffen;
1. Zahnräder mit Moos
2. Zahnräder werden angestrahlt.
3. Zahnräder sind mit Moos bedeckt.

Nun habe ich den ersten Maincontent der einen gewissen Platz auf der Website bedeckt.
Die Leute scrollen weiter runter zu den relevanten Sachen
Durch das scrollen wird das 2. Bild auf einem ganz schmalem Content eingeblendet.(überlagert das fixe Bild 1.)
Danach sieht man Bild 3.
Nun ist das Zahnrad vollständig mit Moos bedeckt.
Und das nur durch die 3 Bilder.

Es hat also den Anschein, dass dieses Hintergrund interaktiv ist.

Ich habs ein wenig kompliziert erklärt und die Beispielbilder mit denen ich das getestet habe sind leider verloren gegangen. Allerdings hat die Veränderung von Bild 1 auf Bild 3 schon sehr gut funktioniert. Bloß der Lichtstrahl erschien mir schwierig, da es eben nur ein weiteres fixes Bild ist und die Aktion der Strahlung dadurch nur sehr schwer umsetzbar schien.

Frage: Gibt es andere Möglichkeiten bzw. Kann das mit irgendwelchen Ideen von euch gut umsetzbar gemacht werden?

Beste Grüße und Danke im vorraus.

HTML, Webseite, CSS, JavaScript, Webentwicklung, Website Design
Coole Dinge die man am PC erstellen kann (Anfänger)?

Hallo,

Ein Freund würde gerne mal eigene Dinge am PC selbst erstellen wie zum Beispiel Animationen, Anwendungen die Sachen können und vielleicht sogar Grafiken, Websites und ein ganzes 3D Game.

Leider kenne ich mich nicht so wirklich mit dem erklären aus, also ich kenne mich zwar mit den Professionellen Anwendungen etc. aus, und natürlich auch alles was darunter liegt, aber ich weiß nicht wie man sowas anderen Leuten beibringen bzw. erklären soll.

Ich weiß... Grafiken, Websites und ein 3D Game ist für mich als Anfänger (noch) nicht möglich. Aber wer sagt denn dass ich es nicht lernen kann...?

Habt ihr Ideen welche Anwendungen sich für diese Dinge für einen Anfänger sehr gut eignen, übersichtlich und Verständlich sind, aber dennoch ein gutes Ergebnis erzielen können ?

Von YouTube Tutorials ist er nämlich abgewichen (Abgewichen in der Form, dass er nicht mal mehr auf YouTube danach schaue), weil entweder versteht er nicht was man machen muss, er möchte etwas anderes machen als im Video gezeigt wird (Das ist am häufigsten der Fall), oder im Video werden einfach nur Dinge gezeigt, die man nachmachen soll, sodass er selber nicht versteht warum man das so machen kann/soll usw. etc.

Nun wisst ihr was ich Fragen möchte, damit ich helfen kann. So habe ich dies auch getan, sodass ich auf eure Antworten warten, sodass sich mein Freund, mit dem Thema beschäftigen kann.

Liebe Grüße vom Lord (Ger Thunderlord)

PC, Computer, Computerspiele, Games, Internet, Software, Programm, 3D, programmieren, Informatik, Website Design, Windows 10, Spiele und Gaming

Meistgelesene Fragen zum Thema Website Design