HI i have assignment if you can help me Demonstrate your pro

HI

i have assignment if you can help me

Demonstrate your proficiency with CSS by enhancing your Photo Sharing Web Page ( to at least 4 web pages. You must create additional contents to fill-up the webpages and ensure that the webpages include (but not limited to) the following HTML elements:

i. a map or an audio or a video;

ii. image

iii. form iv.

links The above HTML elements must be styled using CSS Layout and divided into:

• navigation element

• contents element

• footer element

Refer to the following samples for inspirations:

http://www.htmlandcssbook.com/code-samples/chapter-17/example-with-links.html

http://www.htmlandcssbook.com/code-samples/chapter-15/example.html

Topics covered: HTML Part 1, HTML Part 2, CSS Part 1, CSS Part 2 and CSS Layout.

Evaluation criteria: Completeness (fulfil all of the above requirements) and creativity.  

Solution

If you are designing a small website on your own, you will need to wear many hats. The good news is that you probably won’t notice. Consider that the day-to-day upkeep of your household requires you to be part-time chef, housecleaner, accountant, diplomat, gardener, and construction worker—but to you it’s just the stuff you do around the house. In the same way, as a solo web designer, you may be a part-time graphic designer, writer, HTML author, and information architect, but to you, it’ll just feel like “making web pages.” Nothing to worry about.

AT A GLANCE

The term “web design” has come to encompass a number of disciplines, including:

Visual (graphic) design

User interface and experience design

Web document and style sheet production

Scripting and programming

Content strategy

Multimedia

There are also specialists out there whom you can hire to fill in the skills you don’t have. For example, I have been creating websites since 1993 and I still hire programmers and multimedia developers when my clients require interactive features. That allows me to focus on the parts I do well (in my case, it’s the content organization, interface, and visual design).

If you are not interested in becoming a jack-of-all-trades solo web designer, you may choose to specialize and work as part of a team or as a freelance contractor.

Large-scale websites are almost always created by a team of people, numbering from a handful to hundreds. In this scenario, each member of the team focuses on one facet of the site-building process. If that is the case, you may be able to simply adapt your current set of skills (writing, Photoshop, programming, etc.) and interests to the new medium.

I’ve divided the myriad roles and responsibilities typically covered under the umbrella term “web design” into four very broad categories: design, development, content strategy, and multimedia.

Design

Ah, design! It sounds fairly straightforward, but even this simple requirement has been divided into a number of specializations when it comes to creating sites. Here are a few of the new job descriptions related to designing a site, but bear in mind that the disciplines often overlap and that the person calling herself the “Designer” often is responsible for more than one (if not all) of these responsibilities.

User Experience, Interaction, and User Interface design

Often, when we think of design, we think about how something looks. On the Web, the first matter of business is designing how the site works. Before picking colors and fonts, it is important to identify the site’s goals, how it will be used, and how visitors move through it. These tasks fall under the disciplines of Interaction Design (IxD), User Interface (UI) design, and User Experience (UX) design. There is a lot of overlap between these responsibilities, and it is not uncommon for one person or team to handle all three.

The goal of the Interaction Designer is to make the site as easy, efficient, and delightful to use as possible. Closely related to interaction design is User Interface design, which tends to be more narrowly focused on the functional organization of the page as well as the specific tools (buttons, links, menus, and so on) that users use to navigate content or accomplish tasks.

A more recent job title in the web design realm is the User Experience Designer. The UX designer takes a more holistic view—ensuring the entire experience with the site is favorable. UX design is based on a solid understanding of users and their needs based on observations and interviews. According to Donald Norman (who coined the term), user experience design includes “all aspects of the user’s interaction with the product: how it is perceived, learned, and used.” For a website or application, that includes the visual design, the user interface, the quality and message of the content, and even overall site performance. The experience must be in line with the organization’s brand and business goals in order to be successful.

Some of the documents an IxD, UI, or UX designer might produce include:

User research and testing reports

Understanding the needs, desires, and limitations of users is central to the success of the design of the site or web application. This approach of designing around the user’s needs is referred to as User-Centered Design (UCD), and it is central to contemporary design. Site designs often start with user research, including interviews and observations, in order to gain a better understanding of how the site can solve problems or how it will be used. It is typical for designers to do a round of user testing at each phase of the design process to ensure the usability of their designs. If users are having a hard time figuring out where to find content or how to move to the next step in a process, then it’s back to the drawing board.

<!DOCTYPE html>
<html>
<body>

<p>I am normal</p>
<p style=\"color:red;\">I am red</p>
<p style=\"color:blue;\">I am blue</p>
<p style=\"font-size:36px;\">I am big</p>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<h1 style=\"text-align:center;\">Centered Heading</h1>
<p style=\"text-align:center;\">Centered paragraph.</p>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<h1 style=\"text-align:center;\">Centered Heading</h1>
<p style=\"text-align:center;\">Centered paragraph.</p>

</body>
</html>