Interactive Design - Project 1 : Website design Proposal

 20/05/2025 - 27/05/2025 (Week 5 - Week 6)

Cindy Noverin / 0376409

Interactive Design / Bachelor of Design in Creative Media / Taylors University

Project 1 : Website design Proposal


TABLE OF CONTENTS

Lectures

Instructions

Feedback

Reflection

Further Reading


LECTURES

Week 4 - Week 5

Coding Practice

<> html

{} css

open close tag

<p> inside should be document</p>

attribute /extra infromation about the tag

ex languange, insert image

<p attributename=“attribute value”>text</p>

headings 

<h1> </h1>

everything is wrapped in everything

body head and tittle

<html>  (is the father opening tab)

<body>   (parent elements)

<h1></h1>   (Child element)

(footer is inside body)

</body>

<head>

<tittle>

</head>

</html> closing tab

bold & italic

<b><i>

to force break line 

<br>

there are two types of list

ordered list (numbers) 

<ol> 

<li> </li> 

</ol>

unordered list (bulletins)

<ul>
<li></li>

</ul>


WEEK 5

  • id attribute gives extra name to the html tag, it is used to put other code like css?
  • id attribute to uniquely identify elements and cannot be the same for each
  • class attribute gives unique name but for more than one elements

<div > generic html elements

the rule is to habe the same heights and all same elements


different categories of html elements

  • block elements

most of html element are block elements, follows the document flow (top>bottom,left>right)

ex 

  • inline elements

it appears on the same line

ex <b> <i> <em> <a> <img>

<img/>


CSS

cascading style sheet


css rule contains 2 parts

selector and declaration

selector{font-family:poppins;}

font family = property

poppins= value


inline

embeded

external = link css with html file and its separate

default = browser


back to top


INSTRUCTIONS

Website Redesign Proposal


FEEDBACK

Week 5 
specific feedback : the proposal should look presentable later, the wireframe is good, don't forget to put typeface that'll be used and color pallete.


REFLECTION

doing this task is getting me to explore websites more that needs improvement, and to make each wireframes took a long time but quite fun at the same time.

Comments

Popular posts from this blog

Typography - Task 1 : Exercises

Design Principles - Task 3 : Development & Design

Design Principles - Task 1 : Exploration