{"id":4348,"date":"2026-04-22T11:00:17","date_gmt":"2026-04-22T09:00:17","guid":{"rendered":"https:\/\/www.burg-halle.de\/id-neuwerk\/?p=4348"},"modified":"2026-07-06T11:52:23","modified_gmt":"2026-07-06T09:52:23","slug":"portfolio-html","status":"publish","type":"post","link":"https:\/\/www.burg-halle.de\/id-neuwerk\/blog\/portfolio-html\/","title":{"rendered":"portfolio.html"},"content":{"rendered":"\n

Webseiten-Fachaufgabe 06.2026
mit Julius Borkowski<\/p>\n\n\n\n

<\/div>\n\n\n\n

HTML, CSS, PHP, WordPress, Child Themes. F\u00fcr die Teilnehmerinnen und Teilnehmer der Fachaufgabe portfolio.html l\u00e4ngst kein Neuland mehr.<\/p>\n\n\n\n

Wie eine Webseite entsteht, besch\u00e4ftigte zw\u00f6lf Studierende des Studiengangs Industriedesign zwei intensive Wochen lang. Am Ende stand f\u00fcr jede und jeden eine eigene Portfolio Webseite, die k\u00fcnftig mit neuen Projekten wachsen und den pers\u00f6nlichen Gestaltungsprozess dokumentieren kann.<\/p>\n\n\n\n

F\u00fcr die meisten begann die Fachaufgabe ohne Vorkenntnisse im Bereich der Webentwicklung. Entsprechend starteten die ersten Tage mit den Grundlagen. HTML, CSS, PHP und ein wenig JavaScript bildeten die Basis f\u00fcr zahlreiche kleine Experimente. Zwischen \u00dcberschriften, Bildern, Farben und ersten Layouts wurde schnell deutlich, wie aus wenigen Zeilen Code ganz unterschiedliche Webseiten entstehen k\u00f6nnen. Ein besonderes Highlight war f\u00fcr viele die Entdeckung, dass sich selbst der Mauszeiger einer Webseite individuell gestalten l\u00e4sst.<\/p>\n\n\n\n

Als nach den ersten geschriebenen Zeilen Code der Browser ge\u00f6ffnet wurde und genau das erschien, was kurz zuvor noch als Text im Editor gestanden hatte, wich der Respekt vor dem Programmieren zunehmend der Begeisterung. Aus abstraktem Code wurde eine funktionierende Webseite.<\/p>\n\n\n\r\n

\r\n
\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n
<\/div>\r\n
<\/div>\r\n
<\/div>\r\n<\/div>\n\n\n

Nach einer gemeinsamen Konzeptionsphase stand die zweite Woche ganz im Zeichen von WordPress. Auf Grundlage der zuvor entwickelten Ideen entstand Schritt f\u00fcr Schritt das eigene Portfolio. Einige Studierende gingen dabei noch einen Schritt weiter und entwickelten sogar ein eigenes Child Theme, um ihre Webseite individuell anpassen zu k\u00f6nnen.<\/p>\n\n\n\n

Nicht immer verlief alles reibungslos. Besonders die Einrichtung von WordPress und die Einarbeitung in die zahlreichen Funktionen stellten viele zun\u00e4chst vor Herausforderungen. Einige empfanden das direkte Arbeiten mit HTML und CSS sogar als verst\u00e4ndlicher und angenehmer als die Arbeit mit dem Content Management System. Mit jeder gel\u00f6sten Aufgabe wuchs jedoch die Sicherheit im Umgang mit WordPress und sp\u00e4testens am Ende der zweiten Woche wurde allen deutlich, welche M\u00f6glichkeiten ein solches Content Management System bietet.<\/p>\n\n\n\n

Besonders sch\u00f6n war die Atmosph\u00e4re w\u00e4hrend der gesamten Fachaufgabe. Immer wieder versammelten sich alle um einen Laptop, wenn jemand einen ausgefallenen Effekt umgesetzt hatte. Ideen wurden geteilt, Probleme gemeinsam gel\u00f6st und kleine Erfolge gemeinsam gefeiert.<\/p>\n\n\n\n

Nun verf\u00fcgen alle Teilnehmerinnen und Teilnehmer \u00fcber eine eigene Portfolio Webseite. Einige davon sind bereits \u00f6ffentlich erreichbar, andere erhalten noch den letzten Feinschliff, bevor sie ihren Weg ins Internet finden.<\/p>\n\n\n\n

Den Abschluss bildete die gemeinsame Pr\u00e4sentation aller Portfolios. Dabei wurde schnell deutlich, dass keines dem anderen glich. Jedes spiegelte die eigene gestalterische Handschrift wider und zeigte, wie vielf\u00e4ltig sich die im Workshop erlernten Grundlagen umsetzen lassen.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Screenshots der entstandenen Portfolios<\/h2>\n\n\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n
\r\n
\r\n
\r\n \"\" <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n
<\/div>\r\n
<\/div>\r\n
<\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"

Webseiten-Fachaufgabe 06.2026mit Julius Borkowski HTML, CSS, PHP, WordPress, Child Themes. F\u00fcr die Teilnehmerinnen und Teilnehmer der Fachaufgabe portfolio.html l\u00e4ngst kein Neuland mehr. Wie eine Webseite entsteht, besch\u00e4ftigte zw\u00f6lf Studierende des Studiengangs Industriedesign zwei intensive Wochen lang. Am Ende stand f\u00fcr jede und jeden eine eigene Portfolio Webseite, die k\u00fcnftig mit neuen Projekten wachsen und den […]<\/p>\n","protected":false},"author":13,"featured_media":4369,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4348","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein"],"_links":{"self":[{"href":"https:\/\/www.burg-halle.de\/id-neuwerk\/wp-json\/wp\/v2\/posts\/4348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.burg-halle.de\/id-neuwerk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.burg-halle.de\/id-neuwerk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.burg-halle.de\/id-neuwerk\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.burg-halle.de\/id-neuwerk\/wp-json\/wp\/v2\/comments?post=4348"}],"version-history":[{"count":22,"href":"https:\/\/www.burg-halle.de\/id-neuwerk\/wp-json\/wp\/v2\/posts\/4348\/revisions"}],"predecessor-version":[{"id":4395,"href":"https:\/\/www.burg-halle.de\/id-neuwerk\/wp-json\/wp\/v2\/posts\/4348\/revisions\/4395"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.burg-halle.de\/id-neuwerk\/wp-json\/wp\/v2\/media\/4369"}],"wp:attachment":[{"href":"https:\/\/www.burg-halle.de\/id-neuwerk\/wp-json\/wp\/v2\/media?parent=4348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.burg-halle.de\/id-neuwerk\/wp-json\/wp\/v2\/categories?post=4348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.burg-halle.de\/id-neuwerk\/wp-json\/wp\/v2\/tags?post=4348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}