Adobe Dreamweaver 2021 Schnellanleitung für Anfänger!

1. Einführung: Hallo an alle. Das ist viel mehr TB. Wenn Sie ein Anfänger sind, der landen und erweitern Sie Ihr Wissen über diese Software-Anwendung, Adobe Dreamweaver. Und ich garantiere Ihnen, dass Sie an der richtigen Stelle sind. In diesem Tutorial werden wir durch, wie die Software-Anwendung navigieren gehen, Erkunden der verfügbaren Tools, und vor allem die Schritt-für-Schritt-Verfahren können Sie verwenden, um eine Website zu bauen, die Sie wünschen. In erster Linie ist es wichtig, dass Adobe Dreamweaver auf Ihrem Gerät installiert ist und einsatzbereit ist. Aber wenn dies nicht der Fall ist und Sie die Software-Anwendung nicht installiert haben, dann ist es völlig in Ordnung. Ich schlage vor, dass Sie auf die Adobe-Website gehen und sich die siebentägige kostenlose Testversion ansehen, die Sie jetzt herunterladen und installieren können, um loszulegen. Also lasst uns direkt hineingehen. 2. Was ist Dreamweaver?: Ich denke, es ist wichtig, dass, bevor Sie direkt in das Video gehen, wir verstehen, was Adobe Dreamweaver für seine Zwecke verwendet wird. Einfach, weil ich so viele Leute kenne, die glaubten, dass der Norden verstehen, was Adobe Dreamweaver tatsächlich ist, tun sie es nicht. Also, was ist unser Rubidium überhaupt? Und sagen Sie, dass Sie das Video jetzt pausieren und versuchen, ein Ziel dessen zu haben, was Sie definieren. Okay, Also i w ist ein modernes Web-Tool, das wir verwenden können, um Websites und Webanwendungen zu erstellen und zu veröffentlichen. Und dies kann durch die Verwendung verschiedener Geräte oder Browser erfolgen. Dreamweaver verfügt über alle notwendigen Tools, die Sie benötigen, um Ihre gewünschte Website oder Webanwendung zu erstellen und zu entwerfen. Oder sie können Ihnen sicherlich versichern, ist, dass Dreamweaver bietet verschiedene Optionen, so dass Sie die Möglichkeit, Code zu schreiben, sowie eine Website mit visueller Schnittstelle, die diese Anwendung zeichnet effektiv beim Versuch, eine Website oder Webanwendung zu erstellen. Lassen Sie uns ein wenig über die Vor- und Nachteile von Adobe Dreamweaver berühren. Einige der Profis von Dream Weaver sind Benutzer erhalten Zitate. Nehmen wir an, dass Sie trainiert sind, Accord auf Dreamweaver zu tippen, und durch Zufall vergessen Sie einen Teil davon würde Dreamweaver tun, ist es gibt Vorschläge, was Sie versuchen, einzugeben, was das Leben so viel einfacher macht. Anstatt mehr Zeit damit zu verbringen, den Code zu erforschen. In dieser zweiten Reihe haben wir Koordinatenband wird sofort überprüft. Ernannt König in unserem Akkord Dreamweaver Art unterzieht sich einem Scheck, wenn das Gericht, um sicherzustellen, dass das, was Sie in schlammig eingegeben haben. Dies ist eine sehr gute Sache, denn lassen Sie uns davon ausgehen, dass Sie den falschen Code eingegeben haben und Sie Ihre Arbeit als Website ansehen, es könnte tun, dass geklebt ist nicht gültig. Die Änderungen, die Sie vornehmen möchten, werden also nicht angezeigt, oder sie könnten genauso gut in Schlammen erscheinen. So verhindert die automatische Überprüfung des Codes Verwirrung und identifiziert die Fehlerquelle. Und auf unserem letzten Vorteil von Adobe Dreamweaver ist, dass Sie einen neuen Ort, Gegenstände oder Lava, Ihre erstellte Website finden können . Nehmen wir an, dass Sie Ihre Traumweberarbeit als Website geöffnet haben. Und du magst kein bisschen von dem, was du siehst. Sie können tatsächlich identifizieren, was Sie genau ändern möchten, und ändern Sie es. Und sobald Sie diese Änderungen vorgenommen haben, können Sie Ihre Arbeit wieder als Website anzeigen, um sicherzustellen, dass die korrekten Änderungen an den Wider vorgenommen werden. Nun, unser erster Nachteil ist Adobe Dreamweaver ist nicht, nicht Webbrowser-basiert. Dieser ist eigentlich ein bisschen unkompliziert, und so werde ich nicht viel ins Detail gehen. Der zweite Nachteil von Adobe Dreamweaver ist , dass Dreamweaver Menschen nicht wirklich dazu ermutigt hat, zu lernen, wie man programmiert. Da, wie Sie ausgebildet sind, um zu tippen, sagte ihr Koordinator bereits Vorschläge, die geschult sind, vorzuschlagen, im Grunde Wasser trainiert zu tun. Dies ermutigt Menschen nicht wirklich dazu, tatsächlich zu lernen, wie man kodiert. Schließlich, zu den Nachteilen, die wir haben, können Lead-Sites zeitaufwendig sein, um zu aktualisieren. Adobe Dreamweaver ist sicher keine kleine Anwendung. Updates variieren und manchmal können sie wirklich groß sein, was eigentlich sehr zeitaufwändig ist. Ja, wenn Sie ein Anfänger sind, empfehle ich Adobe Dreamweaver plötzlich als perfekte Software-Anwendung für die Gestaltung Ihrer Website. Und das sind die Gründe, warum Adobe Dreamweaver nicht nur für hochqualifizierte Benutzer, sondern auch für Anfänger kompatibel ist. Und das sehen wir auf so viele verschiedene Arten. Zum Beispiel, wie Sie versuchen, in Übereinstimmung Vorschläge von verschiedenen Codes Popup eingeben , die Sie einfach in k-mean direkten Code führen. Dies ist eine massive Sache, weil Sie auf Anfängerebene wahrscheinlich relativ geringe Kenntnisse in Bezug auf Codierung haben. Und ratet mal was? Das muss für alle keine Rolle spielen. Das ist kein Thema. Adobe Dreamweaver ist zudem sehr benutzerfreundlich. Dies liegt daran, dass es eine einfach zu bedienende Benutzeroberfläche hat, die Sie relativ wenig Zeit benötigen, um sich an unsere Software-Anwendung zu gewöhnen , die Ihnen eine erstklassige Website erstellen kann. Und schließlich werde ich tun, ist sehr einfach zu navigieren. Das Layout selbst der Anwendung ist sehr unkompliziert. Es gibt Ihnen so viele Optionen, um Ihren Bildschirm anzuzeigen , um es noch einfacher für Sie zu machen, Ihre Website zu erstellen. Und das sind die Gründe für, I Dreamweaver ist perfekt für Sie als Anfänger. 3. Einrichten von einer Website.: Also jetzt gehen wir direkt ins Orchester, wenn man sich öffnet, nicht bewegt, und das ist genau das, was man erwartet. So können wir deutlich sehen, dass es hier mehrere Navigationstasten gibt. Und unter Ihrem Web haben wir schwachen Start auf Start-up-Vorlagen. Also im Grunde, diese Navigationsoptionen geben uns die Möglichkeit, die Website zu erstellen, die wir wünschen. Also der Schöpfer, schwache Website, wir gehen vor und klicken Sie auf Quick Start. - Säge. Sobald Sie auf Start klicken, haben wir mehrere Vorlagen, die wir verwenden können, um unsere Website falsch zu tragen und zu bauen. Saw, ich denke, einige von ihnen haben vielleicht hydrophile CSS wird unhedged befehlen. Sehe ich mir genauso wie JavaScript-Dokument an. Also bewerten, bevor wir wählen, welche Vorlage für diese grüne zu verwenden, müssen wir im Grunde unsere Website weit einrichten. Also, wie würden wir alles aufstellen? Wir müssen hierher kommen und sagen, dass es aufgestellt ist. Also klicken Sie auf Site-Setup und es ist jetzt diese feindlichen Pop-ups oder wir müssen im Grunde umbenennen, was wir unsere Website nennen wollen und Sie haben es unterstrichen, was Sie wollen. Also bin ich nach oben gegangen oder etwas tun, Randall und wenn ich meine Website aquatisch. Also, sobald Sie es benennen, müssen Sie wählen oder jeden lokalen Ordner, den Sie diesen Agent speichern möchten. Wenn ich also hier auf diese Schaltfläche klicke und den Ordner auswähle, in dem ich ihn bereitstellen möchte. Also hatte ich bereits einen Ordner speziell für diese Wunde erstellt. Und wenn ich voran gehe und darauf klicke. Also, sobald Sie den Ort ausgewählt haben, wo das Ziel Nisqually unserer, von unserer Website Rand, wir werden klicken, Speichern und einfach klicken. Okay, jetzt, so dass im Grunde unsere Websites Ziel ausgewählt wurde. Wir gehen weiter oder ich jetzt vor und erstellen, wählen Sie die Vorlage, die wir verwenden möchten, steigen Sie für dieses Tutorial, für diese, im Grunde die hier einrichten, wenn ich HTML-Dokument auswählen. Es gibt also keine Möglichkeit, dass wir HTML-Dokument auswählen, ist, dass HTML uns erlaubt, unseren Code zu bauen ist wirklich aufgrund der Tatsache, dass jeder so Disziplinen bietet und dies macht den Prozess, wo einfach. So bietet es zwei Bildschirme, die wir im Grunde unsere Website bearbeiten können. Eine, die wir in den Code setzen können, den wir wünschen. Und der andere, den wir sehen können, sah auf, wenn ich voran gehe und auf HTML und Brooklyn klicke. Und aus diesem Grund im Grunde sieht das HTML-Dokumentim Grundegenau so aus. Wir haben, wir können deutlich sehen, dass wir in dieser Gruppen-Ansicht sind. Wir befinden uns derzeit in der geteilten Ansicht. Es gibt auch die Quad-Ansicht, sowie die Lave, die Sie gesehen haben. Dieser Bildschirm ist grundsätzlich in Regel unterteilt, wobei wir diesen Akkordeifer haben. Und hier können wir umso näher eintippen, wie wir wollen. Und wir haben die Live-Ansicht, wo unsere Basis, die im Grunde für jede Änderung der einen zeigt, die wir hier machen, wird sie in der Ebene 0 angezeigt werden. 4. Einfügen von verschiedenen Komponenten auf einer Website.: Mit diesem Werkzeug können Sie direkt hier durch die Anzeige navigieren. Saw, je nachdem, was Sie wollen Ihre, Ihr Display aussehen, können Sie grundsätzlich jede dieser Optionen verwenden. Aber wie auch immer, ich bevorzuge diese Option, also werde ich einfach direkt darauf eingehen. Also gehen wir jetzt voran und klicken Sie hier auf das Bedienfeld Einfügen. Und auf diesem Panel können wir die verschiedenen Komponenten sehen, die wir auf unserer Website gehen. Und Sie können diese Bilder Absatz sehen, diese Überschrift, EDC, EDC sah, ähm, wir sind jetzt los. Unsere Überschrift, unsere Überschrift auf unsere Website. Bevor ich also unsere Überschrift hinzufüge, wollte ich nur erklären, dass Sie unsere Überschrift zwischen unserem Körper setzen müssen. Also gehe ich voran und klicke auf das Ende des ersten Body-Tags. Diese Body-Tags stellen also im Grunde diesen Abschnitt dar, den wir innerhalb unseres Headers wollen. Also, ähm, wir klicken nicht noch einmal auf das Ende des Body-Tags. Und Sie können sehen, dass dies der Anfang des body-Tags und das Ende ist. Also müssen wir grundsätzlich unsere Komponenten dazwischen setzen, so dass unsere Komponenten zwischen dem Körper auf unserer Website erscheinen. Also, wenn ich jetzt voran und klicke auf die Überschriftenkomponente. Wie Sie sehen können, der Header erschienen und es ist im Grunde zwischen unserem Körper kommt genau so, wie wir wollten. Und Sie können sehen, dass es auch hier auf der Ebene 0 angezeigt wird. Wir können auch den Inhalt unseres Kopfes bearbeiten. Also tun wir dies, indem wir im Grunde hier klicken und dies löschen. Also werde ich das löschen, bis ich auf meiner Website willkommen bin. Ja. Wie Sie sehen können, für jede Änderung, die wir in der Quad-Ansicht vornehmen, erscheint es für jede Änderung, die wir in der Quad-Ansicht vornehmen,auf der Live-0. Allerdings darf ich nicht, indem wir unseren Inhalt im Quad-View-Abschnitt eingeben, beschränkt uns nicht darauf, ihn auch auf den Live-View-Abschnitt zu kleben. Aber ich empfehle dringend, dass Sie den Inhalt oder die Texte eingeben, die wir mit der Quad-Ansicht eingeben möchten. Einfach, weil, wenn wir die Live View verwenden, es wird eine Menge Verwirrung verursachen. Und es wird Sie sehr verwirrt machen, weil Sie wissen wollen , wo genau es gestellt wird. Es ist also viel einfacher, es in der Quad-Ansicht zu bearbeiten. Also lasst uns voran gehen und die Größe unseres Headers ändern. Also tun wir dies, indem wir im Grunde den Header hervorheben. Beachten Sie also, dass ich sowohl die Tags als auch hervorheble. Um also Änderungen an unserem Header vorzunehmen, müssen Sie auch die Handtücher verspätet bezahlen. Sobald Sie also das Ganze einschließlich ihrer Städte hervorheben, können Sie einfach direkt hierher kommen und darauf doppelklicken. Also auf dieser Komponente, die unsere ermöglicht stand da draußen alles , was wir wollen im Grunde die Größe des Headers. Also unsere Kette, dieser Putin H2. Also, sobald Sie dies tun, klicken Sie einfach im Grunde auf Enter und wir können sehen, dass die Größe unserer Header Mann gestoppt. Aber jetzt frage ich mich, gehen Sie los, ich kehre zurück zu HD, weil im Grunde das. So können Sie einfach zurückgehen und H3 auswählen. Und ja, da ist er. Also, wenn ich fortfahre und unser Bild auf unserer Website hinzufüge und das rückgängig mache, indem im Grunde zum Einfügebereich zurückgehe und auf die Bildkomponente klicke. Aber bevor ich das mache, muss ich sicherstellen, dass ich das Bild zwischen meinen Körper setze. Also wusste ich das, indem ich am Ende des Überschriften-Tags klickte. Und ich stelle sicher, dass mein Bild zwischen den Body-Tags berichten wird. Also gehe ich zurück auf einen A-N-E Klick auf das Bild einer Kante. Also im Grunde sollte das uns fragen, welches Bild wir einfügen möchten. Also werde ich voran gehen und auf dieses Bild doppelklicken. Und wir können deutlich sehen, dass das Bild eingefügt wurde. Aber es scheint ein bisschen zu groß zu sein. Saw, die völlig in Ordnung ist, so können wir die Größe dieses Bildes anpassen. Also werde ich die Höhe um ein ändern, gehen Sie zurück zum Quad-View. Und ich werde 250 eingeben. Und ich mache das gleiche für die Breite. Also lassen Sie uns bestätigen, ob die Bildgröße ist, es geht nur um Handel. So wie wir sehen können, können wir die Größe unseres Bildes anpassen. Einfach wieder direkt Taping in der Größe wollen wir hier. Also lassen Sie uns jetzt einige Inhalte auf unserer Website hinzufügen. Und wieder, ein, um dies zu tun, indem ich sicherstelle, dass ich es wieder zwischen die Body-Tags setze. Also eine Clique, das Ende des Bild-Tags auf einer Clique, ein Absatz. Also lassen Sie uns im Grunde den Inhalt unseres Absatzes bearbeiten. Also sind wir so im Grunde Zeit zu sparen, hatte ich schon einige Inhalte vorbereitet, die ich gerade im Grunde kopieren und auf unsere Website einfügen werde. So genannt Peter und p hier. Lassen Sie uns also bestätigen, ob unsere Inhalte erfolgreich waren. Und in einem Zoo sehen können, unsere Inhalte war Erfolg, wenn ich es tat. Also, ja. 5. Zuordnung einer a für eine Komponente auf einer Website.: Ich weiß, wie die Fähigkeit eines schleichen Blick auf das, was wir bisher getan haben. Also tun wir dies, indem wir auf Fehler klicken, durch die Echtzeit-Vorschau gehen und auswählen, welche wächst. Ich werde zurückspulen, um unsere Website in zu überprüfen. Also ging ich voran und Microsoft. Also sollte dieser Sauerstoff uns für das, was wir fragen, helfen, muss wahrnehmen, was wir lernen. Und ich werde Ja auswählen. Werde ich. Ordner, den ich sehen möchte, ob es unbegrenzte Diskretenität hat, blieb schnell umbenannt. Also werde ich das löschen und ich bin, wenn ich zitiere Website, Website eins. Also gehe ich voran und klicke auf Speichern. Hier ist es. So sieht unsere Website im Moment aus, Sie haben es geschafft. Herzlichen Glückwunsch dazu, es so weit zu machen. Niemand ging in den Krieg und ging zurück und versuchte, einige Dinge zu älter. Also jetzt für unseren Header voraus und erstellen Sie einen NAD durch die Verwendung von CSS. Also im Grunde steht für Cascading Stylesheet. Also, was ist CSS? So verwenden wir CSS, um Teile unseres Layouts zu nim. Wir können jedes HTML-Element benennen, zum Beispiel unseren Kopf nach unten oder Bilder, indem wir ihm eine neue Klasse Entität geben, die im Grunde eine eindeutige ID ist. Dies ermöglicht es uns, mehr Funktionen auf diese Elemente zugreifen und uns auf alle plötzlichen Aspekte dieser Elemente zu ermöglichen. Eeg, wir können die Farbe unserer, unserer Kopfzeile ändern. Wir werden im Grunde zugreifen, sah viele verschiedene Funktionen zu unserem Header. Also tun wir dies, indem wir einfach auf unserer Kopfzeile hervorheben. Also, sobald Sie es auf Ihrer Hand gelesen haben, gehen wir voran und lassen die gleiche Rate hier. Also im Grunde haben Sie zu CSS Amy bestellt muss den harten Stil studieren. Also gehen wir voran und setzen unsere Hashtags ein. Und ich werde diese verborgen nennen. Also Sprengkopf entklickt diesen Segen auf kleine und unter, wählen Sie unsere Quelle, die wir in diesem passen werden, Ich möchte vielleicht ein CSS erstellen. Das sollte also ungefähr sein, und was du tun wirst, ist, dass wir cool wächst bis Eigenkapital für Level 1 Spindeln sein würde oder klicken Sie darauf und ich werde eine Alternative erstellen, die fehlschlägt oder nicht erstellte SS-Überschrift. Und ich werde auf Speichern klicken. Wenn wir das also tun, müssen wir sicherstellen, dass es als Bindeglied ist. Also werde ich dann Cauchy tun. Also jetzt werden wir mir sagen, ob unser CSS UND Ehemann erfolgreich zu unserem Handout hinzugefügt hat, indem wir einfach zu diesem Häschen hier gehen, wo wir sehen können, dass Hashtag-Überschriften erfolgreich die Rate neben unserem Ende, unserer Zunge, identifizieren. Was wir also im Grunde tun können, ist auf diese Funktionen unseres Headers zuzugreifen. Wir gehen über CSS Design. Und unter CSS-Design, diese, dieses Elektronen-Sauerstoff, können wir deutlich sehen, dass es bereits gehackte OK endet hier. So werden wir darauf klicken und ziehen Zugriffe Fötus oder ging zu entpacken diese Option hier von Ufer gesetzt. Und hier können wir mehrere Funktionen sehen, die wir auf unserer ADA bearbeiten können. Also, was ich tun wollte, ist, dass ich unseren, unseren Font-Stil ändern wollte. Also gehe ich hier rüber und klicke hier auf dieses Feld. Und in dieser Box können wir ändern, wir können die vordere Stella wählen, die wir wünschen. Also will ich nach Italien gepflegt werden. Wie Sie sehen können, tut unser Y-Kopf. Schriftart wurde erfolgreich in Italien geändert. Also, ähm, wenn ich voran gehe und unsere Schriftfarbe ändere, indem ich hier auf dieses Feld klicke. Also gehe ich Agenda Farbe und ich werde Raster auswählen. Also klicke ich jetzt auf Enter. Ja, wie wir sehen können, ändert sich unser 400-Farben-Ehemann erfolgreich. 6. Eine Website in einem Web-Browser: Und schließlich wollte ich Elaine unseren Header in der Mitte. Und ich mache dies, indem ich den gleichen Prozess befolge, zurück zum CSS-Design gehe und ich bin 10 gehe ein optionales Textausrichtungszentrum hinzu. Richten Sie es an der Mitte aus. Ja. Wie wir sehen können, wurde es in unserem Zentrum erfolgreich identifiziert. Also, was wir tun werden, ist jetzt, dass wir eine Vorschau auf das, was wir im Web getan haben. Indem Sie auf Datei klicken. Ich gehe zurück zur Echtzeit-Vorschau und wähle den Browser aus, den wir wollten. Und dieses Mal werde ich Microsoft Edge noch einmal auswählen. Ich gehe weiter und klicke auf Ja. Ja. Wie wir sehen können, ist unser Endprodukt hier. Sägen Sie Brot, bevor ich gehe, ähm, wenn ich Sie mit einem Auftrag überlasse, können Sie bitte eine ID auf dem Bild zuweisen und auch ein AD auf dem Absatz zuweisen. Und wenn Sie die Farbe des Inhalts ändern können, desto besser. Ändern Sie also auch die Farbe des Absatzes. Das war's also von mir. Vielen Dank, dass Sie zugesehen haben. Vielen Dank.