Thanks to visit codestin.com
Credit goes to www.scribd.com

0% found this document useful (0 votes)
56 views4 pages

Sunga Fernan Paguio Bsit-3d

The document discusses the key elements of web design and development. It explains that web design involves creating the user interface through elements like color, layout, fonts and images, while web development involves both front-end development to implement the design and back-end development to manage the database and server-side functionality. The document outlines seven key elements of web design - layout, visual hierarchy, navigation, color, graphics, speed and accessibility. It emphasizes that web design and development provides the tools to create websites that optimize the user experience and can serve as powerful business tools.

Uploaded by

len kagamine
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
56 views4 pages

Sunga Fernan Paguio Bsit-3d

The document discusses the key elements of web design and development. It explains that web design involves creating the user interface through elements like color, layout, fonts and images, while web development involves both front-end development to implement the design and back-end development to manage the database and server-side functionality. The document outlines seven key elements of web design - layout, visual hierarchy, navigation, color, graphics, speed and accessibility. It emphasizes that web design and development provides the tools to create websites that optimize the user experience and can serve as powerful business tools.

Uploaded by

len kagamine
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Web Design and Development

ASSIGNMENT 1

-LINEAR PROGRAMMING-

Submitted to: Prof. Regina C. Santos

Submitted by: Fernan P. Sunga Jr.


Introduction

Web design is a practical and straightforward method for efficiently managing websites.

Many people aren’t aware of what goes behind the scenes of web designing.The user

aims to see the most efficient and easy to navigate website.This is the easiest way to a

users heart.The color, lay out and graphics gives life to the website and shows the

website direction.This offers the best elements to learn.

Body

Website design and development involves two main skill sets: web design and web

development.Website development can be separated into two categories: what the

users see and and what the programmers do behind the scenes. The users see the

Users interface made by the front developer. The design involves color, layouts, font

and images. Front end developer made the design with the help of photoshop,

illustrator, Figma , and sketch. The languages they use to implement the design are

html, css and javascript. In what the programmers do behind the scenes they manage

the data that the user input in the database. The user buys in an online shop and it will

go to a database which uses back end developers' skills. They store the data in a Web

server that is connected to the internet. This allows data to exchange data with phones

and computers. There are 7 elements of web design. Lay out the arrangement of text,

menu, content and graphics. The layout will be dependent on the website's purpose.

Visual hierarchy controls the elements to show their importance. According to the

norman group, Visual hierarchy controls the delivery of the experience. If you have a

hard time figuring out where to look on a page, it’s more than likely that its layout is

WS101 – Web Systems And Technologies Page 2 of 6


missing a clear visual hierarchy. Navigation bar allows the users to get to a certain point

of a website without the users having a hard time. Color gives the website life and its

own personality. According to Nick Babich, When the same elements in UI look different

in different parts of the app/website, this might confuse your users. Maintaining a

consistent design approach allows users to use their previous knowledge when

interacting with a product. Graphics are logos, icons and images that give compliments

to the color of the website. Speed this is how long the website loads. taking long on

loading scares away the users. According to Akamai’s 2017 State of Online Retail

Performance report, the optimal page load time across devices is 1.8 to 2.7 seconds.

The same report found that a two-second delay increases a site’s bounce rate, the

percentage of visitors that leave a website after viewing one page by up to 103%.

Accessibility who can access your website. The priority of a website for all users to use

your website.

Conclusion

Web design and development gives us the power to make a website that helps us find

the best way to navigate through the web. It ensures the kind of web experience that

can give you the best experience. web design and development is not only about the

design and graphics but also about web servers that can be used as powerful business

tool.

WS101 – Web Systems And Technologies Page 3 of 6


References

Visual hierarchy controls the elements to show their importance Interaction Design

Foundation - IxDF. (2016, August 31). What is Visual Hierarchy?. Interaction Design

Foundation - IxDF. https://www.interaction-design.org/literature/topics/visual-hierarchy

Gilis A.S. web server


https://www.techtarget.com/whatis/definition/Web-server#:~:text=A%20web%20server
%20is%20software,and%20delivering%20webpages%20to%20users.

WS101 – Web Systems And Technologies Page 4 of 6

You might also like