Craft your own website: Difference between revisions

From XPUB & Lens-Based wiki
Line 43: Line 43:
Intro
Intro
     -what is html (content and the structure of the websit ) > house analogy bricks and furnitures
     -what is html (content and the structure of the websit ) > house analogy bricks and furnitures
     head > name of website ( and linking css)  <head></head>
     head > name of website ( and linking css)  <head></head>
     body > content <body></body>
     body > content <body></body>
         -css color paint on the wall and positioning of the furniture fheng shuim size
         -css color paint on the wall and positioning of the furniture fheng shuim size


Creating an about section:
Creating an about section:
     write two sentences (business, themselves) <p></p>
     write two sentences (business, themselves) <p></p>
     link to social media <a href="https://blabla.bla">
     link to social media <a href="https://blabla.bla">
     send me a message <a href="mailto:bla@bla.bla"></a>
     send me a message <a href="mailto:bla@bla.bla"></a>
     list of things (interests, or services)<ul><li></li>,</ul>
     list of things (interests, or services)<ul><li></li>,</ul>
     placing an image <img src="https://blabla.bla/bla.jpg" alt="bleh">
     placing an image <img src="https://blabla.bla/bla.jpg" alt="bleh">
     placing and uploading an image locally <img src="bleh.png" alt="bleh">
     placing and uploading an image locally <img src="bleh.png" alt="bleh">



Revision as of 19:57, 9 February 2026

1. Everyday tech!

The workshop is using laptops and internet connection to learn basic HTML and CSS at https://neocities.org/ . At the moment we are two people me (valentin) and a friend of mine Lucas.

2. Place!

There is currently three possible hosts in Arnhem which is outside of the usual art school bubble:

  • De Kurk - Queer cafe which is still somewhat connected to the art scene but there are many different people hang out there. Has a fast internet connection which is quite unsecured (prefect choice haha)
  • ABC Libertas - Another cafe in Arnhem which is also a secondhand bookstore, usually people who go there have children and they are not related to the art scene altough they are located in the "Fashion District" the Mode Kartier. They have okay internet connection, and they told me that they not necesserily want 10 people to sit at one table with a computer (too much office vibes, as they say).
  • Rozet - Rozet is the public library in Arnhem which also hosts different kind of events. This is a well established insttitute and huge building with five floors and good but very much like Eduroam internet connection.
  • Communal Garden - ??? (no wifi, no electircity)

3. Crowd!

This is absolutely for people who doesn't know anything about building websites, but they want one (for themselves or their own hobbies or business). Maximum 10 people so we can pay attention and help out with questions, also to keep it intimate.


4. Publishing!

We will use https://neocities.org/ which is nice because the websites will be publicly available immediately. The documentation of the workshop will be uploaded here to this wiki page, and probably will appear in our portfolio website in a way...

For communication

  • posters
  • flyers
  • social media stories

For documentation

  • etherpad for sure
  • pictures
  • updating this wikipage with observation and reflection on how it went

5. Schedule

On one of these dates (weekends): 28th of February, or the 1st 14th or 15th of March? from 11:00 till 16:00.

The day: Start : Who we are, why are we doing this? Introduction (regisetering to neocities)

Morning: What is HTML? Intro

   -what is html (content and the structure of the websit ) > house analogy bricks and furnitures
   head > name of website ( and linking css)  <head></head>
   body > content <body></body>
       -css color paint on the wall and positioning of the furniture fheng shuim size

Creating an about section:

write two sentences (business, themselves)

   link to social media <a href="https://blabla.bla">
   send me a message <a href="mailto:bla@bla.bla"></a>

list of things (interests, or services)

  • ,
   placing an image <img src="bla.jpg" alt="bleh">
   placing and uploading an image locally <img src="bleh.png" alt="bleh">

What is CSS?

   what is a css read out the defoault welcome text
   how to sytax
   link to HTML (how HTML recognizes which css file to use)