|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/html-css-frontend-website-programmierung-webentwicklung-crashkurs/
课程评论：没有评论
课程名称：HTML与CSS：终极速成课程 课程概述：欢迎参加本课程！在这里，你将掌握各种HTML和CSS元素的熟练应用。首先，我们将了解这两种网页语言的基本概念及其用途。课程基于当前的HTML5和CSS3标准，帮助你从视觉、内容到语义层面结构化多媒体内容，进行样式设计，并使其在移动设备上保持优秀的展示效果。你将逐步设计出一个美观、功能齐全且无障碍的网站。课程中包含了丰富的实例、练习和测验，以加深你的理解和掌握。此外，我们还将探讨互联网和万维网的基础知识。 你将学习到成功编码所需的工具（平台和程序），涵盖各种内容，如文本段落、标题、页眉和页脚、图片、音频和视频文件、链接、表单以及嵌入地图等。课程末你将完成自己的展示项目，我将展示一款网站供你模仿，你有机会打造一个完全符合自己设想的网站，无论是企业组合还是求职网站。我还会教你如何快速且免费地发布你的网站。在此过程中，我将逐步指导你，并提供后续学习材料和实用技巧，帮助你在有需要时能够自学进阶。准备好迈出个人或职业发展的第一步吧！你只需要一台能上网的电脑和一些时间。我期待着你的加入。 具体学习内容： - HTML和CSS的基本任务与结构（语法） - HTML、CSS与JavaScript的简要比较 - 重要程序和平台：CodePen，Visual Studio Code（包括扩展） - 互联网与万维网 - 前端与后端的区别 - 创建属于自己的网站并快速免费发布！ - 针对初学者的实用建议 **HTML部分：** - 语义和展示相关元素 - 文本元素（标题、不同文本段落、引用等） - 结构性元素（页眉、页脚、区段、文章、导航菜单、分隔线和换行等） - 文本标记 - 无障碍设计与技术兼容性 - 行内元素和块级元素 - 文档对象模型（DOM） - 列表、表格、表单、图片、音频文件和视频 - 链接（外部链接和内部链接） - 在网站中嵌入外部内容（如地图） **CSS部分：** - 字体和字体家族 - 字体大小 - 颜色（字体与背景、不同表示方式） - 特异性 - 倾斜和加粗 - 文本格式（间距、对齐、强调；行、词和字符） - 可读性与品牌识别方面 - 响应式设计（移动优先、用户体验/用户界面、媒体查询、视口、字体等） 通过本课程，你将能够掌握创建和发布高质量网站的技能。
Hallo!In diesem Kurs lernst du den souveränen Umgang mit den diversen HTML- und CSS-Elementen. Du erfährst vorweg, was diese beiden Websprachen genau sind und wozu sie verwendet werden. Unter Anwendung der aktuellen Standards von HTML5 und CSS3 strukturierst du multimediale Inhalte optisch, inhaltlich und semantisch, stylst sie und machst sie responsiv, sodass deine Seite auch auf Mobilgeräten top aussieht. Du entwirfst Schritt für Schritt eine ansehnliche, funktionale und barrierearme Website. Dazu halte ich ein paar anschauliche Beispiele, Übungen und Quizze parat, die dazu dienen, dein Wissen zu vertiefen. Unter anderem gucken wir uns an, wie die erste und rein in HTML erstellte Website aussah und wie du Inhalte mit CSS dynamisch anpasst. Und hast du dich schonmal gefragt, was genau das Internet ist und was das Web? Hier erfährst du es.Wir lernen das nötige Handwerkszeug in Form von Tools (Plattformen und Programme) kennen, die du zum erfolgreichen Coden brauchst. Wir meistern verschiedene Inhalte wie Textabschnitte, Überschriften, Fuß- und Kopfzeilen, Bilder, Audio- und Videodateien, Links, Formulare und sogar eingebettete Karten. Natürlich wartet am Ende des Kurses dein erstes eigenes Vorzeige-Projekt darauf, von dir erstellt zu werden. Ich zeige dir eine Website zum Nachbauen und du hast Gelegenheit, eine Seite zu erstellen, die ganz deiner eigenen Vorstellung entspricht, sei es ein Unternehmens-Portfolio oder eine Website, die du bei der Jobsuche vorweisen kannst. Wie du deine Seite im Nu kostenlos veröffentlichst, erfährst du ebenfalls von mir. Auf dem Weg dahin begleite ich dich Stück für Stück. Und im Anschluss gebe ich dir weiteres Material und erprobte Tipps an die Hand, damit du bei Bedarf selbstständig weiterlernen kannst. Leg los und geh einen Schritt in Richtung deiner persönlichen oder beruflichen Weiterentwicklung! Du brauchst nur einen Computer mit Internetzugang und einige Stunden Zeit. Ich freue mich auf dich.Konkrete Lerninhalte:Allgemeines:Aufgabe und Aufbau (Syntax) von HTML und CSS Kurzer Vergleich von HTML, CSS und JavaScript Wichtige Programme und Plattformen: CodePen, Visual Studio Code (inkl. Erweiterungen)Internet und World Wide WebFrontend vs. BackendDeine eigene Website erstellen- und schnell und kostenlos veröffentlichen!Tipps aus erster Hand für Neu-Programmierer*innenHTML:Semantische und präsentationsbezogene Elemente Text-Elemente (Überschriften, verschiedene Textpassagen, Zitate uvm.)Gliedernde, strukturierende Elemente (Kopfzeile, Fußzeile, Section, Article, Navigationsmenüs, Trennlinien und Umbrüche...)TextauszeichnungBarrierefreiheit und technische Kompatibilität Inline- und Block-Level-ElementeDas Document Object Model (DOM)ListenTabellenFormulare Bilder, Audiodateien und Videos Links (externe und interne Verlinkungen)Externe Inhalte auf der Website einbetten (Bsp. Karten)CSS:Schriftarten und -familienSchriftgrößenFarben (Schriften und Hintergründe, verschiedene Angaben)SpezifitätKursiv- und Fettschreibung Textformatierung (Abstände, Ausrichtung, Hervorhebung; Zeilen, Wörter und Zeichen)Aspekte zu Lesbarkeit und ,,Branding" (Marken-Wiedererkennungswert etc.)Responsive Design/Responsives Design (Mobile First, UX/UI, Media Queries, Viewport, Schriftarten...)
