Scribd Logo
Upload

Welcome to Scribd!

  • 1 P Introduction

    Uploaded by

    Bryan Sacramento De Leon
    6 views15 pages

    Original Title

    1-P-introduction.pptx

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views15 pages

    1 P Introduction

    Uploaded by

    Bryan Sacramento De Leon

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 15

    Learning Objectives :

    • Learn the Basics of Webpage


    Development
    • Understand some Basic
    Terminologies of Webpage Dev’t
    • Create Basic Webpage using HTML
    and CSS
    PARTS OF WEBPAGE
    Difference Between Webpage and Website :
    Webpage – contents (texts,
    images, animation, video, etc.)

    Website – address

    Types of Webpage :

    1. Static Webpage
    2. Dynamic Webpage
    HTML TAGS
    TOOLS IN WEB DEVELOPMENT :
    1. HTML – Hypertext Markup Language
    2. CSS - Cascading Style Sheets (dpl)
    3. Javascript (dpl-dependent program language)
    4. PHP - Hypertext Preprocessor
    5. MySQL
    - an open source Relational Database
    Management System (RDBMS) that uses
    Structured Query Language (SQL).
    SOME REASONS WHY USED JAVASCRIPTING :
    1. To perform mathematical functions.
    2. To make the webpage dynamic.
    3. To put animation effect.
    CLIENT-SERVER ARCHITECTURE :
    CLIENT-SERVER ARCHITECTURE :
    CLIENT-SERVER ARCHITECTURE :
    CLIENT-SERVER ARCHITECTURE :
    HTML – used for structuring.
    CSS – used for designing.
    HTML TAGS
    BASIC HTML TAGS :
    <!DOCTYPE html>
    <html>
    <head><title>TIP WEBSITE</title>
    </head>
    <body>

    <h1>My First Heading</h1>

    <p>My first paragraph.</p>

    </body>
    </html>
    BASIC HTML TAGS :

    <h1> to <h6> tags:

    <h1>This is a heading</h1>
    <h2>This is a heading</h2>
    <h3>This is a heading</h3>
    BASIC HTML TAGS :

    PARAGRAPH
    <p>This is a paragraph.</p>

    ANCHOR / LINKING
    <a href="http://www.tip.edu.ph">TIP WEBSITE</a>

    IMAGE

    <img src=“logo.jpg“ width="150"height="140">

    You might also like