Empowerment Technology Lesson 8 (2024) - La Consolacion College Tanauan PDF
Document Details
Uploaded by Deleted User
La Consolacion College Tanauan
2024
null
null
Tags
Summary
This document is a set of notes on website design principles and elements, useful to students at La Consolacion College Tanauan in 2024. It covers various types of websites and key concepts necessary for creating a functional website.
Full Transcript
EMPOWERMENT TECHNOLOGY LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 DISCLAI...
EMPOWERMENT TECHNOLOGY LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 DISCLAIMER This learning material and its content is a property of La Consolation College Tanauan. Any redistribution or reproduction of part or all the contents in any form is prohibited other than the following: you may print or download to a local hard disk extracts for your personal and non-commercial use only; you may copy the content to individual third parties for their personal use, but only if you acknowledge the owner and author as the source of the material; and you may not, except with our express written permission, distribute or commercially exploit the content, nor may you transmit it or store it in any other website or other form of electronic retrieval system. All rights reserved 2024. BASIC WEB DESIGN PRINCIPLES AND ELEMENTS LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 Learning Target Create a website using any online platform available, and Apply web design principles and elements using online creation tools, platforms, and applications LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 WEBSITE A WEBSITE IS A COLLECTION OF PUBLICLY ACCESSIBLE, INTERLINKED WEB PAGES THAT SHARE A SINGLE DOMAIN NAME. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 As of January 2024, depending on which survey or hosting company is referenced, there are approximately 1.9 billion websites. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 The development of the World Wide Web was begun in 1989 by Tim Berners-Lee and his colleagues at CERN, an international scientific organization based in Geneva, Switzerland. They created a protocol, HyperText Transfer Protocol (HTTP), which standardized communication between servers and clients LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 What is the Difference between WEBSITE, WEBPAGE and Web Server LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 Types of Websites LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 E-commerce website Provide customers with a seamless shopping experience, allowing them to effortlessly browse, select and purchase products that capture their interest. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 Business website A business website is a company’s digital presence — it presents a business for visitors. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 Blog website The word “blog” is the short form for “weblog.” It’s a digital journal. It started as a trend for individuals, but it grew as businesses started using them to update customers as well as offer valuable and informative content. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 Portfolio website If you’re a photographer, artist or writer, a portfolio website can help you reach and impress potential employers or clients and act almost as your art resume Lu Xinyao Ryan Haskins LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 Personal website A personal website is a space where you can truly be yourself. Build one to share your accomplishments, explore your interests or develop your personal brand LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 Membership website Membership websites are an excellent choice for businesses aiming to convert their users into loyal customers. With this website format, you can provide exclusive content and value-added resources within a password-protected section. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 Nonprofit website Nonprofit websites let you share your organization's mission, vision and core values so you can activate people around your cause. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 Informational website Informational websites are valuable resources for people looking to learn more about a specific topic, service or product. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 Online Forum website Online forums bring people together to discuss and exchange information around shared topics, such as technology or fitness LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 Petition website If you want to be a change- maker, a petition website can help you advocate for a cause that you hold most dear. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 School website Used by school to have an online presence. School websites can also offer online teaching and information about businesses LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 Entertainment website Entertainment websites are among the most highly visual and interactive types of websites, designed to evoke emotion and deliver high-quality digital experiences. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 Travel website Travel website helps vacationers plan their dream trips. They provide information on attractions, accommodations and adventures in a specific city or town. They often include breathtaking photography and engaging videos that encourage visitors to book their trip. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 News website These websites cover diverse topics such as current events, politics, business, entertainment and sports LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 PRINCIPLES OF GOOD WEBSITE DESIGN LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 1. Simplicity The principle of simplicity is an integral part of any good website design. It is key to both the readability and usability of your website. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 2. Consistency Good design is consistent in every way. Ensuring your designs are consistent across channels will help to build trust and credibility with your target audience. If you have a website, you should ensure the same visual style is used in your print and digital marketing materials. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 3. Typography and readability You can’t expect people to read your content if it doesn’t look appealing. A great tip is avoiding overly fancy fonts that look out of place on a website. Instead, stick to standard, easy-to-read fonts that are legible and professional LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 4. Responsive and mobile friendly With the growth of mobile, creating a user- friendly, responsive website is crucial for your success. Users want to be able to navigate around your site quickly, so you need to make sure that the website is designed with mobile users in mind. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 4. Responsive and mobile friendly With the growth of mobile, creating a user- friendly, responsive website is crucial for your success. Users want to be able to navigate around your site quickly, so you need to make sure that the website is designed with mobile users in mind. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 5. Color palette and imagery There are millions of color combinations that you can use in your website design. However, you don’t want to make it too broad or use too many colors. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 6. Easy navigation Navigation is the key to easy, modern website design. Navigation is the wayfinding system used on websites where visitors interact and find what they are looking for. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 7. F-SHAPED PATTERN READING The F- based pattern is the most common way visitors scan text on a website. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 8. VISUAL HIERARCHY Visual hierarchy is the arrangement of elements in order of importance. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 8. VISUAL HIERARCHY Visual hierarchy is the arrangement of elements in order of importance. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 9. CONTENT An effective website has both great design and great content. Using compelling language great content can attract and influence visitors by converting them into customers. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 10. LOAD TIME In these days of instant gratification, you want to ensure your site loads fast. The longer your website takes to load, the higher the chances of customers leaving WEB DESIGN ELEMENTS CONTENT Content is considered as the backbone of your website. USABILITY Your website must be easily to navigate, intuitive, accessible and user- friendly using navigation buttons. AESTHETIC Aesthetics includes factors such as balance, movement, pattern, scale, shape and visual weight. VISIBILITY The success of your website is based on the volume of user engagement you have. be unsuccessful unless it could be found. INTERACTION Adding comment boxes and opinion polls in the design of your website can help you to improve the functionality of it. LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 Free Websites Builder Google Sites Canva WordPress.com Figma.com Wix.com LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 "The web does not just connect machines, it connects people." – Tim Berners-Lee LA CONSOLACION COLLEGE TANAUAN Senior High School Level A. Mabini Ave., Tanauan City, Batangas AY 2024-2025 References: Ravina, E. (2022). Empowerment Technologies: New Edition. Rex Bookstore, Inc. Abante, M. V., Villegas, P. R., & Neones, M. M. (2024). Empowerment Technologies UNLIMITED BOOKS LIBRARY SERVICES &PUBLISHING. Pomperada, J. R., & Castellano, J. V. (2023). Empowerment Technologies. UNLIMITED BOOKS LIBRARY SERVICES &PUBLISHING. Maclang, L. (2020). Grade 11: Lesson 3: Contextualized Online Search and Research Skills [PowerPoint Presentation]. Prezi. https://prezi.com/p/c9p66rq mfbov/grade-11-lesson-3-contextualized-online-search-and-research-skills/ GeekforGeeks. (2024, July 23). What is Malware? And its Types. https://www.geeksforgeeks.org/malware -and-its-types/ Quiambao, A. (2018). Contextualized Online Search and Research Skills [PowerPoint Presentation]. SlideShare. https://www.slideshare.net/slideshow/online -research- 107104482/107104482