Website Development Training Provided by Aptech Janakpuri Institute

1
APTECH JANAKPURI INSTITUTEPROVIDINGWEB
DESIGNING COURSES

• Address-
• J-1,2nd Floor,Opp Metro Pillar No
  559,Janakpuri East, Delhi 110018 91-9999563541/
  42 011-41041413/14 info_at_aptechjanakpuri.com

2
What is Web Designing
WEB DESIGNING

• Web designing refers to the design of websites
  that are demonstrated on the internet. It refers
  to the user experience aspects of website
  development rather than software development. Web
  design used to be focused on designing websites
  for desktop browsers however, since the
  mid-2010, design for mobile and tablet browsers
  has become ever-increasingly important.

3
Definition
1. Static Website
Server

• A static website contains Web pages with fixed
  content. Each page is coded in HTML and displays
  the same information to every visitor. Static
  sites are the most basic type of website and are
  the easiest to create. Unlike dynamic websites,
  they do not require any Web programming or
  database design.

Client/Browser
4
Definition
2. Dynamic Website
SERVER

• Dynamic websites contain Web pages that are
  generated in real-time. These pages
  include Web scripting code, such as PHP or ASP.
  When a dynamic page is accessed, the code within
  the page is parsed on the Web server and the
  resulting HTML is sent to the client's Web browser
  .

DATABASE
Client Browser
5
Definition
3. E-Commerce Website

• E-Commerce websites are online portals that
  facilitate online transactions of goods and
  services through means of the transfer of
  information and funds over the Internet. In the
  early days, E-Commerce was done partially through
  emails and phone calls.

6
What is Web Technology
Web Technology

• Web technology refers to the means by which
  computers communicate with each other using
  markup languages and multimedia packages. It
  gives us a way to interact with hosted
  information, like websites. Web
  technology involves the use of hypertext markup
  language (HTML) and cascading style sheets (CSS).

HTML (Hyper text Markup Language)
CSS (Cascading Style Sheet)
7
1. HTML (Hyper Text Markup Language)
Web Technology

• HTML is the standard markup language for creating
  Web pages.
• HTML stands for Hyper Text Markup Language
• HTML describes the structure of Web pages using
  markup
• HTML elements are the building blocks of HTML
  pages
• HTML elements are represented by tags
• HTML tags label pieces of content such as
  "heading", "paragraph", "table", and so on

EXAMPAL lt!DOCTYPE htmlgtlthtmlgtltheadgtlttitlegtPage
Titlelt/titlegtlt/headgtltbodygtlth1gtMy First
Headinglt/h1gtltpgtMy first paragraph.lt/pgtlt/bodygtlt
/htmlgt
8
2. CSS (Cascading Style Sheet)
Web Technology

• 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 style sheets are stored in CSS files

EXAMPAL ltstylegt body background-color
light blue h1 color white
text-align center p font-family
verdana font-size 20px lt/stylegt
9
3. Bootstrap ( Front end framework)
Web Technology

• 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

EXAMPAL !-- Latest compiled and minified CSS
--gtltlink rel"stylesheet"href"https//maxcdn.boo
tstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.cs
s"gtlt!-- jQuery library --gtltscriptsrc"https//a
jax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.m
in.js"gtlt/scriptgtlt!-- Latest compiled JavaScript
--gtltscriptsrc"https//maxcdn.bootstrapcdn.com/bo
otstrap/3.3.7/js/bootstrap.min.js"gtlt/scriptgt
10
4. PHP (Hypertext Preprocessor)
Web Technology

• 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

EXAMPAL lt!DOCTYPE htmlgtlthtmlgtltbodygtlth1gtMy
first PHP pagelt/h1gtlt?phpecho "Hello
World!"?gtlt/bodygtlt/htmlgt
11
What is Content Management System (CMS)
Aptech Janakpuri Institute

• A content management system (CMS) is a software
  application or set of related programs that are
  used to create and manage digital content. CMS
  are typically used for enterprise content
  management (ECM) and web content management
  (WCM).

12

• Contact us - 91-9999563541/42mail us-
   info_at_aptechjanakpuri.com