{"id":366,"date":"2018-10-02T15:26:26","date_gmt":"2018-10-02T15:26:26","guid":{"rendered":"https:\/\/blog.zhdk.ch\/wordpress\/?page_id=366"},"modified":"2021-10-19T09:53:38","modified_gmt":"2021-10-19T09:53:38","slug":"3-1-web-elemente","status":"publish","type":"page","link":"https:\/\/blog.zhdk.ch\/wordpress\/3-design\/3-1-web-elemente\/","title":{"rendered":"3.1 Web Elemente"},"content":{"rendered":"
\n
\n

WEB ELEMENTE<\/h3>\n

Denke daran: Eine moderne Homepage besteht meistens aus folgenden Elementen:<\/p>\n

HTML<\/strong><\/span>: Hier stehen die Texte, die Links (zu Medien oder anderen Web-Inhalten) und die Basisformatierungen. Z.B.: <h1>Titel<\/h1>
Das h1-Tag bestimmt, dass das Wort \u201eTitel\u201c sehr wichtig ist (wird auch meistens sehr gross geschrieben.<\/p>\n

CSS<\/strong><\/span>: mittels CSS wird das Design bestimmt, also das Layout, die Schriftarten, die Gr\u00f6sse von Elementen, die Farben von Elementen und vieles mehr.<\/p>\n

PHP und JavaScript<\/strong><\/span> sind die Script-Sprachen, welche automatische oder interaktive Inhalte f\u00fcr die Homepage generieren k\u00f6nnen. Z.B. WordPress basiert im Wesentlichen auf PHP. Dank PHP und JavaScript entstehen die Men\u00fcs, das grobe Layout der Elemente, die Widgets, die Bilder-Galerien etc.<\/p>\n

MySQL<\/strong><\/span> ist die Datenbank, in welcher Inhalte auf dem Server gespeichert werden. WordPress benutzt MySQL z.B. um all die Inhalte, die man erstellt, zu speichern -> vgl. https:\/\/en.wikipedia.org\/wiki\/WordPress<\/a><\/p>\n<\/div>\n<\/div>\n

<\/code><\/p>\n\n\n

\n\n\n\n

STRUKTUR<\/h3>\n\n\n\n

Body {<\/p>\n\n\n

(Topbar) – immer gleich<\/p>\n

Header – immer gleich<\/p>\n

Men\u00fc – immer gleich<\/p>\n

(Breadcrumbs) – immer gleich<\/p>\n

CONTENT – HAUPTINHALT<\/p>\n

<main><section><div>
<\/div><\/section><\/main><\/p>\n

(sidebar)<\/p>\n

Footer<\/p>\n\n\n

}<\/p>\n\n\n\n

Good to Know<\/h2>\n\n\n\n

Container <\/strong>–  Einen bestimmten Bereich (Attributes (class, ID, CSS..), Layout, Design)<\/strong><\/p>\n\n\n\n

Zeilen – <\/strong>Mit verschiedenen Row-Attributes (class, ID, CSS..), Layout, Design<\/strong>
Spalten<\/strong> – z.B 1 Spalte \u00e0 100%, 2 Spalten \u00e0 50%50% oder 25%75%…<\/p>\n\n\n\n

Margin vs. Padding<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

WEB ELEMENTE Denke daran: Eine moderne Homepage besteht meistens aus folgenden Elementen: HTML: Hier stehen die Texte, die Links (zu Medien oder anderen Web-Inhalten) und die Basisformatierungen. Z.B.: <h1>Titel<\/h1>Das h1-Tag bestimmt, dass das Wort \u201eTitel\u201c sehr wichtig ist (wird auch meistens sehr gross geschrieben. CSS: mittels CSS wird das Design bestimmt, also das Layout, die … 3.1 Web Elemente<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":4030,"featured_media":0,"parent":96,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-366","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/pages\/366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/users\/4030"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/comments?post=366"}],"version-history":[{"count":12,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/pages\/366\/revisions"}],"predecessor-version":[{"id":2764,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/pages\/366\/revisions\/2764"}],"up":[{"embeddable":true,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/pages\/96"}],"wp:attachment":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/media?parent=366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}