Group 8 Web Programming
Group 8 Web Programming
PROGRAMMING
GROUP 8
EXECUTIVE SUMMARY
02 04
Things to Importance of
consider in web website
Designing
01 03
Principles of Support tools for
Effective Design web creation and
programming
WHAT ARE WEB DESIGN PRINCIPLES?
4. GRID BASED
LAYOUT
Grids structure your design and organize content. They align
elements on the page, keeping it clean and balanced. A grid-
based layout arranges content into columns and sections,
creating an orderly and aesthetically pleasing website.
5. F-SHAPED PATTERN
1
READING 2
Eye-tracking studies have found
The F-based pattern is the most
that most of what people see is
common way visitors scan text
in the top and left areas of the
on a website.
screen.
3
The F shaped layout mimics our 4
An effectively designed website
natural pattern of reading in the
will work with a reader’s natural
West.
pattern of scanning the page.
(left to right and top to bottom)
F-SHAPED PATTERN READING
1
6. VISUAL
HIERARCHY
Visual hierarchy arranges elements by importance using size, color,
contrast, and other design features. It creates a focal point to guide
users to the most important information. This helps ensure a clear,
organized, and user-friendly layout.
7. 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.
8. LOAD TIME
the amount of time it takes for a webpage or an
application to become fully operational and
accessible to the user after a request has been
made.
9. MOBILE
FRIENDLY
a website is optimized for viewing and
interacting on smaller screens like smartphones
and tablets, More people browse the web on
phones. Make sure your website has a responsive
layout that adapts to different screens.
10 THINGS TO CONSIDER IN
WEB DESIGNING
WHAT IS WEB DESIGNING?
2. REACT:
• JavaScript framework developed by
Facebook.
• Gaining popularity due to its efficient
handling of the virtual DOM.
• Allows building applications for Android, iOS,
and web (using React Native)
3. DJANGO
4. BOOTSTRAP
Explore new technologies, market
6. GITHUB
Explore new technologies, market
trends, or disruptive forces that
• Version control platform that implements Git
could shape the future competitive
landscape. Understanding these
workflow.trends helps you anticipate
potential threats and opportunities.
• Used for collaboration in coding projects and
open-source contributions.
• Offers features like GitHub Actions for CI/CD
and webpage hosting capabilities.
7. ADOBE DREAMWEAVER
Websites allow businesses to interact with customers through blogs, FAQs, live
chat, and contact forms. This enhances communication and helps in building strong
customer relationships.
09
THANK YOU FOR
LISTENING !