kuis-m10

Web Fundamentals

  • Web terdiri dari 4 hal penting:

    • Repeater

    • MarkUp Language

    • Client Server

    • Hypertext

Initial Planning for Webpage Creation

  • Tahap awal dalam perencanaan untuk membuat halaman web:

    • Menentukan tema website

    • Menggunakan pemrograman PHP untuk membuat halaman web

    • Membuat isi konten halaman web

    • Menentukan pilihan warna yang digunakan

Web Technologies

  • Halaman web yang dapat diakses dan berinteraksi:

    • Dinamis

    • Statis

    • Array

    • Konten

HTML Standards

  • Format HTML yang terdiri dari kombinasi teks dan simbol harus mengikuti standar yang khusus:

    • Lab work in programming

    • ASCII

    • Logic for computer science

    • Cryptography and network security

HTML Program Structure

  • Bentuk penulisan yang benar untuk pembuatan program HTML:

    • <html> … </html>

    • <html> … <\html>

    • </html>… </html>

    • </html> … <html>

HTML Components

  • Komponen HTML dari keseluruhan kode tag pembuka hingga tag penutup disebut:

    • Elemen

    • Atribut

    • Action

    • Format

Types of HTML Elements

  • Jenis elemen HTML secara garis besar diantaranya:

    • Tag

    • Structural

    • Presentasional

    • Hypertext

Presentational Elements in HTML

  • Contoh tanda jenis elemen HTML: <b>boldface</b> menampilkan teks tebal.

    • Presentasional

    • Structural

    • Hypertext

    • Widget

HTML Example Usage

  • Contoh tag: <h1>UTS</h1> menampilkan “UTS” sebagai teks tebal besar (Heading 1).

    • Jenis elemen: Structural

    • Presentational

    • Hypertext

    • Widget

Web Styling

  • Teknologi yang digunakan untuk memperindah halaman web:

    • CSS

    • HTML

    • XML

    • Widget

CSS Syntax Breakdown

  • Contoh potongan syntax CSS:

    • <STYLE TYPE="text/css"> I,U {color:red} B {color:green;text-decoration:underline;font-times new roman} </STYLE>

    • Rules: {color:green;text-decoration:underline;font-times new roman}

    • Selector: B

    • Declaration blok: {color:green;text-decoration:underline;font-times new roman}

Function Output in PHP

  • Contoh program PHP:

    • function SetNilai( $nilai= 50) { echo $nilai; } SetNilai();

    • Output akan menghasilkan: 50

Programming Languages for Web Development

  • Bahasa pemrograman yang benar untuk web:

    • HTML-PHP-Java

    • HTML-PHP-SQL

    • Pascal-VBNet-Clifer

    • MySqlm-HTML-Fotran

PHP Function Syntax

  • Sintak yang benar untuk membuat fungsi (function) pada PHP:

    • Function My_Function()

    • New My_Function()

    • Create My_Function()

    • Select My_Function()

PHP Loop Example

  • Contoh kode loop PHP:

    • for ($x=1;$x<10;$x++) { echo $x. " "; }

    • Output: 123456789

Web Server Function

  • Server web berfungsi menerima permintaan HTTP/HTTPS dan mengirimkan kembali hasilnya dalam:

    • HTML

    • Binary text

    • File jpeg

    • Xml

HTML List Creation

  • Tag HTML untuk membuat daftar (list) menggunakan nomor, huruf, romawi:

    • <ol>

    • <ul>

    • <p>

    • <br>

HTML Column Merging

  • Tag HTML yang menggabungkan beberapa kolom:

    • Colspan

    • Rowspan

    • Padding

    • Border-spacing