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