Scribd Logo
Upload

Welcome to Scribd!

  • 36 views

    CCC102 Lec 1

    Uploaded by

    Skirk Fallen
    This document provides an introduction to web development. It defines web programming as the creation of dynamic web applications that can be accessed through a web browser, such as social media sites and e-commerce sites. It describes the main purposes of web programming, the different types of web applications, key web features, components, and architecture including clients, servers, databases, and programming languages. It emphasizes studying HTML tags and using tables for page layout.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    CCC102 Lec 1

    Uploaded by

    Skirk Fallen
    36 views25 pages
    This document provides an introduction to web development. It defines web programming as the creation of dynamic web applications that can be accessed through a web browser, such as social media sites and e-commerce sites. It describes the main purposes of web programming, the different types of web applications, key web features, components, and architecture including clients, servers, databases, and programming languages. It emphasizes studying HTML tags and using tables for page layout.

    Original Description:

    Original Title

    CCC102 lec 1

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document provides an introduction to web development. It defines web programming as the creation of dynamic web applications that can be accessed through a web browser, such as social media sites and e-commerce sites. It describes the main purposes of web programming, the different types of web applications, key web features, components, and architecture including clients, servers, databases, and programming languages. It emphasizes studying HTML tags and using tables for page layout.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    36 views25 pages

    CCC102 Lec 1

    Uploaded by

    Skirk Fallen
    This document provides an introduction to web development. It defines web programming as the creation of dynamic web applications that can be accessed through a web browser, such as social media sites and e-commerce sites. It describes the main purposes of web programming, the different types of web applications, key web features, components, and architecture including clients, servers, databases, and programming languages. It emphasizes studying HTML tags and using tables for page layout.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 25

    INTRODUCTION

    TO WEB
    DEVELOPMENT
    CCC 102 COMPUTER
    PROGRAMMING 2
    MOLE CLASSROOM

     Dashboard > College of Computer Studies > IT / IS > Self enroll!


    DEFINE WEB PROGRAMMING

     Web programming, also known as web development


     Website – is a collection of web pages
     Web Application – is an application that can be accessed through a web
    browser
     It is the creation of dynamic web applications
     Examples of web applications are social networking sites like Facebook or e-commerce
    sites like Amazon.
    PURPOSE OF WEB PROGRAMMING

     Personal  E-Governance
     Blogs  News
     Information  Entertainment
     Brand/Business  Social Networks
     E-commerce  Web portal
     Small local business  Educational
    6 DIFFERENT TYPES OF WEB APPLICATIONS

     Static web application


     displays very little content and is not very flexible.

     Dynamic web application


     more complex at a technical level.
     They use databases for loading data and their contents are updated each time the user
    accesses them.
     They generally have an administration panel (called CMS) from where administrators can
    correct or modify the app’s content including text and images.
    6 DIFFERENT TYPES OF WEB APPLICATIONS
     Online store or e-commerce
     more complicated because it must enable electronic payments via credit cards, PayPal or
    other payment methods

     Portal web app


     access several of its sections or categories through a home page

     Animated web application


     Using flash technology
     not suitable for web positioning and SEO optimization purposes because search
    engines cannot correctly read the information they contain.
    6 DIFFERENT TYPES OF WEB APPLICATIONS

     Web application with a content management system


     use of the Content Management System (CMS) to implement changes
    and updates
    WEB FEATURES

     Client/Server
     HTTP
     HyperText Markup Language
     URL addresses

     Web server - a computer program that is responsible for


    accepting HTTP requests from clients and serving them HTTP
    responses
    WEB APPLICATIONS & COMPONENTS

     Web components provide the dynamic extension capabilities for a web


    server:
     Java servlets
     classes
     JSP pages
     Dynamically generate web pages
     Web service endpoints
     url
    WEB APPLICATIONS & COMPONENTS
    WEB APPLICATION ARCHITECTURE

    Client side
    (the first tier) is usually
    responsible for
    presentation logic
    CLIENT-SERVER (WEB BROWSER)
    WEB APPLICATION ARCHITECTURE

    Server side
    (the second tier) is responsible for
    business logic and business rules
    of the system
    WEB PROGRAMMING LANGUAGES
    WEB APPLICATION ARCHITECTURE

    Database side
    (the third tier) serves as web
    containers, it is responsible
    for storing data
    WEB CONTAINERS
     Non-commercial / Open source

     Apache Tomcat

     Jetty

     JBoss

     Commercial

     Sun Java System Application Server

     BEA WebLogic Server

     Oracle Application Server

     WebSphere
    WEB SERVERS

     Web server: software that listens for web page requests


     Apache
     Microsoft Internet
    Information Server (IIS)

    17
    APPLICATION SERVER

     Software framework that provides an environment where applications can run


     Apache
     Glassfish
     WebSphere
     WebLogic

    18
    WEB PROGRAMMING WORKS

    Local server
    (xampp)
    WEB LANGUAGES

     Hypertext Markup Language (HTML): used for writing web pages

     Cascading Style Sheets (CSS): stylistic info for web pages

     PHP Hypertext Processor (PHP): dynamically create pages on a web server

     JavaScript: interactive and programmable web pages

    20
    STUDY. STUDY. STUDY.

     HTML tags (https://www.tutorialspoint.com/html5/html5_tags.htm)


    HTML

    <!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>
    </head>
    <body>
    <h1>This is a Heading</h1>
    <p>This is a paragraph.</p>
    </body>
    </html>
    TABLES, TABLES, TABLES!

     Use tables to lay out your pages!

     Make the table borders invisible

     A 2x2 table works well


    AREAS OF A WEB PAGE

    Logo Header

    Menu Content

    You might also like