Interactive Design - Project 2

 

18.9.2023 - 1.10.2023 (Week 8 - Week 9 )
Tai Tong En / 0363164
Interactive Design / BDCM
Project 2 / Working Web Page

INSTRUCTION

Working Web Page

This assignment aims to transform your static prototype from Project 1 into a fully functional and interactive web page. You will apply your knowledge of web layout class to create a working website that closely aligns with your original prototype.
Review your static prototype from Project 1 and analyze its layout, typography, color scheme, and imagery.
Use HTML and CSS to translate the design elements into code, ensuring a faithful representation of the original prototype.
Aim for pixel-perfect precision while maintaining responsive design principles to ensure compatibility across different devices and screen sizes.






The pictures that I put inside my resume.










Then, I use DW and open the HTML file and CSS file.




I put my html file into Netlify and changed my website name.



Final Outcome

https://taitongen-project2.netlify.app/


Comments

Post a Comment

Popular posts from this blog

Publishing Design - Task 1

Image
  Week 1 -Week 7 Tai Tong En / 0363164 Publishing Design / Bachelor of  Design (Hon) in Creative Design  Task 1: Exercises INSTRUCTION LECTURES 1. Lecture 1 -Historical Format Numerous civilizations have had a significant influence on how we record and disseminate knowledge, according to research on the historical format growth of books. 1.1 Mesopotamia Civilization (Iran-Iraq) According to Denise Schmandt-Besserat's research, the earliest writing system replaced counting technology. Bullae developed from simple and sophisticated tokens, paving the way for pictographic writing on clay tablets.   1.2 Ancient Egyptian Civilization (Egypt) The only people who could read and write Hieroglyphics were Egyptian scribes, who recorded information on papyrus, a unique paper created from the pith of the papyrus plant. 1.3 Indus Valley Civilization (India-Pakistan-Afghanistan) One of the oldest writing systems was cuneiform, which was employed on soft clay tablets for trade, gov...
Read more

Publishing Design - Task 3A

Image
  Week 5 -Week 11 Tai Tong En / 0363164 Publishing Design / Bachelor of  Design (Hon) in Creative Design  Task 3A: Book LECTURES Lectures are done in  Task 1 - Exercises INSTRUCTION WEEK 1 - WEEK 4 1. Task 1 & Task 2 - Content Generation & Visual Design 1.1 Text Formatting - Visual Design Before start doing task 3A, we need to do a write up of 3000 words on on any subject that are familiar with and divided into 3 chapters and each chapter must have 2 subtexts and 1 pull quote. Identify 16 areas in written text for visualization, I use medium that is suitable for my topic - illustration. 1.2 Text Formatting - PDF 1.3 Content Generation - Visuals Design - PDF WEEK 5 - WEEK 7 Task 3A - Book 1. Book - Instructions The binding method shall be predetermined to be staple binding (saddle binding). The book is of 32 pages, which is smaller than A4 and bigger than A5.  After developing content (text and visuals) the next stage is to determine the format (size...
Read more

Publishing Design - Task 3B

Image
  Week 9 -Week 13 Tai Tong En / 0363164 Publishing Design / Bachelor of  Design (Hon) in Creative Design  Task 3B: E-Book-Brand Guideline LECTURES Lectures are done in  Task 1 - Exercises INSTRUCTION WEEK 9 Task 3B - E-Book - Brand Guideline 1. Brand Guideline - Instruction In this task will be required to adapt the printed book have designed for the purpose of on-screen reading or the like.  The design of the digital publication will be dependent on the device it will be read from or the type of format used - ePub/PDF/HTML.  Presently most digital books are in the ePub/eBook format (How To Create a Fixed Layout Ebook with Adobe InDesign CC) or a PDF interactive.  To explore and decide on an appropriate format subject to the task type or hardware used. Focus on is navigation between pages; this has to be well thought through, as the user interface must not be an obstacle to seamless reading.  Innovative use of the relevant features to increas...
Read more