Welche Methode zur Umsetzung einer Website?

Hallo ihr Lieben!

Ich habe einen Verein gegründet und wir brauchen eine ordentliche Website. Das Team der ITler besteht aus 3 Personen (inkl. mir). Einer davon kann Frontend (Design, CSS), einer kann Backend (Datenbanken, HTML, JS, Serverkonfiguration). Ich kann alles davon nur so ein bisschen und koordiniere das Projekt. Bisher haben wir eher provisorisch eine WordPress Seite, sind damit aber aus folgenden Gründen nicht zufrieden:

  1. Unübersichtlich mit den vielen Plugins usw. - es ist nicht einheitlich und wirkt zugemüllt und umständlich
  2. Der Code ist schwer zu lesen und nachzuvollziehen
  3. Man kann den Code (soweit ich weiß) nicht vollständig anpassen und ist daher in Hinblick auf Design und Funktionalität eingeschränkt (in unserem Theme „Astra“ kann man Designfarben einstellen, sieht aber nicht, wo sie verwendet werden)

Jetzt suchen wir nach einer Alternative. Man könnte versuchen, die Website ohne CMS o. Ä. auf die Beine zu stellen, man könnte ein anderes, anpassbareres CMS verwenden oder bloß ein CMF, wobei ich nicht sicher bin, ob das viel besser ist.

Wir können im Moment nicht genau einschätzen, ob es realistisch ist, die Webseite ohne CMS o. Ä. sicher, ordentlich und schön aufzubauen. Allerdings wissen wir auch nicht, ob es ein CMS gibt, das so viel Anpassbarkeit bietet, dass man (mit genug Programmierkenntnissen) theoretisch ALLES umsetzen kann. Funktionen, die wir brauchen, wären:

  • Beiträge (Blog, News)
  • Normale Inhaltsseiten
  • Eingebundene Mediendateien
  • Kleine eingebettete Online-Spiele
  • Kontakt/Anmeldeformulare
  • Suchfunktion
  • Design exakt, wie der Designer es sich vorstellt
  • evtl. ungewöhnliche Seitennavigation (Nicht nur mit Standard Menüs, wie bei WordPress von Anfang an drin)

Denkt ihr, WordPress oder Drupal ist durch Themes, Plugins/Modulen etc. doch anpassbar genug und wir müssten uns nur mal genauer hineindenken oder sollte man in unserem Fall lieber ganz auf Content-Management Optionen verzichten?

Vielen Dank schon mal für eure Antworten!

Benutzt Wordpress und verwendet vorhandene Themes und Plugins 57%
Baut die Seite von 0 auf selbst 43%
Benutzt Wordpress und programmiert Themes und Plugins selbst 0%
Benutzt Drupal und programmiert selbst 0%
Benutzt Drupal und verwendet vorhandenes 0%
Nutzt ein anderes CMS oder CMF 0%
Homepage, HTML, Webseite, CSS, WordPress, JavaScript, HTML5, CMS, Drupal, PHP, Typo3, Webdesign, Webentwicklung, Webhosting, Webserver, Website Design
html: wie div boxen neben- und untereinander?

Hallo, in meiner Website sollen dienstleistungen aufgelistet werden.
Für die PC Ansicht, sollen diese (insgesamt 6) nebeneinander stehen.
Für die Tablet und Handy Ansicht sollen diese dann so umbrechen, das genug Platz ist, um sie noch zu lesen und sie nicht ineinander verschwimmen.
Ich habe jetzt hier versucht fürs Tablet drei Boxen nebeneinander und somit dann zwei Spalten zu haben, allerdings ist in jeder Ansicht jetzt alles untereinander und man muss auch noch zur Seite scrollen um den ganzen Text zu lesen (dies soll aber nicht sein).
Im Folgenden ist der Teil meiner CSS Datei:

.leistung {

padding: 15px;

margin: 15px;

}

.leistung-container {

display: flex;

flex-direction: column;

}

/* Layout für Tablet (teilweise nebeneinander, teilweise untereinander) */

@media (min-width: 25em) and (max-width: 45em) {

.leistung-container {

display: flex;

flex-wrap: wrap;

}

.leistungen {

flex: 1 1 calc(50% - 2em);

/* Zwei Boxen nebeneinander */

}

}

/* Layout für PC (nebeneinander) */

@media (min-width: 45em) and (max-width: 65em) {

.leistung-container {

display: flex;

flex-wrap: wrap;

}

.leistungen {

flex: 1 1 calc(33.33% - 2em);

/* Drei Boxen nebeneinander */

}

}

@media (min-width: 65em) {

.leistung-container {

display: flex;

flex-wrap: wrap;

}

.leistungen {

flex: 1 1 calc(33.33% - 2em);

/* Drei Boxen nebeneinander */

}

}

Ist da irgendwas falsch?
Könnt mir da jemand helfen?
Dankeschön

HTML, Webseite, programmieren, CSS, HTML5, Code, Programmiersprache, Webdesign, Webentwicklung, HTML-Editor, Website Design, webseite erstellung
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 zum Beitrag
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 zum Beitrag
Server, Computer, HTML, Webseite, programmieren, WordPress, Minecraft, Minecraft Server, Webentwicklung, Websitegestaltung, Website Design, Spigot Server, Spiele und Gaming
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 Beiträge zum Thema Website Design