Website erstellen mit dem Mac – die besten Programme

Wer eine Webseite mit seinem Mac komplett selbst erstellen und designen möchte, kann sich über nützliche Tools aus dem Web freuen. Dank spe­zi­el­ler Programme können sowohl Neulinge ohne Pro­gram­mier­kennt­nis­se als auch fort­ge­schrit­te­ne Web-Ent­wi­ckeln­de ihre Website-Idee schnell auf die Beine bringen. Wir zeigen Ihnen einige nützliche Tools.

Homepage erstellen auf dem Mac: Editoren und Webdesign-Programme im Überblick

Webseiten erstellen mit dem Mac – die besten Programme für Ein­stei­gen­de

Eine her­vor­ra­gen­de Lösung, um sich langsam an das Pro­gram­mie­ren her­an­zu­tas­ten und eine erste Web­prä­senz mit sta­ti­schen Inhalten zu ent­wi­ckeln, ist die Nutzung von We­be­di­to­ren. Durch die WYSIWYG-Technik (What you see is what you get – zu Deutsch: „Was du siehst, bekommst du“) bauen Sie Webseiten mit diesen Pro­gram­men in etwa so, wie Sie eine Word-Datei mit Texten, Tabellen oder Bildern gestalten. Der passende HTML-Code wird parallel im Hin­ter­grund erzeugt. Man kann ihn sich aber auch anzeigen lassen und so nütz­li­ches Wissen über die Aus­zeich­nungs­spra­che sammeln.

Die folgenden zwei Editoren bieten Ihnen einen leichten Einstieg in die Web­sei­ten­ge­stal­tung und können darüber hinaus voll­kom­men kos­ten­frei genutzt werden:

Sparkle

Der beliebte Editor iWeb war bis 2011 Teil des iLife-Software-Pakets, seitdem ist die Ent­wick­lung al­ler­dings ein­ge­stellt. Als moderne Al­ter­na­ti­ve bietet sich der WYSIWYG-Editor Sparkle an, der oft als spi­ri­tu­el­ler Nach­ver­fol­ger von iWeb be­zeich­net wird. Sparkle ori­en­tiert sich stark an der in­tui­ti­ven iWeb-Ober­flä­che, und ist somit sowohl für Neu­ein­stei­gen­de als auch für iWeb-Fans geeignet. Zu­sätz­lich zur einfachen Hand­ha­bung bietet Sparkle eine Vielzahl an modernen Tools und In­te­gra­tio­nen, bei­spiels­wei­se einen KI-ge­steu­er­ten Webseiten-Generator und einen SEO-As­sis­ten­ten. Sparkle bietet außerdem Funk­tio­nen zur An­ony­mi­sie­rung von Nut­zer­da­ten. Die App-Ent­wi­ckeln­den haben ihren Sitz in der EU.

Sparkle ist eines der über­zeu­gends­ten Webdesign-Programme für Mac – al­ler­dings gibt es auch ein paar Ein­schrän­kun­gen. Viele der modernen SEO- und Webdesign-Werkzeuge sind nur in den Pro- und Personal-Versionen enthalten. Da­hin­ge­gen ist die kos­ten­lo­se Version der App stark ein­ge­schränkt – Nutzende der Free-Version dürfen nur eine Webseite mit nur drei Seiten erstellen. Außerdem kann Sparkle in seinem Funk­ti­ons­um­fang mit eta­blier­ten pro­fes­sio­nel­len Lösungen wie Adobe Dream­wea­ver nicht ganz mithalten.

Close

Mobirise

Ähnlich wie Sparkle überzeugt der WYSIWYG-Website-Baukasten Mobirise vor allem durch seine leichte Hand­ha­bung. Mobirise bietet al­ler­dings eine noch ein­fa­che­re Be­nut­zer­ober­flä­che als Sparkle. Mobirise bietet seinen Nutzenden auch mehrere tausend HTML-Templates und Website-Blocks, die per Drag-and-Drop eingefügt werden können. Sind Sie mit den vor­ge­fer­tig­ten Elementen nicht zufrieden, können Sie mit dem Mobirise HTML-Editor den Code nach Ihrem Wunsch mo­di­fi­zie­ren. Wie bei Sparkle auch verfügt Mobirise über einen KI-Webseiten-Generator, mit dem Sie schnell Vorlagen für jeden Zweck ge­ne­rie­ren lassen können.

Al­ler­dings hat Mobirise auch einige Ein­schrän­kun­gen, die für viele Mac-Nutzende ent­schei­dend sein könnten. Wie bei den meisten WYSIWYG-Editoren hat die ver­ein­fach­te Bedienung des Editors den Nachteil, dass Mobirise einen ge­rin­ge­ren Funk­ti­ons­um­fang bietet als viele andere Programme. Obwohl Mobirise mehrere tausend Website-Blocks, -Er­wei­te­run­gen und andere Features umfasst, sind diese in der kos­ten­lo­sen Version des Programms nicht mit­ent­hal­ten (inklusive HTML-Editor). Wollen Sie alle Blocks, Er­wei­te­run­gen und sonstige Features nutzen können, brauchen Sie eine Lizenz, die jährlich ungefähr 130 Euro kostet.

Close

Webdesign-Software: Das Werkzeug für Fort­ge­schrit­te­ne

Wenn Sie mit der Basis des Pro­gram­mie­rens bereits vertraut sind und Un­ter­stüt­zung bei der Ge­stal­tung kom­ple­xe­rer Web­pro­jek­te suchen, ist Webdesign-Software für Sie genau das Richtige. Im Prinzip handelt es sich bei diesen Pro­gram­men um Offline-Homepage-Baukästen, deren Nutzung eben nicht eine be­stehen­de In­ter­net­ver­bin­dung erfordert, sondern statt­des­sen die In­stal­la­ti­on auf Ihrem System. Statt mit dem Browser greifen Sie also direkt von Ihrem System aus auf die Be­nut­zer­ober­flä­che zu. Außerdem sind Sie in Sachen Hosting nicht an die Server des je­wei­li­gen Anbieters gebunden – so können Sie völlig frei ent­schei­den, auf welchen Server Ihr Web­pro­jekt hoch­ge­la­den werden soll.

Wir haben vier Software-Lösungen für Sie unter die Lupe genommen, die das Homepage-Erstellen auf Ihrem Mac zum Kin­der­spiel machen.

Ra­pidWea­ver

Bereits 2004 pu­bli­zier­te die Realmac Software Ltd. die pro­prie­tä­re Software Ra­pidWea­ver für den Mac. Damit war das Programm eines der ersten, das seinen Nutzenden die Er­stel­lung von In­ter­net­sei­ten ohne aus­ge­präg­te Pro­gram­mier­kennt­nis­se er­mög­lich­te. Die Software ist somit für Neulinge nutzbar, aufgrund des Funk­ti­ons­um­fangs aber auch für fort­ge­schrit­te­ne Nutzende in­ter­es­sant. Seit seiner Erst­pu­bli­ka­ti­on ist Ra­pidWea­ver kon­ti­nu­ier­lich wei­ter­ent­wi­ckelt und ver­bes­sert worden, weswegen es auch heute noch eines der ge­frag­tes­ten Webdesign-Programme ist.

Auch Such­ma­schi­nen­op­ti­mie­rung und die Ge­stal­tung mo­bil­ge­rech­ter Seiten können über das leicht be­dien­ba­re Interface bequem umgesetzt werden. Hin­sicht­lich der Anzahl an Seiten, die Sie optional auf Basis von über 50 im­ple­men­tier­ten Vorlagen gestalten können, sind Ihnen keinerlei Grenzen gesetzt.

Ra­pidWea­ver überzeugt außerdem mit weiteren nütz­li­chen Features wie der Op­ti­mie­rung der Ja­va­Script- und CSS-Dateien, au­to­ma­ti­schen Back-ups oder einem „Ge­sund­heits­check“, der Ver­bes­se­rungs­rat­schlä­ge bezüglich der Sei­ten­struk­tur liefert. Bereits im Programm selbst haben Sie die Mög­lich­keit, zwischen dem Code und einer Vor­schau­an­sicht zu wechseln, um einen ersten Eindruck von Ihrer Arbeit zu gewinnen. Zu­sätz­lich können Sie die Ra­pidWea­ver-Projekte auch testweise lokal in Ihrem Web­brow­ser anzeigen lassen.

Zum Upload auf Ihren Webserver steht eine pro­gramm­in­ter­ne FTP-Funktion zur Verfügung. Mit hunderten, größ­ten­teils kos­ten­pflich­ti­gen Er­wei­te­run­gen kann die Funk­ti­ons­pa­let­te zu­sätz­lich auf­ge­stockt werden.

Close

Adobe Dream­wea­ver

Um Adobe Dream­wea­ver nutzen zu können, ist der Abschluss eines Abon­ne­ments mit mo­nat­li­chen Kosten er­for­der­lich. Zur Ein­rich­tung sowie zur mo­nat­li­chen Ve­ri­fi­zie­rung benötigen Sie außerdem eine aktive In­ter­net­ver­bin­dung. Das ist an­ge­sichts der um­fas­sen­den Mög­lich­kei­ten von Dream­wea­ver al­ler­dings zu ver­schmer­zen: Die Software zum Website-Erstellen für macOS und Windows zeichnet sich durch ihre große Funk­ti­ons­viel­falt sowie nützliche Hil­fe­stel­lun­gen wie bspw. Farb­kenn­zeich­nung und Au­to­ver­voll­stän­di­gung von HTML-Code­zei­len aus. Mit dem Programm kon­zi­pie­ren Sie pro­blem­los Webseiten für diverse Endgeräte und prüfen die In­ter­ak­ti­vi­tät mithilfe der Ge­rä­te­vor­schau in Echtzeit.

Dream­wea­ver ist mit dem ebenfalls kos­ten­pflich­ti­gen Adobe Stock verknüpft. Die Fotos des Adobe-Angebots sowie Videos, Il­lus­tra­tio­nen und Vek­tor­gra­fi­ken können Sie daher direkt in einer Vorschau öffnen oder im­ple­men­tie­ren. Mithilfe derselben Technik betten Sie auch schnell und einfach Design-Daten und op­ti­mier­te Bilder aus Photoshop direkt in Ihr Web­pro­jekt ein. Die Webdesign-Software von Adobe un­ter­stützt Sie bei der Code-Er­stel­lung, indem die Code­zei­len in Echtzeit auf Fehler überprüft und im ent­spre­chen­den Fall rot markiert werden; zu­sätz­lich wird eine Feh­ler­mel­dung per Textfeld angezeigt.

Wenn Sie Adobe Dream­wea­ver bereits erworben haben, z. B. als Be­stand­teil des Creative-Cloud-Paketes, ist das Webdesign-Programm eine aus­ge­zeich­ne­te Wahl für kommende Web­pro­jek­te. Wer noch kein Adobe-Abon­ne­ment hat, kann die Software 14 Tage lang testen.

Close

IONOS Homepage-Baukasten

Der IONOS Homepage-Baukasten ist ein einfach und intuitiv zu be­die­nen­des Werkzeug, mit dem Sie eine Website ohne vorherige Kennt­nis­se oder zu­sätz­li­che Software erstellen und be­ar­bei­ten können. Mit nur wenigen Klicks wählen Sie aus tausenden pro­fes­sio­nel­len und mobile-op­ti­mier­ten Vorlagen, die sich perfekt an Ihre Wünsche anpassen lassen. Der in­te­grier­te Zugang zu einer großen Bild­da­ten­bank erlaubt die An­fer­ti­gung aus­drucks­star­ker Websites – sowohl für den privaten als auch für den ge­schäft­li­chen Gebrauch.

Jede Website-Vorlage enthält eine zu­ge­schnit­te­ne Auswahl an hunderten von Web-Apps – inklusive Google Maps und Facebook. Außerdem gibt es Text- und Bild­vor­schlä­ge für ver­schie­de­ne Branchen, die Sie einfach mit der Drag-and-Drop-Funktion einfügen.

Zur Anzeige dieses Videos sind Cookies von Dritt­an­bie­tern er­for­der­lich. Ihre Cookie-Ein­stel­lun­gen können Sie hier aufrufen und ändern.

Close

WordPress

Die Open-Source-Software WordPress ist vielen wohl vor allem als kos­ten­lo­se Blog-Software bzw. Content-Ma­nage­ment-System ein Begriff. Mit un­zäh­li­gen Design-Vorlagen und Plug-ins bietet WordPress darüber hinaus aber auch die not­wen­di­gen Werkzeuge, um komplexe Homepages zu bauen. Und viele Vorzüge, die das Programm im Bereich der Bloger­stel­lung bietet, gelten auch allgemein für die Website-Er­stel­lung. Zu nennen sind hier bei­spiels­wei­se:

• eine leichte Bedienung,
• such­ma­schi­nen­op­ti­mier­te Seiten,
• erst­klas­si­ger Support durch andere User
• und die Mög­lich­keit, WordPress über Plug-ins an die eigenen Be­dürf­nis­se an­zu­pas­sen.

Um WordPress zum Webseiten-Erstellen auf Ihrem Mac einsetzen zu können, ist es al­ler­dings er­for­der­lich, einen lokalen Server ein­zu­rich­ten. Da hierfür MySQL und PHP Grund­vor­aus­set­zun­gen sind, empfiehlt es sich, das Software-Paket XAMPP her­un­ter­zu­la­den, das die Funk­tio­nen eines Web­ser­vers auf Ihrem Mac simuliert und damit die perfekte Basis für WordPress darstellt. Die aktuelle WordPress-Version finden Sie auf WordPress.org – Download und In­stal­la­ti­on sind innerhalb weniger Minuten erledigt.

Close

Eine Homepage selbst gestalten: Die uni­ver­sel­le Lösung gibt es nicht

Die hier vor­ge­stell­ten Editoren und Programme bilden nur eine kleine Auswahl möglicher Hilfs­mit­tel, um eine eigene Homepage auf dem Mac zu erstellen. Wenn Sie sich aus­führ­li­cher mit dem Thema be­schäf­ti­gen, werden Sie viele weitere Tools finden, mit denen Sie ebenfalls erst­klas­si­ge Websites kreieren können. Suchen Sie eine Her­aus­for­de­rung, können Sie sogar voll und ganz auf Editoren und komplexe Programme ver­zich­ten und eine ganze Website in einem Text­edi­tor wie Vim schreiben.

Testen Sie einfach ver­schie­de­ne Programme, um fest­zu­stel­len, welche Software am besten zu Ihnen passt. Denn nur wenn Sie gut mit den je­wei­li­gen Funk­tio­nen und der Nut­zer­ober­flä­che arbeiten können, sind Sie in der Lage, die Ideen für Ihr Web­pro­jekt perfekt um­zu­set­zen. Streng­ge­nom­men können Sie auch komplett auf um­fang­rei­che Programme ver­zich­ten und auf die gute alte Weise, einzig allein mit einem Text­edi­tor wie Text­Wrang­ler, BBEdit oder Sublime Text Codezeile um Codezeile kreieren.