So erstellen Sie schöne Websites ohne Programmieren oder Vorlagen | Tom Appleton | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

So erstellen Sie schöne Websites ohne Programmieren oder Vorlagen

teacher avatar Tom Appleton, Graphic Designer

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

7 Einheiten (29 Min.)
    • 1. Einführung

      1:08
    • 2. Semplicelabs

      1:58
    • 3. Homepage der ganzen Welt

      5:45
    • 4. Making

      2:46
    • 5. Voller Seitenschutz

      8:37
    • 6. Erstellen einer Seite

      6:55
    • 7. Fertigstellung

      1:38
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

863

Teilnehmer:innen

1

Projekt

Über diesen Kurs

Erstellen Sie schöne Websites von Grund auf Wordpress ohne Kenntnisse der Programmierung oder der Verwendung von Vorlagen, mit dem Plug-in; Semplice.

In diesem Kurs gebe ich einen Überblick über Semplice und erkläre verschiedene Möglichkeiten, wie du mit der Erstellung von Seiten und dem Aufbau der Website beginnen kannst.

Triff deine:n Kursleiter:in

Teacher Profile Image

Tom Appleton

Graphic Designer

Kursleiter:in

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Hey, Leute kaputt? Aber ein Teil des Videos in diesem Video möchte ich mit Ihnen über eine Website sprechen. Das ist also die Website, die ich für alles benutzt habe. Ich habe hier ein Portfolio. Ich habe meinen Käufer. Das ist meine Hauptverbindung. Also habe ich diese Website komplett und Wordpress komplett von Grund auf neu gemacht. Die verschiedenen Elemente zu gestalten und Fotoshop zu illustrieren und zusammenzustellen ist die letzte Webseite zu WordPress. Ich kannte keine Codierung. Es wurde keine Vorlage verwendet. Das Ganze in Taliesin gebaut. Kratzen und sehen. Dies wird nur verwendet, um in genannte Simples zu stecken. Es ist eine erstaunliche Plugging entworfen und erstellt von TBiS Van Snyder. Es gibt eine erstaunliche Art Director und Designer arbeitete als der große Regisseur Spotify in New York. In diesen Tutorials werde ich Ihnen einige Möglichkeiten zeigen, um loszulegen. Noch ein paar fortgeschrittene Tipps und dann noch weitere Fragen? Jeder hat hohe empfehlen diese Software. Ich empfehle wirklich zu lernen, was Sie tun können. Wenn du interessiert bist, lass uns loslegen 2. Semplicelabs: Okay, also nur um Ihnen eine Vorstellung davon zu geben, was Simples ist, ist dies die einfachste Website. Es ist die einfachste Labs dot com und Sie müssen nur auf es für sich selbst gehen. Ich sehe nur, was es ist, aber es ist ein riesiger Klient, der das benutzt. Die Leute haben einige wirklich schöne Websites gemacht, nur wenn Sie einen Blick auf die Vitrine haben, Simples ist für Designer gemacht. Es besteht aus der Freiheit, die Sie in der Lage sein wollen, die Website zu gestalten, wie Sie aussehen wollen, aber ohne die Zeit damit verbringen zu müssen, wie man kodiert. Es gibt erweiterte Funktionen, die Sie CSS verwenden können. Sie können darin Codierung verwenden. Aber um gestylt zu werden, verbinden Sie einige wirklich nette Websites. Ein etwas ist zu einfache Websites und alles ist vollständig anpassbar. Also definitiv, kurz bevor er gestorben ist, ist es Kuneva. Schauen Sie auf der Website, so Simples ist nicht kostenlos, aber es lohnt sich, was Sie dafür ausgeben. Es gibt drei verschiedene Versionen der einfachsten. Sie können die einzelne Version kaufen, was ich habe, nur um auf einer Website oder, wenn Sie ein Studio sind, unser Geschäft und Sie wollen Simples als eine Möglichkeit, ein Web-Designer zu werden, was völlig möglich ist. Damit können Sie in, Ah, die bedeutendste Version investieren Ah, . Zwei Lichter arbeiten auf mehr als einer Domain für die einzelne Version, obwohl es 8 bis $9 ist. Wenn Sie ein Student sind, können Sie einfach per E-Mail mit einem Bild von Ihrem Schüler I. D. Und ich bekam meins für ich denke, es war über £40 weg, unten von $89 so ist es wirklich wert, und ich empfehle wirklich überprüfen es aus. Leider gibt es keine Studie, aber wenn Sie sich dieses Video ansehen, werde ich ein paar Dinge durchmachen, die Sie tun können, und Sie können selbst sehen, ob Sie denken, dass es das wert ist. 3. Homepage der ganzen Welt: s so, sobald Sie inaktiviert simples heruntergeladen haben und Sie es installiert haben, ist es ein Stecker es und nur werde Plug-ins und aus neuen. Hier unten siehst du Simples. Sie sollten uns nur abschneiden. Okay, das ist also nur die Begrüßung bezahlt. Das ist nicht wirklich etwas, das Sie sehr verwenden werden. Es gibt ein paar Dinge, die hier sagen, so stellen Sie Ihre Homepage. Aber in der ganzen Ehrlichkeit, es uns darüber. Also mit Simples, weil ich nur die Einzellizenz habe, kann ich keine Website von Grund auf neu erstellen, um Ihnen zu zeigen . Also, was ich tun werde, ist durchzugehen. Wie haben meine Website in der Hoffnung gemacht, dass von Vorteil sein wird. Beginnen Sie also mit dem Hintergrund, dass jemand, den ich New Australia gemacht habe, und Sie können lernen, wie das in meiner Abstraktion von Bildvideo zu tun. Und es ist genau die gleiche Technik. Das ist nur ein Hintergrund. Und es ist nur zu einem Standard-Websites gemacht. Um es also zu einem ganzseitigen Bild als Startseite zu machen, ist es wirklich einfach. Sie möchten auf Seiten Abschnitt gehen, so gibt es meine Seiten und es gibt die Seiten, die Sie sehen. Ja, außer haben sich nur entschieden, ein paar von ihnen anzuzeigen. Also die Häuser, meine Titelseite. Also, wenn ich hier weitermache, so oben, haben Sie ein paar Möglichkeiten. Sie haben diese Seite, nur um zu zeigen, dass Sie die einfachste wieder verwenden. Sie können die verwenden würde Standard drücken, aber offensichtlich mit simples, so dass Sie Ihr Brandon für die Seite auswählen können. Sichtbarkeit, Navigation, aber Text kühler. Okay, die Vollbildabdeckung. Das ist also das erste, worauf wir eingehen werden, um ein Haus zu entwerfen. Sieht so aus. Also die co Sichtbarkeit will unsichtbar Hintergrundfarbe sein, aber Boden geben Sie dieses Bild Videos und dann möchte ich auf jeden Fall versuchen. Und das ist gemein für die Zukunft. Aber für jetzt, nur Bild, so werde ich getan haben, ist mein Bild ausgewählt. Und es ist nur ein Bild in voller Größe. Die Deckkraft nist jenseits der vollen Bildskala, die im Vollbildmodus sein will. Das ist wichtig für einige Vollbildschirme. Es bedeutet, dass unabhängig davon, welchen Browser, Urin oder welche Größe der Monitor ist, dass die Person im Juni es auf sie immer auf die volle Größe des Monitors sein wird , anstatt wenn Sie die tatsächliche Größe angezeigt, es kann ein wenig durcheinander bringen. Der Zoom. Ich bin deaktiviert. Es wird automatisch vergrößert auf Sie zahlen. Es ist definitiv ausprobieren. Ich bin einfach nicht König. Die vorinstallierte Bakula. Ich habe eine Denkweise als Ah, warum? Für die Aktualisierung auf meiner Website, werden Sie schnell sehen, dass Punktkreuze. Die Website führt. Nein. Das ist also wirklich cool. Das ist, was ich mag an der Software steckte sogar ist, dass man einfach an es jedes Mal, ein wenig davon. Also die Titelüberschrift Dies ist das. Das ist der Typ. Jetzt wollen Sie es sichtbar von Ihnen sagen, ich bin für Klartext im Gegensatz zu Bild gekommen. Wenn Sie ein Bild von einem Stück Typografie hatten, das Sie mögen, müssen Sie sicherstellen, dass es wirklich knackig war, bevor Sie es verwenden. Nur so, wenn Sie vom Browser gehen, um Mengen zu durchsuchen, um es zu überwachen, hat diese Qualität nicht verloren . Also gehe ich mit Grid-Witz. Eine einfachste Website besteht also aus 12 Spalten. Wenn Sie es sich vorstellen können, so dass Sie schließlich in der Lage sind, Ihren Text zu manipulieren, um zu passen. Genau. Wir wollten auf diese Collins basieren, während die Fluidbreite die ganze Seite einnimmt. Das ist also der eigentliche Text und Sie konnten nicht einfach ohne Code einstimmen. Und offensichtlich ist das vollkommen in Ordnung. Aber für mich genau so haben ihren Zeh erfunden, haben Sie es genau, wie ich gerade ein bisschen übereilte Mail verwendet habe, und das ist buchstäblich Fall HTML kopiert von Google nach nur googeln, wie man eine bestimmte Sache zu tun . Es ist also nichts Kompliziertes. Alle Überschrift Farbe ist nur die Farbe, so dass ich gerade durch, dass Texaco Headliner Schriftgröße selbsterklärend. Das Gewicht. Ich bin gerade mutig geworden, weißt du, jedes kleine bisschen, das du ändern kannst. Kann sogar den Pfeil nach unten für die Seite, wenn Sie mehr Inhalt unten hatte. Dies ist also nur ein wirklich guter Weg, um auf Ihrer ersten Seite zu beginnen. Also, wenn Sie zufrieden mit Ihrer ganzseitigen Website sind, um das zu setzen, wie Ihre Homepage scheint zurück auf den simples zu gehen , werde ich nicht wieder auf der Willkommensseite sein, und dann richten Sie einfach nicht Ihre Homepages ein. Klicken Sie darauf und Sie können Ihre neuesten Beiträge auswählen. Oder wenn Sie es nur für eine Website verwenden, sind die Chancen, dass Sie eine statische Seite wollen, und von ihnen klicken Sie einfach auf die Seite. Das war's. 4. Making: Eines der Dinge, die ich am einfachsten so sehr mag, ist, weil es von Designern gebaut wurde. Vier Designer, alle von kreativen Menschen für kreative Menschen ist, dass es macht ein Portfolio unglaublich einfach. Das ist also mein Teil weiter, und ich habe einige wie meine Logos und habe gerade eine Auswahl an Seiten bekommen. Also, wenn Sie auf einen dieser klicken, bringt Sie offensichtlich direkt zum Projekt, das nur projiziert es für die Flucht, huh? Also, um dieses Raster und Schleppen zu machen, haben jedes dieser einen Link zu einer anderen Seite, die nicht angezeigt wird. Es ist wirklich einfach, und einer der Gründe, warum ich diese Software so sehr mag. Also, um das zu tun, gehen wir zurück in Simples. Also, wenn ich in die Seiten Abschnitt gehen, Ich habe meine Tutorials, die ein Link zu den Fähigkeiten Show Peitschen, die ich über, die meine Links meine Bio-Seite auf Got My Heart Failure ist. Aber keiner von ihnen ist auf der Pop-Fehler-Seite, die das Portfolio bezahlt beantworten. Sie gehen in diesen Abschnitt hier den Teil für früher, also mache ich diese Luft nur die Luft, die Seiten, die auf diesem Put-Versagen. Es ist also ein neues an hinzufügen und es wird automatisch in dieses Raster hinzugefügt, wenn Sie einfach neue Arbeit hinzufügen . Also habe ich an dieser Abstraktion gearbeitet. Syriza bleibt bestehen. Sary ist nur ein Experiment und nur meinen Ideen ausgesetzt. Und nur Entschuldigung, um ein paar coole Dinge zu machen, wirklich? Also möchte ich eine Seite auf meiner Website im Topf Fehler dafür machen. Das werde ich also tun. Geistergeister. Möglicherweise müssen Sie ein wenig zur Seite glätten. Meine, wenn ich auf einem kleineren Mac-Buch bin, so dass die öffentlichen Löffel ein wenig versteckt, so dass ist nur da. So veröffentlicht diese Seite bereits, so verkaufe ich es so, dass von nun an. Das Thumbnail ist also das. Dies ist, was Sie auf Ihrer Seite sehr eine Seite sehen. Daher ist es wichtig, dass es eine vernünftige Größe hat, damit es nicht eine Weile dauert, bis die Website es lädt. Und um das zu tun, entdecken Sie Miniaturansicht auf Bild hinzufügen 5. Voller Seitenschutz: also legen Sie das Miniaturbild fest. Ich werde die Breite in diesem Herbst behalten, so dass das Projektfenster ein kleines Symbol ist, wenn Sie bereits in einem Projekt sind. Also, wenn ich mein Logo-Teil für dich oben, rechts und Ecke hier habe, ist es wie ein kleines Hamburger-Menü, aber es ist aus neun Quadraten gemacht. Wenn Sie darauf klicken, ist dies Ihr Projekt-Panel, und es ist nur, ah, schnelle, schnelle, zusätzliche Möglichkeit für Leute, nur um Ihr Portfolio zu ersticken. Offensichtlich gibt es nichts, das macht noch nicht die neueste veröffentlicht haben, aber es lohnt sich, eine hinzuzufügen, nur um es zu benutzen. Und dann, wie Sie gehen nach unten diese alte anders, erhalten Sie Ihre Typographie-Optionen alle Minus-Set. Also spielen Sie einfach herum mit es wird nicht alles in die Tiefe gehen. Alles ist ziemlich selbsterklärend. Es ist nur ein Fall der Art zu lernen, was man tun kann. Also werde ich das vorerst aktualisieren. Jetzt, wo wir von nun an einen haben, nicht zurück in hier gehen, mein Prozess geht zurück und schlau, beide sollten es da sein. Also geh. Das ist, was ich gerade begonnen habe, die Abstraktion, Siris Nummer fünf Poster, und ich denke, das sieht ziemlich cool aus, dass diese ziemlich gut abprallten. Das ist einfach Glück, wirklich? Wenn Sie also darauf klicken, sollte es völlig leer sein. Dies ist also die einfachste Navigationsleiste. Dies ist auch das Projekt-Panel. Das ist unten. Normalerweise neige ich dazu, es zu verstecken, aber Sie können das Projektfenster am unteren Rand Ihrer Seite behalten. Also werde ich Ihnen zeigen, wie ich diese Seite von Grund auf neu erstellen werde. Also geht es zum Brandon. Also in der Navigationsleiste Sichtbarkeit möchten Sie offensichtlich unsichtbar, und Sie können Ihre benutzerdefinierte Navigation auswählen. Aber so habe ich all diese verschiedenen Navigationsleisten, die ich gemacht habe, um eine Navigation zu machen. Aber Sie wollen genug Byron Menü auf der Seite gerade genug von vielen gehen. So können Sie eine neue Navigation hinzufügen, aber so können Sie eine neue Navigationsleiste hinzufügen oder Sie können eine, die Sie bereits gemacht haben, zitieren. Also, wenn ich weitergehe, wusste Gott, und ich werde das einfach durchstehen, würde ich eine bereits gemacht verwenden, aber ich komme einfach schnell durch das. So das Logo ehemaligen Textbild spg ich so das Logo aus. Sie erwarten hier ein Logo. Du brauchst keins zu haben. Ich habe etwas dagegen zu verwenden, dass Sie entweder Bild rsv g. Sie wollen wahrscheinlich ein PNG zurück grundloses Bild. Ich habe nsv G verwendet, das ist die Code-Version meines Bildes, die Sie aus Illustrator exportieren können und einfach, uh, Sie können. Dann, wenn du das getan hast, kannst du die Farbe des niedrigen Kerls ändern. Wenn du svg willst, gibst du einfach den Code hier rein und dann kannst du den Witz, die Höhe, die Farbe ändern die Höhe, und es ist wirklich gut. Beschuldigen Sie es wirklich Chris zur Navigation von selbst, so dass Sie es klebrig oder normal haben können. Klebrig würde nur bedeuten, dass es an der Spitze bleibt. Und dann, wenn Sie sehen können, wo der Anteil darunter geht, haben wir eine Flüssigkeit. Wählen Sie das Muster aus. Sie können alles über Sie Navigation wählen, indem Sie das Symbol Cola so weiter wählen. Sie können wählen, wo Sie nicht Drop-down auf keine Dropdown-Liste. Und dann haben Sie alles, was Sie geben Optionen, Ihre Ausrichtungsoptionen und soziale Symbolleiste sowie, und Sie können die Farben auf den Mustern in der Größe und alles wählen, und es ist wirklich einfach , Deshalb bin ich nicht durchlaufen alle. Es ist nur ein Fall von bekannten Es ist, dass Also, das ist, wie Sie eine Navigation durch machen. Also ist es so eingestellt, dass diese Navigationsleiste wieder auf einige auseinander gehen wird. Ja, ich gehe auf die Seite, ich will auf Branding sein. Ich werde eine Schöpfung einrichten, aber ich werde blockieren und das ist, was ich zuvor gemacht habe, um meine Fußzeile zu senden, ist ein Fuß von dem, was ich gemacht habe, und du schaffst es auf die gleiche Weise, wie du die Navigationsleiste machst . Also mach weiter. Was ich nicht will, ist diese, weil ich meine ich will dieses Share-Icon nicht haben, weil ich das auf meinem Fuß bereits. Und so, wenn Sie nicht wollen, dass dies die Share-Box Sichtbarkeit ein und Sie setzen, dass versteckt war und das versteckt es vollständig auf der Rückseite nach oben iro Farbe Ich werde zu halten, dies ist diese Farbe für jetzt, weil ich nicht genau weiß, wie Seite aussehen wird. Ich habe nicht gesehen, dass alle Personen zusammen noch auf einer Seite sind, so dass ich am Ende zurückkommen und mich verändert . Vielleicht wurde ich auf schwarz gesetzt. Jetzt aktualisiere ich am besten einen anderen Tag. Das, wenn ich nur erneuere. Also habe ich jetzt diese schwarze Navigationsleiste, die ich gemacht habe. Ich habe meine Fußzeile, die ich gemacht habe und wieder in. Aber ich habe noch kein Konzept, also deckt der Vollbildmodus das nächste ab. Die Vollbild-Abdeckung ist genau das gleiche wie die Homepage. Die ganzseitige Startseite, damit Sie sie haben können, ist ausgeblendet oder sichtbar. Ich habe eigentlich nichts als Deckung gemacht, nur um dir ein Beispiel zu geben. Ich habe diese Abdeckungen ziemlich oft benutzt. Dies ist also nicht 32 x angegebenen Typ 3 bis 65 Tage der Typ-Abdeckung, und etwa ein wenig niedriger hier unten. Ja, und ich denke, ich benutze das bei fast jedem Geld. Nicht wirklich. Ich bin wieder hier dran. Es ist oft ein guter Weg, nur zu Fuß Macon Bild. Nur das Logo auf. Geben Sie die Idee, was das Projekt starten wird, und dann können Sie wählen, weiter nach unten zu gehen und mehr über dieses Projekt zu erfahren. Also nur für jetzt, werde ich Vollbild machen. Ich werde den Vollbild verwenden, begehren Sie nur einen za Platzhalter, nur um Sie wieder zu zeigen. Also werde ich nur ein Hintergrundbild aufstellen. Und ich benutze einfach genau dasselbe wie sie verwendet haben, wie es bereits in meiner Mediathek ist. Sie ist die gleichen Bilder. - Meth. Ähm, jetzt das Bild von vergangenen 100%. Sie können wieder Vollbild tatsächliche Größe, Vollbild wird das Bild so zuschneiden, so dass es skaliert es perfekt auf den Browser. Während die tatsächliche Größe unabhängig von der tatsächlichen Größe sein wird, die Sie erstellt haben, was sein könnte, ist es möglicherweise nicht die beste für verschiedene Browser. Wenn Sie sehen, ich meine, setzen Sie dies, wie ich weiß, die vorinstallierte Bar, die Überschrift genau die gleiche wie auf der Homepage. Es ist nur jeder Text, den du willst. Vollbild-Text. Ah, ein gutes Beispiel dafür, wo ich das benutzt habe, ist nur auf der Homepage. Oder, weißt du, das ist die Schlagzeile. Dies ist essbare Tech-Zeug außer und Sie haben Ihr Telefon und Sie wiegen in Ihrer Größe. Okay, also mach einfach weiter da durch und hol das genau so, wie du willst. Also werde ich das jetzt aktualisieren, um zu sehen, wie es aussieht. Es ist wirklich gut. Sobald Sie Ihre Website erstellt haben, haben Sie sich darauf verlassen, dass Sie sie auf Ihren Server hochgeladen haben. Wie auch immer Sie es tun, können Sie einfach in Echtzeit aktualisieren. Und jedes Mal, wenn sie ändern könnten sofort aktualisiert die gesamte Website. Es gibt keine Akten, die krank sind oder so etwas, nur einen Augenblick des Tages. Also werden wir nur sehen, wie es jetzt aussieht. Aber der Post-Misserfolg. Okay, das ist also die Vollbildfarbe. Sie können sehen, warum Sie etwas speziell für diesen Zweck entwerfen möchten. Dies ist buchstäblich die Plakatdatei, und Sie können sehen, wo es zuschneidet es so gestaltet etwas, vor allem durch die Zeit, die dies gepostet wird. Ich werde das beheben, aber ich werde jetzt nicht etwas dafür speziell machen, damit Sie sehen können, wie das jetzt sucht. Dies ist Ihr Pfeil, so dass Sie wählen können, welche Farben sicherstellen, dass es wirklich sichtbar ist. Also begann es einige Inhalte. Die nächste Sache ist zufrieden. So klicken Sie einfach auf dieses große gelbe Plus 6. Erstellen einer Seite: So wie ich wollte Display und Geldbörsen für jetzt, ich werde einfach so von einem hier auf einer nächsten, wo ich nur sagen, dass sieht jetzt. Und dann können wir weiter daran arbeiten, damit wir das tun werden. Ich würde die Bildfunktion nicht verwenden, aber ich würde direkt zu den Spalten gehen. Das erste, was ich tun würde, ist, ihn anzurufen. Also der Anruf Benennen Sie das. Vielleicht fängst du an, Sachen zu benennen, während du mitmachst. Besonders. Es wird eine große Seite. Nur hilft der Organisation ähnliche Zehenschichten in der Gestaltung von Social Princeton so , Die Breite ist es wieder die gleichen 12 Spalten. Also, wenn Sie es sechs Spalten haben, die immer eine halbe Seite nehmen. Der Offset ist offensichtlich, wie viele Spalten es durch den Hintergrund zum Post versetzt werden . Also, wenn wir einige Inhalte in dieser Spalte haben, so werde ich ein Bild hinzufügen. Also die Bildskala konnte ich nicht voll verstand auf sie gehen, ausgerichtet nach links. Ich werde keinen Bildmaßstab haben, weil ich die Breite von der Spalte habe. Und das ist die Skala, die ich in die Lightbox eingreifen möchte, und ich zeige Ihnen, was das bedeutet. Das Bild benötigt keinen Link. Jetzt sowieso nichts . Und sie nur ich habe das Bild gespielt Stig kennen die oder könnte Pitch, dass Mai. Das ist also mein erstes Poster. Dies ist persönlich für einen se Nur speichern, dass und das ist, wie es auf der Seite aussieht. Also werde ich das retten und du siehst, dass ich am Tag weiß und du musst genau sehen, wie das aussieht . So aktualisiert diese Seite. Also sind wir auf der Seite von Siri, und so sieht es vorerst aus. Also mein Problem jetzt ist, dass zu groß ist, weil ich nicht passen kann, dass alle in meinem Browser, jemand Zeit Wunsch ist nicht groß. Also werde ich wieder hineingehen, um wieder in den Inhalt zu gehen. Und dann war es schnell drin, und ich kann Änderungen vornehmen, die nur diese Spalte ändern oder die ganze Collins ändern können . Also werde ich einfach weitermachen und das erweitern. Also machen es die halbe Größe. Ich werde es haben. Drei. Ich werde speichern, dass das ein bisschen besser aussieht, aber ich will nicht, dass es das berührt. Ich möchte, dass diese Lücke gleich ist. Das so zu tun, dass Sie haben. Sie sind Polsterung, so dass Sie am unteren Rand die obere Compoundierung haben können. Also, wenn ich 60 Pixel hatte, speichern die Polsterung oben als das. Ist das hier? Es ist also ziemlich nett. Also muss ich den kennen, den ich könnte, ich würde die Kolumne kennen. Also rufe ich meinen Dad an, füge neue Kolumne hinzu, und ich werde genau dasselbe tun. Also, wenn es drei ist, kompensiert ich noch nicht, um es gesehen zu haben. Ich weiß nicht, wie es aussehen wird. Raus aus meinem Bild. Ich will keine Linkslinien im Maßstab. Finden Sie jetzt. Ich will Leuchtkasten, Sir. Seufzer. Also ist es ziemlich gut. Sie sind genau gleich. Also könnte ich Sie wissen lassen? Nein, die beiden. Wahrscheinlich. Es hat also diesen Anreiz, das Tempo zusammen. Also haben wir sechs Collins, bis zwischen diesen jeweils drei Ass. Und wir wissen, dass es insgesamt 12 gibt. Also, wenn wir die 1. 1 von drei gesetzt haben, legen Sie einige direkt in die Mitte. Also haben wir in einer drei Spalte 33 und drei mit einer Polsterung zwischen jedem. Das ist also die Mitte. Also ist es sicher. Das und Sie müssen es immer in diesem auf der Seite aktualisieren. Weißt du, das war erfrischt. Diese Seite, die ich nie gehen ist ziemlich guter Service, den Sie nicht dio konnte. Das ist einfach. Wie Teoh einfach setzen Sie Ihre Inhalte in Einfachste möglich. Aber Sie können in das und nur an Kompositionen arbeiten, und Sie haben die totale Kontrolle darüber, wo alles ist. Es geht nur darum, die 12 Spalten zu verwenden. Also, wenn ich ein wenig Text neben diesem hier hinzufügen wollte, möchte ich zurück in den Content-Editor gehen. Ich will einen Klick. Ich möchte es hinzufügen, um ihn anzurufen. Also habe ich die beiden hier, damit ich 1/3 Spalte hinzufügen kann. Aber ich könnte das mit diesem ziehen. Die drei Zeilen hier und ich könnte es nach oben ziehen, aus Absätzen des Textes umgehen. Das ist also ein Poster, ja, aber immer noch eins. Und dann macht es diesmal Spaß. Ich werde es richtig einarbeiten, ist auf die Gestaltung der Seite. Also sagen wir nur, dass, Sehen, was das so aussieht, weil wir nach oben ziehen, es ist so zuerst im Raster funktioniert immer von links. Also gehe ich und wir lassen es das. Das sind also sechs Spalten im Rest von drei. Offensichtlich ist es deshalb so groß. Also mache ich auch diese drei Spalten. Ich möchte es erweitern. Andi, ich möchte alles nach rechts ausrichten, nur für warum nicht sicher, also die mittleren im Offizier, was bedeutet, dass es jetzt eine massive Lücke in der Mitte von drei Spalten haben würde. Also nehmen wir den Offset ab hier und andere und haben einfach überall Vega speichern gewusst. Also diese sind immer noch in der Mitte und all dieser Text ist ekelhaft Tasche. So machst du es. So könntest du dann den Text kleiner machen und alles beschriften. Also ist es sicher, dass Date so frisch und sie gehen. Also ist es genau hier auf der Lebensseite, wie es im Edit-Inhalt ist, was wirklich großartig, wirklich großartig ist . Wirklich retten Sie diesen nicht Tag und sehen Sie genau die Welt sieht es 7. Fertigstellung: Okay, das war's also darum. Für diese Einführung in Simples Video wird es viele Fragen geben, ich stelle mir vor, weil ich es nicht besonders gründlich durchgemacht habe. Ich wollte dir nur zeigen, wie du anfängst. Und dann, wenn Fragen auftauchen, lebte ich, um in mehr Schulden zu gehen und wie Sie eine Website mit diesem machen können. Ich liebe einfach die Freiheit. Das ist genau das, was ich als Grafikdesigner wollte, um eine Website zu erstellen. Ich wollte Dreamweaver nicht. Ich wollte Adobe Muse nicht, und ich wollte sicherlich nicht jemand anderes Vorlage mit dieser Mühle, um meine eigene Website genau so zu machen , wie ich will. Wenn Sie also an Simples interessiert sind und Sie möchten, dass ich es weiter betrachte, können wir über mobile Websites gehen, wie man die Größe des Textes und das Layout des Textes ändert, basierend auf welchem Gerät gezeichnet, ob es sich um ein iPad oder einen Desktop handelt oder ein Telefon, können wir weiter nachschauen, um einen Hintergrund für Ihre Website-Navigationsleisten zu erstellen. Alle Fragen, die auftauchen, lassen Sie es mich wissen, weil sie nur wollten, dass dies eine schnelle Einführung ist, um jeden zu bekommen , der Websites beginnen will, nur um zu sehen, wie einfach es zu bedienen ist. Ich weiß, es gibt noch ein paar Dinge im Inhalt 1/3 und gehen durch, also das ist alles im nächsten Video. Also hoffe ich, dass das hilfreich ist. Wenn Sie die einfachste sehen, bevor oder Sie gehen, um es von diesem zu verwenden, dann Shea Websites unten oder Shea Websites sowieso, weil ich gerne sagen würde, und danke zu sehen, und ich hoffe, das war nützlich.