{"id":9393,"date":"2025-01-25T12:16:14","date_gmt":"2025-01-25T11:16:14","guid":{"rendered":"http:\/\/bkovertretung.bplaced.net\/wordpress\/?page_id=9393"},"modified":"2025-05-12T13:01:27","modified_gmt":"2025-05-12T11:01:27","slug":"webdesign-wiederholung","status":"publish","type":"page","link":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wfh12-webdesign\/erstellung-einer-homepage-in-html\/webdesign-wiederholung\/","title":{"rendered":"WebDesign – Kurzform"},"content":{"rendered":"

Erstellen von Homepages durch Programmieren in html – Kurzfassung\"html\"<\/span><\/strong><\/h3>\n

 <\/p>\n

    \n
  1. Internetseiten<\/strong> werden in html<\/span>, css<\/span> und javascript<\/span> erstellt.\n
      \n
    1. html<\/span><\/strong><\/em>: hier werden die Inhalte dargestellt<\/li>\n
    2. css<\/strong><\/em><\/span>: dient Erstellung des Layouts (machen wir ggf. sp\u00e4ter)<\/li>\n
    3. javascript<\/span><\/strong><\/em>: hier wird Logik hinterlegt – falls erfolderlich (machen wir erstmal nicht)<\/li>\n<\/ol>\n<\/li>\n
    4. Die html-Seiten werden dann von dem entsprechenden Browser<\/span><\/strong><\/em> w\u00e4hrend der Laufzeit des Programmes interpretiert<\/strong><\/em>.<\/li>\n
    5. html-Seiten haben immer den gleichen Aufbau:
      \n<\/span><\/strong><\/em><<\/span>!DOCTYPE html<\/span>><\/span><\/span><\/strong>
      \n<<\/span>html><\/span><\/span><\/strong>
      \n<<\/span>body><\/span><\/span><\/strong><<\/span>h1><\/span><\/span>My First Heading<<\/span>\/h1><\/span><\/span><\/span>
      \n <<\/span>p><\/span><\/span>My first paragraph.<<\/span>\/p> ….<\/span><\/span><\/span>
      \n(hier stehen die Inhalte der Seite)<\/span>
      \n<<\/span>\/body><\/span><\/span><\/strong>
      \n<<\/span>\/html<\/span><\/strong>><\/span><\/strong>
      \nSiehe hierzu:
      \nhttps:\/\/www.w3schools.com\/html\/html_basic.asp
      \n<\/a>TIPP<\/span><\/strong>-> daher macht es Sinn, eine Kopiervorlage zu erstellen, in der die roten Befehle<\/span>, sowie die g\u00e4ngigsten anderen Befehle<\/span> enthalten sind.<\/span><\/span><\/li>\n
    6. Die erste Seite des Internetauftritts wird immer<\/em> index.html<\/span><\/strong><\/em> genannt.<\/li>\n
    7. Alle weiteren Seiten werden im Ordner html<\/span><\/strong> und alle verwendeten Bilder im Ordner images<\/span><\/strong>\u00a0gespeichert.<\/li>\n
    8. Zum Erstellen\/\u00c4ndern<\/span> <\/strong>von html-Seiten\u00a0brauche ich einen Editor<\/span><\/strong>:
      \nBsp.:\u00a0      https:\/\/www.w3schools.com\/html\/html_editor.asp<\/a><\/li>\n
    9. Testen -1<\/strong><\/span>: Habe ich dann meine Seiten erstellt, so kann ich sie zun\u00e4chst auf dem eigenen Rechner mit dem lokalen Browser (Safari, Firefox, Google etc.) testen.<\/li>\n
    10. Testen -2<\/strong><\/span>: Damit meine Seiten jetzt von \u00fcberall aufgerufen werden k\u00f6nnen, \u00fcbertrage ich jetzt diese Seiten zu meinem Server. (hier mit FileZilla)<\/li>\n<\/ol>\n

      \"3d<\/h3>\n

      Alle \u00dcbungen findest Du hier:<\/h3>\n

      Langfassung<\/strong><\/span>:\u00a0Ab-\u00dcbung-Hmtl<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

      Erstellen von Homepages durch Programmieren in html – Kurzfassung   Internetseiten werden in html, css und javascript erstellt. html: hier werden die Inhalte dargestellt css: dient Erstellung des Layouts (machen wir ggf. sp\u00e4ter) javascript: hier wird Logik hinterlegt – falls erfolderlich (machen wir erstmal nicht) Die html-Seiten werden dann von dem entsprechenden Browser w\u00e4hrend der … WebDesign – Kurzform<\/span> weiterlesen →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":9506,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9393","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-json\/wp\/v2\/pages\/9393","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=9393"}],"version-history":[{"count":9,"href":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-json\/wp\/v2\/pages\/9393\/revisions"}],"predecessor-version":[{"id":9628,"href":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-json\/wp\/v2\/pages\/9393\/revisions\/9628"}],"up":[{"embeddable":true,"href":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-json\/wp\/v2\/pages\/9506"}],"wp:attachment":[{"href":"http:\/\/bkovertretung.bplaced.net\/wordpress\/wp-json\/wp\/v2\/media?parent=9393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}