Rajiv Gandhi Govt. Polytechnic Itanagar (A.P) : Web Page Designing

You might also like

Download as pptx, pdf, or txt
Download as pptx, pdf, or txt
You are on page 1of 13

RAJIV GANDHI GOVT.

POLYTECHNIC
ITANAGAR(A.P)
INDUSTRAIL TRAINING PRESENTATION
ON
WEB PAGE DESIGNING

SUBMITED BY:
AIDO TONONG PABIN
RGP/2018/CSE/18
KHODA TAKO
RGP/2017/CSE/19
TARAK HARI
RGP/2018/CSE/19
 

Training Details:
 Topic: Web Page Designing
 Mode of Training: Offline
 Platform: ITI COMPUTER EDUCATION INSTITUTE
 Start Date:
 End Date:
 Duration: 10 days
What we have learn:

Web Page Designing


HTML
PHP
CSS
Bootstrap
Web page designing:
• Web page design refers to the design of websites
that are displayed on the internet.
• A web page designer works on the appearance,
layout, and, in some cases, content of a website.
HTML:
•HTML stands for Hyper Text Markup Language
•HTML is the standard markup language for creating Web pages
•HTML describes the structure of a Web page
•HTML consists of a series of elements
•HTML elements tell the browser how to display the content
•HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a
link", etc.

Here’s an example of simple HTML Document:


<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>


<p>My first paragraph.</p>

</body>
</html>
PHP:
•PHP is an acronym for "PHP: Hypertext Preprocessor"
•PHP is a widely-used, open source scripting language
•PHP scripts are executed on the server
•PHP is free to download and use

Here’s an example of a simple PHP document:


<!DOCTYPE html>
<html>
<body>

<h1>My first PHP page</h1>

<?php
echo "Hello World!";
?>

</body>
</html>
CSS:
•CSS stands for Cascading Style Sheets
•CSS describes how HTML elements are to be displayed on screen, paper, or in other media
•CSS saves a lot of work. It can control the layout of multiple web pages all at once
•External stylesheets are stored in CSS files

Here’s a simple example of CSS document:


<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
Bootstrap:
•Bootstrap is a free front-end framework for faster and easier web development
•Bootstrap includes HTML and CSS based design templates for typography, forms, buttons,
tables, navigation, modals, image carousels and many other, as well as optional JavaScript
plugins
•Bootstrap also gives you the ability to easily create responsive designs.

Here’s a simple example of bootstrap:


<!DOCTYPE html>    
<html lang="en">    
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">  
    
<title>Any title</title>    
</head>    
<body>    
//write code    
</body>    
</html>    
THANK YOU

You might also like