{"id":3828,"date":"2024-01-24T17:29:44","date_gmt":"2024-01-24T17:29:44","guid":{"rendered":"http:\/\/mycours.es\/digitalmedia\/?page_id=3828"},"modified":"2025-04-21T14:49:14","modified_gmt":"2025-04-21T14:49:14","slug":"exercise-mini-site","status":"publish","type":"page","link":"http:\/\/mycours.es\/digitalmedia\/exercise-mini-site\/","title":{"rendered":"Resources: Internet Ready Made (mini site)"},"content":{"rendered":"<p><a href=\"https:\/\/docs.google.com\/presentation\/d\/1t9WFGcAONXmGU59fNZazm35LwOwlW4EyODCUMisB8WI\/edit?usp=sharing\">Let&#8217;s talk about the Internet first<\/a><\/p>\n<p>And let&#8217;s briefly talk about html (with this simple <a href=\"https:\/\/mrdoob.com\/projects\/htmleditor\/\">online editor<\/a>)<\/p>\n<h2>Resources<\/h2>\n<p><strong>Content management + Hosting platforms<\/strong><\/p>\n<p>* <a href=\"https:\/\/mmm.page\/\">MMM.page<\/a><br \/>\nWYSIWYG website maker<\/p>\n<p>* <a href=\"https:\/\/hotglue.me\/\">Hotglue.me<\/a><br \/>\nWYSIWYG website maker<br \/>\nGood for arty messy websites<br \/>\nOld and janky<br \/>\nCan be bad for mobile because the layout is not responsive.<br \/>\nNot for profit, ran by two artists, so it may disappear any day (but so commercial services).<\/p>\n<p><iframe loading=\"lazy\" title=\"Digital Creativity at Home: Design a Website with Hotglue\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/uT7mG2RBgc0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>random examples of hotglue sites (not related to the assignment):<br \/>\n<a href=\"https:\/\/pjacowanart.hotglue.me\/\">https:\/\/pjacowanart.hotglue.me\/<\/a><br \/>\n<a href=\"https:\/\/esoc.hotglue.me\/\">https:\/\/esoc.hotglue.me\/<\/a><br \/>\n<a href=\"https:\/\/abnerpreis.hotglue.me\/\">https:\/\/abnerpreis.hotglue.me\/<\/a><br \/>\n<a href=\"https:\/\/imkindahungryrightnow.hotglue.me\/\">https:\/\/imkindahungryrightnow.hotglue.me\/<\/a><\/p>\n<p>* <a href=\"https:\/\/sites.google.com\/\">google websites<\/a><br \/>\nGood for personal pages, portfolios, events. (<a href=\"https:\/\/www.sitebuilderreport.com\/google-sites-examples\">examples<\/a>)<br \/>\nFree without a domain.<br \/>\nRelying on rigid templates.<\/p>\n<p>* <a href=\"https:\/\/www.squarespace.com\/\">squaredspace<\/a> (or similar services like <a href=\"https:\/\/carrd.co\/\">carrd<\/a> or <a href=\"https:\/\/www.weebly.com\/\">weebly<\/a>)<br \/>\nProfessional-looking templates, no coding required<br \/>\nGood for portfolios and small business.<br \/>\n*extremely* expensive: $16+ a month and you are locked in.<br \/>\nFree version with ads.<\/p>\n<p>* <a href=\"https:\/\/wordpress.com\/\">wordpress<\/a> (or similar content management systems CMS)<br \/>\nGood for sites with frequent updates like blogs<br \/>\nModular and flexible structure<br \/>\nVery popular CMS, lots of plugins<br \/>\nSupported by many hosting services, you are not locked in<br \/>\nThere is a decent free plan but it doesn&#8217;t let you have a proper domain<\/p>\n<p><strong>Free Hosting Services\u00a0<\/strong><\/p>\n<p>* <a href=\"https:\/\/neocities.org\/\">neocities<\/a><br \/>\nMaximum flexibility, you control all the files, and you can move it to other servers.<br \/>\nIt doesn&#8217;t include templates.<br \/>\nCoding required.<br \/>\nYou actually learn how websites are made.<\/p>\n<p>* <a href=\"https:\/\/glitch.com\/\">glitch<\/a><br \/>\nCommunity oriented<br \/>\nOnline code editor<br \/>\nCan host dynamic sites (web app) powered by node.js<\/p>\n<p>* <a href=\"https:\/\/pages.github.com\/\">github pages<\/a><br \/>\nGood for project pages, has templates.<br \/>\nUses markdown, which is simpler than html.<br \/>\nRequires familiarity with github: it&#8217;s more for programmers.<\/p>\n<p><strong>Tools<\/strong><\/p>\n<p>* <a href=\"https:\/\/twinery.org\/\">twine<\/a><br \/>\nIt&#8217;s for interactive stories but it creates html pages that can be published as sites (example <a href=\"https:\/\/donotinteract.neocities.org\/\">Do not interact<\/a>)<br \/>\nNo code needed<\/p>\n<p>* <a href=\"https:\/\/temper.one\/\">temper<\/a><br \/>\nMinimalistic text only wysiwyg page creator for personal landing pages.<br \/>\nIt can export html.<\/p>\n<p>* <a href=\"https:\/\/uiverse.io\/\">UIniverse<\/a><br \/>\nCollection of html+css UI elements that can be copy pasted on your site<\/p>\n<p>* online zine<br \/>\ncreate a digital dine <a href=\"https:\/\/alienmelon.itch.io\/electric-zine-maker\">with electric zine maker<\/a><br \/>\npublish it as html with <a href=\"https:\/\/jeremyoduber.itch.io\/js-zine\">js zine<\/a><\/p>\n<p>* <a href=\"https:\/\/www.kickscondor.com\/slaptrash\/\">slaptrash<\/a><br \/>\nexperimental html editor for talking slideshows?<\/p>\n<p>* <a href=\"https:\/\/docs.google.com\/\">google slides<\/a><br \/>\nThey have the option share&gt;publish to web which basically creates a public webpage.<br \/>\nLimited to a slideshow, click to advance format, but flexible and easy to use in terms of layout.<br \/>\nUgly URL<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Let&#8217;s talk about the Internet first And let&#8217;s briefly talk about html (with this simple online editor) Resources Content management + Hosting platforms * MMM.page WYSIWYG website maker * Hotglue.me WYSIWYG website maker Good for arty messy websites Old and janky Can be bad for mobile because the layout is not responsive. Not for profit, &hellip; <a href=\"http:\/\/mycours.es\/digitalmedia\/exercise-mini-site\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Resources: Internet Ready Made (mini site)&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3828","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages\/3828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/comments?post=3828"}],"version-history":[{"count":10,"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages\/3828\/revisions"}],"predecessor-version":[{"id":3987,"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages\/3828\/revisions\/3987"}],"wp:attachment":[{"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/media?parent=3828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}