Lange Zeit Für mich ist die Option „Anzeigen“. Quelle Seiten" war nutzlos und uninteressant. Tschüss HTML lernen Die Beschäftigung mit Codecademy und das Layout meiner eigenen Websites haben sich nicht zu meinem neuen Hobby entwickelt. Hier stellte sich die Frage: Wo kann man echte Fälle finden und interessante Lösungen für sein „Sparschwein“ ausleihen? Die Antwort war unerwartet einfach, wie bei allen genialen Dingen: Schauen Sie sich den Quellcode der Seite an Google Chrome! Ich teile meine bescheidenen Funde mit Ihnen.

Was ist der Quellcode der Seite?

Wenn Sie, wie ich, gerade Ihre ersten Schritte in der HTML-Programmierung unternehmen, wäre es eine gute Idee, den Quellcode einer Seite herauszufinden.

Quellcode, auch HTML-Seitencode genannt, ist Text in der Hyper Text Markup Language (HTML). Es umfasst den eigentlichen Seiteninhalt (Text, Tabellen) und Tags. Letztere dienen als Anweisungen für den Browser: wie Inhalte angezeigt werden, welche Formatierung verwendet werden soll, wo ein Hyperlink oder eine Mediendatei eingefügt werden soll. Nun, für uns unerfahrene Programmierer ist der Quellcode das beste Übungsgelände: Wir finden eine interessante Site, spionieren sie aus, speichern sie und verwenden erfolgreiche Fragmente. Wie?

So zeigen Sie den Quellcode auf der Google Chrome-Browserseite an

Finden Sie die Seite, die Ihnen gefällt. Mich interessierte zum Beispiel die Gestaltung des Site-Menüs. Es gibt drei Möglichkeiten, den Quellcode im Google Chrome-Browser zu öffnen:

1. Klicken Sie auf das Symbol Speisekarte in der oberen rechten Ecke des Browsers und wählen Sie „ Zusätzliche Werkzeuge" Unter anderem gibt es die Option „Quellcode anzeigen“. Ehrlich gesagt benutze ich es selten diese Methode: viele unnötige Bewegungen. Es kann noch einfacher gemacht werden.
2. Drücken Sie die Tastenkombination Strg+U– ein neues Fenster mit dem Quellcode öffnet sich;
3. Für Fans des Kontextmenüs: Klicken Sie mit der rechten Maustaste auf die Seite und wählen Sie die Option „Seitencode anzeigen“.

Wir haben die Aufgabe gemeistert, den HTML-Code der Seite im Browser anzuzeigen. Kommen wir zur interessantesten Phase.

So bearbeiten und speichern Sie Quellcode

Um zu lernen, wie man Websites erstellt, reicht es nicht aus, den HTML-Code einer anderen Person zu lesen. Sie müssen damit spielen, experimentieren, Änderungen vornehmen und das Ergebnis überprüfen. Sie können sogar damit beginnen, einige erfolgreiche Beispiele zusammenzustellen. Wie bearbeite und speichere ich Quellcode?

Option 1. „Manuell“

Nachdem wir den Quellcode der Seite geöffnet haben, rufen Sie das Kontextmenü auf und wählen die Option „Speichern unter“ und speichern die Datei unter Festplatte. Wir bearbeiten die Datei im Notepad oder Notepad, speichern die Änderungen und öffnen sie über den Browser. Die Ergebnisse unserer Änderungen (erfolgreich und nicht so erfolgreich) werden im Browserfenster angezeigt.

Option 2. Für die Profis

Wenn Sie jeden Tag mit dem Quellcode „spielen“, wird der Prozess „Speichern – Öffnen – Ändern – Speichern – Überprüfen“ ermüdend. Für mich selbst habe ich eine Lösung in Form der Installation eines Plugins für Google Chrome – Firebug Lite – gefunden. Es ermöglicht Ihnen, Quellcode zu bearbeiten und zu speichern, ohne das Browserfenster zu verlassen.

Guten Tag, liebe Leser meines Blogs. Manchmal findet man auf einer Website eine schöne Funktion und fragt sich, wie der Ersteller einen so interessanten Effekt erzielt hat.

Es stellt sich heraus, dass die Antwort ganz einfach ist. Und wenn Sie über einige Fähigkeiten verfügen, können Sie viele dieser Funktionen sammeln und in kurzer Zeit Ihre eigene, einzigartige Website erstellen.

Heute werden wir darüber sprechen, wie Sie den Code einer Seite oder eines bestimmten Elements öffnen und lernen, wie Sie diese Fähigkeit zu Ihrem Vorteil nutzen können.

Grundkenntnisse im Code

Meine Seite ist für Anfänger gedacht und ich möchte zunächst kurz auf Seiten und Code im Allgemeinen eingehen.

Um ein Bild zu zeichnen und es dann in kleine Teile zu schneiden, schreiben Sie Code, damit der Browser alle Elemente wieder zu einem Ganzen zusammenfügt. Scheint alles sehr kompliziert zu sein? Überhaupt nicht, und es hat keinen Sinn, darüber zu trauern.

So entstehen hochwertige Websites. Wenn Sie wollen, lassen Sie sich auf diese Angelegenheit ein und studieren Sie sie; wenn Sie nicht wollen, kann Sie niemand dazu zwingen.

Ich möchte nur eines sagen: Es gibt nichts Schöneres, als zu sehen, wie unverständliche Wörter, die Sie geschrieben haben, zu einem Ganzen werden und zum Leben erwachen: Links funktionieren, Schaltflächen bewegen sich, Bilder bewegen sich, Text kriecht. Ich glaube, ich weiß, wie sich Victor Frankenstein gefühlt hat.

Wenn man beginnt, die Geheimsprache zu verstehen und erkennt, dass eigentlich alles viel einfacher ist, als es zunächst schien, kommt man nicht umhin, an die eigenen Stärken und Fähigkeiten des Gehirns zu glauben. Das ist sehr cool.

Wie werden Websites erstellt? Idealerweise zuerst. Er malt nur ein Bild. Zum Beispiel wie im Bild unten gezeigt. Im Moment ist es nur ein Bild, eine Fotografie. Es funktionieren keine Links, beim Anklicken gelangt man nirgendwo hin, es wird keine Suche durchgeführt.

Nach dieser Zeichnung. Schauen Sie sich den Screenshot unten an. Sie denken vielleicht, dass dies ein lächerlicher und sehr komplexer Satz von Symbolen ist. Tatsächlich ist nicht alles so kompliziert, es gibt einen bestimmten Algorithmus.

Es gibt nur etwa 150 Tags und jedes davon ist für eine bestimmte Aktion verantwortlich: Link, Silbentrennung, Fettdruck, Farbe, Titel und so weiter. Sie zu verstehen ist nicht so schwierig, wenn Sie den Wunsch haben und sich nicht um die Zeit kümmern.

Dank der Kenntnis dieser Eigenschaften können Sie nahezu jedes Problem lösen. Aber jeder Entwickler findet seine eigenen Wege, um das Ziel zu erreichen.

Erfahrene Entwickler sehen sofort, wie sie Ergebnisse erzielen können, während andere nachdenken und in Artikeln oder im Quellcode der Wettbewerber nach der Antwort suchen müssen. Sie nehmen einfach den erforderlichen Teil von einer Drittanbieter-Site und bearbeiten ihn selbst. Dadurch wird der Arbeitsprozess deutlich verkürzt.

Etwas später werde ich Ihnen ein konkretes Beispiel zeigen.

Code ansehen

Lassen Sie mich Ihnen zunächst zeigen, wie Sie vorgehen, wenn Sie den HTML-Code einer anderen Person herausfinden müssen. Anschließend schauen wir uns alle weiteren Fragen genauer an.

Der beste Weg

Die Methode, die ich zuerst beschreibe, ist für Anfänger etwas kompliziert, aber als Einführung lesen Sie sie. Öffnen Sie die Seite und klicken Sie auf die rechte Maustaste. Wählen Sie „Speichern unter...“

Speichern Sie die gesamte Webseite. Wie Sie im Screenshot sehen können, habe ich bereits alles vorab heruntergeladen. Hier haben wir zwei Ordner.

Alles, was Sie brauchen, ist hier. Jedes Element. Wenn Sie das verstehen, können Sie schnell alles bekommen, was Sie brauchen. Doch eine solche Aufgabe wird zunehmend unmöglich. Es findet kein Download statt. Was tun, wenn das Kopieren einer Seite verboten ist?

Das ist Google Chrome

Wie Sie vielleicht schon bemerkt haben, verwende ich am häufigsten Google Chrome und das Erlernen des Codes einer anderen Person in diesem Browser ist so einfach wie das Schälen von Birnen. Wie im Prinzip auch bei jedem anderen. Das Schema wird nicht nur ähnlich, sondern identisch sein. Öffnen Sie die Seite, deren Code wir wissen möchten, und klicken Sie mit der rechten Maustaste auf eine beliebige Stelle. Klicken Sie im angezeigten Fenster auf „Seitencode anzeigen“.

In einem neuen Fenster wird ein Codeblatt geöffnet, das für Anfänger recht schwer zu verstehen ist. Aber seien Sie nicht im Voraus beunruhigt.

Wenn Sie den Code nur eines Elements kennen müssen, fahren Sie einfach mit der Maus darüber und klicken Sie mit der rechten Maustaste. Wählen Sie eine andere Chrome-Funktion: „Elementcode anzeigen“.

Mich könnte zum Beispiel interessieren, wie das Logo erstellt wurde, mit einem Bild oder einer Programmiersprache? Schließlich können Sie mit CSS ein Quadrat zeichnen. Viele Experten raten dazu, möglichst viele Informationen im Code festzuhalten. Wie funktionieren sie auf beliebten Websites?

Jetzt sind die notwendigen Informationen aufgetaucht. HTML oben, CSS unten. Das sind zwei Sprachen. Der erste ist für die Textkomponente zuständig, der zweite für das Design. Wenn es kein CSS gäbe, müssten Sie jedes Mal die Farbe und die Schriftgröße angeben. Das ist für jede Seite sehr lang. Aber wenn es kein HTML gäbe, dann hätten wir auch keine Texte. Ich habe es grob erklärt, aber im Großen und Ganzen ist es so.

Wer sich übrigens dafür interessiert, wie es hier funktioniert, kann sich den Link zum Bild unten ansehen. Hier ist Ihre Antwort.

Mozilla Firefox

Wenn Sie gerne mit Mastix arbeiten, ist alles genau gleich. Öffnen Sie die Seite und klicken Sie auf die rechte Maustaste. „Seitenquellcode“, wenn Sie den gesamten Code sehen möchten.

Wenn Sie mit der Maus über ein Element fahren, können Sie dessen Code öffnen.

Hier werden die Daten am unteren Bildschirmrand angezeigt, ansonsten ist alles genau gleich.

Yandex-Browser

Im Yandex-Browser ist alles genau das gleiche wie in den beiden vorherigen Optionen. Öffnen Sie die Seite, klicken Sie mit der rechten Maustaste und sehen Sie sich den Seitencode an.

Wir bewegen den Cursor über ein Element, wenn wir dessen genauen Code herausfinden möchten.

Hier wird alles genauso angezeigt wie in Chrome.

Oper

Und schließlich Opera.

Übrigens haben Sie vielleicht bemerkt, dass Sie keine Maus verwenden müssen. Es gibt eine schnelle Tastenkombination zum Öffnen des Codes, die für alle Browser gleich ist: STRG+U.

Für Elemente: Strg+Umschalt+C.

So sieht das Ergebnis aus.

Das wird für Anfänger interessant sein

Schauen Sie nun, wie alles funktioniert. Sie finden eine Website und ein Element gefällt Ihnen wirklich gut. Zum Beispiel dieses hier. Sie wissen bereits, wie Sie den Elementcode öffnen.

Kopieren Sie es nun.

Ich benutze es, füge diesen Code in einen neuen ein html-Datei, in das Body-Tag (body auf Englisch).

Schauen wir uns nun an, wie das Ganze im Browser aussehen wird.

Bereit. Damit der Text an den Rändern ausgerichtet wird und eine grünliche Farbe erhält, müssen Sie CSS mit diesem Dokument verbinden und einen anderen Code von der Site kopieren, von der wir diesen kopiert haben.

Ich werde das jetzt nicht tun. Das erfordert mehr Zeit: sowohl meine als auch deine. Ich denke, dass ich alle Details in meinen zukünftigen Veröffentlichungen beschreiben werde. Abonnieren Sie den Newsletter und erfahren Sie als Erster, wenn ein Artikel erscheint.

Wenn du es nicht aushältst, aber jetzt mehr über HTML und CSS erfahren möchtest, dann kann ich dir traditionell kostenlose Schulungen empfehlen.

Hier sind 33 Lektionen, die es Ihnen ermöglichen, HTML zu beherrschen – „Kostenloser HTML-Kurs“ .

Und hier finden Sie vollständige Informationen zu CSS - „Kostenloser CSS-Kurs (45 Videolektionen!)“ .

Jetzt wissen Sie etwas mehr. Ich wünsche Ihnen viel Erfolg bei Ihren Bemühungen. Wir sehen uns wieder!

Anweisungen

Rufen Sie mit einem Browser die Website auf, deren HTML Sie ändern möchten Code. Geben Sie dazu ein Adressleiste Browseradresse der Ressource oder verwenden Sie eine der Internetsuchmaschinen.

Offen Code Seiten zum Ansehen. Je nach verwendetem Browser müssen Sie den entsprechenden Menüpunkt auswählen. In Opera können Sie das Original ansehen Code und verwenden Sie „Ansicht“ – „Entwicklungstools“ – „Quelle“. Code" In Google Chrome ist diese Funktion im Abschnitt „Extras“ – „Quelle anzeigen“ verfügbar. Code" Wenn Sie verwenden Mozilla Firefox, klicken Sie auf die Schaltfläche „Menü“ – „Webentwicklung“ – „Quelle“ Code Seiten". Abhängig von Ihren Browsereinstellungen HTML Code wird in einem neuen Tab oder Fenster geöffnet.

Bearbeiten Sie die angezeigten Code. Um in Firefox und Chrome ein Dokument zu bearbeiten, müssen Sie es zunächst auf Ihrer Festplatte speichern (Datei – Seite speichern unter).

Nachdem Sie alle Änderungen vorgenommen haben, speichern Sie die Seite über die Schaltfläche „Speichern“. Das Dokument wurde geladen. Sie können es selbst mit einem beliebigen Texteditor ändern.

Um eine vollständige Kopie der Seite mit allen Bildern zu speichern, gehen Sie zu der benötigten Ressource und wählen Sie das Menü „Datei“ – „Speichern unter“. Wählen Sie im erscheinenden Fenster den Dokumenttyp „HTML-Datei mit Bildern“ aus.

Hilfreicher Rat

Für visuelle HTML-Bearbeitung Es gibt viele Editoren, die Syntaxhervorhebung ermöglichen und fehlende Deskriptoren automatisch ergänzen. Einer der meisten leistungsstarke Werkzeuge Webentwickler ist das Programm Macromedia Dreamweaver. Alternativ gibt es eine hellere Titelseite. Wenn Sie kein visuelles Debugging benötigen, sondern lediglich Unterstreichungen und Einfärbungen der Syntax benötigen, können Sie den leichteren, aber leistungsfähigeren Editor Notepad++ verwenden.

Quellen:

• wie man den Quellcode ändert

Von der Antwort auf die Frage „Wie soll ich den Artikel nennen?“ hängt nicht nur von der Anzahl der Leute ab, die es lesen, sondern ohne Übertreibung auch vom Ruf der gesamten Website, auf der es veröffentlicht wird. Schließlich ist jeder Artikel ein kleiner Strich im Gesamtbild der Ressource und die Kombination vieler einzelner Striche ergibt ein einzigartiges Bild der gesamten Site.

Anweisungen

Es ist besser, den Titel für später aufzuheben, wenn der Text selbst fertig ist. Dies ermöglicht Ihnen beim Schreiben, den Gedankengang nicht innerhalb des durch den Titel vorgegebenen Rahmens einzuschränken. Wenn Sie den fertigen Text vor Augen haben, ist es einfacher, den Titel zu bestimmen, der alle Nuancen des Artikels am besten widerspiegelt. Lesen Sie den fertigen Text noch einmal und formulieren Sie im Geiste die Essenz des Textes in mehreren prägnanten Sätzen.

Abhängig von der Zielgruppe der Website wählen wir eine Artikelvorlage aus. Offensichtlich eignen sich auffällige Schlagzeilen nicht für Artikel, beispielsweise zu juristischen Themen. Umgekehrt schreckt eine ernsthafte Schlagzeile für ein leichtes Material einen Teil der potenziellen Leser ab. Es gibt viele Vorlagen für Artikeltitel, zum Beispiel:

Interessante Frage („Wissen Sie, dass...?“)

Eine Frage, die mit dem Wort „Wie?“ beginnt („Wie soll ich den Artikel nennen?“)

Ansprache an das Publikum („Nur Studierende…“)

Satzaussage („Teich an der Datscha – Seelenfrieden“)

Angebotsgarantie („Garantierte Methode...“)

Anreiz zum Handeln („Erhalten Sie einen Rabatt ...“)

Natürlich sind Artikelüberschriften nicht auf diese Vorlagenliste beschränkt.

Wir erstellen mehrere Namensvarianten anhand der ausgewählten Vorlagen. Dann schneiden wir die erfolglosen ab und lassen diejenigen übrig, die:

Geben Sie den Kern des Artikels am genauesten wieder

Relevant für die Interessen des Publikums

Quellen:

• Denis Kaplunov. Kostenloser Meisterkurs zum Schreiben von Schlagzeilen
• Artikelüberschrift

HTML-Anweisungen (HyperText Markup Language) werden vom Webserver auf Anfrage des Browsers eines Seitenbesuchers gesendet und enthalten vollständige Informationen darüber, was und wie der Browser dem Besucher dieser Seite anzeigen soll. Heutzutage werden diese Anweisungen meist durch serverseitige Skripte generiert und nicht vorgefertigt in Dateien gespeichert. Sollte dennoch die Notwendigkeit bestehen, den HTML-Code und nicht die Skripte, aus denen er besteht, zu bearbeiten, kann dies mit verschiedenen Tools erfolgen.

Anweisungen

Verwenden Sie den Editor des Content-Management-Systems, um den Quell-HTML-Code zu bearbeiten. Dazu müssen Sie nach dem Laden des gewünschten Dokuments in den Editor vom visuellen Modus (manchmal auch WYSIWYG-Modus genannt) in den HTML-Bearbeitungsmodus wechseln. Dadurch gelangen Sie direkt zu den Anweisungen („Tags“) der Auszeichnungssprache. Im visuellen Modus ändern Sie jedoch auch die HTML-Tags, und zwar im Seiteneditor „“.

Benutzen Sie irgendein Texteditor um Änderungen am HTML-Code von Seiten vorzunehmen, wenn auf Ihrer Seite kein Kontrollsystem installiert ist. Die Dateien, die diesen Code speichern, unterscheiden sich von gewöhnlichen Textdateien nur durch die Erweiterung, und das Aufzeichnungsformat entspricht genau dem Format von Dateien mit der Erweiterung txt. Daher kann jeder Texteditor, der mit TXT-Dateien arbeiten kann, auch zum Bearbeiten von HTML-Code verwendet werden.

Installieren Sie einen speziellen HTML-Code-Editor, wenn Sie regelmäßig Seitenlayouts erstellen möchten. Solche Programme unterscheiden sich erheblich von gewöhnlichen Texteditoren und von in Steuerelementen installierten Editoren. Sie verfügen beispielsweise über „Kontexthinweis“-Funktionen, d. h. wenn Sie mit der Eingabe eines HTML-Tags beginnen, bietet Ihnen der Editor die am besten geeigneten Optionen an, was die Eingabe erheblich beschleunigt, die Anzahl der Tippfehler reduziert und Ihnen hilft, die Syntax von schnell zu beherrschen die Sprache. Darüber hinaus können solche Programme den eingegebenen Code formatieren und einfärben, nach Syntaxfehlern suchen und die Einhaltung etablierter Standards überprüfen. Viele spezialisierte Anwendungen dieser Art verfügen über einen visuellen Bearbeitungs- und Seitenvorschaumodus, können erstellte Seiten hochladen, lokale und Remote-Versionen von HTML-Seiten synchronisieren und vieles mehr.

Quellen:

• So bearbeiten Sie eine Website-Seite

Es reicht nicht aus, einen guten Artikel für die Website zu schreiben, Sie müssen auch den richtigen Artikel finden Titel. Es soll gleichzeitig die Bedeutung des Artikels widerspiegeln und dafür sorgen, dass der Nutzer ihn in einer Suchmaschine schnell findet. Um herauszufinden, welche Überschrift erfolgreich sein wird, schauen Sie sich die Suchmaschinenstatistiken an.

Du wirst brauchen

• - Computer
• - Internet Zugang

Anweisungen

Machen Sie den Titel in Bezug auf gut Suchmaschinenoptimierung, lassen Sie es Schlüsselwörter enthalten. Finden Sie heraus, nach welchen Wörtern und Phrasen Benutzer suchen Suchmaschinen. Sehen Sie sich dazu die Anfragestatistiken an. In Yandex kann dies beispielsweise auf der Seite wordstat.yandex.ru erfolgen. Schauen Sie sich beispielsweise die Statistiken für das Wort „Geld“ an und stellen Sie fest, dass es 3.613.993 Impressionen pro Monat gab. Das bedeutet, dass es so oft in den Yandex-Suchergebnissen auftauchte, einschließlich verschiedener Phrasen. Wenn Sie wissen möchten, wie oft nach dem Wort „Geld“ allein gesucht wurde, geben Sie es in Anführungszeichen und mit ein Ausrufezeichen am Anfang: „!money.“

Wenn Sie wenig Erfahrung mit SEO und Website-Inhalten haben, bewerben Sie Artikel für seltene Suchanfragen. Zu den hochfrequentierten Themen gehört zum Beispiel dieser: „Wie man Geld verdient.“ Nach diesem Begriff wurde im Laufe des Monats oft gesucht, und es wird für Sie schwierig sein, sich gegen die Konkurrenz durchzusetzen, denn... Es ist unwahrscheinlich, dass Sie auf den ersten Seiten der Suche erscheinen, ganz zu schweigen von den TOP. Gleichzeitig wurde der Satz „Wie man Geld für eine Wohnung verdient“ nur 146 Mal im Monat getippt. Wenn Sie also über dieses Thema schreiben, haben Sie gute Chancen, einen würdigen Platz bei der Suche zu bekommen.

Erstellen Sie keine Schlagzeilen für Suchanfragen, deren Umfang zu gering ist. Selbst wenn Sie bei einer Phrase, nach der Sie zweimal im Monat gesucht haben, ganz oben stehen, werden Sie dennoch nicht viele Besucher bekommen. Wenn Sie jedoch der Meinung sind, dass das Thema vielversprechend ist (z. B. wenn es sich um ein neues Gerät handelt), können Sie es versuchen. Es empfiehlt sich auch, Titel zu verwenden, die das Schlüsselwort oder die Phrase enthalten (damit beginnen), aber eindeutig sind.

Machen Sie den Titel der Website interessant. Es ist gut, wenn es um die Lösung eines Problems geht und kurz und prägnant ist. Lernen Sie, mit einem Minimum an Wörtern die größtmögliche Bedeutung zu erreichen. Lassen Sie den Benutzer in Ihrem Artikel wissen, was ihn erwartet eine nützliche Information.

Versuchen Sie, den Titel interessanter zu gestalten, indem Sie beispielsweise gängige Meinungen in Frage stellen, mit Kontrasten spielen usw. Auch die Worte „wie“, „warum“, „warum“ erregen Aufmerksamkeit.

Video zum Thema

Hilfreicher Rat

Formulieren Sie Ihre Schlagzeilen konkreter. Wenn Sie über ein bestimmtes Phänomen oder eine bestimmte Marke schreiben, erwähnen Sie diese. Dies erhöht die Wahrscheinlichkeit, dass Ihre Zielgruppe Ihre Webseite erreicht.

Anweisungen

Wenn Sie eine Website in einem Text erwähnen, der sich auf einer anderen Ressource befindet, verwenden Sie die folgende HTML-Konstruktion: Tutorial zur Katzenfotografie. In diesem Fall wird der Site-Name farblich hervorgehoben und in einigen Browsern auch unterstrichen. Wenn Sie den Mauspfeil dorthin bewegen, wird die Adresse in der unteren linken Ecke des Browsers angezeigt, und wenn Sie auf den Link klicken, wird dieser gefolgt – je nach Browsereinstellungen im gleichen oder einem anderen Tab.

Sie können auch sicherstellen, dass neben dem Namen der Site auch deren URL im Text angezeigt wird, auch wenn der Mauspfeil nicht darauf geführt wird. Verwenden Sie dazu eine andere Konstruktion:

Tutorial zur Katzenfotografie: http://site.domain

Wenn Sie einen Link nicht anklicken möchten, um ihm zu folgen, verzichten Sie gänzlich auf die Verwendung von HTML-Tags, zum Beispiel so:

Tutorial zur Katzenfotografie: http://site.domain

HTML-Code ist ein Programmcode, der bestimmt, wie Elemente (Texte, Bilder, Videos usw.) auf einer Internetseite angeordnet werden. Die HTML-Sprache ist recht einfach zu verstehen, wird jedoch ständig verbessert und um neue Funktionen ergänzt.

Was ist HTML-Code?

Markup bezieht sich auf bestimmte Regeln und Eigenschaften, die Seitenelementen zugewiesen werden. Sie werden in Form sogenannter Tags implementiert. Um beispielsweise anzugeben, dass bestimmter Text auf einer Seite zentriert werden soll, können Sie ihn mit dem Center-Tag markieren. Sie können den HTML-Code einer bestimmten Seite über das Kontextmenü sehen. Um beispielsweise auf diesen Code zuzugreifen Firefox-Browser Sie müssen mit der rechten Maustaste auf die Seite klicken und „Seitenquellcode“ auswählen.

Wie funktioniert HTML-Code?

Welche Arten von Tags gibt es?

HTML-Einschränkungen

Was erregt die Aufmerksamkeit des Lesers (Benutzers) auf der Seite einer gedruckten oder Online-Publikation?

• Bild


• Überschrift


• Untertitel


• Unterschrift unter dem Bild oder Foto

So traurig es auch ist, die Leute wollen nicht lesen, sie haben keine Zeit, weil sie es endlos eilig haben, irgendwohin zu gelangen. Wenn Sie jedoch Autor (Journalist, Blogger, Freiberufler, Nachrichtenautor, Autor) sind, möchten Sie dem Leser Ihre Gedanken, Schlussfolgerungen, Ihre Vision des Problems usw. vermitteln. Wie stellen Sie sicher, dass der Leser Ihre Notiz nicht überspringt? Wie gestalte ich den Titel ansprechend, damit man tiefer in den Artikel eintauchen möchte?

1. Verwenden Sie Verbformen in Ihren Titeln.

Zum Beispiel: „Wo man Geld anlegt“, „Wie man ein Erste-Hilfe-Set für zu Hause herstellt“, „Putins neues Dekret“.

2. Das Prinzip der Neuheit.

Schlagzeilen wie „Der Frühling ist eine Zeit der Sorgen“ sind moralisch überholt. Lassen Sie „bürokratische“ Zeitungen und Zeitschriften sie nutzen. Der Titel soll etwas Neues, Unbekanntes vermitteln, das im Text der Notiz näher offenbart wird. Eine bessere Überschrift wäre zum Beispiel: „Die Frühlingssorgen lassen den Landwirten keine Ruhe.“

3. Metaphern, Bilder, Oxymoron und Ungewöhnlichkeiten im Titel geben dem Artikel eine Chance, gelesen zu werden. Verwenden Sie scharfe Vergleiche, Epitheta und semantische Betonungen bestimmter Buchstaben. Die Hauptsache ist, es nicht mit den Ausdrucksmitteln zu übertreiben. Alles sollte in Maßen sein.

4. Für den Leser (Benutzer) ist die Praktikabilität wichtig. Vage, nicht aussagekräftige oder zu allgemeine Titel werden im Artikel unbeachtet bleiben. Warum sollte ich den Text lesen? Was bringt mir das praktisch? Was werde ich daraus mitnehmen? Wird diese Erfahrung für mich nützlich sein? Findet der Leser Antworten auf diese Fragen auf der Ebene des Titels und nicht auf der Ebene des Textes, wird der Artikel gelesen.

Wenn Sie unzählige Seiten im Internet durchstöbern, können Sie auf einige stoßen, die uns wirklich gefallen. Es stellen sich sofort eine Reihe von Fragen. Wurde die Website mit hausgemachtem Code oder einer Art CMS erstellt? Welche CSS-Stile gibt es? Was sind seine Meta-Tags? Usw.

Es gibt viele Tools, mit denen Informationen über den Code einer Website-Seite extrahiert werden können. Aber wir haben immer die rechte Maustaste zur Hand. Das werden wir am Beispiel meiner Website verwenden.

Wie kann ich den Seitencode anzeigen?

Um den Quellcode einer Site-Seite anzuzeigen, müssen Sie mit der Maus über einen beliebigen Bereich der Webseite fahren (außer Bilder und Links). Klicken Sie anschließend mit der rechten Maustaste. Vor uns öffnet sich ein Fenster mit mehreren Optionen (in verschiedene Browser sie können geringfügig abweichen). Im Google Chrome-Browser sind dies beispielsweise die Befehle:

• zurück;
• nach vorne;
• neu starten;
• speichern als;
• Siegel;
• ins Russische übersetzen;
• Seitencode anzeigen;
• Code ansehen.

Wir müssen klicken Seitencode anzeigen, und der HTML-Code der Site-Seite wird vor uns geöffnet.

Anzeigen des Seitencodes: Worauf ist zu achten?

Der HTML-Seitencode ist also eine nummerierte Liste von Zeilen, von denen jede Informationen darüber enthält, wie diese Site erstellt wurde. Um schnell zu lernen, diese große Anzahl von Zeichen zu verstehen und spezielle Charaktere, müssen Sie zwischen verschiedenen Abschnitten des Codes unterscheiden.

Beispielsweise enthalten Codezeilen im Head-Tag Informationen für Suchmaschinen und Webmaster. Sie werden auf der Website nicht angezeigt. Hier können Sie sehen, für welche Schlüsselwörter diese Seite beworben wird und wie Titel und Beschreibung geschrieben sind. Hier finden Sie auch einen Link, über den wir durch Anklicken mehr über die Familie erfahren Google-Schriftarten auf der Website verwendet.

Wenn die Website erstellt wurde CMS WordPress oder Joomla, dann wird es auch hier sichtbar sein. In diesem Bereich werden beispielsweise Informationen zu angezeigt WordPress-Theme oder Joomla-Vorlage Website. Sie können es sehen, indem Sie die Inhalte der blau markierten Links lesen. Ein Link zeigt eine Website-Vorlage.

Zum Beispiel:

//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3

Wir werden die CSS-Schriftstile der Seite sehen. In diesem Fall wird die Schriftart verwendet. Dies ist hier zu sehen – Schriftfamilie: „Source Sans Pro“.

Diese Seite wird mit dem Yoast SEO-Plugin optimiert. Dies ist aus diesem kommentierten Codeabschnitt ersichtlich:

Diese Seite ist mit dem Yoast SEO-Plugin v3.4.2 optimiert – https://yoast.com/wordpress/plugins/seo/

Alle im Body-Tag enthaltenen Informationen werden vom Browser auf dem Monitorbildschirm angezeigt. Hier sehen wir den HTML-Code der Seite und ganz unten befindet sich der Yandex Metrics-Skriptcode. Es ist von einem kommentierten Tag mit dem Text umgeben:

/Yandex.Metrika-Zähler

Fassen wir es zusammen

Nachdem ich eine eher oberflächliche Analyse des Codes durchgeführt habe Startseite Website können wir einen Rückschluss auf die Tools ziehen, mit denen diese Seite erstellt wurde. Wir haben darauf gesehen:

• CMS WordPress;
• Google-Schriftart Source Sans Pro;
• WordPress-Theme – Sydney;
• Yoast-Plugins;
• Yandex-Metrikzähler.

Nun ist das Prinzip der Analyse des HTML-Codes einer Website recht klar. Es ist überhaupt nicht notwendig, die Seite, die Sie recherchieren, im Browser geöffnet zu lassen. Sie können den Seitencode mit den Tastenkombinationen Strg+A, Strg+C, Strg+V auf Ihrem Computer speichern. Fügen Sie es in einen beliebigen Texteditor (vorzugsweise Notepad++) ein und speichern Sie es mit der HTML-Erweiterung. Auf diese Weise können Sie sich jederzeit tiefer damit befassen und weitere nützliche Informationen für sich finden.

Anweisungen

Erweitern Sie in Mozilla Firefox den Abschnitt „Ansicht“ im Menü und klicken Sie auf „Original“. Code" Der gleiche Punkt ist drin Kontextmenü, was, wenn Sie mit der rechten Maustaste auf den Text klicken Seiten. Sie können auch die Tastenkombination STRG + U verwenden. Mozilla Firefox verwendet keine externen Programme – Original Code Seiten mit Syntaxhervorhebung wird in einem separaten Browserfenster geöffnet.

Im Browser Internet Explorer Klicken Sie im Menü auf den Abschnitt „Datei“ und wählen Sie „Im Editor bearbeiten“. Anstelle des Namens Notepad kann auch ein anderer Name geschrieben werden, den Sie in den Browsereinstellungen vergeben haben, um das Original anzuzeigen Code A. Auf Klick Seiten Mit der rechten Maustaste erscheint ein Kontextmenü, das auch einen Eintrag zum Öffnen der Quelle enthält Code Seiten In externes Programm- "HTML anzeigen- Code A".

IN Opera-BrowserÖffnen Sie das Menü, gehen Sie zum Abschnitt „Seite“ und Sie haben die Möglichkeit, im Unterabschnitt „Entwicklungstools“ den Punkt „Quelle“ auszuwählen Code"oder der Artikel "Original Code rahmen." Diesen Auswahlmöglichkeiten sind die Tastenkombinationen STRG + U bzw. STRG + UMSCHALT + U zugeordnet. In einem Kontextmenü, das an einen Klick gebunden ist Seiten Klicken Sie mit der rechten Maustaste, es gibt auch einen Punkt „Initial Code" Opera-Quelle Seiten in einem externen Programm, das im Betriebssystem oder in den Browsereinstellungen zum Bearbeiten von HTML-Dateien zugewiesen ist.

Google-Browser Chrome verfügt ohne Zweifel über die beste Organisation zum Anzeigen des Originals Code A. Durch einen Rechtsklick mit der Maus können Sie „Ansicht“ auswählen Code A Seiten„Und dann wird der Quellcode mit Syntaxhervorhebung in einem separaten Tab geöffnet. Oder Sie wählen im selben Menü die Zeile „Ansicht“. Code Element“ und auf derselben Registerkarte werden zwei zusätzliche Frames geöffnet, in denen Sie HTML und CSS überprüfen können Code Element Seiten. Der Browser reagiert auf die Bewegung des Cursors über Zeilen Code und Hervorheben von Elementen auf der Seite, die diesem HTML-Abschnitt entsprechen Code A.

Erweitern Sie im Apple Safari-Browser den Abschnitt „Ansicht“ und wählen Sie „HTML anzeigen“. Code A". Im Menü, das erscheint, wenn Sie mit der rechten Maustaste klicken, öffnen Seiten, der entsprechende Eintrag heißt „Quelle anzeigen“. Die dieser Aktion zugewiesenen Hotkeys sind STRG + ALT + U. Original Code in einem separaten Browserfenster.

Quellen:

• So ändern Sie zugewiesene Tasten in Firefox

Ziemlich viele Menschen sind auf Schwierigkeiten gestoßen Computerspiele die sie nicht überwinden können, verwenden sie spezielle Codes, um dieses oder jenes Problem zu lösen oder das Spiel zu vereinfachen. Ein Cheat-Code ist ein Code, der in ein Computerspiel eingegeben werden kann, um dessen Funktionsweise zu ändern. Die Eingabe solcher Codes erfolgt durch die Wiedergabe eines bestimmten Textes (bestehend aus Buchstaben oder Zahlen) auf der Tastatur. Sie können auch in speziell dafür vorgesehenen Bereichen (Spielmenü oder Konsole) Text eingeben. Wie finde ich den Code für das Spiel?

Du wirst brauchen

• Internet

Anweisungen

Betrachten wir die erste Methode anhand des beliebten Beispiels http://chemax.ru. Um einen Code für ein bestimmtes Spiel zu finden, klicken Sie auf die Registerkarte „Cheat-Codes“ und wählen Sie dann „Für“. Im sich öffnenden Fenster können Sie entweder den Namen des Spiels in ein spezielles Feld eingeben (was den Suchvorgang erleichtert) oder auf den englischen oder russischen Buchstaben klicken, mit dem der Name des Spiels beginnt. Nachdem Sie ein Spiel ausgewählt haben, sehen Sie eine Liste aller möglichen Codes.

Um die Cheat-Code-Datenbank herunterzuladen, müssen Sie die Website aufrufen http://chemax.ru und wählen Sie die Registerkarte „CheMax“ – „CheMax Rus“. Diese Datenbank mit Cheat-Codes ist ebenfalls russischsprachig und enthält eine große Anzahl von Spielen. Bei der Installation sollten Sie die russische Sprache und den Speicherort des Programms auf Ihrem Computer auswählen. Nachdem Sie das Programm gestartet haben, müssen Sie in einer speziellen Zeile den Namen des Spiels eingeben, woraufhin Sie alle notwendigen Cheat-Codes erhalten.

Video zum Thema

beachten Sie

Vergessen Sie nicht, zeitnah zu aktualisieren dieses Programm um eine möglichst vollständige Codebasis zu haben.

Hilfreicher Rat

Versuchen Sie, das Spiel ohne die Verwendung von Cheat-Codes zu beenden, da es Ihnen viel mehr Freude bereiten wird, das Spiel ehrlich zu beenden.

Schauen wir uns an, wie man den Anfangsbuchstaben bestimmt Code Seiten, da dieser Parameter bei der Arbeit im Internet sehr wichtig ist. Wenn Sie Neuigkeiten, Tags oder ein Bild benötigen, aber nicht wissen, wie man diese schreibt, können Sie jederzeit Informationen von einer anderen Website kopieren, nachdem Sie die Originalseite herausgefunden haben Code Seiten wenn er nicht da ist Code erstellt von den Website-Entwicklern. Das Original ist wichtig Code in ausgelagerten Dateien, die keine Programme sind, unter Verwendung der Quelle Code und Sie können mit Seiten arbeiten und sie bearbeiten.

Du wirst brauchen

• Anweisungen zum Anzeigen des Quellcodes der Seite.

Anweisungen

Um sichtbar zu sein, wird es beim Original registriert Code Ohm Füllen Sie es mit Code Sie können, wenn Sie der Eigentümer der Ressource sind, diese mit Notepad oder einem Editor ändern und dafür spezielle Erweiterungen verwenden. Der Benutzer kann die Seite auch ändern, indem er die Datei bearbeitet und seine eigene hinzufügt. In - Browser, die die Quelle anzeigen Code und wird über verschiedene Befehle ausgeführt, schauen wir uns diese genauer an.

Wählen Sie für Internet Explorer die Registerkarte „Ansicht“ und dann „Original“. Code Seiten»Oder das Element kann durch Klicken mit der rechten Maustaste ausgewählt werden. Wird von den Entwicklern verschlüsselt Code In diesem gehen wir zum Menü „Service“, dann zu „Entwicklertools“, klicken auf den Pfeil, wählen das gewünschte Element aus und Code werden . Klicken Sie anschließend auf das Symbol und Code V Textformat und aus seinen Komponenten in HTML kopieren.

Mozilla-Browser Firefox bietet die Möglichkeit, mit dem einfachen Befehl „Strg+U“ anzuzeigen oder im Menü „Extras“ die Teilzeichenfolge „Quelle anzeigen“ auszuwählen. Code" Sie können verschlüsselte Informationen in Mozilla Firefox anzeigen, indem Sie einen speziellen Webentwickler installieren. Wählen Sie im Menü „ Code„string“ generiert Code" und darunter Seiten der Wert des Originals erscheint Code A. Kopieren Sie die Datei in die Zwischenablage oder speichern Sie sie mit der Erweiterung page.htm.

Wenn Sie Google Chrome verwenden, wählen Sie im Hauptmenü „Extras“ die Teilzeichenfolge „Quelle anzeigen“. Code", dann öffnen Sie mit der rechten Maustaste den Eintrag "Ansicht Code A Seiten» oder mit den Tasten „Strg + U“.

Für Safari-Browser Im Menü finden wir „html anzeigen“ Code", öffnen Sie auch per Rechtsklick den Teilstring „Quelle anzeigen“ oder verwenden Sie die Tastenkombination „Strg + Alt + U“.

beachten Sie

Die Möglichkeit, verschlüsselte Informationen zum Quellcode anzuzeigen, erfolgt über zwei Browser.

Hilfreicher Rat

Wenn Sie kein Website-Entwickler sind, können Sie die Seite nur für Ihren eigenen Gebrauch ändern.

In Computerspielen besteht wie im echten Leben die Möglichkeit, ein wenig zu schummeln. Zu diesem Zweck versehen Entwickler ihre Produkte mit verschiedenen Codes, mit denen man aus dem Spielmenü heraus ganz einfach Levels und Missionen abschließen kann.

Du wirst brauchen

• CheMax-Software.

Anweisungen

Um herauszufinden, welche Codes einst von Entwicklern beim Testen verwendet wurden, ist es überhaupt nicht notwendig, alle EXE-Dateien des Spielprodukts mit HEX-Editoren zu öffnen. Sie müssen lediglich über den folgenden Link http://chemax.ru zu einer speziellen Website für Cheats gehen.

Bewegen Sie den Cursor auf der geladenen Seite zur Menüleiste, nämlich zum Abschnitt „Cheat-Codes“, und wählen Sie in der angezeigten Liste „In Sprache“ aus. Geben Sie auf der nächsten Seite den Namen des Spiels in die Suchleiste ein und klicken Sie dann auf die Schaltfläche „Suchen“. Es wird empfohlen, den vollständigsten Namen einzugeben, der aus den Verknüpfungseigenschaften kopiert werden kann. Gehen Sie dazu zum Desktop und klicken Sie mit der rechten Maustaste auf die Spielverknüpfung. Wählen Sie im Kontextmenü „Eigenschaften“ und kopieren Sie den Namen mit der Tastenkombination Strg + C oder Strg + Einfügen.

Wählen Sie aus den Suchergebnissen die am besten geeignete Option zum Öffnen der Codetabelle aus. Wenn Sie zum Ende der Seite scrollen, finden Sie neben der Codetabelle auch eine Liste der Trainer mit aktiven Links. Für Schneller Zugang Um die erforderlichen Codes zu speichern, bis Sie sie sich merken, wird empfohlen, die Informationen von der geladenen Seite auszuwählen und zu kopieren und sie dann in eine neue einzufügen Text dokument.

Der ständige Zugriff auf die Website, um den erforderlichen Code zu erhalten, ist eine sehr zeitaufwändige Aufgabe, denn... Start Sonderprogramm(CheMax) ist um ein Vielfaches schneller. Gehen Sie dazu zum oberen Menü von CheMax und wählen Sie CheMax Rus. Klicken Sie auf der Programm-Download-Seite auf „Installer“ oder „ RAR-Archiv", und geben Sie den Speicherort für die ausführbare Datei an.

Nach der Installation des Programms wird auf dem Desktop eine Verknüpfung angelegt, die das Programm öffnet. Während des Spiels „Pause“ drücken und verwenden Alt-Kombinationen+ Tab gehe zu Fenster öffnen. IN Suchleiste Geben Sie den Namen des Spiels ein und drücken Sie die Eingabetaste.

Video zum Thema

Quellen:

• Wie finde ich den Bannercode heraus?

Der Programmcode kann in Bezug auf den Datenschutz variieren – viele Entwickler machen ihn nicht öffentlich zugänglich und die Bedingungen der Lizenzvereinbarung sehen für Benutzer Einschränkungen hinsichtlich seiner Verwendung und Anzeige vor. Es gibt auch Programme mit Open Source, die angezeigt, bearbeitet usw. werden können.

Du wirst brauchen

• - ein Programm zum Öffnen von Quellcode.

Anweisungen

Stellen Sie sicher, dass der Quellcode vorhanden ist Software, für die Sie die Ansicht wünschen offener Zugang. Gehen Sie dazu auf die offizielle Website des Softwareentwicklers und sehen Sie sich den Lizenztyp an. Wenn der Quellcode des Programms geschlossen ist, können Sie ihn nicht anzeigen. Das ist unpraktisch, aber bei einem solchen System ist es recht selten, Kopien eines Programms zu finden, die Trojaner und andere enthalten Schadsoftware. Dies ist der Hauptnachteil freier Software.

Wenn Sie kostenlose Software haben, suchen Sie im Programmmenü nach „Quellcode“, sofern ein solcher Eintrag vom Entwickler bereitgestellt wird, was äußerst selten vorkommt. Um es in anderen Fällen anzuzeigen, verwenden Sie einen Assembler oder eine andere Software eines Drittanbieters.

Um die Quelle zu öffnen, muss man oft wissen, welche Programmiersprache die Ersteller des Programms während der Entwicklung verwendet haben, was oft sehr schwer zu bestimmen ist. Hier können Sie auf Ihrem Computer eine Reihe verschiedener Programme zum Öffnen von Quellcodes installieren, die in verschiedenen Sprachen geschrieben sind.

Wenn Sie freie Software verwenden und die Möglichkeit dazu haben, überprüfen Sie vor dem Installationsvorgang den Quellcode, insbesondere wenn das Programm von einer inoffiziellen Quelle heruntergeladen wurde. Dies trägt dazu bei, Ihren Computer vor Malware zu schützen, die zusammen mit der Hauptsoftware installiert wird.

Greifen Sie auch nicht darauf zurück verschiedene Methoden Wenn Sie Änderungen am geschlossenen Quellcode eines Programms vornehmen, besteht in solchen Fällen häufig eine gewisse Haftung für die Verletzung der Regeln der Lizenzvereinbarung zwischen Benutzer und Entwickler. Darüber hinaus dürfen solche Programme nicht bearbeitet im Internet veröffentlicht werden.

Video zum Thema

Hilfreicher Rat

Überprüfen Sie die Quellen kostenloser Software.

Programme unterteilt in offen und geschlossen. Im ersten Fall können alle Internetnutzer das Original herunterladen Code von der offiziellen Website und anderen Ressourcen, im zweiten - der Systemcode ist geschlossen und seine