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

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

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

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

Website Erstellen lassen?

Hallo liebe Community hat jemand eine Ahnung wo man sich günstig seine eigene Webseite für die Firma erstellen lassen kann

danke schonmal im Voraus für alle antworten

...zum Beitrag

Hosting bei Auftragsprogrammierung von Webseiten?

Hallo,

ich spiele mit dem Gedanken überein Kleingewerbe oder Freelancertätigkeit Webseiten für Privat- oder Geschäftskunden zu programmieren.

Also das reine Frontend.

Wie läuft sowas in der Regel mit dem Hosting der Webseite.

Könnte ich verlangen, dass sich der Kunde selber um Domain, Webspace, Impressum , Darenschutz usw. (ggf. Backend) selber kümmert.

oder ist das direkt unprofessionell und von Erfolglosigkeit gekrönt?

Also weil der Kunde so gar keine Ahnung hat, ich aber ja nur 'ein wenig', weil ich ja hauptsächlich nur das Frontend bieten möchte? Aber er möchte vielleicht alles aus einer Hand, obwohl Frontend ja gar nichts unbedingt für Backend zuständig ist.

Ich meine, ich kenne ja die Grenzen und Zuständigkeiten unter Umständen besser als der Kunde, kann aber nur das bieten womit ich mich am besten auskenne.

Hoffe ihr versteht was ich meine😉

...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

Womit kann ich so eine Website erstellen?

https://maho-management.com/

mir geht’s um das bewegende unter dem Bild und generell wie die Seite aufgebaut ist

...zum Beitrag

PageSpeed Hilfe bitte - WordPress?

Hallo,

habe bei meiner Seite jetzt so viel wie möglich optimiert.
Aber

Google hat ein neues Problem:

"Ressourcen beseitigen, die das Rendering blockieren"

Siehe hier im Bild:

Ich weiß nicht, was das soll.

Hab ich eine Englische Version meiner Seite unter der URL mit /en dran. Da ist das Problem komischerweise nicht (obwohl es 1:1 die Selbe Seite ist, da die Übersetzung aktuell aus ist)
Das sind 100KiB die da geladen werden mit einer Zeit von angeblich 9 Sekunden??? Was soll ich da noch weiter optimieren? Zu mal das Teilweise wichtige Dinge sind, die da geladen werden, wenn ich den CSS Code Delayed Lade gibts Probleme.

Also was soll der blödsinn? Warum wird mir gesagt ich soll 100KiB Delayed laden. Das ist doch lächerlich.

...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