Project One
Project One
Create a web site by selecting “your own title” or by assuming you have your own business
(software development company) that explains something interesting. Your explanation must
make sense. You must use grammatically correct sentences that provide a reasonable flow
through your web page. Creativity and aesthetics are part of web programming, and they are part
of this assignment.
Page1 - HomePage
Logo
Your logo should be visible at the top of your website. It’s the core of your business’ branding
and identity, after all. The logo is a tangible representation that encompasses your products or
services and is a key piece for clients to recognize and connect with your brand.
Navigation
Straightforward and intuitive navigation is another vital feature your website should include in
the header. If your website is content-heavy, a search box might be a valuable asset to include
here. The navigation menu should be easy to locate with items that make sense to new visitors.
Example 1
Example 2
Headline/headers
Within a matter of seconds, your website needs to communicate to visitors what you have to
offer. A headline with sub-headline or paragraph text should provide a clear description of your
business and what you do or the services you provide. This is usually 2-3 sentences of powerful,
memorable, and concise text that targets your viewers’ needs. Include at least one heading (h1,
h2, etc.) in your web page.
Page2 - ContactPage
The lowly contact page is a staple for any website. For us service-based businesses, it’s hella
important as a main point of conversion. For online shops, it serves as an opportunity to reassure
customers and help you to address the reason why they are not buying from you today. Your
contact pages may contain:-
Page3 - ContactPage
When it comes to your website, the ‘About’ page is an important page. It is one of the most
visited pages as well. This is the page that tells people who you are, and why you do what you
do. It is what makes your brand more ‘human’, helping to build trust and forge a connection way
beyond what you sell.
When your website visitors want to learn more about you and your business, they will click on
your ‘About’ link. It is, therefore, a good idea to put some thought, effort and even creativity into
the various elements on this page. You may include:-
– your purpose
What are you offering – and for whom? When you have a product or service that was designed to
solve your customer’s pain point, share this on your ‘About’ page. This will impart meaning to
your product or service and help website visitors connect with it.
Highlight why your product or service is different from others and why your audience should
care about it.
This will define your business’s ‘why’. People are drawn to similar values and they connect with
you when they know about your mission, your vision and what makes you, you.
Team
People love seeing the face or team behind a brand. When a company hires your services, they
would like to see who they will be working with – a picture brings out the personality of the
brand and the team behind it. You can be creative with avatars too!
Page4 - VacancyPage
Page5 – NewsPage
--------------------------
Page5 - CodingPage
Display a code fragment from the program, or display the whole program, if appropriate. Feel
free to create the program yourself or use a program that you find in a book or on the Internet.
Refer to a specific variable in the program, specific input, and specific output.
Provide a quote from a book that refers to the program or to a concept illustrated by the
program, and provide a citation for the book’s title. Feel free to use a real quote from a real
book or make up a fictional quote from a fictional book.
o Provide an acronym (real or made up) or a definition that somehow relates to the web
page’s discussion.
o Include a total of at least 10 different types of phrasing elements in your web page. You
must use appropriate phrasing elements that fit the flow of your web page. You will
lose points if any of your elements are inappropriate (e.g., using wbr in a normal-length
word).
For future projects, you will use CSS for formatting. But for practice purposes, for this project, use only
HTML5 elements and not CSS.