Webdesign – die besten Beiträge

Hey Ihr Lieben,

mich möchte mir WordPress (Elementor) beibringen um für kleine bis Mittelgroße Unternehmen Webseiten zu bauen. Nun setze ich mich seit eigenen Tagen mit dem Thema Hosting außeinander - das ist irgendwie komplexer als ich dachte.

Wie genau läuft das ab, hoste ich für den Kunden? Brauche ich auch schon für den Anfang einen eigenen Server? Ich darf ja nicht einfach ein Webhosting Vertrag abschließen und ihn für meine Kunden nutzen. Langfristig ergibt ein Managed Server aufjedenfall Sinn. Anfangs brauche ich jedoch eine günstigere Variante. Ich wollte vom Seitenaufbau bis zum Hosting eigentlich alles abdecken. Habt ihr hierzu auch Tipps für Anbieter? Was sollte man beachten?

Ich freue mich auf eure Rückmeldung und Unterstützung!

Servus,

meine Website ofen-hornberger.de die ich mit Wix erstellt habe, zeigt in der organischen Suche in Google kein Favicon an. In den Browsertabs funktioniert alles tadellos.

meine Frage ist nun ob ich hier selbst aktiv werden muss?

laut Google Richtlinie sollte man so vorgehen:

So sorgst du dafür, dass für deine Website in den Google-Suchergebnissen ein Favicon angezeigt werden kann:

1. Erstelle ein Favicon, das den unten aufgeführten Richtlinien entspricht.

2.Füge der Kopfzeile deiner Startseite einen link tag mit der folgenden Syntax hinzu

<link rel="icon" href="/path/to/favicon.ico">

muss ich das selbst machen oder macht Wix das automatisch?

Von seiten des Wix Supports kamen leider wiedersprüchliche Aussagen.

In der Google search Console ist ersichtlich, dass bereits nach einem Favicon gecrawled wurde jdeoch mit dem Ergebis "(404) nicht gefunden"

Daher denke ich, dass es mit abwarten nicht getan ist.

Hat jemand evtl ein tiefer gehendes Wissen zu dieser Thematik und kann mir hier weiterhelfen, ich wäre echt dankbar.

Wie kann ich verbieten das meine Webseite mobil angezeigt wird, sondern nur als Desktopversion ausgegeben wird? Also beim Aufrufen meiner Webseite mit den Smartphone soll nur noch die Desktop Variante ausgegeben werden.

Früher habe ich Websites mit Dreamweaver gemacht, sprich mit HTML und ensprechender Datenbank-Anbindung. Heute kann man ja auf verschiedene Frameworks und Content Management Systeme zurückgreifen.

Welche Gründe sprechend heute dagegen es wie früher händisch zu machen?

Hallo. Ich hab für die Schule ne website mit html programmieren müssen. Dabei ist mir jedoch aufgefallen, dass wenn ich die website auf dem PC von der Schule öffne, alle Elemente komplett verschoben sind und wenn ich die Formatierung anpasse ist sie wenn, ich sie auf meinem Laptop öffne, wieder verschoben. Wie kann man das ändern?

Hallo,

ich habe auf meiner Seite eine Galerie mit einigen Bildern. Diese kann ich öffnen/schließen und durchklicken.

Leider habe ich das Problem, dass wenn ich mich durch die Galerie durchklicke, er leider, warum auch immer, wieder zurück zum ersten Bild springt, anstatt die Bilder komplett durchzulaufen.

Ich finde den Fehler nicht.

HTML Code:

<div class="gallery-container">
  <div class="gallery" id="gallery">
    <!--Erste Reihe-->
    <img src="1_1.webp" alt="Bild 1_1" onclick="openModal();currentSlide(1)" class="hover-shadow cursor gallery-img" data-index="1">
    <img src="1_2.webp" alt="Bild 1_2" onclick="openModal();currentSlide(2)" class="hover-shadow cursor gallery-img" data-index="2">
    <img src="2.1.webp" alt="Bild 2_1" onclick="openModal();currentSlide(3)" class="hover-shadow cursor gallery-img" data-index="3">

    usw. bis

    <img src="8_2.webp" alt="Bild 8_2" onclick="openModal();currentSlide(23)" class="hover-shadow cursor gallery-img" data-index="23">
    <img src="8_3.webp" alt="Bild 8_3" onclick="openModal();currentSlide(24)" class="hover-shadow cursor gallery-img" data-index="24">
  </div>
  <div id="myModal" class="modal">
    <span class="close cursor" onclick="closeModal()">&times;</span>
    <div class="modal-content">
      <!-- Fügen Sie für jedes Bild in der Galerie eine Modal Slide hinzu -->
      <div class="mySlides">
        <img src="1_1.webp" style="width:100%">
      </div>
      <div class="mySlides">
        <img src="1_2.webp" style="width:100%">

        bis

      <div class="mySlides">
        <img src="8_2.webp" style="width:100%">
      </div>
      <div class="mySlides">
        <img src="8_3.webp" style="width:100%">
      </div>
    </div>

    <!-- Vorwärts/Rückwärts Kontrollen -->
    <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
    <a class="next" onclick="plusSlides(1)">&#10095;</a>
  </div>

JavaScript:

function currentSlide(n) {
  showSlidesModal(slideIndex = n);
}

function showSlidesModal(n) {
  var i;
  var slidesModal = document.getElementsByClassName("mySlides");

  if (n > slidesModal.length) {
    slideIndex = 1
  }

  if (n < 1) {
    slideIndex = slidesModal.length
  }

  for (i = 0; i < slidesModal.length; i++) {
    slidesModal[i].style.display = "none";
  }

  slidesModal[slideIndex - 1].style.display = "block";
}

var galleryImages = document.getElementsByClassName("gallery-img");

for (var i = 0; i < galleryImages.length; i++) {
  galleryImages[i].onclick = function(event) {
    openModal();
    currentSlide(parseInt(event.target.getAttribute('data-index')));
  }
}

for (var i = 0; i < galleryImages.length; i++) {
  galleryImages[i].setAttribute('data-index', i + 1);
}

window.onclick = function(event) {
  if (event.target == document.getElementById('myModal')) {
    closeModal();
  }
}

function plusSlides(n, modal = false) {
  var slides;

  if (modal) {
    slides = document.getElementsByClassName("mySlides");
  }
  else {
    slides = document.getElementsByClassName("slide");
  }

  slideIndex += n;

  if (slideIndex > slides.length) {
    slideIndex = 1
  }

  if (slideIndex < 1) {
    slideIndex = slides.length
  }

  for (var i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }

  slides[slideIndex - 1].style.display = "block";

  if (!modal) {
    resetAnimations(slides[slideIndex - 1]);
  }
}

document.querySelector(".modal .prev").onclick = function() {
  plusSlides(-1, true);
};
document.querySelector(".modal .next").onclick = function() {
  plusSlides(1, true);
};

function openModal() {
  document.getElementById('myModal').style.display = "block";
}

function closeModal() {
  document.getElementById('myModal').style.display = "none";
}

showSlides(slideIndex);

Hallo wenn ich meine Webseite bei Google eingebe sogar direkt der url wird meine Webseite nicht von google gefunden, woran liegt das ?

Ich habe meine Domain und Webspace bei netcup gemietet.

Ich möchte meinem Vater eine neue Webseite erstellen. Seine jetzige ist aus der Zeit geraten.
Zu meiner Frage: Gibt es eine Möglichkeit, dass ich eine Webseite mithilfe von Wix oder anderen Webseiten Tools erstellen kann und dann die erstellte Webseite auf die bereits existierende Domain hochladen kann?
PS. die webseite möchte ich nicht mit HTML und CSS erstellen. Die Tools sollen die meiste Arbeit übernehmen.
Danke im Voraus

Auf einer Website

Bin Anfänger im Thema Webseiten und programmieren und habe mir mal ein Tutorial angeschaut. In dem wurde mir erzählt, dass ich mit dem Editor und HTML eine Website erstellen kann. Wenn ich aber nach abspeichern des Editors etc. den Link, der in der Suchtleiste bei Chrome steht bei einem anderen Gerät eingebe, finde ich diese Seite nicht. Ich hatte auch nicht erwartet, dass das erstellen von einer Website auf diese Weise funktioniert, aber was fehlt mir, dass diese Seite, auch wenn es nur eine Testseite sein soll im Internet aufrufbar ist?

Ich finde, dass diese Brillenanimation auf der Website extrem cool aussieht und ich würde sie gerne auf einer website verwenden.

Kann man diesen Teil "Ausschneiden?" und dann selbst launchen? Und wie einfach wär das? Mir reicht schon, wenn diese Fragen mit ja nein beantwortet werden

https://www.dji.com/at/dji-fpv

Die Animation ist ca. ab einem viertel der Seite

Moin!

Ich würd gern langsam an einer persönlivhen Website arbeiten. Im Frontend liegt jedoch nicht gerade meine Stärke.

Die Seite würd ich gern im Backend mit dem PHP Framework Laravel umsetzen, also Laravel 10 :)

Hat da jemand Empfehlungen für mich? Danke!

Ansonsten muss ich's wohl oder übel selbst machen :p

Haben im Moment einen HTML-Code den ich einfach mal testen möchte. Ich weiß, dass es geht wenn ich das in einem Textdokument speichere, aber meine Frage ist, wie das dann genau geht. Also das man sie testweise im Browser ausführt.

Hätte als Browser Chrome und Edge zur Verfügung

Hallo alle zusammen,

Ich habe eine Website am Laptop mit HTML und CSS programmiert, aber wenn ich das auf dem PC öffnen möchte dann ist das Format kleiner und damit es passt muss ich die Website um 175% vergrößern im browser...

Kann ich das in HTML und CSS irgendwie reinschreiben, dass sich die seite immer automatisch in der größe ist und wenn ja wie?

Danke für eure hilfe

Hi zusammen,

Ich befasse mich in den letzten Wochen etwas mehr mit PHP - Uni-Bedingt. Auf der Suche nach einem geeigneten Thema zu PHP bin ich darauf gestoßen, dass es auch durchaus Kritik an PHP gibt. Des Weiteren hatte ich im Internet eine Grafik gefunden, aus der ersichtlich wurde, dass die großen Tech-Giganten sogut wie kein PHP nutzen. Wieso ist das so? PHP muss ja ziemlich unbeliebt sein, wenn die großen Firmen sich dagegen entscheiden.

Könntet ihr mir vielleicht sagen, was gegen PHP spricht? Hab da sehr wenig Erfahrung. Wieso sollte man diese Sprache nicht verwenden?

Schreibt gerne ausführlich und - wenn möglich - leicht verständlich, da ich noch Neuling in PHP bin:)

Danke schonmal:)

Bei einem Webprojekt, das ich übernommen habe, wird eine Adobe-Schrift vom Adobe-Server geladen. Ist es möglich, Adobe Fonts als Schriftdateien herunterzuladen und lokal einzubinden? Habe bisher kein Adobe-Account.

Hallo,

ich versuche in CSS ein Hintergrundbild auszutauschen bei hover, active, etc.
Leider klappt es aber nicht, da bei besuchten Links dennoch das Hintergrundbild angezeigt wird, welches aber nur angezeigt werden soll, wenn der Link noch nicht geöffnet wurde.

So sieht der Code aus (body):

<div>
      <ul>
        <li><a href="xyz" class="img-link" title="xyz">xyz</a><br/></li>

Bei der Klasse in css habe ich es dann so probiert:

a.img-link{
  display: inline-block;
  background: url(../img/li-button-blue.png);
  margin: 0 auto;
  text-align: center;
}
a.img-link:visited {
  background: url(../img/li-button-yellow.png);
}
a.img-link:hover {
  background: url(../img/li-button-red.png);
}
a.img-link:active {
  background: url(../img/li-button-lightblue.png);
}
a.img-link:focus {
  background: url(../img/li-button-green.png);

Vielleicht kann ja jemand helfen, ist wahrscheinlich total einfach.

Vielen Dank.

Hi, ich möchte hier eine Tabelle über SDGs für ein Projekt in eine Website einfügen. Wenn man dann auf ein SDG Bild drückt, soll sich der Text darunter in eine Info darüber (das jeweilige SDG) ändern. Ich bekomm das leider nicht allein hin, falls mir da wer weiter helfen kann,

Danke im Vorraus!

Hi, ich wollte meiner Website etwas mehr Barrierefreiheit verschaffen und da kam unter anderem der Wunsch eine ordentliche <h1>-Überschrift anstatt dem Logo als Bild einzufügen. Jedoch würde ich das Bild gerne behalten. Meine erste Idee war die <h1>-Überschrift direkt über das Bild zu schreiben und per hidden-Attribut oder CSS-Befehl unsichtbar zu machen, also zu verstecken, aber bringt das überhaupt was oder wird eine versteckte Überschrift von Blindenprogrammen z.B. ignoriert?

Zweite Idee war das Bild zum Kindelement von <h1> zu machen und und den Text auf dem Logo ins alt-Attribut zu schreiben (wie bisher auch), ggf. noch in Klammern "Logo" dahinter zu schreiben.

Welche Idee ist besser bzw. habt ihr bessere/andere Vorschläge?

Ich bin Anfänger und lerne beide Sprachen über Mimo. Aber wo kann man diese Programiersprachen benutzen? Klar kann man sie Mimo ein Projekt schreiben, aber maximal 2, bei der Kostenlosen Version und JavaScript kann man zwar glaube ich in der Browserkonsole testen, aber wo prgramieren, wenn man eine Website will Programieren?