Pert 04 HTML dan Web Programming

•Download as PPTX, PDF•

0 likes•676 views

Dokumen ini membahas tentang jenis-jenis layout pada HTML yaitu fixed layout dan fluid layout. Kemudian membahas elemen-elemen yang dapat digunakan untuk membuat layout seperti tabel, div, dan HTML5. Terakhir membahas cara membuat layout menggunakan CSS.

Education

HTML & WEB PROGRAMMING
By :
I Ngh Putu Mardika, S.Pd

Jenis Layout
• Fixed Layout
Lebar layout tetap dan tidak tergantung pada lebar
layar. Ukuran tampilan pada layar tergantung pada
resolusi layar (screen).
• Fluid Layout
Lebar layout menyesuaikan dengan lebar layar.
Ukuran tampilan pada layar tidak tergantung pada
resolusi layar (screen).

HTML Layouts
•Elemen Tabel
•Elemen Div
•Elemen HTML 5

This document describes a personal travel assistant (PTA) application for phones. The PTA would provide travel documentation and guidance through the travel process. It would handle tickets, maps, rules and more. It uses a framework of state machines to guide the user through specific trip details like aviation, hotels, and renting a car. The target users are leisure and business travelers, and travel companies. It aims to keep the traveler focused on departure and arrival while providing important travel content offline.

caracteristicas del siglo XX

Matias Billault Aguirre

La Unión Europea ha propuesto un nuevo paquete de sanciones contra Rusia que incluye un embargo al petróleo. El embargo prohibiría la importación de petróleo ruso a la UE y también prohibiría a los buques europeos transportar petróleo ruso a otros lugares. Sin embargo, Hungría se opone firmemente al embargo al petróleo, argumentando que dependen en gran medida de las importaciones rusas y que les llevaría demasiado tiempo encontrar nuevos proveedores.

M i x d e l a p r o m o c i o n

Stefania Pow

El documento resume los diferentes elementos del mix de promoción, incluyendo la publicidad, promoción de ventas, relaciones públicas y marketing directo. Describe las clases y ejemplos de cada elemento promocional. Además, presenta definiciones generales de cada parte del mix de promoción y cómo las compañías pueden comunicarse con los clientes de manera persuasiva a través de estas herramientas.

enaltic1212degree

Solucion de problemas[1] (1)

karenlunan

Este documento presenta varios problemas relacionados con la física del sonido. 1) Calcula la frecuencia fundamental y del tercer armónico de una cuerda de guitarra con cierta longitud y tensión. 2) Determina la tensión requerida para que una cuerda tenga una frecuencia fundamental dada. 3) Calcula las frecuencias fundamental y del cuarto armónico de una cuerda con cierta longitud, densidad y tensión.

Web programming introductioncolun

The document contains information about various aspects of Korean culture presented by 9 groups to visitors at a post office. The groups discussed traditional clothing like hanbok, food like kimchi, games like yut and ddakji, landmarks like Cheongwadae, and modern elements like K-pop stars. The visitors were asked questions to test their knowledge like being able to describe how to play certain games, the purpose of different objects, and the meanings of cultural symbols like the Taegeukgi flag.

Boletín 2 Bachillerato

elizabethsuay

Avance redaccion

Henry Alvaro Colorado Merino

El documento describe un proyecto de investigación cuyo objetivo general es identificar la presencia de vulgarismos, cultismos, neologismos, barbarismos y extranjerismos en el español coloquial salvadoreño hablado por los residentes de la comunidad Moreno en Apopa, El Salvador. Los objetivos específicos son describir los fenómenos lingüísticos utilizados por los hablantes, clasificarlos y determinar el nivel lingüístico de los hablantes ante estos fenómenos. El estudio busca identificar camb

CoSECiVi'15 - Implementación de nodos consulta en árboles de comportamiento

Sociedad Española para las Ciencias del Videojuego

Abstract. Los árboles de comportamiento son la tecnología más utilizada en videojuegos comerciales para programar el comportamiento de los personajes no controlados por el jugador, aunando una gran expresividad, con cierta facilidad de uso que permite la colaboración entre programadores y diseñadores de videojuegos. En este artículo describimos un nuevo tipo de nodos en los BTs que representan consultas que devuelven sub-árboles en tiempo de ejecución y explicamos cómo se pueden integrar en Behavior Bricks, un sistema que hemos desarrollado para la creación y ejecución de BTs.

Objetivos

neylavargas

авиакорo.suntsova2011

Huautla de jimenezreyjack

Supernova (startup)

igortorrente

Tec 551 interactive activity

jforeman03

The document explains how to find the surface area of prisms. It provides an example of finding the surface area of a rectangular prism by calculating the area of each surface and adding them together to get the total surface area of 76 ft^2. It then works through another example of finding the surface area of a triangular prism by calculating the area of each surface and adding them to get a total surface area of 132 ft^2.

Mob

Shine Khajuria

Two students from Chitkara University, Shine Khajuria and Venus Sharma, have started a company called My Own Brand (MOB) that provides a platform for designers to create their own labels, earn money from selling their designs, and for customers to buy reasonably priced clothing from designers worldwide or customize their own clothing. MOB also gives designers a way to market and sell their products globally.

Guia de ayudas para la internacionalizacion

Agencia Exportadora®

Este documento proporciona información sobre ayudas e incentivos para la creación de empresas con plazos de solicitud abiertos. Incluye una introducción y descripción de la organización y fuentes de información de la guía. A continuación, lista ayudas por comunidades autónomas y ámbito nacional, incluyendo detalles como referencia, título, organismo, sector, plazo de solicitud. El objetivo es ofrecer información actualizada sobre oportunidades de financiación para emprendedores.

Parcial2 kitlas mariela

marielakitlas

Este documento presenta información sobre las redes sociales en 3 diapositivas. La primera diapositiva define las redes sociales como grupos de personas conectadas por diferentes tipos de relaciones que permiten la interacción desde cualquier lugar a través de internet. La segunda diapositiva describe cómo las redes sociales pueden usarse profesionalmente para crear perfiles, hacer contactos comerciales y entretenimiento, así como mantenerse informado. La tercera diapositiva menciona la red social Facebook. La cuarta diapositiva presenta un índice de las diaposit

Projeto mais um bamba ademir

Ademir da Silva

Paloma Cantón Romero - "Otra forma de aprender"

Congreso Internet en el Aula

Digital No Papel

malfrey

El documento discute las diferencias entre los diarios en papel tradicionales y los diarios digitales. Los diarios en papel se enfocan en resumir la información en un formato lineal, mientras que los diarios digitales permiten una estructura hipertextual que le da al lector más control sobre cómo navegar entre las noticias y su contexto. Los diarios digitales también pueden actualizar su contenido de forma continua a lo largo del día.

Pert 05 HTML dan Web Programming

Putu Mardika

Pert 03 HTML dan Web Programming

Putu Mardika

Pert 3 review p_resent tense

Putu Mardika

Pert 3 Present Tense

Putu Mardika

This document provides an overview of the present tenses in English, including the present continuous and simple present tense. It discusses the formation, usage, and time expressions associated with each tense. Examples are provided to illustrate affirmative, negative, and interrogative forms. Exercises are included for students to practice forming verbs in each tense. The document appears to be teaching materials for a lesson on present tenses for English language learners.

Pert 2 Verb and Adjective

Putu Mardika

This document provides an outline for an English grammar course, covering topics such as verbs, adjectives, adverbs, tenses, and exercises. The course consists of 16 sessions, beginning with greetings, verbs and tenses. Later sessions cover pronouns, passive voice, conjunctions, and comparative adjectives, culminating in a final exam. Interspersed are quizzes, a midterm, and reviews of previously taught material.

Pert 1 Greeting

Putu Mardika

This document outlines the topics that will be covered in an English course, including greetings, introductions, handshakes, tenses, vocabulary, and assessments. The course material is divided into 16 sections that cover grammar, pronunciation, simple sentences, conversations, reviews, quizzes, tests and more. It also provides examples of formal and informal greetings for first meetings and subsequent meetings. Finally, it defines what a sentence is and what verbs are in grammar.

Menyambut Masyarakat 4.0 dan Indonesia Emas 2045

RizkiArdhan

Viewers also liked

Culture in 2 boxes

dtborde

Boletín 2 Bachillerato

elizabethsuay

Avance redaccion

Henry Alvaro Colorado Merino

CoSECiVi'15 - Implementación de nodos consulta en árboles de comportamiento

Sociedad Española para las Ciencias del Videojuego

Objetivos

neylavargas

авиакорo.suntsova2011

Huautla de jimenezreyjack

Supernova (startup)

igortorrente

Tec 551 interactive activity

jforeman03

Mob

Shine Khajuria

Guia de ayudas para la internacionalizacion

Agencia Exportadora®

Parcial2 kitlas mariela

marielakitlas

Projeto mais um bamba ademir

Ademir da Silva

Paloma Cantón Romero - "Otra forma de aprender"

Congreso Internet en el Aula

Digital No Papel

malfrey

Viewers also liked (15)

Culture in 2 boxes

Boletín 2 Bachillerato

Avance redaccion

CoSECiVi'15 - Implementación de nodos consulta en árboles de comportamiento

Objetivos

авиакор

Huautla de jimenez

Supernova (startup)

Tec 551 interactive activity

Mob

Guia de ayudas para la internacionalizacion

Parcial2 kitlas mariela

Projeto mais um bamba ademir

Paloma Cantón Romero - "Otra forma de aprender"

Digital No Papel

Recently uploaded

Menyambut Masyarakat 4.0 dan Indonesia Emas 2045

RizkiArdhan

Tugas 3.1_BAB II_Kelompok 2 Tahap Inquiry .pdf

SafaAgrita1

Aksi Nyata Topik Membangun Komunitas Belajar dalam Sekolah_Dhenis.pptx

dhenisarlini86

pdf-powerpoint-kesehatan-reproduksi-remaja-ppt-kespro-remaja-_compress (1).pptx

vivi211570

Bab 7Korupsi sebagai persoalan moral .pptx

Habibatut Tijani

Modul Ajar PAI dan Budi Pekerti Kelas 5 Fase C Kurikulum Merdeka

Fathan Emran

Modul Ajar PAI dan Budi Pekerti Kelas 4 Fase B Kurikulum merdeka

Fathan Emran

AKSI NYATA PENDIDIKAN INKLUSIF (perubahan kecil dengan dampak besar)

juliafnita47

PELAKSANAAN + Link2 Materi WORKSHOP Nasional _"Penerapan Regulasi Terbaru P...

Kanaidi ken

Modul Projek Gaya Hidup Berkelanjutan - Peduli Sampah Selamatkan Generasi - F...

AdeSutisna19

REVIEW KSP PERMENDIKBUDRISTEK 12 TH 2024.pptx

adityanoor64

UNIT 3 PB 1 MODUL AJAR PPKn KELAS 5 - modulguruku.com.docx

nengenok23

KIAN karya ilmiah akhir ners keperawatan medikal bedah.ppt

WAYANDARSANA1

Modul Ajar Bahasa Indonesia Kelas 10 Fase E Kurikulum Merdeka

Fathan Emran

Modul Ajar Bahasa Indonesia Kelas 10 SMA/MA Fase E Kurikulum Merdeka - abdiera.com, Modul Ajar Bahasa Indonesia Kelas 10 SMA/MA Fase E Kurikulum Merdeka, Modul Ajar Bahasa Indonesia Kelas 10 SMA/MA Fase E Kurikulum Merdeka, Modul Ajar Bahasa Indonesia Kelas 10 SMA/MA Fase E Kurikulum Merdeka, Modul Ajar Bahasa Indonesia Kelas 10 SMA/MA Fase E Kurikulum Merdeka, Modul Ajar Bahasa Indonesia Kelas 10 SMA/MA Fase E Kurikulum Merdeka

PAPARAN PELATIHAN SATKAMLING DALAM RANGKA LOMBA.pptx

xtemplat

BAHAN MENGAJAR MATEMATIK KEPADA KANAK - KANAK

HUMAH KUMARASAMY

PEMBELAJARAN BERDIFERENSIASI kelas. pptx

dwiwahyuningsih74

Panduan E_KSP SMK 2024 Program Kemendikbud SMK

PujiMaryati

Aksi Nyata Buku Non Teks Bermutu Dan Manfaatnya .pdf

DenysErlanders

Biografi Presiden Republik Indonesia.pdf

pristayulianabila

Recently uploaded (20)

Menyambut Masyarakat 4.0 dan Indonesia Emas 2045

Tugas 3.1_BAB II_Kelompok 2 Tahap Inquiry .pdf

Aksi Nyata Topik Membangun Komunitas Belajar dalam Sekolah_Dhenis.pptx

pdf-powerpoint-kesehatan-reproduksi-remaja-ppt-kespro-remaja-_compress (1).pptx

Bab 7Korupsi sebagai persoalan moral .pptx

Modul Ajar PAI dan Budi Pekerti Kelas 5 Fase C Kurikulum Merdeka

Modul Ajar PAI dan Budi Pekerti Kelas 4 Fase B Kurikulum merdeka

AKSI NYATA PENDIDIKAN INKLUSIF (perubahan kecil dengan dampak besar)

PELAKSANAAN + Link2 Materi WORKSHOP Nasional _"Penerapan Regulasi Terbaru P...

Modul Projek Gaya Hidup Berkelanjutan - Peduli Sampah Selamatkan Generasi - F...

REVIEW KSP PERMENDIKBUDRISTEK 12 TH 2024.pptx

UNIT 3 PB 1 MODUL AJAR PPKn KELAS 5 - modulguruku.com.docx

KIAN karya ilmiah akhir ners keperawatan medikal bedah.ppt

Modul Ajar Bahasa Indonesia Kelas 10 Fase E Kurikulum Merdeka

PAPARAN PELATIHAN SATKAMLING DALAM RANGKA LOMBA.pptx

BAHAN MENGAJAR MATEMATIK KEPADA KANAK - KANAK

PEMBELAJARAN BERDIFERENSIASI kelas. pptx

Panduan E_KSP SMK 2024 Program Kemendikbud SMK

Aksi Nyata Buku Non Teks Bermutu Dan Manfaatnya .pdf

Biografi Presiden Republik Indonesia.pdf

Pert 04 HTML dan Web Programming

1. HTML & WEB PROGRAMMING By : I Ngh Putu Mardika, S.Pd

2. HTML LAYOUTS

3. Jenis Layout • Fixed Layout Lebar layout tetap dan tidak tergantung pada lebar layar. Ukuran tampilan pada layar tergantung pada resolusi layar (screen). • Fluid Layout Lebar layout menyesuaikan dengan lebar layar. Ukuran tampilan pada layar tidak tergantung pada resolusi layar (screen).

4. HTML Layouts •Elemen Tabel •Elemen Div •Elemen HTML 5

5. Tag Tabel (Table) - layout

7. Tag Tabel (Table) – layout

8. HTML LAYOUTS (dengan Elemen DIV)

9. HTML LAYOUTS (dengan Elemen DIV)

10. HTML LAYOUTS (dengan Elemen DIV)

11. Layout dengan HTML 5

12.

13. Style Sheet

14. Exercise -01 • Buatlah web layout dengan tampilan seperti salah satu gambar berikut! Logo Nav igasi Nav igasi Nav igasi Logo Nav igasi