Interactive Design

 Week 1 

On the first week we were introduced to this module.  

-During the lecture, we were first introduced to single webpages. These webpages one show one single  webpage where you aren't directed to any other webpage. This is the reason they aren't known as websites. -Usually all the information you need are laid out on that page. Parallax is a form in which a single webpage can be shown.

-Next, We were introduced to web browzer. In this we were taught what an http is and the functions of it as well as the different types of popular web browzers. 

-Then we learned about how a website is made and what is needed to make a website. The 3 main things we learned were about HTML, CSS and Javascript.

- HTML gives the basic structure to a website, CSS is used to make the webpage responsive and stylize the website and lastly, JS is used for complex functions and to increase interactivity.

- Next we learned about the Static and Dynamic websites. Static websites have a fixed number of pre-rendered webpages written entirely using HTML. Whereas Dynamic websites generate pages in real life and are customisable for the user's profile based on consumer behaviour and algorithm.

- A domain is a URL used to find a website. It is what people use to search for their website. Web hosting is used to store the website data, and are stored on a server.

- Lastly we learned about the frontend, backend and full-stack development. Front end includes the browzer, built to interact with users directly. Backend refers to the server side. Code to help database and application communicate. They deal with servers, databases and applications. Full-stack deals with both frontend and backend, design and programming. Usually serve companies that are small/ startups because they have less content.

After the lecture, we were given a short exercise to do, where we have to choose 5 types of websites and explain the use and functions of such websites.

Figure 1.0 - Different Types of Websites

Week 2

On week 2 we learned about the web standards and HTML scripting.

Web standards are needed in-order for the different browzers to work together, so that web developers do not have to make different versions that are made fit for different browzers.

Because of web standards, we 

-achieve cross compatibility

-web is free and accessible to all

-helps source code by making simpler

-maintain better search engine optimization and so forth

After this we learned about HTML scripting by doing an exercise. 

In this exercise, we had to create a webpage based on the information provided to us. This headings, paragraphs, inserting links and images. With the help of our lecturer and also W3 website I was able to complete my task.

Figure 1.1 - Among Us Webpage HTML

Week 3

On this week we learned how to add divisions to our code. The division tag is also known as the div tag. The div tag is used in HTML to create content divisions on a web page, such as text, graphics, headers, footers, navigation bars, and so on.  It is used to the group of various tags of HTML so that sections can be created and style can be applied to them.

On this week we had to add  div tags to out code for the among us webpage.

Figure 1.2 - Among Us Webpage- div tag

Week 4 

On week 4 we had our introduction to CSS. Our exercise was based on the same Among us webpage we created for the HTML and apply the CSS to that webpage.

Figure 1.3 - Among Us Webpage- CSS