Eigene Internetseite erstellen - Anfänger Tutorial Deutsch
Вставка
- Опубліковано 17 тра 2024
- Kostenloses Beratungsgespräch: weiterbildung.developerakadem...
In diesem Tutorial lernst du, wie du deine eigene Internetseite erstellen kannst. Egal, ob du selbstständig bist, eine Firma hast oder nur eine Hobby-Internetseite erstellen möchtest - In diesem Videokurs erfährst du, wie du vorgehen kannst. Selbst, wenn du noch nie eine Zeile Code geschrieben hast.
___ Wichtige Links
Internetseite testen: tourmaline-panda-b2e613.netli...
Pixabay: pixabay.com/de/
Webdesigns: 99designs.de/blog/design-krea...
Inhaltsverzeichnis:
00:00 | Einleitung
00:20 | In diesem Tutorial
01:01 | Was ist HTML?
03:00 | Start und Installation
10:42 | Grundaufbau einfach erklärt
18:48 | Start mit CSS
27:58 | Logo designen und einfügen
34:54 | Schriftart und Textgstaltung
45:45 | Widgets
54:14 | Responsive Design
01:05:53 | Online stellen
Instagram: / junus.ergin (Junus Ergin)
Tiktok: / herr_programmierer (Herr Programmierer)
Podcast: open.spotify.com/show/3sOOzOg...
____ Über diesen Kanal ___
Die Developer Akademie bildet dich zum Programmierer weiter. Auch wenn du noch NIE eine Zeile Code geschrieben hast, ist es möglich in 3 - 9 Monaten einen bezahlten Job zu finden. Dafür musst du nicht nur programmieren lernen, sondern einen guten Lebenslauf mit vielen verschiedenen Projekten vorweisen. In unserem Programm hast du ständigen Kontakt zu unseren Coaches, Hausaufgaben, Abgabefristen und Projekte aus der Praxis.
Am Ende erstellen wir mit dir deinen Lebenslauf und unterstützen dich bei deiner Bewerbung.
Informiere dich auf weiterbildung.developerakadem...
So symphytisch. danke für die Hilfe. Mehr gelernt als im Studium
Genau so stelle ich mir ein Video vor, das einem Anfänger was erklären will. Echt Super
gemacht. Danke
selbst für mich als absoluten Laien, super erklärt. Wenn mir das vor 10 Jahren jemand so gezeigt hätte, wäre es eine berufliche Alternative gewesen.
Unglaublich, wie viel Spaß das machen kann. Vielen Dank für die ausführlichen und guten Erklärungen.
Verdient mehr Aufmerksamkeit du rettest mich übelst, weiter so Daumen und Abo werden da gelassen🤝
Gibt es nicht schon ein Tutorial für Internetseiten, auf "Programmieren lernen"? Allerdings ist dieses Video ausführlicher! Gut gemacht! Danke, Junus!!!!! 😊😊😊😊
Container heisst immer div :D ❤🔥 ich könnte ihm den ganzen Tag zuhören/zugucken. und nein :) i am straight if any idioz kribeln in fingern verspürt ;))))
@@defcon0ne Junge junge... Anus for President! Verstehe nur cootten #htm Plug y2# 😬😬
Was ist wenn ich das Logo (die Handel) für die Website selbst nachzeichnen und verwende ist das dann erlaubt?
tf bro
@@morlamorla9756 ja eigentlich schon
Ein sehr gutes und vor allem verständliches Erklärvideo. Vielen Dank. Da hört man gern zu.
Gestern Kanal entdeckt. Schon so viel gelernt. sehr gute Erklärung. Vielen Dank.
Super detailiert erklärt, herzlichen Dank dafür. Auch die Software ist Gold wert und sehr sehr hilfreich für Einsteiger (kannte ich vorher nicht). Jetzt macht es sogar mir Spaß. Kanal ist abonniert, ich denke hier kann ich noch viel dazulernen 👌
Vielen Dank, du hast mir sehr geholfen. Eine absolut verständliche Einführung.
Einfach wow.. Ich habe mich mit so einem Thema noch nie befaßt und konnte nur räzeln wie sowas klappt.
Mit nur einem Video von dir hab ich jetzt eigentlich alles Was ich brauche. Natürlich nicht alles aber die Grundlagen erlauben mir mit Hilfe von Google auch komplexere Themen zu bearbeiten. Ich hab schon richtig Bock zu probieren.. Danke 👍
Danke für die großartige Hilfe! ❤
Habe seit kurzem dein Kanal entdeckt und nach Jahren endlich meine erste Webseite herstellt. Allerdings nur mit html und css. Vielen Dank!
Die Vorgehensweise finde ich gut. Manchmal geht es mir ein bisschen schnell aber kann diese Stellen wiederholen bis es sitzt.
Top, weiter so!
Glückwunsch! Das freut uns sehr! Danke für das Feedback
Kann mir mal einer sagen warum mein Standard Html Code anders ausschaut, beziehungsweise fehlt da etwas es funktioniert zwar alles , aber dennoch frag ich mich warum das so ist.
!DOCTYPE html>
Document
Hallo ZIM User!1
@@patricktrutschel6357 Da fehlt das "
Ich finde es stellenweise auch etwas schnell, aber ich denke das ist dem geschuldet, dass er das schon soooo oft gemacht hat, dass es schon unterbewusst passiert. Ich machs auch so wie du, ich spul zurück und gucks mir nochmal an.
Schönes Video 👍 Kannst du einen zweiten Teil raus bringen indem du die Website weiter baust . Mach weiter so👌
Sehr gutes Video, gerne mehr dazu
Du machst das immer so gut ich lern grad Java Skript bzw versuch es :D
hab es mir auf 1.75 angeschaut aber trotzdem alles verstanden, supper erklärt, danke
danke Junus, ein sehr schöner Content !
Hammer, bester Lehrer ever! Besser geht's fast nicht!
Mega Sympatysch. Danke für deine tollen Videos.
Wie wäre es mit einem Part 2? Ich hätte gerne gewusst wie ich die Links oben rechst fülle bzw. Weiterleitung mache
Klasse Content! Sollte man auch in Schulel zeigen. Tja Lehrer, so geht Lernen heute! Beste Eigenwerbung für weiterführende Kurse. Wenn der Lernerfolg so rasant weitergeht, kann nichts mehr schief gehen
Danke danke mein Informatik Lehrer wird sich freuen wenn ich ihm dank dir eine perfekte Webseite vorlege.
Hammer habe es einfach genossen, vor allem weil ich keine Ahnung gehabt habe. Ich danke dir so sehr😅🙏
LIEBE DEINE Videos Super, mach weiter so
Geiles Tutorial, einfach mega. Ich wünschte ich könnte mehrfach liken
Du bist eine Bereicherung für das Internet :-D Danke
Hey, vielen Dank für eure wie immer, tollen Videos die mir echt weiter helfen. Habe nur eine Frage zum Teil Responsive Design. Meine Videos passen sich automatisch an, egal wie eng ich den Bildschirm fahre. Ich weiß allerdings ehrlich gesagt nicht warum. Habt ihr eine Idee, auch ohne das ihr meinen code seht?
Daumen hoch bester Lehrer
super spannend.
Kann ich das Logo innerhalb dieses containers eigentlich in der größe verändern? oder bedarf es dafür einen eigenen container?
danke dir sehr habe mir eine seit aus spaß erstellt und es war echt cool mal eine eigene Webseite zu erstellen
Würdet Ihr bitte auch ein Video veröffentlichen, wie man ein Dropdown Menü erstellt?
wähle einen spieler:
mbappe
messi
Usw
Starkes Video
wie hast Du Zeitgleich für alle unter div class="menu-link" geschrieben? Danke im Voraus.
Ich schaue mir dein video jeden tag an
Vielen Dank, hat Super viel Spaß gemacht. Ich als Anfänger, habe zwar öfter hin und her gespult (mit einem Laptop Bildschirm, ist das halt nicht so einfach).
Einfach super
Ich liebe dein Lächeln❤😊
Du bist mein bester Internet Lehrer und daß alles kostenlos auf UA-cam.
Und zusätzlich hat es prima auf einem Android funktioniert!
Jedoch sind die Funktionen von HTML Apps nicht entsprechend gut, was aber auf Windows besser geeignet ist, aber es funktioniert auf Android!
Ich erstelle mir eine Webseite die ein ( Index of - FTP) Vintage Design hat und damn sieht alles so aus als würden wir in der 80er leben
Ich verbinde auch legale Dateien auf meiner Seite die ich selbst erstellt habe und über ein Torrent Manager als Test laufen lasse ob alles funktioniert.
Wenn man gut mit Legalen und Illegalen Inhalte auskennt, der weiß dann wie man Torrent 100% Legal ohne VPN nutzen oder verwenden kann.
Viele dort draußen haben über Torrent nicht schlau gemacht und Laden ausversehen irgendwelche geschützte Inhalte runter, bis alle Nähte von Briefkasten reißen 😂😂😂
Hallo eine Frage und zwar wenn man die Website auf dem Handy öffnet sieht es richtig schlecht aus, die überschrift steht komplett über der ganzen Seite (bei deiner Website auch) weisst du woran das liegt? Lg
Super Video 👍
Gutes Video. Wenn man nicht extra "calc" benutzt, wäre aber "aspect-ratio: 16/9;" besser als diese "56.25" bei Min. 58:30, oder?
Moin Frage kann ich so auch mit dem Tutorial eine Support Webseite mit einem extra Chat Bot machen für Lehrer also das Lehrer Selbsthilfe erstmal leisten können und das ich und mein IT Team nicht immer gleich kommen müssen.
danke!!!! echt gutes Video! Ist das beabsichtigt das bei Minute 46:00 die verschwommenen Kasten sind oder ist das nur bei mir so?
sehr cooles video
uff was ein cooles video
sehr gutes video trotzdem eine frage wenn ich die seite in meinnem ordner öffne fehlt das erste große hintergrundbild was kann man da machen?
was ist mit einem impressum und datenschutz brauch man das in einer selbst programierten onternet seite ?
Machst du auch kurse wo man Programmieren lernen kann? Wenn ja wo kann ich mich dazu anmelden?
Das Video gefällt mir wieder sehr gut.Ich würde gern noch wissen, wie ich einen Hinweis auf Cookies in eine selbst erstellte Website einbaue. Der ist ja oft erforderlich und muss dann doch noch mit anderen Punkten verknüpft werden oder?
Wenn ich meine Seiten veröffentlichen will, steht bei mir manchmal folgendes:
Page Not Found
Looks like you've followed a broken link or entered a URL that doesn't exist on this site.
Woran kann das liegen?
Danke für das tolle Video! Welchen Homelage Baukasten würdest du empfehlen, wenn ich Mitglieder mit Profilen einbauen möchte, die untereinander kommuniziert können, bzw. eine Anzeige auf meienr Website schalten können? Lieben Dank und viele Grüße, Anna 😊
Hab mal ne Frage…
Sagen wir mal ich bin selbstständiger Entwickler und entwickle eine Internetseite für einen Kunden. Die Seite wird nach Fertigstellung, sagen wir mal 6 Monate oder 1 oder 2 Jahren gehackt….
Kann der Entwickler zu Rechenschaft gezogen werden?
wie kann ich oben in den reiter impressum den ich erstelltt habe ein impressum reinschrieben das es auf der seite aufgeht?
Hey. kurze Frage :)
Wie funktioniert das bei 25:57? Wo man 4 Sachen gleichzeitig anklicken kann und der in jedem Feld dass schreibt was man möchte? :)
Alt gedrückt halten
Danke.😀
Vielen Dank für das Super Video aber wie machst du das das du es speicherst wie zum Beispiel bei 13:52?
Strg s zusammen drücken
Die Bearbeitung der Links (Farbe, Hovereffekt, etc.) hätte man dann doch theoretisch im Container auch programmieren können, oder?
hallo bei minute 26 kilckst du gleichzeitig mehere zeilen an und schreibst in diesen wie geht das??
Ich habe eine Frage ich eine Seite programmiert also erstellt aber ich möchte dass die Größe genauso passt auf dem iPad, dass man alles sieht wie auf dem Laptop. Wie kann ich das machen?
Hallo,
ich habe das Problem, wenn ich die Befehle eingebe, werden die mir nur angezeigt, wenn ich die Seite schließe und neu öffne.
Ist ein bisschen lästig. Kann man das irgendwie umgehen bzw. einstellen?
Tolles Video habs wie immer nachgemacht einfach nur klasse nur leider sind seit dem Reiter Schriften und Gestaltung 2 Kästchen die manches verdecken
Kann ich denn wenn ich die Seite online habe sie noch aktualisieren? Ich plane eine Seite zu erstellen, auf der ich regelmäßig neue Dinge aktualisieren muss
Ich Interessiere mich für die Developer Akademie bin aber noch zu jung wollte trotzdem fragen was die Mindestanforderungen sind, Abitur?
Wie kann ich meine komplette Seite in einer anderen Farbe gestallten?
Ich möchte nicht das es uneter dem Bild weiß ist.
Thank you
Hey, off topic aber warst du heute (Fr 5. Mai, ka wann du den Kommentar siehst zufällig in München im Werksviertel unterwegs? 😄 Kenne dich ja nur von Videos aber habe entweder dich heute gesehen (blaues Hemd und Blazer) oder jemand, der dir zum verwechseln ähnlich sieht 😄
Kann mir da einer weiter helfen wenn ich mein Bild mit css verändern möchte ändert sich nichts habe alles überprüft au groß und klein Schreibung etc ?
Hallo,
Warum wird mein Bild nicht angezeigt? Es ist nur links oben ein kleines Symbol, aber das Bild an sich öffnet nicht. Ich habe alles 1:1 nachgemacht.
Öffnen tut index.html in Google Chrome.
Danke
LG
Kannst du mal Tipps zum Design von Webseiten geben?
Könntest du mir helfen? Ich möchte einen neuen Raum unter einem Bild erstellen.
Bei Min. 43.03 ist der Lorem Text nicht ganz unten sondern in der MItte, wie kann ich das ändern? Wenn der Text oben hinzugefügt wird, statt unten ändert er alles.
muss hinzufügen ändere ich bei .description-section was, ändert sich alles.
Kurze Frage… wenn du etwas eingibst und dann sagst du: „wenn wir jetzt Speichen (irgend eine Taste drücken) und wir sehen wir können auf den link drauf…“ welche Taste drückst du das es direkt gespeichert ist? Vielen danke gutes Video 👍🏼👍🏼
Ctrl + S für speichern im Visual Studio und dann wird die Seite automatisch aktualisiert, sofern du "Live Server" aktiviert hast
wenn ich bei 9:12 des eingebe kommt bei mir error. Kann mir wer sagen warum?
Bei mir funktioniert das Bild hineinfügen nicht, was ich kann ich dagegen tun? Ich benutzte file Explorer.
Das hört sich ja alles ganz nett an, aber für was muss ich programmieren können, wenn es Wordpress gibt ?
Wenn das Logo bei euch nicht funktioniert b.z.w nicht sichtbar ist, dann lasst bei Visual Studio Code, das img und den Slash / weg. Wenn Ihr das gemacht habt, dann müsste man das Logo auf eurer Website sehen können.
Was ich noch hinzufügen kann ist, wenn das Bild nicht angezeigt wird, dann löscht den Ordner für Bilder, im folder.
Danke, danke, danke! Bei mir wurde nur ein Fragezeichen angezeigt.
Super Video! Ich habe deine Schritte genau kopiert und schon direkt Fehler gemacht.... Mein Foto wird nicht angezeigt :( Es erscheint nur ein Kästchen oben links. Was mache ich hier falsch bei Img..
Mach weiter so!!
wie kann man das so einstellen, dass man mehrere Sprachen hat/umstellen kann?
Einiges funktioniert bei mir nicht z. B. bekomme ich das header-image nur so hin: also ohne den ersten Slash.
.container {
background-color: aqua;
position: absolute;
right: 32px;
top: 16px;
font-size: 24px;
}
ändert nichts an der Seite?
Was läuft hier falsch?
Ich bin mir nicht sicher habe erst Haute begonnen vielleicht funktioniert es nicht weil left:32px fehlt ?
gutes video aber warum sind da so viele stellen verpixelt?
28:52, sobald ich den Filter drüber lege verschwindet der Container, ich mache genau das was im Video gesagt wird und er wird trotzdem nicht sichtbar. Wenn ich den Filter lösche kommt der Container auch nicht zurück. Nur wenn ich STR+Z drücke und auf den Stand davor zurück gehe, habe ich wieder sichtbare Container. Hat wer eine Idee wie ich das beheben kann?
du musst die ing mit der > klammer schließen ich hatte das gleiche Problem.
du musst die ing vom Hintergrund und vom Logo am ende > drücken dann sollte es funktionieren
Microsoft sagt die VSC Datei kann aus Sicherheitsgründen nicht geöffnet werden. wie kann ich das ausschalten.
ich kann den "description-section" dic class erstellen aber wenn ich ihm in style eingeben will findet er ihn nicht und er wird gelb unterstrichen (wellenförmig) keine ahnung sowas nervt
Bei mir öffnet sich das Foto auf der Webseite nicht. Es erscheint ein kleines Bildzeichen auf der Seite oben links. Aber das Ganze Bild wird nicht geöffnet. Kann mir da jemand helfen?
Ich frag mich bloß, es gibt sehr viele Videos wo zeigen eine Webseite und sagen das es kostenpflichtig ist. Ist so eine HTML Website nicht kostenpflichtig?
des mit den containern klappt bei mir nie also des space between :( klatscht immer alles aneinander
Hat alles geklappt bis auf die Schriftart
Gut erklärt. Allerdings gibt es ein paar Schnittfehler.
Vielen Dank für das tutorial aber ich würde mr noch wünschen das man lernt das wenn man auf den Home button oder so etwas drückt sich sozusagen eine andere webseite öffnet
Sehr gutes Video
Kannst du bitte mal ein Tutorial über Games erstellen mit phyton machen?
und wo kann ich die prokramme runter laden
ich habe mir das heruntergeladen undhabe in der webseite voll reingezoomt ich weis nicht wie ich es weg tun sol ?????
Nach ca 6h als jemand der von alle dem noch nie was gehört hatte muss ich sagen das ergebnis kann sich sehen lassen kann
warum meine nicht oben gezeigt kommt.... ich habe mehr mal probiert.
Fitness Studio
body{
margin: 0;
}
.backgroud-image{
height: 100%;
width: 100%;
object-fit: cover;
}
Poah, trotz der ganzen Komplexität für diese Seite, hast du wahrscheinlich nicht mal an der Oberfläche gekratzt was das Design angeht. WTF ich stell mir grad vor was man da noch alles rein packen könnte und wie lange das noch dauern würde, das so zu machen. Programmieren ist mega geil, ohne Frage, aber auch ne Menge fummelarbeit. Dafür muss man definitiv auch erst mal die Geduld aufbringen. 😅😅
Hat mir wirklich super geholfen. Aber ich kann mit margin den rand nicht wegmachen. kann mir da jemand helfen?
Gutes tutorial Aber bei mir wird kein bild angezeigt. den code habe ich 10 mal überprüft, und "Home.Kontakt.Anruf" werden angezeigt kann mir wer helfen
Danke schon mal. Kann mir bitte jemand sagen, wo ich die Option Speichern finden kann.
Strg + S drücken
Ich habe es jetzt so oft probiert mit dem veröffentlichen, hatte schon letztens einige Probleme mit der Seite hier, aber diesmal geht es überhaupt nicht.