Interactive Design Exercise 2

                                                                                   Exercise 2

In this class, the teacher taught us how to create a small website to introduce ourselves.

With the development of the internet, the way people access the web has expanded from keyboards, mice, and monitors to mobile phones, tablets, and voice-activated devices. This diversity makes adherence to web standards even more important. Web standards, developed by the W3C (World Wide Web Consortium), aim to ensure that web pages display and are accessible across different browsers, operating systems, and devices. Adherence to standards not only improves website compatibility and accessibility but also facilitates collaboration and web maintenance among developers. The basic structure of a web page is composed of HTML, which uses tags (such as <h1>, <p>, and <a>) to define content such as headings, paragraphs, links, lists, and images, providing the browser with the semantics and hierarchy of the page. The process of accessing a website is essentially the browser using a DNS server to locate the server hosting the target web page and then present the webpage content to the user. Overall, web standards make the internet more open and unified. Understanding the structure and tag usage of HTML is the first step in understanding web design and development.


Exercise introduction



Here are the website that i create.


Here is my code



Comments

Post a Comment

Popular posts from this blog

Spatial 2 assignment 1

Image
Here are the project what we shuld do. 🧠 Assignment Overview: You are required to conduct a precedent study and analysis of two retail stores: One international (overseas) store – researched online. One physical store – that you can visit in person. This assignment is individual and counts for 20% of your final grade. 🎯 Objective: To apply design processes critically and creatively by analyzing real-world retail environments. You will propose innovative, context-specific solutions that improve spatial quality, customer experience, and brand identity. 📌 Analysis Areas to Cover: Store Overview Name, location, and type (e.g., fashion, electronics, lifestyle) Brief brand history or background Design Features Layout: Floor plan sketch; how the layout guides flow and interaction Materials: What materials are used and their functional/aesthetic effect Lighting: How lighting contributes to mood and experience Color Scheme: How color supports brand identity and ambiance Brand Identity How...
Read more

Interactive Design Exercise 1

Image
Exercise 1 Week 1 Website Analysis For this exercise, I have selected five websites to review and analyze. The focus is on examining their design, layout, content, and functionality, while identifying strengths and weaknesses that influence the overall user experience (UX). Each analysis highlights the site’s purpose, main color palette, visual presentation, and interactive features, followed by an evaluation of how effectively the website communicates with its intended audience. Finally, recommendations are provided to suggest potential improvements for usability, performance, and brand impact. 1. https://www.juice.agency 2. https://culinaryodissey.uprock.pro 3. https://joseph-san.com 4. https://atom.uprock.pro 5. https://xlncdigital.com 1.   Website: juice.agency  （https://www.csswinner.com/winners） Purpose and Goals Juice is a creative branding and digital agency. Its main goal is to showcase its capabilities in branding, web design, and marketing, while also attracting po...
Read more

Embedded systems

Image
                                                       In this lesson, the teacher gave us a general explanation of what is called an embedded system. Then he gave us a general introduction to the tasks that we need to complete this semester and the courses we have learned. We were then given homework for the lesson, and the following is an example of an assignment. This is our first group assignment This class was supposed to be a public holiday, but the teacher was very responsible, so he gave us an online class to teach us how to use python, and under the teacher's step-by-step teaching, we had a rough understanding of python software In this lesson, the teacher continued to distribute some of the tools needed for embedded systems and taught us how to use them. Of course, the teacher also gave us a deeper understanding of what an embedded system ...
Read more