Week 11

 Week 11

Lecture - 

Week 11 of the lecture series kicks off today with a presentation on website frameworks. The growing popularity of these frameworks can be largely attributed to their ability to enable the creation of websites that seamlessly adapt to various screen sizes across different devices. Essentially, a framework is a set of pre-written code files and directories used for building websites. Its main function is to provide a standardized structure for web development, allowing programmers to reuse code and avoid building everything from scratch. 

               


The lecturer explains that the Foundation framework consists of front-end frameworks designed to simplify the creation of responsive emails, applications, and websites. These frameworks ensure that content looks impressive on any device, regardless of screen size. Foundation's compatibility with all devices, media, and accessibility levels makes it a preferred choice among designers and developers.

               


The second framework is Bootstrap. Originally launched as the "Twitter Blueprint," Bootstrap was created to maintain consistency across internal tools.

               

The third framework is Vue.js. This JavaScript library, often referred to as a progressive framework, is used for developing user interfaces. It evolves into a full-fledged framework when combined with certain tools.

      

Lastly, there are Skeleton and the UI Kit. Skeleton is ideal for projects that are too small to require the extensive functionality of larger frameworks. In such cases, Skeleton is the best choice. The UI Kit, on the other hand, is a front-end framework designed to simplify the creation of robust, fast interfaces. It includes all the necessary files to get started, consisting of compiled CSS and JavaScript files. Both Skeleton and the UI Kit are versatile and mobile-ready. You can create a custom UI Kit theme by installing and building the UI Kit.

                       

                        


Practical-

This week, the lecturers want us to focus on creating website structures. This includes developing flowcharts, sketches, wireframes, and mockups. For the flowcharts, we need to include sections such as Home, About, Product Categories and Services, and Contact.

This is our websites sketches for ichinichi. I'm taking part for the sketch's websites.  







评论

发表评论

此博客中的热门博文

Week 1

图片
Week 1  Lecture- The first lecture session of this week is talking about some of the basic of the web design and some of the principles that students may use when they finish or start their assignments. First and foremost, the lecturer let the students start to create their blogs for the lecture class and practical class so that the students learn how to observe from the inspiration. Therefore, they can create an interesting website. The most important thing that the lecturer mentioned in the class is user interface (UI) and user experience (UX). User interface is all about the interaction and visuals such as the toggles, icons and other visual elements. While the user experience is about all the interaction with the users.  Week 1 Practical -This is our first practical class; the lecturer explains the assignment to student that what to complete in this semester for 14 weeks. Lecturer wanted student to open a blogger for e-portfolio and open a board for web design in Pinterest...
阅读全文

Week 14

 Week 14 Lecture- In the lecture session of week 14, students showcased their work for Assignment 3, which involved designing websites for clients. Each group, including ours (Group 3 Group 1), presented the layouts and features of their respective websites. During the presentations, the website functionalities were demonstrated by navigating through different sections and highlighting key navigation features. Every student attentively observed and absorbed the presentations delivered by the different groups.
阅读全文

Week 7

图片
Week 7  Lecture - In week 7 lecture class, lecturer talk about the fundamentals of website layout. Website layout design is about balancing aesthetics with practicality. An effective website layout arranges information in a clear and logical sequence, ensuring coherence. It enhances visual appeal and directs users' attention to key elements. Furthermore, it contributes to branding by employing spacing, alignment, and scale strategically. The lecturer discussed the concept of visual hierarchy, which involves styling design elements to create contrast and emphasize specific content. Reading patterns, represented by directional lines, illustrate how users typically scan web pages. The fold marks the point where a web page is cut off due to screen size limitations. A grid system provides a layout structure based on precise measurements and guidelines. White space, also known as negative space, refers to the empty areas within a design. Regarding website layouts, the lecturer mentioned ...
阅读全文