HTML life ausgabe?

Ich will einen code schreiben und direkt sehen wie die Internetseite aussieht OHNE AKTUALISIEREN ZU MÜSSEN.

Microsoft edge geht nicht udn VS vision oder kp wie das heißt auch nicht.

LG:D

4 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

14.08.2023, 14:06

mit den JetBrains IDEs geht es. Da fügt er automatisch eine Funktion hinzu, die bei Änderung automatisch aktualisiert. Dafür musst du in einer HTML-Datei sein und dann wird ein Feld mit Browsern angezeit, auf das du dann klicken musst um es anzuzeigen.

xTheForza

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik

12.08.2023, 12:28

Benutz das Plugin Live Server, das aktualisiert dann automatisch

Lisa1Natur0

Fragesteller

15.08.2023, 15:08

bei mir nicht. ich muss das immer selber machen

SEOManager

Unternehmen, das auf gutefrage aktiv ist

13.11.2023, 20:04

Warum so umständlich?

Einfach mit Notepad++ Code schreiben und mit Browser anzeigen.
Natürlich könntest du auch z.b. den Firefox Entwickermodus verwenden.
Dabei wird dir die Änderung sofort angezeigt

simoncaspar

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik

12.08.2023, 12:18

Es gibt in vscode Plugins dafür.

Woher ich das weiß:Hobby – Hardwarelounge HW-Experte, baue seit 6 Jahren PCs

Lisa1Natur0

Fragesteller

12.08.2023, 12:27

sag bloß. die frage ist welchen soll ich nehmen

simoncaspar

12.08.2023, 13:40

@Lisa1Natur0

Ne das war nicht die Frage...

Lisa1Natur0

Fragesteller

12.08.2023, 14:42

@simoncaspar

was bist du für´n nerd

Lisa1Natur0

Fragesteller

16.08.2023, 14:35

@simoncaspar

das war die frage

SEOManager

13.11.2023, 20:06

@Lisa1Natur0

sag bloß. die frage ist welchen soll ich nehmen

am besten gar keine und gleich Entwicklertool verwenden, z.b. Firefox oder Notepad++

SEOManager

13.11.2023, 20:04

Firefox Entwicklermodus funktioniert auch ohne PlugIns

Wie kann ich das ändern?

Habe das auf Visual Studio Code gemacht.

...zur Frage

CMS in eigene HTML/CSS Webseite einbinden?

Hallo,

folgendes:

Ich habe eine Webseite für eine kleine Firma mittels HTML/CSS erstellt. Einen Baukasten habe ich nicht verwendet, da die Webseite ziemlich komplex war und der Inhaber sie lieber nach eigenen Vorstellungen erstellt haben wollte und nicht einfach durch eine Copy/Paste-Vorlage.

Die Webseite ist soweit fertig, nun möchte der Inhaber aber selbst Inhalte einfügen und aktualisieren können. Kann ich meine HTML-Seite nachträglich zum Beispiel mit einem CMS einbinden? Ich habe sie in VS Code erstellt.

Die Idee mit dem CMS kam daher, dass der Inhaber mit dem Code nicht zurechtkommt und ich Angst habe, dass er die ganze Webseite zerstört, falls er den Code falsch ändert.

Gibt es auch noch andere bessere Varianten als CMS?

Danke schonmal.

...zur Frage

Programmieren auf IPad?

Ich möchte mir bald ein IPad kaufen für die Schule. Jetzt frage ich mich ob ich damit auch programmieren kann. Ich habe auch einen Windows PC zuhause mit dem ich das mache aber so für unterwegs oder wenn die lehrer mich mal wieder mit ihrem Unterricht langweilen XD. Ich will übrigens Webseiten mit HTML,CSS und Javascript machen und eventuell auch noch C#

...zur Frage

was ist hier falsch gelaufen?

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Rocket vs Aliens</title>
  <style>
    canvas {
      background-color: gray;
    }
    
  </style>
  <script>
    let KEY_SPACE = false;
    let KEY_UP = false;
    let KEY_DOWN = false;
    let canvas;
    let ctx;
    let backgroundImage = new Image();
    let rocket = {
      x: 100,
      y: 200,
      width: 200,
      height: 80,
      src: 'img/rocket.png'
    };
    let spaceship = {
      x: 500,
      y: 200,
      width: 100,
      height: 40,
      src: 'img/spaceship.png'
    };
    document.onkeydown = function(e) {
      if (e.keyCode ==32) { // Leertaste gedrückt
        KEY_SPACE = true;
      }
      if (e.keyCode ==32) { // unten gedrückt
        KEY_SPACE = true;
      }
    
      if (e.keyCode ==38) { // Oben gedrückt
        KEY_UP = true;
      }
    }
    document.onkeyup = function(e) {
      if (e.keyCode ==32) { // Leertaste losgelassen
        KEY_SPACE = false;
      }
    
      if (e.keyCode ==38) { // oben losgelassen
        KEY_UP = false;
      }
      if (e.keyCode ==40) { // unten losgelassen
        KEY_DOWN = false;
      }
    }
    function startGame () {
      canvas = document.getElementById('canvas');
       ctx = canvas.getContext('2d');
      loadImages();
      draw();
      // calculate
    }
    function loadImages() {
      backgroundImage.src = 'img/background.png';
      rocket.img = new Image();
      rocket.img.src = rocket.src;
      spaceship.img = new Image();
      spaceship.img.src = spaceship.src;
    }
    function draw() {
      ctx.drawImage(backgroundImage, 0, 0);
      ctx.drawImage(rocket.img, rocket.x, rocket.y, rocket.widht, rocket.height);
      
      requestAnimationFrame(draw);
    }
  </script>
</head>
<body onload="startGame()">
<canvas id="canvas" width="720" height="480"></canvas>
</body>
</html>

...zur Frage

Wie kann ich meine html Seite für alle Browser optimieren?

Ich habe eine Webseite erstellt die auf Chrome wunderbar funktioniert und auch auf Microsoft edge, aber im Internet Explorer und auf Firefox wieder nicht, wie kann man das beheben?

...zur Frage

Erstellte website nicht aufrufbar?

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?

...zur Frage

Html Website automatisch aktualisieren?

Hallo, wie kann ich immer wenn ich in VS-Code mein html Projekt speichere automatisch meine lokale Datei im Browser aktualisieren? Sodass ich immer das Ergebnis live sehe?

LG Flobin

...zur Frage

HTML + CSS Website hat weisse Seite am rand?

Wenn ihr nach links scrollt auf https://islikers-baukunst.ch/FreshHp, seht ihr einen weissen Rand aber kein visuelles Element dass das verursacht. Könnt ihr mir da helfen? Leider kann ich nicht die Website hier rein kopieren, da diese sonst zu lang wäre. Aber ich habe hier einen DropBox-Link: Zu DropBox

...zur Frage

Wie kann man Text über JavaScript versenden?

Hi Leute, ich möchte eine kleine Homepage (HTML, CSS, JavaScript)erstellen und hätte gern eine Funktion, bei der man Text eingeben kann, der mir anschließend zugesendet wird. Bitte schreibt nicht, dass ich einfach eine E-Mail Adresse verlinken soll. Vielen Dank im Voraus. :-)

...zur Frage

Mit JavaScript Alter ausrechnen?

Ist es möglich über JavaScript, wenn man das Geburstsdatum eintippt, dass das Alter ausgerechnet wird?

Es soll dann neben stehen: 41 Jahre und 100 Tage

...zur Frage

Kann jemand diesen Button in HTML CSS umwandeln?

Hallo,

schafft es jemand, mir diesen Button in HTML und CSS zu machen?

Border color ist #f5bf8c

Font color ist #363639

Gradient links ist #fdc591

Gradient recht ist #cd9969

Und dann ist da noch so ein kleiner Schatten nach außen (gold) und nach Innen ein kleiner, schwarzer Schatten

...zur Frage

HTML Hilfe?

Ich habe meine erste HTML-Datei geschrieben.

Ich habe auf der Hauptseite einen Link eingebaut, der auf eine zweite Seite dieser Webseite weiterleitet. Also man klickt auf einen Button und kommt auf eine andere, interne Seite.

<a href="/Impressum.html" target="_blank">Impressum</a>

Aber wenn ich drauf klicke, dann werde ich zwar weitergeleitet, aber dann kommt das hier.

Und ja, die Seite, auf die man weitergeleitet werden soll existiert. Ich kann auch in meiner Datei drauf klicken und komme dann dorthin.

...zur Frage

CSS-Bild-Text?

Hallo, wie lautet der Befehl, wenn ein Text und ein Bild auf der gleichen Linie stehen?

<div class="räderContainer">
                    <h3 class="h41">Text</h3>
                    <img class="rad" src="zahnrad.png">
                </div>

...zur Frage

Wie macht man das?

Wenn ich eine Webseite mit Dunklem und Hellem design machen will, muss ich 2 CSS Dateien machen

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen