Scribd
Upload
15 views14 pages

Web Design

How to design development in web design

Uploaded by

prasanth
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
15 views14 pages

Web Design

How to design development in web design

Uploaded by

prasanth
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 14

WEB DESIGN

IMPORTANT QUESTIONS & ANSWER


1. Examine OSI layer architecture with neat diagram.

Physical Layer:

The physical layer is the lowest layer of the OSI model. It is responsible for the
physical transmission of data over a physical medium such as a copper wire, fiber optic
cable, or radio waves. The physical layer defines the electrical, mechanical, and
procedural characteristics of the transmission medium.

Data Link Layer:

The data link layer is responsible for transmitting frames of data over the physical
layer. It also provides error detection and correction to ensure that data is transmitted
reliably. The data link layer also controls access to the physical medium.
Network Layer:

The network layer is responsible for routing packets of data between different
networks. It also provides addressing and fragmentation services.

Transport Layer:

The transport layer is responsible for providing reliable end-to-end communication


between applications on different devices. It also provides flow control and congestion
control services.

Session Layer:

The session layer establishes, manages, and terminates sessions between


applications on different devices. It also provides synchronization and checkpointing
services.

Presentation Layer:

The presentation layer transforms data into a format that can be understood by the
receiving application. It also provides encryption and decryption services.

Application Layer:

The application layer is the highest layer of the OSI model. It provides network
services to end-user applications such as web browsers, email clients, and file transfer
clients.
2. What are the basic principles involved in developing a web site.

Planning:

The first step is to plan your website. This includes deciding what your website will
be about, who your target audience is, and what you want your website to achieve.

Design:

Once you have a plan, you can start designing your websites. This includes
deciding on the look and feel of your websites, as well as the layout of pages.

Development:

Once the design is complete, you can start developing your websites. This includes
coding the websites and adding the content.

Testing:

Once the website is developed, it is important to test it thoroughly, this includes


checking for errors and making sure that the website works on all browsers and devices.

Deployment:

Once the website is tested, it is ready to be deployed. This means making the
website available to users.

Maintenance:

Once the website is deployed, it is important to maintain it. This includes keeping
the websites up-to-date with new content and fixing any errors that are found.
3. Discuss about the HTML layout elements with example.

HTML layout elements are used to organize and structure the content of a web
page. They define the different sections of a page and how they should be displayed.
Some of the most common HTML layout elements include:

<header>: Defines the header of a web page, which typically contains the website's
logo, navigation menu, and other important information.

<nav>: Defines a navigation menu, which allows users to navigate to different pages on
the website.

<section>: Defines a section of a web page, such as the main content area, a sidebar, or
a footer.

<article>: Defines a self-contained piece of content, such as a blog post or a news article.

<aside>: Defines content that is related to the main content of the page, but not essential
to it, such as a sidebar or related articles.

<footer>: Defines the footer of a web page, which typically contains copyright
information, contact information, and social media links.

Here is an example of a simple HTML layout using the elements above:

<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<header>
<h1>My Website</h1>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
</header>

<section id="main-content">
<h2>Welcome to my website!</h2>
<p>This is the main content of my website.</p>
</section>

<aside id="sidebar">
<h2>Recent Posts</h2>
<ul>
<li><a href="#">My first blog post</a></li>
<li><a href="#">My second blog post</a></li>
<li><a href="#">My third blog post</a></li>
</ul>
</aside>

<footer>
<p>Copyright &copy; 2023 My Website</p>
</footer>
</body>

</html>
4. what is computer network? Explain the types of computer network?

A computer network is a group of two or more computers that are connected


together to share resources and communicate with each other. Resources that can be
shared on a network include files, printers, scanners, and internet access. The most
common types of computer networks are:

Personal Area Network (PAN):

A PAN is a small network that connects devices within a person's reach, such
as a computer, smartphone, and wearable devices. PANs are typically used to share
files and resources between personal devices.

Local Area Network (LAN):

A LAN is a network that connects devices in a limited area, such as a home,


office, or school. LANs are typically used to share files and resources between devices
on the same network, and to provide internet access to all devices on the network.

Metropolitan Area Network (MAN):

A MAN is a network that connects devices in a metropolitan area, such as a city


or town. MANs are typically used to connect businesses, government agencies, and
educational institutions.

Wide Area Network (WAN):

A WAN is a network that connects devices over a large geographical area, such
as a country or the world. WANs are typically used to connect businesses, government
agencies, and educational institutions to each other.
5. Explain the below terms 1. HTML 2. Table 3. Hyperlink 4. Lists 5. Multimedia

1. HTML

Hypertext Markup Language (HTML) is the standard markup language for


creating web pages. It is used to define the structure and content of a web page. HTML
documents are made up of elements and attributes. Elements are the basic building
blocks of HTML documents. Attributes are used to modify the behavior of elements.

For example,

<h1>This is a heading</h1>

The h1 tag is used to define a heading. The text between the opening and
closing h1 tags will be displayed as a heading on the web page.

2. Table

A table is a tabular arrangement of data. It is used to organize and present data


in a clear and concise way. Tables can be used to display a variety of data, such as
product catalogs, employee lists, and financial data.

For example,

<table>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>John Doe</td>
<td>30</td>
</tr>
<tr>
<td>Jane Doe</td>
<td>25</td>
</tr>
</table>

The table tag is used to define a table. The tr tag is used to define a
table row. The th tag is used to define a table header cell. The td tag is used
to define a table data cell.

3. Hyperlink

A hyperlink is a link to another web page. It is typically displayed as blue


underlined text. When a user clicks on a hyperlink, they are taken to the web page that
the hyperlink is pointing to. Hyperlinks are used to connect web pages together and to
create a web of interconnected documents.

For example,

<a href="https://www.example.com">This is a hyperlink</a>

The a tag is used to define a hyperlink. The href attribute specifies the URL of
the web page that the hyperlink will open when it is clicked.

4. Lists

Lists are used to display a series of items in a sequential order. There are two
types of lists in HTML: ordered lists and unordered lists. Ordered lists are used to
display items in a specific order. Unordered lists are used to display items in a random
order.

For example,

<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>

The ol tag is used to define an ordered list. The li tag is used to define a list item.

The following HTML code would be used to create an unordered list:

<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>

The ul tag is used to define an unordered list.

5. Multimedia

Multimedia is a combination of different types of media, such as text, images,


audio, and video. Multimedia content is often used to make web pages more engaging
and informative.

For example,

<img src="https://www.example.com/image.jpg" alt="Image description">

The src attribute specifies the URL of the image. The alt attribute
specifies the alternate text for the image. Alternate text is used to describe the
image for users who cannot see the image.

6. what are frames? How to create a frame using html and explain it with simple
code.

Frames are sections of a web page that can be loaded independently of each
other. Frames are created using the <frame> tag in HTML.
To create a frame, you need to first create a <frameset> tag.
The <frameset> tag defines the layout of the frames on the page. The <frame> tag is
then used to define each individual frame.

For example, the following HTML code would be used to create two frames,
one for the navigation menu and one for the main content of the page:

<frameset cols="25%,75%">
<frame src="navigation.html">
<frame src="content.html">
</frameset>

The cols attribute of the <frameset> tag specifies the width of each frame in
percentages. In this example, the navigation menu frame will be 25% of the width of
the page and the main content frame will be 75% of the width of the page.

The src attribute of the <frame> tag specifies the URL of the web page that will
be loaded into the frame. In this example, the navigation menu frame will load the web
page navigation.html and the main content frame will load the web page content.html.

Frames can also be nested inside of each other. This allows you to create
complex layouts with multiple frames.

For example, the following HTML code would be used to create three
frames, one for the navigation menu, one for the sidebar, and one for the main
content of the page:

<frameset cols="15%,30%,55%">
<frameset rows="25%,75%">
<frame src="navigation.html">
<frame src="sidebar.html">
</frameset>
<frame src="content.html">
</frameset>

In this example, the navigation menu and sidebar frames are nested inside of a
single <frameset> tag. This allows us to specify the height of the navigation menu and
sidebar frames.

7. what are the conditional statements available in java script.

JavaScript has three conditional statements:

 if statement: The if statement is used to execute a block of code if a condition is


met.
 else statement: The else statement is used to execute a block of code if a
condition is not met.
 else if statement: The else if statement is used to execute a block of code if a
condition is met, but a previous condition was not met.

Example:

// if statement
if (10 > 5) {
console.log("10 is greater than 5");
}

// else statement
if (10 < 5) {
console.log("10 is less than 5");
} else {
console.log("10 is not less than 5");
}

// else if statement
if (10 === 5) {
console.log("10 is equal to 5");
} else if (10 > 5) {
console.log("10 is greater than 5");
} else {
console.log("10 is less than 5");
}

Output:

10 is greater than 5
10 is not less than 5
10 is greater than 5

8. Define operators in java script and explain the operators supported by the java
script.

Operators in JavaScript are used to perform operations on values. There are


many different types of operators in JavaScript, including arithmetic operators,
comparison operators, logical operators, and bitwise operators.

Arithmetic operators are used to perform basic arithmetic operations on


numbers, such as addition, subtraction, multiplication, and division.

Comparison operators are used to compare two values and return a Boolean
value (true or false) depending on the outcome of the comparison.

Logical operators are used to combine two or more Boolean values and return
a single Boolean value.

Bitwise operators are used to perform operations on bits, the smallest unit of
data in a computer.
Here is a table of the operators supported by JavaScript:

Operator Description

+ Addition
- Subtraction
* Multiplication
/ Division
% Modulus (remainder of a division)
++ Increment (add 1)
-- Decrement (subtract 1)
= Assignment
+= Addition assignment (add a value and assign it to the variable)
-= Subtraction assignment (subtract a value and assign it to the variable)
*= Multiplication assignment (multiply a value and assign it to the variable)
/= Division assignment (divide a value and assign it to the variable)
=== Strict equality (compares two values for both equality and type)
!== Strict inequality (compares two values for both inequality and type)
== Equality (compares two values for equality, but not type)
!= Inequality (compares two values for inequality, but not type)
> Greater than
< Less than
>= Greater than or equal to
<= Less than or equal to
&& Logical AND

! Logical NOT
& Bitwise AND

^ Bitwise XOR
Operator Description

~ Bitwise NOT
<< Bitwise left shift
>> Bitwise right shift
>>> Bitwise unsigned right shift

You might also like