Craft your own website

From XPUB & Lens-Based wiki

Craf your own website (workshop poster).jpg

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:

THIS IS THE PLACE WHERE IT IS GOING TO HAPPEN:

  • 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?
  • What is the internet?
  • Introduction (regisetering to neocities)

Morning:

What is HTML?

These are the tags to start with:

  • Head is for visitors to identify your website, basically the title. (The name of the building)
  <head></head>
  • Body is where we define some structure (rooms) and put all the content (furnitures).
  <body></body>
  • Write a two sentences that describes what is your website is about
  <p
  • Linking your website to other websites and/or social media profile .
  <a href="https://blabla.bla"></a>
  • Let others contact with you!
  <a href="mailto:bla@bla.bla"></a>
  • Make an inventory (hobbies, services, topics)
  <li
  • Put a picture of anything related to your website (usin online and local url)
  <img src="" alt=""

What is CSS?

  • Neocities has a really nice welcome text for introducing CSS, just read that out loud.
  • Basic CSS syntax:
  body{
  background-color: pink;
  }
  • link CSS to HTML (How HTML recognizes which CSS file to use?)

Afternoon:

  • Show how to inspect websites (to steal ideas haha)
  • Carry on designing
  • Adressing individual questions
  • IS THERE A DEMAND FOR A SECOND ROUND?

Discussions

Questions regards planning:

  • How to reach people outside of school bubble?
  • Technical rider?
  • Going through the planning and the tags to teach.
  • Talk about scatteret pedagogy as a way of teaching about technology.