VCA_INTERACTIVEMEDIA

VCA Interactive media 2026~>

Weeks 1~3 WWWOT IS WWW

HTML

SHINY NEW HTML CHEATSHEET!

… & CSS

Easy snippets
See Easy Snippets as web page
&
Typewriter effect

IMAGES & GALLERIES…

Image Asset Optimiser Tool
Image Gallery Builder

Weeks 3~5 CREATIVE CODING

WWW + P5js (Javascript)

P5js SNIPPETS | CODE | DEMOS

Weeks 6~8 PHYSICAL COMPUTING

Arduino & C++

Arduino SNIPPETS | CODE | DEMOS | BUILDS

Research Journal Template

HTML & CSS & CSV (list of references)

Template for WEB TO PRINT
See The Demo HERE –> press CTRL+P or CMD+P to print to PDF

Github FAQ

How do I create a GitHub repository?

  1. In the upper-right corner of any Github page, click ‘+’, and then click New repository.
  2. Type a short, memorable name for your repository. …
  3. Optionally, add a description of your repository. …
  4. Choose between creating a public or private repository. …
  5. Select Initialize this repository with a README.
  6. Click Create repository.

How do I add a folder to my github repo?

  1. Select “Create new file”
  2. When prompted to name the file add a directory (with forward slash) before the name… eg. /Week 2/README.md the directory (folder and new “README.md” will get added automatically)
  3. Edit your new “README”

How do I add an image to my ‘README.md’ files?

  1. ADD images by uploading the image to the same folder (please keep them light jpg format <200kb).
  2. THEN you show your image on your “README” page by using a. general html markup, eg <img src="yourImage.jpg" width="350" />
    OR
    b. use Github’s link markdown like this: ![label](path/to/yourimage.jpg) _____________

    Git Good with Github (Advanced)

    How do I style my README.MD file?

    Any file that ends in ‘.md’ will be interpreted through Github’s own flavour of MarkDown (styling). You can see all the possibilities in the Github “Mastering Markdown” wiki.

How do I make my repo visible as a website?

You will need to have either readme.md or index.html files in each directory you want to be viewable.
If you wnat us to see the site you have designed as the default landing page of your repo or branch, then index.html (no capitals) must be the name of your file. You will need to activate Github Pages to set your Repo/Project/Branch as a web directory (got to settings). If no index.html files are found in the folder, the readme.md will be used as a base page and will be styled with Github’s own markdown (a type of CSS/styling).