Creating My Robot Character

As mentioned in my proposal, I wanted to incorporate a robot character into my website as a type of fun guide that will lead the users through the website content and through each era. To begin creating my robots, I researched each era and began looking for iconic, stereotypical looks and clothing that best represented that period of time. With this I created some very basic sketches of what each robot would look like.

Creating a Website: The Very Start

Here is some screen shots of the experimental work I have been doing in Dreamweaver. The physical coding part of this process is difficult but also logical in the sense that you get out what you put in. I began by playing with existing HTML from websites, playing with fonts and inserting images; all of which are skills which I will need for my final website.

 

I started creating a mini web page. You can see at the top it says <title>My New Website </title> which appears on the top of the grey bar. The CSS says background-colour: #FFC; which tells the background colour to be cream. Then in the body I have included some text in pink which comes under colour: CC3399; and inserted an image under <img src="smile.jpg"/>. When you preview this basic page it appears as below. 

  

 

After I had begun learning the basic foundations of web design, I began experimenting with my real website idea, making the individual links to each page and adding a robot image as a draft page. The split screen allows you to view the coding on one side, and a preview on the other which is a format I prefer to follow.  One main thing that I am learning is that web design is a time consuming process and can easily go wrong by small mistakes or typos, however when it works it is very rewarding and is encouraging me to learn and develop more of my website.