website html speichern?

hallo,

ich habe folgendes problem. ich habe mein website template über den browser geöffnet. dann wollte ich ein wenig herumspielen und habe bei der Seite mit der (rechtsclick)untersuchen Funktion ein paar sachen im "elements reiter" bearbeitet. jetzt gefällt es mir jedoch so sehr das ich es speichern will. habe aber keine ahnung wie. villeicht kann mir ja da jemand weiterhelfen.

mfg marc

05.03.2023, 13:01

oder kann mir jemand evt. noch ein programm empfelen mit der ich eine website erstellen/bearbeiten kann. was ich gerne an dem "untersuchen" tool mag, ist dass man mit der maus über das element auf der website hovern kann, dann daraufclicken kann, und einem direkt der zugehörige code angezeigt wird. nochdazu hat man dann direkt eine live preview der website.

2 Antworten

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, CSS

05.03.2023, 15:29

Klicke im Inspektor mit der rechten Maustaste den obersten Knoten des Dokuments (html) an und wähle den Eintrag Edit as HTML bzw. HTML bearbeiten (o.ä. - kann je Browser und Konfiguration variieren) aus.

Den Text im sich öffnenden Textfeld kannst du folgend mit Ctrl + A markieren und mit Ctrl + C in deine Zwischenablage kopieren.

Auf diesem Weg erhältst du den kompletten, aktuellen HTML-Code des DOM. Gesetzte Inlinestyles sind mit inbegriffen.

(...) oder kann mir jemand evt. noch ein programm empfelen mit der ich eine website erstellen/bearbeiten kann.

VS Code ist ein guter Editor, den du dir passend einrichten kannst. Mehr dazu kannst du hier nachlesen.

Für mehr Drag & Drop-Entwicklung wären hingegen Adobe Dreamweaver oder der Google Web Designer geeignet.

DarkKey

05.03.2023, 13:47

Um eine HTML-Datei der bearbeiteten Webseite zu speichern, kannst du im Browser auf "Datei" und dann "Seite speichern unter" klicken. Falls du den Datei-Bereich nicht findest, kannst du auch einfach strg+s drücken. Dann kannst du einen Speicherort und einen Dateinamen für die HTML-Datei auswählen.

Als Programm zur Erstellung von Webseiten und zum Bearbeiten von HTML-Code empfehle ich beispielsweise Adobe Dreamweaver oder Visual Studio Code.

Ich hoffe du hast den Tab noch nicht zu gemacht :)

Ähnliche Beiträge

Änderungen in Entwicklertool in Chrome speichern

Hallo,

Bei Chrome (und auch bei Firefox - bei Chrome finde ich es aber übersichtlicher) kann man auf Seiten ja auf "Element untersuchen" gehen und dort dann auch den Code verändern.

Ich arbeite gerade an einem WP-Auftritt und würde diese doch sehr komfortable Möglichkeit, die Änderungen gleich direkt zu sehen, effektiv nutzen. Ist es also möglich, dass die Änderungen gleich gespeichert werden? Ich habe nirgendwo die Möglichkeit gefunden, die Zugangsdaten zum Server einzugeben. Gibt es da vielleicht Addons?

(dass es bei fremden Seite ohne Zugangsdaten keinesfalls geht, ist mir schon klar ;D)

MfG

...zum Beitrag

Gehen CSS-Animationen auch rückwärts nach Hover?

Hallo!

Ich habe eine CSS-Animation, die bei Hover ein Element vergrößert. Wenn man die Maus wegbewegt ändert sich die Größe direkt ohne Animation wieder zurück. Wie kann man die Animation beim Webbewegen des Cursers wieder rückgängig abspielen lassen?

...zum Beitrag

Bild taucht nicht auf Website auf was mach ich falsch?

Hi ich habe folgendes Problem mit html5

nehmen wir an meine website heißt website.de

Wenn ich jetzt folgenden code schreibe:

dann klappt das ganze wunderbar LOKAL.

wenn ich aber folgende zeile schreibe:

und natürlich die html speichere und das logo so wie die

html auf den webserver lade, dann erscheint nur der alt text "logo"

d.h. das bild ist nicht zu sehen.

Was mache ich falsch ?

P.S.: ja das logo ist auch im richtigen ordner. es spielt keine rolle ob ich es in den image ordner

meines servers speichere oder direkt in die root.

Vielen Dank im Vorraus !

...zum Beitrag

Wie kann man mit PHP/JavaScript eine neue Website erstellen?

Hey Freunde

wie kann man mit PHP/JavaScript eine neue Website direkt im Browser erstellen? Also man gibt zum Beispiel den Inhalt und Titel an, drückt auf "Submit" und es wird automatisch eine neue Website erstellt, genau mit den Eingaben! Halt so ähnlich wie in WordPress bei einem neuen Blog Eintrag!

Vielen Dank!

--Ergänzung--

Mein Gedanke wäre jetzt gewesen, ein Template zu erstellen. Dann eine weitere Seite mit einem Input Field, deren Input dann PHP Variablen zugewiesen werden. Beim Drücken Des Buttons wird dann die Template Datei kopiert, und der Input eingesetzt!

...zum Beitrag

Borlabs Cookies Probleme mit Elementor?

Hallo alle Zusammen
Seitdem ich Borlabs Cookies aktiviert habe auf der Homepage, kann ich Elementor nicht mehr nutzen, nur noch im abgesicherten Modus.

Zudem werden alle Elemente die eine Animation enthalten direkt unsichtbar gemacht und dann entsteht auf der Website einfach eine Lücke

...zum Beitrag

Wie kann ich einen HTML button direkt neben einem <p> Element plazieren?

(die <form> und der <p> werden auf der website ja immer automatisch untereinader angezeigt

...zum Beitrag

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

...zum Beitrag

Findet ihr das Programmieren von Webseiten anspruchsvoll?

Guten Abend/Morgen liebe Leute da draußen,

findet oder fandet ihr anfangs das Programmieren von funktionsfähigen Webseiten sehr anspruchsvoll? Also HTML, CSS, PHP etc.

Und denkt ihr auch, dass die Fähigkeit zu Programmieren, mit der allgemeinen mathematischen Begabung einer Person korreliert — ich meine da nämlich immer, so vom Aufbau der Logik her, gewisse Parallelen zu erkennen.

...zum Beitrag

Ubuntu wechselt meinen Cursor nicht mehr?

Nachdem ich meinen PC gestartet habe, spielt mein Cursor verrückt.

Er verändert sich nicht. Wenn ich über ein bestimmtes Element hovere, zum Beispiel auf einer Website über einen Button, bleibt er standard.

...zum Beitrag

HTML CSS Website Footer wird im Container angezeigt, obwohl er nicht drin ist?

Hallo,

Ich "programmiere" gerade ein wenig mit HTML und CSS und baue eine Website mit einem Head, einer Main und einem Footer. Mein Problem ist, dass alle Elemente der Website nach der Main (bei mir heißt sie "Container") trotzdem noch innerhalb des Containers angezeigt werden. Somit ist bei mir der Footer im Container Main, obwohl der Container vorher schon geschlossen wurde.

-------------------------------------------------------------------------------------

HTML CODE:

<!DOCTYPE html>
<html>
 <head>
  <title>Aufgabe 1</title>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" type="text/css" href="style.css" />
 </head>
 <body>
  <header>
   <header1 class="item1">
    <h2>FeWos</h2>
   </header1>
  </header>
  <div" class="container">
   <div class="b1">
    <div>
     <h1>Item 1</h1>
    </div>
    <div class="bild1">
     <img src="pingu.png" width="50%" height="50%">
    </div>
   </div>
   <div class="b1"><br>Box 2</div>
   <div class="b1"><br>Box 3</div>
   <div class="b1"><br>Box 4</div>
   <div class="b1"><br>Box 5</div>
   <div class="b1"><br>Box 6</div>
  </div>
  <footer>
   <p>Hallo</p>
  </footer>
 </body>
</html>

----------------------------------------------------------------------------------------------------

CSS CODE:

body {
  margin: 0;
}
header {
  height: 120px;
  background-color: rgb(43, 43, 43);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.container {
  border: 3px solid;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 90px;
  padding: 90px;
}
.b1 {
  display: flex;
  background-color: rgb(93, 161, 224);
  width: 30%;
  height: 500px;
  flex-grow: 1;
  transition: transform 0.2s ease-out;
  border-radius: 20px;
}
.b1:hover {
  transform: scale(1.05);
}
.bild1 {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  width: auto;
  height: auto;
}
footer {
  background-color: rgb(43, 43, 43);
  width: 100%;
  height: 120px;
  padding: 0px;
}

----------------------------------------------------------------------------

Wie man sehen kann wird der "container" mit </div> abgeschlossen, aber der Footer ist trotzdem im Container. Hoffe mir kann jemand bei dem Problem helfen.

Auf dem Bild kann man das auch ganz gut sehen. Das anthrazit farbige soll der Footer sein und dieser liegt innerhalb des Containers, welcher zur Sichtbarkeit eine Umrandung hat.
Würde mich echt freuen, wenn mir jemand weiterhelfen kann. Hab auch Chat GBT schon gefragt, aber Chat GPT sagt, dass der Code ganz normal ist und, dass der Footer nicht im Container ist.

...zum Beitrag

Hi ich habe ein sign up und login system für eine website mithilfe von xamp, mysqli und php gebaut, dass signup system mit error messages und allem funktioniert auch, aber das login system nicht. Wenn ich mich versuche einzuloggen passiert nichts und wenn ich absichtlich falsche login daten eingebe passiert ebenfalls nichts. Ich weiß nicht woran das liegt und bräuchte echt hilfe. Wenn jemand meinen Code braucht einfach bescheid sagen :/

...zum Beitrag

Welchen Befehl brauche ich (HTML, CSS)?

Hallo welchen css Befehl brauche ich damit wenn ich nach unten scrolle dass der weiße Kasten hinter der Menüleiste oben ist und nicht vor?

Danke!

...zum Beitrag

PDO Datenbank Verbindung herstellen & Verwendung von Prepared Statements mit HTML Website Code?

Hallo liebe Community!

Ich versuche mir seit einigen Wochen die Programmiersprache PHP anzueignen. Aktuell versuche ich Daten aus einem Formular von einer einfachen HTML Seite an meine Datenbank zu senden. Dafür möchte ich gerne PDO verwenden da sich damit Daten sicherer speichern lassen sollen.

Mit der Offiziellen Dokumentation komme ich leider nicht so gut zurecht, daher wären meine Fragen an euch:

Wie würde eine solche Verbindung zu meiner Datenbank mit PDO prinzipiell aussehen?
Wie baue ich diese SQL Statements richtig ein, wenn ich Daten von HTML Elementen speichern - laden, sowie eventuell später suchen möchte?

Ich bin für jeweilige Antworten sehr dankbar, gerne auch mit Bildern, Links oder direkten Codebeispielen!

...zum Beitrag

Warum wird der Button click erst am Ende ausgeführt?

Ich will einen kleinen Bot schreiben, der Infos von einer bestimmten Website ausließt und dann dementsprechend Entscheidungen triff.

Um an die Informationen zu kommen, die ich haben will, muss erst ein Button gedrückt werden. Also hab ich mir das entsprechende Element raus gesucht und ein .click() hinten angehängt und damit waren die Infos auslesbar. Wenn ich diesen Befehl aber in ein "längeres" Script einbaue wir der click erst am Ende vom Programm ausgeführt. Zumindest ändert sich auf der Website erst am Ende vom Programm etwas. Was muss ich tun damit der click auch wirklich direkt ausgeführt wird?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen