Posts

Showing posts with the label Web Design and New Media

Final Submission and Reflection

Image
Aurelia Regina Sutjahjokartiko , (0329953) Web Design and New Media Final Submission and Links, Reflections Instruction ASSIGNMENT 1 - LANDING PAGE DESIGN ASSIGNMENT 2 -  PERSONAL WEBSITE / PORTOFOLIO WEBSITE FINAL PROJECT - INTERACTIVE STORYTELLING WEBSITE  Submission Assignment 1 - Landing Page Design Figure 1. Product landing page Figure 2. Service landing page Assignment 2- Personal Website / Portofolio Website Figure 3. Homepage Figure 4. javascript section Final Project - Interactive Storytelling Website Reflection Experience Finally this modul end ! no more coding no more headache! LOL. Anyway, i am so grateful that this modul is exist because i can learn how to make good website and aesthetic even yeah, a lot of coding inside. I am so grateful that i have precious moment which is progressing from the beginning and also tutor from Mr. Shamsul it self. To be honest, i am not satisfied what i am done in this module, beca...
Post a Comment
Read more

WEB DESIGN AND NEW MEDIA - FINAL PROJECT

Image
8 November - 5 December  2017 (Week 10- Week 14) Aurelia Regina Sutjahjokartiko, (0329953) Web Design and New Media Final Project : Interactive Storytelling Web site Instruction Final Project – Interactive Storytelling Web site (40%) “Interactive storytelling is the art of telling stories enhanced with technological, social or collaborative interactive features to offer content adapted to new behaviors in a rapidly changing cultural ecosystem.” You will design an interactive storytelling Web site based on content given. You may include 5 elements of multimedia in the website. Progression flow: • Propose idea of the website – Week 4 • Flowchart/ information structure/storyboard – Week 5 • Mood board/Concept board – Week 6 • Wireframe – Week 7 • Prototype – Week 8 • Development (Site testing and launch) – Week 9-14* Requirement: Students must follow the progression flow as given in completing the task. Marks will be given based on the progression flow st...
Post a Comment
Read more

WEB DESIGN AND NEW MEDIA - ASSIGNMENT 2

Image
2 October - 29  October 2017 (Week 5- Week 10)   Aurelia Regina Sutjahjokartiko ,  (0329953)   Web Design and New Media   Second Assignment : Personal Website / Portofolio Website Lecture 1 2 October 2017 CSS External Style  An external style sheet is a separate file where you can declare all the styles that you want to use on your website. You then link to the external style sheet from all your HTML pages.  This means you only need to set the styles for each element once. If you want to update the style of your website, you only need to do it in one place. Step by step : 1. Create style sheet Type CSS code into a plain text file, and save with a .css extension (for example, styles.css). Figure 2.  Link to the Style Sheet from the HTML Documents Add the following code between the <head></head> tags of all HTML documents that you want to reference the external style sheet. This code uses the HTML <link>...
Post a Comment
Read more

WEB DESIGN AND NEW MEDIA - ASSIGNMENT 1

Image
28 August - 18 September 2017 (Week 1- Week 4)   Aurelia Regina Sutjahjokartiko ,  (0329953)   Web Design and New Media   First Assignment : Landing Page Design Lecture 1 5 September 2017 Good Web Design and Bad Web Design Before we create the real website, we need to know basicly what is the good website it self. On this day, Mr Shamsul give exercise to us for give 5 example for good websites and another 5 example for bad websites with additional reason and this exercise is in group. After we did it, we know that what characters of bad and good website. Character for good website : -good choice of typography (easy to read, and visually appealing) -has clear purpose -targets the right target market, designed for users -contains the necessary information -use the right images (relevant) -utilize negative spaces well -loads fast -visually interesting and engaging -good color scheme -good interactivity Character for bad website : -too much animatio...
Post a Comment
Read more