{"id":8938,"date":"2024-01-15T09:27:39","date_gmt":"2024-01-15T08:27:39","guid":{"rendered":"http:\/\/bkovertretung.bplaced.net\/wordpress\/?page_id=8938"},"modified":"2025-05-12T11:40:38","modified_gmt":"2025-05-12T09:40:38","slug":"content-management-systeme","status":"publish","type":"page","link":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wfh12-webdesign\/content-management-systeme\/","title":{"rendered":"Grundlagen:Content-Management-Systeme"},"content":{"rendered":"<h3><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8943\" src=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2024\/01\/what-is-a-cms-website-1-300x158.jpg\" alt=\"what-is-a-cms-website\" width=\"447\" height=\"235\" srcset=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2024\/01\/what-is-a-cms-website-1-300x158.jpg 300w, http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2024\/01\/what-is-a-cms-website-1-768x403.jpg 768w, http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2024\/01\/what-is-a-cms-website-1-1024x538.jpg 1024w, http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2024\/01\/what-is-a-cms-website-1.jpg 1200w\" sizes=\"auto, (max-width: 447px) 100vw, 447px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8940\" src=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2024\/01\/CMS.jpg\" alt=\"CMS\" width=\"330\" height=\"217\" \/><\/h3>\n<h3>1. Aufgabe<\/h3>\n<p>Einen Internetauftritt kann entweder selbst programmiert werden (in html, css und javascript), das haben wir ja schon in Ans\u00e4tzen kennengelernt. Eine oder gar mehrere sch\u00f6ne Seite zu erstellen, ist aufwendig und gar nicht so einfach.<\/p>\n<p>Aus diesem Grund gibt es sog. Content-Management-Systeme. Hier ist es m\u00f6glich einen Internetauftritt er erstellen ohne besondere Programmierkenntnisse.<\/p>\n<p>Deine Aufgabe ist es nun eine m\u00f6glichst interessante Pr\u00e4sentation \u00fcber CMS zu erstellen. <span style=\"color: #ff0000;\"><strong>Interessant<\/strong> <\/span>hei\u00dft hier: <em><strong><span style=\"color: #ff00ff;\">hilfreich, wissend bald selbst eine solche Homepage zu entwickeln.<\/span><\/strong><\/em><\/p>\n<p>Diese Pr\u00e4sentation soll in PowerPoint erstellt werden. Bitte immer mit Quellenangaben bzw. mit den entsprechenden Prompts (&amp; Seite\/Datum\/Uhrzeit) &#8211; falls KI genutzt wird. Anschlie\u00dfend muss aus der<span style=\"color: #339966;\"><em><strong> PP-Pr\u00e4sentation eine PDF erstellt werden,<\/strong><\/em><\/span> die ebenfalls in Teams abzugeben ist.<\/p>\n<h3>2. Aufgabe<\/h3>\n<p>Nachdem wir nun auch erfahren haben,\u00a0 was unsere Mitsch\u00fcler \u00fcber CMS hilfreiches herausgefunden haben, sollt Ihr nun Eure Pr\u00e4sentation entsprechend erg\u00e4nzen und verbessern. <span style=\"color: #ff6600;\"><em>Fragt Euch dabei stets, was sollte ich wissen, um eine eigene Homepage mit einem CMS erstellen und ver\u00f6ffentlichen will. <\/em><\/span><\/p>\n<p><strong><span style=\"color: #ff6600;\">Tipps:<\/span><\/strong><\/p>\n<ul>\n<li>Hinter jeder Aussage muss die <span style=\"color: #008000;\"><em><strong>Quelle<\/strong> <\/em><\/span>stehen, der sie entnommen wurde (Internetquelle oder bei <span style=\"color: #ff0000;\">KI<\/span>: Quelle mit Prompt und Uhrzeit)<\/li>\n<\/ul>\n<h3>3. Aufgabe<\/h3>\n<h3><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6683\" src=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2021\/04\/Qualit\u00e4t.jpg\" alt=\"Qualit\u00e4t\" width=\"125\" height=\"125\" srcset=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2021\/04\/Qualit\u00e4t.jpg 225w, http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2021\/04\/Qualit\u00e4t-150x150.jpg 150w\" sizes=\"auto, (max-width: 125px) 100vw, 125px\" \/>Auswahl eines CMS<\/h3>\n<p>Suche Dir durch Internetrecherche ein CMS aus, bei dem sowohl die Domain als auch das CMS kostenfrei f\u00fcr Dich ist. Analysiere kurz m\u00f6gliche Vor- und Nachteile verschiedener CMS.<\/p>\n<p>Dokumentiere dies in einem Worddokument <strong><em><span style=\"color: #ff6600;\">(mit Quellen)<\/span><\/em><\/strong> und gebe dies <span style=\"color: #ff6600;\">auch<\/span> als <em><strong><span style=\"color: #ff6600;\">PDF in Teams<\/span><\/strong><\/em> ab.<\/p>\n<h5><span style=\"color: #ff00ff;\">Vorgehen<\/span><\/h5>\n<ol>\n<li>Liste zun\u00e4chst die Kriterien auf, die f\u00fcr Dich bei der Entwicklung eines SMS wichtig sind.<\/li>\n<li>Suche nun die g\u00e4ngigsten\/bekanntesten CMS raus.<\/li>\n<li>Bewerte diese CMS nun anhand deiner Kriterien.<\/li>\n<li>Stelle nun eine Rangfolge auf.<\/li>\n<\/ol>\n<p><strong><span style=\"color: #ff6600;\">Tipp:<br \/>\n<\/span><\/strong><span style=\"color: #0000ff;\">Schreibe nur Dinge auf, die Du auch verstehst!!!<\/span><\/p>\n<h3>4. Aufgabe<\/h3>\n<h3><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6683\" src=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2021\/04\/Qualit\u00e4t.jpg\" alt=\"Qualit\u00e4t\" width=\"125\" height=\"125\" srcset=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2021\/04\/Qualit\u00e4t.jpg 225w, http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2021\/04\/Qualit\u00e4t-150x150.jpg 150w\" sizes=\"auto, (max-width: 125px) 100vw, 125px\" \/>Auswahl eines CMS <span style=\"color: #ff0000;\">mit Unterst\u00fctzung von KI<\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9567 alignleft\" src=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2024\/01\/copilot-300x168.jpg\" alt=\"copilot\" width=\"95\" height=\"53\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9568 alignright\" src=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2024\/01\/chtgpt.png\" alt=\"chtgpt\" width=\"119\" height=\"119\" srcset=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2024\/01\/chtgpt.png 225w, http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2024\/01\/chtgpt-150x150.png 150w\" sizes=\"auto, (max-width: 119px) 100vw, 119px\" \/><\/p>\n<p>Um sicher zu gehen, das richtige CMS auszusuchen, rechechiere dies nochmal mit Hilfe von chdgpt bzw. Copilot.<br \/>\nGrunds\u00e4tzlich betrachten wir nur CMS, die f\u00fcr <em><strong><span style=\"color: #339966;\">Anf\u00e4nger geeignet<\/span> <\/strong><\/em>und <em><strong><span style=\"color: #ff0000;\">kostenlos<\/span> <\/strong><\/em>sind und zudem eine <em><strong><span style=\"color: #ff6600;\">kostenlose Domain und kostenloses Hosting<\/span><\/strong><\/em> anbietet.<\/p>\n<p>Um die richtige Entscheidung zu treffen, sollten wir uns zudem auf die <span style=\"color: #008000;\"><em><strong>Art der Homepage<\/strong><\/em><\/span> festgelegen, die wir gestalten m\u00f6chten.<\/p>\n<p>Kopiere Deine Fragen und die erzeugten Anworten dann in ein Worddokument. <em><strong><span style=\"color: #ff0000;\">L\u00f6sche zum Schlu\u00df alle Dinge raus, die Dir nicht weiterhelfen.<\/span><\/strong><\/em><\/p>\n<p>Entscheide Dich dann f\u00fcr ein CMS-System, das Du gerne verwenden w\u00fcrdest. <span style=\"color: #ff6600;\"><strong>Begr\u00fcnde Deine Entscheidung!<\/strong><\/span><\/p>\n<p>Gebe in Teams sowohl ein <span style=\"color: #339966;\">Worddokument<\/span>, als auch ein <span style=\"color: #008000;\">PDF<\/span> ab.<\/p>\n<p>\u00dcberlege Dir dann dann, \u00fcber <em><strong><span style=\"color: #ff00ff;\">welches Thema \/ mit welchen Inhalten<\/span><\/strong><\/em> Du Deine Seite erstellen m\u00f6chtest.<\/p>\n<p>_________________________________________________________________________<\/p>\n<p>&nbsp;<\/p>\n<h5>5. Erstellen eines Accounts mit Domain<\/h5>\n<p>Erstelle f\u00fcr Dein ausgew\u00e4hltes CMS einen Account (mit Domain).<\/p>\n<h5>6. Festlegen eines Layouts &amp; Gestaltung einer ersten Seite<\/h5>\n<p>Analysiere kurz die Layoutm\u00f6glichkeiten Deines CMS und erstelle ein erstes Layout.<\/p>\n<h5>7. Dokumentation deiner Erfahrungen<\/h5>\n<ul>\n<li>Schreibe Deine Erfahrungen mit dem jeweiligen CMS auf eine separate Seite Deiner Homepage.<\/li>\n<\/ul>\n<h5>8. Impressum<\/h5>\n<p><a href=\"https:\/\/www.bmuv.de\/themen\/verbraucherschutz\/digitaler-verbraucherschutz\/impressumspflicht#c66865\">https:\/\/www.bmuv.de\/themen\/verbraucherschutz\/digitaler-verbraucherschutz\/impressumspflicht#c66865<\/a><\/p>\n<h3><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6683\" src=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2021\/04\/Qualit\u00e4t.jpg\" alt=\"Qualit\u00e4t\" width=\"125\" height=\"125\" srcset=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2021\/04\/Qualit\u00e4t.jpg 225w, http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2021\/04\/Qualit\u00e4t-150x150.jpg 150w\" sizes=\"auto, (max-width: 125px) 100vw, 125px\" \/>Aufgaben &#8211; Teil 2<\/h3>\n<p>Deine Webseite sollte<strong> einige Seiten a<\/strong>ufweisen:<\/p>\n<ol>\n<li>Die erste Seite sollte darstellen, um was es geht.<\/li>\n<li>Detailseite mit Bildern<\/li>\n<li>Seite mit vielen Informationen ggf. auch mit PDFs u.\u00e4. zum herunterladen<\/li>\n<li>Blog<\/li>\n<li>Impressum (mit der M\u00f6glichkeit eine Mail zu schreiben)<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<h3><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6683\" src=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2021\/04\/Qualit\u00e4t.jpg\" alt=\"Qualit\u00e4t\" width=\"125\" height=\"125\" srcset=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2021\/04\/Qualit\u00e4t.jpg 225w, http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2021\/04\/Qualit\u00e4t-150x150.jpg 150w\" sizes=\"auto, (max-width: 125px) 100vw, 125px\" \/><\/h3>\n<ol>\n<li>\n<h3>Aufgabe<\/h3>\n<\/li>\n<\/ol>\n<p>Erstelle eine Homepage mit einem CMS.<\/p>\n<h4>Bestandteile<\/h4>\n<ul>\n<li>Mehrere Seiten, die jeweils unterschiedlich designed sind.<\/li>\n<li>Seite mit Bildern<\/li>\n<li>Seite mit Informationen &#8211; auch zum runterladen (zum Beispiel in Form von PDFs)<\/li>\n<li>Impressum (mit der M\u00f6glichkeit eine Mail zu schreiben)<\/li>\n<li>Blog<\/li>\n<li>etc.<\/li>\n<\/ul>\n<h3>2. Aufgabe<\/h3>\n<p>Erstelle nun eine \u00e4hnliche Homepage mit einem anderen CMS. (Bestandteile s. oben)<\/p>\n<h3>3. Aufgabe -Dokumentation deiner Erfahrungen<\/h3>\n<p>Vergleiche die zwei CMSe. Schreibe Deine Erfahrungen mit dem jeweiligen CMS auf eine separate Seite Deiner Homepage.<\/p>\n<p><span style=\"color: #ff00ff;\"><em><strong>Stelle dann die zwei Adressen Deiner Homepages in den Chat Webdesign Deiner Klasse &#8230;.<\/strong><\/em><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9055\" src=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-04-12-um-10.24.21-300x128.png\" alt=\"Bildschirmfoto 2024-04-12 um 10.24.21\" width=\"300\" height=\"128\" srcset=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-04-12-um-10.24.21-300x128.png 300w, http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-04-12-um-10.24.21-672x288.png 672w, http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-04-12-um-10.24.21.png 673w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Aufgabe Einen Internetauftritt kann entweder selbst programmiert werden (in html, css und javascript), das haben wir ja schon in Ans\u00e4tzen kennengelernt. Eine oder gar mehrere sch\u00f6ne Seite zu erstellen, ist aufwendig und gar nicht so einfach. Aus diesem Grund gibt es sog. Content-Management-Systeme. Hier ist es m\u00f6glich einen Internetauftritt er erstellen ohne besondere Programmierkenntnisse. &hellip; <a href=\"http:\/\/bkovertretung.bplaced.net\/wordpress\/wfh12-webdesign\/content-management-systeme\/\" class=\"more-link\"><span class=\"screen-reader-text\">Grundlagen:Content-Management-Systeme<\/span> weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8471,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8938","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-json\/wp\/v2\/pages\/8938","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-json\/wp\/v2\/comments?post=8938"}],"version-history":[{"count":25,"href":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-json\/wp\/v2\/pages\/8938\/revisions"}],"predecessor-version":[{"id":9623,"href":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-json\/wp\/v2\/pages\/8938\/revisions\/9623"}],"up":[{"embeddable":true,"href":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-json\/wp\/v2\/pages\/8471"}],"wp:attachment":[{"href":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-json\/wp\/v2\/media?parent=8938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}