ASSIGNMEN1

ASSIGNMENT
SUBMITTED TO:
MAM SHAFIA
SUBMITTED BY:
AYESHA FAYYAZ
ROLLNO:
18216
REGISTRATION NO:
2018-GCWUF-3865
COURSE TITLE:
WEB DESIGN AND DEVELOPMENT
COURSE CODE:
CSC-406
CLASS:
BS(COMPUTER SCIENCE)
SEMESTER:
4TH MORNING
ASSIGNMENT
Question 1:
Question 2:Design a web page html and CSS that define five classes
of paragraph with different background ,color, margins,padding
and border style.
<html>
<head>
<title>
</title>
<style>
.text1
{
color:blue;
font-weight:bold;
border-style:double;
}
#text1
{
color:blue;
margin-left:1cm;
padding-right:30px;
background-image:url("1.jpg");
}
.text2
{
color:yellow;
font-weight:bold;
border-style:dashed;
}
#text2
{color:yellow;
margin-left:1cm;
padding-right:30px;
}
.text3
{
color:orange;
font-weight:bold;
border-style:solid;
}
#text3
{
color:orange;
margin-left:1cm;
padding-bottom:30px;
border-style:solid;
}
.text4
{
color:red;
}
#text4
{
color:red;
margin-left:1cm;
}
.text5
{
color:green;
font-weight:bold;
}
#text5
{
color:green;
margin-left:1cm;
}
</style>
</head>
<body>
<h1 class="text1">Life</h1>
<p id="text1">Life is something that has a beginning and an end.
It’s time is limited. The memories that we hold on to are exclusive to those moments that we feel
have the most significance and value.
Everything else we forget due to redundancy and meaninglessness. Therefore, it is your choice of
whether you fill it with excitement, new things,
and positivity or just experience life everyday through dullness like it’s deja vu . Everyone has to
let go of their lives at some
point and disconnect from this world through their final breath. In those moments, the valuable
and important moments are what will relay and relapse back to you.
And that relapse will be short, perhaps just a couple hours, is what will define your life and what
you’ve lived for.
</p>
<h1 class="text2">Morning walk</h1>
<p id="text2">
Regular morning walk keeps one fit.
It helps form a sound health. Science says that morning walk controls blood pressure,
lessens stress and strain and energizes one to work zealously.Now-a-days we are to live a very
fast life.
We are to work round the clock. We hardly have time to care for our health. If the habit of
morning walk is formed right from our early days,
we can be sure of a sound body and a sound mind.Besides the health benefits, it is an extremely
delightful experience to take a walk early in the morning.
</p>
<h1 class="text3">Education</h1>
<p id="text3">
Education is an essential part of life and it covers a very broad area of knowledge. We can also
call
education as a process of gaining knowledge. The only difference between apes and humans was,
they were not educated and we are educated and well mannered.
Education not only develops our academic performance but is also helpful in other curricular
activities.
We learn to read, write, speak, learn various skills, practice other activities; all are various types
of education.
</p>
<h1 class="text4">Social media</h1>
<p id="text4">
Social media is one of the most general ways of communication and it is growing very quickly.
It changes and affects each person in a different way, or ways. Some people argue that social
media has a
bad influence on children and young adults, and that it depressingly affects their brains,
character, or personalities.
Most people see that the social media has a more positive effect on them than a negative one.
Social media has helped many people around the world to connect,
or re-connect, with each other, easily. Social media is essentially the new way of keeping in
touch with everything and everyone,
and of even strengthening bonds between each other
</p>
<h1 class="text5">Fashion</h1>
<p id="text5">
Fashion can be defined as generally dressing sense which is prevailing in their culture.
Fashion is different from gender to gender. Fashion is a general aspect to culture. Fashion is like
as clothes, shoes and assories etc.
Fashion is indispensible for our society because fashion can be good sort for introduces our
traditions in the rest of the world.
It’s show country’s culture to other person how their peoples dress our self.
Fashion is better now a day because every culture has a lot of varieties in their fashions.
People mostly join fashion industry as a profession. Fashion industry is increase our scope and
people attract their innovations in fashion style and they also
adopt it very efficiently. Fashion makes us decent.
</p>
</body>
</html>
Question 3:
1. Should follow a set of standards for designing websites?
Web design principles and best practices are "Traditional Internet conventions." They 're
a set of rules web designers follow, recognizing they comply with the needs of travelers.
They 're transparency and usability guidelines.
 Logo in top left:

One hundred per cent of the researched websites had a clickable logo in the upper
left corner of each page. That's the norm!
 Contact in top right:

In the top right corner of every tab, 44 per cent have the contact button or
connection. This placement, although very common and considered best practices,
can not be considered standard.
 Main navigation across the top:

Eighty-eight per cent of the websites had the main navigation at the top of each
page, making horizontal top-level navigation a standard for web design.
 Home page slide show:

32% of websites have a home page slideshow (also known as a carousel) with a
revolving sequence of images and messages. This is something that Orbit
designers watch closely, since more websites tend to prefer a moving image,
rather than a static image.
 Social media ions in the footer: In the footer, 72 percent of the websites contain
icons for social media websites. This makes these almost a standard design
element. As in the footer, clicking on any of these icons takes the visitor to the
social media site. For this reason, this element of design can cost you traffic ,
increase bounce rates and hurt results.
2. Discuss different eras of web.

When you think about the Web or the Internet as a whole it may seem so new and it is so
new in many respects. Yet, whether you know it or not, we are passing through ages of
history. Today's Internet isn't the Internet of the 1990s. It's not 10 or even 5 years ago
site. Websites as we know them today are not going to be around forever, but this is
another day's talk.
 Web 0.0-the development of the web:

Tim Berners-Lee, a British scientist who reimagined the user-side features of the
early Internet, invented the World Wide Web as we know it to be at CERN in
1989.
 Web 1.0- the read only web:
In 1990/1991, The World Wide Web was introduced to the public. The World
Wide Web was a place to search for and discover information in those early days
of the public internet. Berners-Lee called that the "Read-Only Web," and it fits the
label. At this time the Web wasn't fully interactive. Rather, it was a place where
we were largely consumers of content.Because of this massive amount of online
information, the Read-Only Web brought about the explosion of "web browsers"
think Mosaic, Netscape Navigator, Opera, Internet Explorer and, of course,
"search engines," among many others. Hello, Yahoo, founded in 1995, and
Google, founded in 1998.During this period, early shopping carts came to be too.
Amazon was founded in 1994, and in 1995 eBay was not far behind. But
whatever the details, it was just that: knowledge and data to share.
 Web 2.0-the social web:

Where Web 1.0 connected individuals to knowledge, Web 2.0 connected people
to data. Internet users are Site members, communicating and adding their own
interest, rather than simply serving as customer content.LiveJournal and Blogger
started off as blogging platforms in 1999. Wikipedia, a crowd-sourced website,
launched in 2001. MySpace started service in 2003. Launched on Facebook in
2004. YouTube started operations in 2005. The list of examples of this Web 2.0
shift is too long to name them all, but this era's short story was that the Web was
no longer just a collection of readable stuff.
 Web 3.0-the semantic web:

The shift from Web 1.0 to Web 2.0 was big but the change from 2.0 to 3.0 is a
paradigm shift even more. With the rise of data , people can not only ingest
information and communicate with each other, but applications can communicate
individually to other applications to perform functions on their own. "Big data" is,
for some reason, a common phrase.The knowledge collected on the Internet is
now better linked than ever before and this information has enriched itself. The
Internet of Things, Artificial Intelligence , Machine Learning, Augmented Reality
and Virtual Reality are no longer forward-looking concepts. Web applications are
able to interpret human information , creating efficiencies, analyzes and
possibilities like never before.
 Web 4.0- the mobile web:

Net 1.0, 2.0, and 3.0 definitions are relatively generic, but it is as we step past this
level that different sources propose different divisions. We'll describe Web for our
purposes. 4.0 As the "Virtual Internet," and indeed, one may say that it exists
concurrently with Web 3.0 in many respects.When the Web had become a place
where one could "surf," sit back and relax. Web 1.0 or 2.0 is the epitome of this
definition. Yet the Internet is still in practice now. Chances are, it's on your person
in your purse, or something else. There are more internet networks today than
there are people.We 're a mobile, wired society and the Mobile Web age is
changing the nature of how we communicate with the Internet from smart watches
to smart phones.
 Web 5.0- the intelligent web:

The emergence of virtual assistants who anticipate your needs from your habits,
without many clues, is a hint to the coming Intelligent Internet. Web 5.0 will see
systems capable of processing information at more nuanced, both emotional and
logical levels.Artificial Intelligence allows computers to interact like a person, but
the technology that allows them to think, reason and react in a human way on
their own is not as far away as you would think. Web 5.0 would also concentrate
on the user, potentially enabling a website to deliver a different experience to each
user.
3. Identify different web threats and security measures for the webiste.
Web threats:
Different web threats are as follow.
 Denial of service(DoS): Denial of service attacks have become more
sophisticated as the world wide web is becoming more complex. A DoS attack's
primary objective is to overwhelm the capacity of the web server where your
website is hosted. Essentially, hackers will continually flood your web traffic to
end up shutting down your network simply because of overloading.This occurs
when malware exploits multiple systems and they work together to target a
network.
 SQL injection: In terms of aim, SQL injections vary from DDoS. Although
DDoS attempts to interrupt a website's regular operation, SQL Injections are
malicious programs designed to penetrate a database for the purpose of obtaining
confidential information.SQL Injections searches for defective code or improperly
crafted ways that could provide the hacker with a way to access scripting from
your database. Upon access by the hacker, a hacker can "inject" their own code
into the database , allowing them to manipulate and steal the stored sensitive data.
Here are some measures you can take against SQL Injection to protect your
sensitive information.
 Cross site scripting: XSS represents one of the web's most insidious attacks.
XSS is a malicious code which is inserted into a website's client side. One may
get infected simply by visiting a website or by using a web app. Much like SQL
Injections, hackers search for some form of input flaw in a website so they can
insert their own code.
Security measure for webiste:

 keep your software up-to-date: Keeping all platforms or scripts that
you've installed up to date is critical. Hackers are actively targeting security
vulnerabilities in common web applications, and need to upgrade the
programs to plug security holes. It is critical that any software product you use
is maintained and modified.
 .Encrypt your login page: On your login pages, using the SSL
encryption. SSL facilitates encrypted transfer of confidential information such
as credit-card numbers , social security numbers and login credentials. Data
entered on a website is encrypted in such a way that any third party that could
decrypt it is meaningless. It helps avoid the access to your login credentials or
other private data by hackers.
 Keep your website clean: Any database, application, or plugin on your
website is another potential entry point for hackers. You can uninstall all
files , databases or programs which are no longer in use from your website.
It's also important to keep organized your file system to keep track of changes
and to make it easier to remove old files.
 Hire a security expert: If it comes to protecting your website, building a
relationship with a company that offers security services can be a lifesaver.
While the little stuff can be taken care of on your own, there are plenty of
security precautions that an professional can manage. Companies offering
security services will search the website periodically for vulnerabilities,
perform full security audits of the website, track for malicious activity, and be
on hand whenever repair is needed
4. Difference between web design and web development. What are the role
of web designer and web developer?
web design web development

 Web design applies both to the  Web developers take the concept
website's graphical section and to of a website and make it actually a
its usability. Web designers use working website. To bring the
different design programs to template files to life, web
create the interface and other developers use HTML, CSS,
visual elements of the website, Javascript, PHP and other
such as Adobe Photoshop. programming languages.
 Web designers must always start  Web developers, also called
by considering the goals of a programmers, take the template
client's website, then move on to they have developed and produce a
an Information Architecture (IA) website that works entirely. To put
to set the information hierarchy of it simply, think of a website's
a website and help guide the design as a non-interactive
design process. image.Developers take the concept
on board and split it into
components.
Role of web designer and web developer:
 web developer:
A web developer will be responsible for using different components such as the
engine , transmission, wheels, etc. to create a fully functioning car that is
technically error-free in its aspects.
 Web designer:
A web designer would be responsible for the car's aesthetic design (seat comfort,
dashboard layout, etc.) and the convenience of driving and riding in the car.
 Developers use coding languages to create the core structure of a website, while
designers are more visually imaginative and centered on the user. Developers use
their knowledge on programming to breathe life into the creative vision of the
designer. Think of developers as construction workers, and web designers as
architects-skill sets that are both important but different.
5. What are the benefits of the websites?
 Improve Your Advertising Effectiveness.

 Save Money on Printing and Distribution Costs.
 Easy Access to New Customers.
 Easy to Use and Update.
 Improve Productivity.
 Educate Your Customers.
 Expand Your Market.
 Extend Your Local Reach.
 Promote & Sell Products & Services.
 Promote Your Brick and Mortar Footprint

ASSIGNMEN1

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

ASSIGNMEN1

Uploaded by

Copyright:

Available Formats

ASSIGNMENT

 Logo in top left:

 Contact in top right:

 Main navigation across the top:

 Home page slide show:

2. Discuss different eras of web.

 Web 0.0-the development of the web:

 Web 2.0-the social web:

 Web 3.0-the semantic web:

 Web 4.0- the mobile web:

 Web 5.0- the intelligent web:

Security measure for webiste:

web design web development

5. What are the benefits of the websites?

 Improve Your Advertising Effectiveness.

You might also like