Editing Courses/Design & Technique-Essential Web Design/Q1 (section)

=Part 1: (in the web) I am what I want=
[[File:Dog_meme.jpg|400px]]

==Description==
These and many other personal websites were a common sight in the World Wide Web of the 90s and early 2000s. Before the arrival of the templated designs of Wordpress, Facebook, Twitter, Tumble and Instagram, where profiles pages look similar from user to user, it was common to build and design your own website. Your website was you home on the Web, whether you were a student, a cat or the Belgian royal family. 

Building your own website was the way to present yourself to the world in the nascent medium of the Web. 

Since this digital environment of the Web you can design who you are online and how the world sees you. 
You can pretend to be someone else by coming up with a fictional character or you can inform the world on every move you make and each photo you take, or anything between these two extremes.


In order to achieve this goal in Design & Technique you will learn how to design web-pages from scratch. We will be focusing HTML and CSS, which are the essential tools for web design, but are also becoming more and more relevant for the creation of ebook, apps and even paper publication.


http://68.media.tumblr.com/9276661ce34c3130ffc967dac641d089/tumblr_ovrkyeIYk61rlkewbo1_1280.png

http://68.media.tumblr.com/fd21fa1ef3f4839c474a33eb432a3be2/tumblr_ovsj7qWuW81rlkewbo1_1280.png


==Instruction==
Weekly classes will take the form of an seminars where specific aspects of HTML and CSS be presented, explored and applied.
Examples of web-based works that explore identity, fictional characters and stories will be presented and discussed.
Each class will combine both expository and hands-on work.
During students and outside classes are expected to work on the deliverable by apply to their deliverable the subjects explored in classes.

==Deliverable==
From the very beginning of this course you will be asked to start, in groups, '''constructing a we''blog'' that registers your group's activities, or the activities of who it chooses to be, and present them world'''.

You are what you ... think, eat, buy, walk, write, read, browse, listen to, collect... or pretend to do - remember ''on the Internet anyone can be dog''.  

Shopping lists, receipts, emails, chats, browser history, maps of your location, selfies, are some of the traces of these activities. You can use these traces to build your weblog, in order to give the world an idea of whom you are (or choose to be). Every week you'll add more traces and grow your weblog .'''

You have to make decisions on how these traces are communicated visually. '''You have to explore the design of weblog so that it helps you present yourself in away that you wish.'''

==Web art works dealing with identity==
* Martine Neddam [http://mouchette.org/ Mouchette]
* Hassan Elahi [http://elahi.umd.edu/track/ Track Transience] ([http://www.ted.com/talks/hasan_elahi ted talk], [http://www.wired.com/2007/05/ps-transparency/ Wired article])

==Archives of Early Web sites==
* [http://oneterabyteofkilobyteage.tumblr.com/  One Terabyte of Kilobyte Age]
* [https://web.archive.org/ Wayback machine ]
* [http://archiveteam.org/index.php?title=Main_Page Archive Team ]
* Documentary [https://www.youtube.com/watch?v=krg3lrxHX2k Digital Amnesia]

==software necessary==
* Up-to-date version of web-browser:
** [https://www.mozilla.org/en-US/firefox/ Firefox] or
** [https://www.google.com/chrome/browser/desktop/ Chrome]
* A plain-text editor (coder's best friend)
** [http://sublimetext.com/ Sublime Text] (but any other editor will do)
* For sharing the code of webpages and working in groups
** [https://codepen.io/ codepen]
** [https://thimble.mozilla.org/ Thimble]


------