Tag Archives: Learning

Writing under pressure, exam time

For the students in Bergen it’s exam time. This is the final stretch of our semester with Zamora. Blogs are done, reflection is reflected and it’s time to defend and evaluate your actions throughout the spring. So why am I writing this blog instead of working on my exam? Well… I’m an easily distracted and careless person. I find writing rambling thoughts helps me focus afterwards. I’m pretty sure there is some established psychological method which focuses on writing down stuff as a method of clearing your head.

So, I’ll do just that. Right now, my primary focus is getting myself into a flow state where I can mass produce content. While some, like my fiancée meticulously build up their articles I like to make a bloated mess and shear it down afterwards. By giving myself this leeway, it allows me to be extra critical of my own thought process which in turn gives me new ideas to pile on. The one big weakness to this iterative process is the amount of time it requires. To successfully review something, I myself made requires a reset. It might be a walk or a drink with friends, just anything to refresh. Which is what I’m doing now.

I really regret that this exam isn’t an oral exam. I’m much better at formulating and presenting my ideas when speaking. There I can take the liberty of adlibbing and make small jests to lighten a mood. I can play of the audience. In written words I’m stuck using what has worked before. For this blog and most of my other think pieces it’s a light-hearted and very, er um, talking style. For academic papers it’s more rhythmic and subdued. While it can be fun to write in that style it’s a clash with the subject matter for this exam. Yes, we have to analyse art in an academic fashion, but it’s still more personal than, say: an analysis of twitter interactions surrounding the Syrian refugee crisis.

It’s been a good semester. Reflection on time spent is always push and pull task. If you’ve documented your progress you can see where you excelled, but also at what parts you slacked off. I’ve yet to end a semester not feeling like I would do better if I rewinded time losing all accrued knowledge except this feeling of “I could’ve done better”. It’s at these times I have to remind myself that I would probably do just the same the next time through.

So, if you are like me. Spending these lovely may days inside working on your papers I have a few tips:

  1. Start writing gibberish and half remembered facts.
  2. Take liberal amounts of short breaks often.
  3. Start early.
  4. If you can’t get your lazy ass motivated work with others. Invite other students to sit in the same room so that you can use social pressure instead of inner motivation.
  5. Don’t fret to much. Even if you bungle this exam you’ll probably not fail as long as you submit anything.
  6. Use diagrams or pictures of your work if you are uninspired and need to pad out your text. They break up text-blocks and make anything more interesting.
  7. If you really want to forget enjoy this drinking game. Pour yourself a milk glass of your favourite spirits and take a drink every time I start a sentence with “So,”.

Enjoy the sun and exam pressure

How to play more games

We are creatures of habit. We seek the familiar. The comforting. We create routines for ourselves to blanket ourselves from the noisy reality that is life. Humans do this for everything. Food, people, ideas, entertainment and schedules. At least I do this a lot. Luckily one of my routines involves trying new games. Growing up my family was quite poor, so I didn’t have the cash to try out new games very often. I had my little horde collected over years and years, but I got to try quite a few games through friends and later on, the internet. This is where I got my good routine from. When serving in the military I had a lot of time to kill, but even less cash than usual. So, I stared play flash games and smaller productions which were published online for free. These games can be seen as proto indies. Game developed not with profit in mind, but for the joy of making games and the allure of internet fame.

I got into the habit of playing these games every day. Newgrounds, armour games and Kongregate became my go to place for entertainment. The games presented here were all of varying quality and length, but most of them we’re short affairs. The most common reason people have for not trying random new games is time and money. Most AAA or II games are time consuming projects which demand that the player set of a few days for the experience. Browser game however rarely demand more than an hour or two from you. And they don’t cost any money.

I’m going to recommend a few games now. These are some of my favourites, but that also means that they usually are either puzzle games or some sort of twist on normal games. This might mean that it’s not the best list for new gamers who aren’t familiar with gaming tropes. I do however still recommend you try a few of them and start looking for others at the site.

First of we start with Its just tic tac toe.
https://www.kongregate.com/games/xmatos/its-just-tic-tac-toe?haref=HP_FRB_its-just-tic-tac-toe

This is a newer game which I stumbled over while finding links to the other games. Well worth the time and has a good message on how videogames can subvert and improve upon even the most common of gameplay ideas.

 

 

You have to burn the rope

https://www.kongregate.com/games/Mazapan/you-have-to-burn-the-rope

Action! Adventure! You have to burn the rope even has a boss fight. One of my all-time favourites.

 

 

Don’t shit your pants

https://www.kongregate.com/games/Rete/dont-shit-your-pants?acomplete=don%27t+shit

A good puzzle game which harkens back to the text based choose your own story games of yore. It’s a silly premise, but still a good play.

 

 

Aether

https://www.kongregate.com/games/Edmund/aether

Edmund would later go on to make a few hit games like Super Meat boy and The binding of Isaac. Tons of his old games are however still on Kong and while they lack the polish of his later games they still have the heart.

 

 

We become what we behold

https://www.kongregate.com/games/nutcasenightmare/we-become-what-we-behold

Many browser games remind me of student films and short stories. They often have some sort of grand message which they deliver with conviction and without guile. It might not be subtle, but it’s effective.

 

 

There is no game

https://www.kongregate.com/games/KaMiZoTo_Creator/there-is-no-game

Merging narrative and gameplay is hard and making the narrative about the game which you are currently playing is really damned hard.

 

 

Frog Fractions

http://twinbeard.com/frog-fractions/

This game is legendary. Passed around from friend to friend with the only sentence being “Trust me It’s worth it, don’t give up before you find the secret”

 

 

In the company of myself

https://www.kongregate.com/games/2DArray/the-company-of-myself?acomplete=in+the+company

As a kid this game got to me. I still love it for its game mechanics.

 

As you might have noticed most of these games comes from Kongregate. It’s a platform for browser games which over the years had gotten better and better. I recommend to anyone wanting to experience more games to make a user on the site. Their daily badge system suggests a new game for you to try every day. Tons of known indie developers got their first taste of fame on the site.

By trying new games and exploring the shorter experiences you will broaden your horizon and it will give you a better idea of what is possible with the medium. Not every game needs a massive team or scope.

How do you start playing games?

Getting into videogames is easy. As a new player you can’t go wrong with the blockbusters. They are by design made to be fun for as many people as possible. This is how they get their money back and as a new player that is perfect. Want to try some of this shooting action? Why not try out battlefield, call of duty or some of the other big war games. Maybe you want something a bit more story based? Then Assassins creed or Horizon Zero dawn might be more up your alley. Maybe you just want the feeling of adventure in a more light-hearted setting? Nintendo has your back! Zelda or Mario is filled with wonder and adventure with some puzzle elements strewn over it.

What I’m getting at here is to treat videogames like any other media, go for the big hits or classics first. Make it easy for yourself to hooked on what the medium has to offer. You’ll often end up asking your friends for suggestions and these will very often be great games, but maybe not for newer players. In the grand scope of things, video games are something new and fresh, but we have a good forty years of games which built upon one another. Starting on the fringes where people experiment and try new things might give you a false impression of the current games scene.

To many times I’ve talked to parents who tell me that they just don’t get video games. When I ask them what kind of games they’ve tried it’s most often none. Their knowledge comes from other media talking about games, their kids talking about their experiences with games or observing their children during play. While this is a great way to get a certain understanding it’s also woefully lacking. Games are, by definition, an interactive medium. Yes, streamers are a big part of the community, but most people watching streamers play games themselves. They have an innate understanding of interactivity and thus can set themselves in the shoes of the streamer. And those nice times when parents have played games it’s usually in some sort of warped experience. They pick up a controller mid game as a player two to their children. Going on a virtual tour of a child’s Minecraft city is lots of fun, but there is no context to the amount of work the kid has put into their creations.

When you want to get into videogames treat it like any other media. Don’t start a book in the middles. Don’t jump into a story focused tv series in the middle. Follow the whole journey from the start. Play alone.

That last one, play alone, is the scariest I’ve found. There is comfort in not knowing what a deal is when you haven’t really tried. Having a shield of ignorance is great protection from engagement, but if you play alone you don’t need a shield. You can immerse yourself without fearing scrutiny from experienced kids or judging none gamers. Playing alone gives you a free space where you can bumble about not knowing what buttons to press. You are free to experience a game on your own terms which is something I recommend to any new gamers. Later, once you’ve built up some confidence you should start playing with others. Preferably with new players like yourself, but as long as the people you play with aren’t assholes or kids you should not get any flak for being new.

 

 

I couldn’t sleep

I’ve had trouble sleeping since the weekend. I blame booze. In an effort to stave off insomnia I made a short and rough project. I had a few goals going in:

  • I wanted to sample and loop a track.
  • I wanted to learn how to host unity projects without having to pay anything
  • I wanted to make a looping material over a 3d object
  • I wanted to sleep

Three out of four has been achieved so far. It feels really weird to upload a Unity project without it being a game. It feels dirt somehow, but never the less here it is:

https://solbue.itch.io/udlrf

Up down left down strafe is a CPU guzzling screensaver made for no man, but the tricks I’ve learned might come in handy if I ever want to make any sort of parallax effect as I could easily make the material transparent and make its movement based on player interaction. Finding out how damned easy it is to host things on itch.io was also nice. I think for my next late-night escapade I’ll try to find a better program for making an image loop. Using paint really sucks when you’re working with one or two pixels at a time.

I’ve also gotten a greater understanding of the fear that comes from sampling. Kevin MacLeod places most of his stuff under the CC licence which is open for transformative work, but that did nothing to alleviate my fear of misuse of other people’s creations. Really looking forward to working on this mysterious project that Kevin (#dogtrax on twitter) as I’ve missed working with others and having more of a goal.

Good night folks

Stories, structure and the analysing digital art

Last week we interpreted a piece of digital art. The piece was called Sky Magic live at Mt. Fuji and depicts drones flying in coordinated patterns overlaid with classical Japanese music. This is very similar to the form of poetry or short story analysis required to get a passing grade in the Norwegian school system. The structure of the university lecture and so many from my middle/high school classes was extremely similar. We are presented with a piece of art and told to think of it’s meaning, what is the message? When I was younger I really enjoyed these tasks. They gave me the chance to unfold my creativity and find strange connections to what I was reading/seeing and my own experiences. The work I produced in these early days where heartfelt and personal… and universally they would get bad grades.

“You have interesting thoughts on the piece, but miss the bigger picture, the intended message”

I struggled for a long time to improve my grades in art analytics and during most of high school I was a top grades student in this regard, but my enjoyment was gone. The more I learned of the “right” way to interpret art, the more I felt my own voice fade away. So, when I was told we would discuss this piece over a twitter chat I was apprehensive. I really like Zamora and Lavine. Their teaching methods fit my style of learning and their work is inspiring, I want to take their tasks seriously. So, I started going into the old soul sucking routine of looking at composition, pashing, lighting, how audio and visual contrast etc etc. From this I concocted a tame tweet about new vs old and their intermingling.

Not that the subject matter in and of itself is tame, far from it, but I had neither the time nor inspiration dig deeper or find any interesting takes. This has been bothering me for a week now. As mentioned last post I’ve been stuck on a piece since and that piece is my thoughts on the matter, but it always ended up into the same landfill of easy conjecture. And in the process of rewriting the post over and over again both in text and in my head, I’ve found three major reasons for why I failed the activity.

  1. I had no strong feelings about the piece.
  2. I’m bad at presenting ideas on twitter
  3. I prefer art which are or can be a story

The piece is a pretty and I really like the music, but that’s pretty much it. I can see this resonating with some, but for me it was just a good ad, nothing more. I’m also as any reader of mine should know, a very wordy person. I like taking my time when I present ideas and thoughts. It’s not that I’m unable to boil something down, but that sort of work takes time and effort. And taking time and effort on twitter is something I’m not really used too. To me it’s a site to share random thoughts, like the flint in a lighter. The lighter gas is subconscious ideas, the flint can ignite them, but produced flame is used to make something unrelated to the lighter. Twitter to me is a tool not suitable for discussion.

Lastly the big part, I prefer art in story form. Once we get more into games and e-lit I have tons of examples of pieces I enjoy, but most digital art ends up in the same box as Sky magic. A box filled with neat trinkets which are pretty or cool in a technical aspect, but nothing more. This idea of art as stories is also why I really enjoy memes. Take the so beloved meme of guy eyeing up a girl while with another.

other woman

The situation is something inherently familiar to anyone who has grown up in a culture of monogamy. You can use this familiarity to create a story. Every version of the meme has a structure; Initial state of happy couple where you learn the name of him and her. Middle stage where he scorns her in favour of a new person. And there it ends. You, the viewer, must fill in the conclusion. You have to imagine the joke or message, and this is not some deep analysis, but an effortless urge to bring closure to a story.

And then again you have the meta story. The story of where the meme came from and how it’s usage has changed over time. My appreciation of the meme peaked after someone pointed out that the stock photo is based upon the red lady scene in The Matrix or at least lines up extremely well.

Other matrix

How adorable and juicy! Now you can add another layer to the story. It’s no longer a random couple, but good old Morpheus and Neo having a walk and the distracting lady is whatever this version of Neo desires. Of course this is not taking into account all the versions incorperating older and newer memes for a continous canon of internett tomfoolery.

Memes might not be seen as high art, but I enjoy them. I’ve always detested the use of high/low art classifications. In my work with nerd youth culture here in Norway I constantly met with derision when trying to scrounge up funds. Nerd culture is amateur culture, unlike classical arts which is professional culture. I can see the distinctions and why a classification of this sort is useful, but why use such charged words. By calling certain art low, you insinuate that it’s inferior. It’s like the escapism fears from pulp/fantasy books of the eighties. Just because something is made to entertain everyone, not just the learned does not mean any inferiority. But this scorn of story and structure is still quite prevalent in all facets of the art community. People disparage their work because it’s just low culture. Excellent pieces are disregarded because of their origins or method of production.

Erm.. Yes well I’ll let that rant go for now. I’ll probably pick it up during our more e-lit oriented lectures a few months from now. I’ll just end on this little note:

Our appreciation of art is subjective. Don’t disregard what others find meaning and joy in, but don’t punish someone for not getting what you like. It’s fine to be bored by universally lover pieces, so many people are and the only way we can get more of the art we enjoy is to shout out when we find something that speaks to us.

Defining art

As a collective, we humans really like to categorize things. Ourselves, our political leanings, other cultures, types of media and sub categories of the media. Not only are categories and excellent way to sort through tons of stuff, but also in removing a lot of preamble in day to day conversations. While labels like feminist or liberal brings a ton of baggage it gives an indication of what kind of person you are talking too. Sporting pins or other icons representing your chosen category acts like a filter. I would naturally steer away from people sporting a MAGA hat or a Pepe/FBI t-shirt. This saves both me and the other person a lot of grief. Categories and labels has always been an important part of representing yourself. The whole “are games art?” debate and social justice stance that labels regarding self-identity and how its best left up to the person being labelled, show’s us the influence of categories.

Which is why I’ve had so much fun in reading my fellow student’s blogs. In their words you can see a certain uncertainty in what extent this and that falls under the umbrella of digital culture and digital art. You can see this too in the structure of the course. It’s split in three parts, digital art, games and electronic literature. Does that mean that games and e-lit is not digital art? I can see breaking digital art into different facets, but when it’s split into its own category what does that mean.

When it comes to defining digital art in the first place I naturally went to Wikipedia. Siting Wikipedia is as always seen as a great sin, but since anyone can be an editor it also works as a good way to find the median understanding of more ethereal concepts. This hivemind of the masses produced the following definition:

“Digital art is an artistic work or practice that uses digital technology as an essential part of the creative or presentation process. Since the 1970s, various names have been used to describe the process, including computer art and multimedia art. Digital art is itself placed under the larger umbrella term new media art.”

While this is a serviceable start point it’s important to try to flesh it out. This is where the course curriculum comes in handy. Incidentally we have the book Digital art by Christiane Paul. Firstly, she brings a really good point around definition and why defining digital art is a pain:

“Definitions and categories can be dangerous in setting up predefined limits for approaching and understanding an art form, particularly when it’s constantly evolving, as is the case of digital art.”

I don’t envy anyone forced into a position where you must define art. By setting a limit you will always end up excluding innovative pieces that push the boundaries.  Digital art is a relatively new notion, born out of the desire to categorise the outlier to pre-computer art which makes defining it even harder as it’s constantly growing. But despite all this, Paul comes with a serviceable definition of digital art:

“…art that uses digital technologies as a tool for the creation of more traditional art objects – such as a photograph, print, or sculpture…”

And for new media:

“…digital-born, computable art that is created, stored, and distributed via digital technologies and employs their features as its very own medium.”

We can see that the definition offered by Wikipedia clashes with Paul’s. Paul defines new media and digital art as two separate entities while the wiki sees digital art as a sub category to new media. This poses a problem. Which classification should we follow? Categories and classifications are subjective in their nature and their truth is based not in some Boolean fact, but in usage. Even the most common definition of life could also apply to fire which requires oxygen, eats and procreates, but most people would not count fire when deciding what basic right a living thing is given.

My knee jerk reaction is to follow the academic definition presented by my curriculum and I’ll surely use is as my basis in any academic text written for the university. However, there is merit in the tiered setup presented by the masses of Wikipedia. Sub categories allows us to peek between our fingers and jumble ideas while still allowing us to well-fitting categories. Anyone who listens to metal music will be familiar with this approach (please don’t burn me at the stake if you disagree with the classification presented in the graph. I’m but a simple jazz enthusiast which know next to nothing about metal and only needed an example)

 

metalmusic

 

So why should we care about categories at all? If it excludes, muddles and is inherently subjective, what is the point? Well… outside of my earlier points about filtering etc, it helps in creation. Sitting in a blank room trying to dream up a new idea is damned difficult. Most, if not all, has run into option paralyzes during our life. The human mind is great at modifying existing thing or dreaming up solutions to problems, but that’s because of limitations. Given unlimited funds and time we tend to over analyse and design everything. This is where categories shine. Want to make music? What category? Immediately you have a framework. You can subvert expectations, but you’re building of off an existing framework. So, by having a category of art which is defined not only by the digital framework of it’s creation but also by it’s link to traditional art you give yourself plenty of room for innovation while also having a framework.

Finally, I want to shout out a few blogs from other students.

First of its Ane’s blog where she in a stroke of genius recreates the feeling of exiting digital art in Spore. She also links a new song to each blogpost (without auto playing them) which I heartily approve of. https://anelundo.wordpress.com/2018/02/03/art-of-the-week/

Next up is Roj with an insight into evolution of photography. He also sites a very interesting idea proposed by Flores which came up during our lecture. The idea that e-lit and literature will die out in the next half century. While I disagree with the notion I still find it an interesting topic to think about. https://thelifeofroj.wordpress.com/2018/02/02/one-step-closer-to-the-matrix/

 

Lastly from my study buddy John with his really good “Tweet or die” post. The outlining of the discomfort which comes from blending personas, here IRL and online persona, is something I’ve had on my mind ever since my short stint in sociology and first reading Goffman. https://tronkel.wordpress.com/

Hello World!

To many the idea of coding, using math, logic and nerd power to create something sounds like magic. Looking at sites like Facebook or games like Skyrim you’ll feel overwhelmed by the mere prospect of trying to replicate it. I as a programmer do to. The reason I most often hear things like “this is why I don’t do code” is because people see some code which a person has worked on for hours/weeks/years. Even simple code can be made to look intimidating. Refusing to stick to naming conventions or using fussy logic will immediately make whatever your making look like something out of 2001 a space Odyssey.

Today I want to touch on this and give a few tips on how to start getting into coding, specifically basic HTML code. Most of my methods are however not rooted in code, but rather project management and pedagogy. So, if you’re just here to see how I teach myself stuff skip any code heavy parts and focus on why I’m choosing different methods and sites. As with everything else, I’m not an expert. These are observations ant tricks which I’ve picked up during my three years as a programming intern, lead programmer and project manager. My tenure as project lead led to the closure of the studio and to the extension of my three-year bachelor to a four year one, so these lessons came at a price.

First of a few links:

Why advice is dangerous, and you should take any with a grain of salt:

https://www.youtube.com/watch?v=miwrDpbb25Q

Why only looking at the successful people is a bad idea:

https://youarenotsosmart.com/2013/05/23/survivorship-bias/

Why you’ll probably never feel comfortable with your current skill:

https://www.themuse.com/advice/how-to-banish-imposter-syndrome-and-embrace-everything-you-deserve

Okay so you want to learn something, this time it’s basic coding. This might just be for the joy of learning in and of itself, it might be because you want to try your hand at making coding art. Well I got new for you, this might take some time. It depends on how complex and out there you want to be. If you want to make a bad first-person shooter in Unity it will maybe take you a day in unity using their premade assets. You’ll have a project which runs, but you’ll be at their mercy. So instead we’ll start with something small. By starting small you’ll get a better grasp on how the basics work.

So lets head over to my favourite website currently present on the world wide web http://sau.no/. Sau.no is a small site which tells you everything a metropolitan need to know about sheep.

The text says:

Sheep are stupid animals.

Sheep are food for among others, wolves.

Simple and clean. All text is cantered, there is a picture and a link to another html site, wolf.no. At your current level, can you replicate this site without looking at it source code? If yes, then this tutorial is probably not for you. Scroll down for the epic conclusion or follow along and wince as I misrepresent coding and learning methods. If no, then please stay a while and listen play.

First off, this site is old and breaks a few conventions in web development, but trust me, caring about conventions and correct code to early will only stop you from having fun. And having fun while learning is paramount. First of you’ll need something to write your code in. I can recommend notepad++ as a good starting tool (I still use it for quick development and people who say that it’s trash are only thinking of large scope projects). If you don’t want to download anything you can just use any old text editor like notepad to follow along. Once you have notepad++ up and running you will see something like this:

notepad++

This will be where the magic happens and as we know, all magicians cheat. So, lets cheat, go back to sau.no, right click an empty part of the screen and choose “View Page Source”, this will open a new window showing you all the code needed to create this marvel of a website. First of we have what are called tags.

Tags helps our computer run things in the right order while also classifying what we are doing in a computer readable way. The first tag we encounter is the <html> tag. This bad boy tells the computer that the following code is supposed to be html. This first tag is linked to the very last tag of the document, the </html> tag. The / symbolizes that we are no longer playing with html. If you’ve coded a bit before you might be rocking a bit back and forth right now. Where is the !DOCTYPE? Well in never time we add a declaration at the start of any html document to signify what version of html we are using. Never versions have many fancy smancy things it can do, but sau.no is so pure (and old… and mouldy) that it does not need to declare anything. If you really want to be proper, then look at this site to see how and why DOCTYPE is a good thing:

https://www.w3schools.com/tags/tag_doctype.asp

In the link you’ll also encounter the other basic tags which comprise a basic html page. The head, title and body tag. The head tag is where all your meta and dark magic usually goes, for now just thing of it as a place to add the title tag

The title tag is always placed in the head tag and for good reason, nothing you write in the head tag should show on your site. The title tag rather, changes the text in your tab/window so that anyone visiting your soon to be brilliant site knows what’s up.

The body tag is where all your content goes, all text, images etc goes here.

So, let’s set up the essentials. Write or copy paste the code from the sau.no source code into your editor (notepad++ and the like). Remove everything which is not one of our four known tags. Now your code should look something like this:

sau1

The body tag has some weird colour code, but lets ignore that for now because it’s time to take a look at our creation! Save your html code wherever you want, I recommend making a specific folder for the project. Remember to save your file with the .html ending! If you save it as sheep.txt for example it will not be recognized as html code. Once saved, open it up in your favourite browser and behold what you’ve created!

….

Not much to look at for the moment, but your tab should now read ww.sau.no. Let’s change this by adding some stuff inside the body tag. We’ll do this in the quickest manner, so just go ahead and copy paste everything from the source code into your document. Now you got a center tag, some br tags, fonts! An img tag and a sprinkle of a’s and b’s.

Every last one of these tags are here for a reason and this is where we’ll get into why this is a good way to learn coding. Every coding language has what’s called documentation. Documentation is the rules and functions of your chosen language and the best way I’ve found to grasp the basics is by finding simple projects and slowly read up on every piece one by one. You might have guessed what the center tag does from it’s name, but google html center tag. This will most likely bring you to wc3schools page on the topic. You’ll find that it’s not supported by newer versions of html and that you should use css. This is what I’ve dubbed a breadcrumb. These breadcrumbs are future reading topics to explore after you’ve understood your current project. I’ll probably make a short tutorial on how to use css to style your page later, but for now just remember that the center tag changes the layout of your html page and should therefore probably be done with css.

The same goes for the font tag where we find our second breadcrumb of interest. Under compatibility notes we see a snippet of css code where they use something called a p tag. Whenever I stumble upon an unknow tag which I’m not using I note it down somewhere and check it out later.

So, after reading up one the different tags used in the source you should know that most of the clutter is styling code. Centring code, adding fonts, resizing and adding space. The only two tags that seems to really belong here is the a and img tag. The img tag tells your computer that you want to grab a picture with a specific name and size. Lets go ahead and download the picture of the sheep from the site and place it in the same folder as sheep.html file. If you place it somewhere else, it will not be found. This is due to file hierarchy playing a role in how we fetch images. The src=”sau.jpg” text indicates that you file is named exactly that. If you renamed the file you will have to use the exact name that you chose. If you wanted to have a folder of images instead of having them in the same space as the sheep.html file you would have to do something like scr=”folder/sau.jpg” or if you wanted to have your .hmtl file in a folder it would be scr”//sau.jpg”. the double slashes pushes you one folder up, again google is your friend.

Lastly, we have the a tag, which is a simple link. Inside the href you’ll find url to whatever site you want to point at. Let’s change this to the url of this blog so that I get more clicks. Now it really makes no sense to have the word ulv (wolf) pointing at my site so let’s change the word to “narrer” (jesters). And with that you have a complete site! A near perfect rip-off.

narr

Sligthly varied results are expected

On the way you learned the very basics of html. You have also picked up quite a few bad habits. Styling in the html code instead of in css and omitting the !DOCTYPE, but you have made something. And by making this ripoff you now have a few breadcrumbs to follow. What is css and how do it use it to style my html? Can I use something else than text as a link? How do I remove the stupid blue colour from links? Can I use other images with different sizes? Is there a better way to make headlines than size? Can I imbed auto playing music or YouTube videos?

By starting small you will build up a vocabulary and knowledge of how things work. Don’t make something perfect from the start. Use old faulty methods if they work and change it out once you’ve learned why the new method is better.  Make a note of what sites suggests you should do instead, but wait with the upgrading for later. The goal is learning and having fun, not making something a seasoned coder can look at and musingly say “hmm yes this is clean code”. By experience coders never really do this even if the code is sound.

That is the end of my needlessly long tutorial to replicate an old website from the late 90s. While it might be much MUCH faster to just copy paste the code and add more stuff on top I hope that you’ve gleaned an insight into how you can learn from the process and why it’s helpful to take your time in creating basic stuff. Do you have any good tricks for making learning fun? Maybe you already have a tutorial for making twitter bots or gifs? Feel free to post them in the comment section or @ me on twitter and maybe I’ll make a post about trying them out.