Scribd Logo
Unggah

Selamat datang di Scribd!

  • Makalah Membuat Animasi Burung Terbang Menggunakan HTML

    Diunggah oleh

    Halomoan Nababan0078ツ
    99 tayangan10 halaman
    Makalah ini membahas cara membuat animasi burung terbang menggunakan HTML, CSS, dan SVG. HTML digunakan sebagai kerangka dasar, CSS untuk mengatur tampilan dan animasi, sedangkan SVG berperan sebagai objek burung yang dapat dianimasikan. Proyek ini mendemonstrasikan penggunaan berbagai teknologi web untuk menciptakan animasi interaktif sederhana.

    Deskripsi Asli:

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Makalah ini membahas cara membuat animasi burung terbang menggunakan HTML, CSS, dan SVG. HTML digunakan sebagai kerangka dasar, CSS untuk mengatur tampilan dan animasi, sedangkan SVG berperan sebagai objek burung yang dapat dianimasikan. Proyek ini mendemonstrasikan penggunaan berbagai teknologi web untuk menciptakan animasi interaktif sederhana.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    99 tayangan10 halaman

    Makalah Membuat Animasi Burung Terbang Menggunakan HTML

    Diunggah oleh

    Halomoan Nababan0078ツ
    Makalah ini membahas cara membuat animasi burung terbang menggunakan HTML, CSS, dan SVG. HTML digunakan sebagai kerangka dasar, CSS untuk mengatur tampilan dan animasi, sedangkan SVG berperan sebagai objek burung yang dapat dianimasikan. Proyek ini mendemonstrasikan penggunaan berbagai teknologi web untuk menciptakan animasi interaktif sederhana.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 10

    MAKALAH MEMBUAT ANIMASI BURUNG TERBANG MENGGUNAKAN HTML

    / CSS BERBASIS WEB

    OLEH :
    Halomoan Nababan (219510078)
    KATA PENGANTAR

    Puji syukur kami panjatkan kehadirat Tuhan Yang Maha Esa yang telah memberikan rahmat

    serta karunia-NYA kepada kami sehingga kami berhasil menyelesaikn Tugas Makalah ini

    dengan tepat waktunnya yang berjudul “ Makalah Membuat Animasi Burung Terbang

    Menggunakan HTML / CSS Berbasis Web. Makalah ini berisi tentang pembahasan judul di

    atas sehingga dapat menambah wawasasan ilmu pengetahuan untuk pembaca dan khususnya

    kelompok kami. Kami menyadari bahwa makalah ini masih jauh dari sempurna, Oleh karna itu

    kritik dan saran dari semua pihak yang bersifat membangun selalu kami harapkan demi

    kesempurnaan makalah ini. Akhir kata, kami mengucapkan terima kasih kepada semua pihak

    yang telah berperan serta dalam penyusunan makalah ini dari awal sampai akhir penyelesaian.

    Semoga Tuhan Yang Maha Esa selalu menyertai dan Memberkati kita semua.

    Medan, Januari 2021

    Penyusun

    i
    DAFTAR ISI

    KATA PENGANTAR............................................................................................ i

    DAFTAR ISI ......................................................................................................... ii

    BAB I PENDAHULUAN ...................................................................................... 1

     LATAR BELAKANG

     RUMUSAN MASALAH

    BAB II PEMBAHASAN........................................................................................ 2

     HTML

     CSS

    KOMPOSISI PROJECT......................................................................................... 4

    BAB III KESIMPULAN ........................................................................................ 6

    DAFTAR PUSTAKA ............................................................................................ 7

    ii
    BAB I

    PENDAHULUAN

    Latar Belakang

    Membuat Web Design maupun web animasi pada saat ini sudah menjadi hal yang sering
    dilakukan oleh orang-orang yang membidangi bagian IT. Khususnya kami sebagai mahasiswa
    telah banyak mempelajari pembuatan-pembuat website menggunakan bahasa-bahasa
    pemograman yang di ajarkan oleh dosen, maupun yang kami dapati melalui belajar otodidak
    dari luar kampus.

    Website adalah media yang digunakan untuk menampung data teks, gambar, suara, dan
    animasi yang dapat ditampilkan di internet dan dapat diakses oleh komputer yang terhubung
    dengan internet secara global. Website merupakan media informasi berbasis jaringan komputer
    yang dapat diakses dimana saja dengan biaya relatif murah. Website merupakan bentuk
    implementasi dari bahasa pemograman web (web programming). Namun, pada kesempatan ini
    kami akan membuat animasi burung terbang berbasis web menggunakan HTML / CSS saja.

    Rumusan Masalah :

    Berdasarkan uraian latar belakang permasalahan di atas, maka masalah yang akan dibahas
    adalah :
    1. Bagaimana merancang animasi burung terbang menggunakan HTML / CSS.
    2. Bagaimana penulisan source code untuk animasi tambahan seperti awan, langit, dll.

    1
    BAB II

    PEMBAHASAN

    HTML

    Menurut Analisa dan pemahaman kami HTML ( HyperText Mark Up Language) adalah

    sebuah jenis teks dokumen khusus yang digunakan oleh web browser untuk mempresentasikan

    teks, audio dan gambar. Dokumen HTML sering disebut sebagai “Halaman Web”. Browser

    mengambil halaman web dari web server dan karena adanya internet, halaman tersebut bisa

    berada di manapun.

    HTML merupakan dasar atau tulang punggung dalam pembuatan sebuah web. Dalam setiap

    file HTML akan selalu didahului dengan tag <HTML>. Tag ini akan membuat web browser

    mencoba untuk membaca file yang ada di dalam tag tersebut untuk ditampilkan dalam web

    browser. Pada akhir baris jangan lupa Anda harus selalu mengakhiri tag <HTML> dengan

    </HTML>. Banyak orang masih menulis HTML secara manual menggunakan software seperti

    NotePad. Namun sekarang ini Anda tidak perlu terlalu pusing untuk menuliskan HTML secara

    manual, Anda dapat menggunakan software-software HTML editor yang banyak tersedia

    sekarang ini, salah satunya adalah Adobe Dreamweaver, tetapi kami menggunakan Visual

    Studio Code.

    Kelebihan dan Kekurangan HTML :

    • Dapat disisipi bahasa pemrograman lainnya seperti PHP, Perl,


    JavaScript, VBScript, dll.
    • Bersifat fleksibel karena ditulis cukup dengan mengguakan editor
    karakter ASCII
    • Tidak bisa berdiri sendiri sebagai bahasa pemrograman web.
    • Versi HTML baru belum tentu bisa dijalanan pada semua browser.

    2
    CSS

    CSS adalah singkatan dari Cascading Style Sheets. Kalau baca di kamus, cascading itu

    artinya air terjun. Tapi dalam hal ini, yang di maksud adalah, aliran dari suatu kode ke kode

    lain yang saling berhubungan. Jadi kalau di tulis lengkap dalam bahasa Indonesia kira-kira arti

    CSS adalah: kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur

    format / tampilan suatu halaman HTML.

    Keuntungan Menggunakan CSS

    Jika anda memiliki beberapa halaman website dimana anda menggunakan font arial untuk

    tulisannya, lalu suatu hari anda bosan dengan arial dan ingin mengganti ke trebuchet, anda

    harus merubah satu per satu halaman website anda dan merubah tipe font dari arial menjadi

    trebuchet. Dengan menggunakan css, dimana semua halaman web memakai css yang sama,

    anda cukup merubah satu baris kode css untuk merubah font di semua halaman web dari arial

    ke trebuchet. Jadi, keuntungan menggunakan CSS, lebih praktis!

    Kekurangan Menggunakan CSS

    Tidak semua browser mengartikan kode CSS dengan cara yang sama. Jadi kadang-kadang,

    tampilan web dengan CSS terlihat baik di browser yang satu, tapi berantakan di browser yang

    lain. Jadi anda harus memeriksa tampilan supaya terlihat baik di semua browser dan

    menambahkan kode-kode khusus browser tertentu jika memang dibutuhkan agar tampilan web

    anda terlihat baik di semua browser.

    3
    Komposisi Projcet

    1. HTML

    Screenshoot Coding Index HTML Project

    2. CSS

    Sreenshoott Coding Css Project

    4
    3. SVG (Scalable Vector Graphics)

    Ini merupakan salah satu file penting dalam proyek akhir ini, sebab kami menggunakan file

    SVG untuk pelengkap atau sebagai objek burung terbang dalam proyek ini, setelah kami

    melakukan coding pada css dan memasukkan file svg maka proyek akhir kami berjalan atau

    dapat di compile dengan baik.

    Screendhoot SVG

    4. Background

    Screenshoot Backgound

    5
    BAB III

    KESIMPULAN

    Perkembangan dunia informatika yang semakin canggih pada saat ini menawarkan

    kemudahan bagi setiap orang dalam membantu menyelesaikan segala kebutuhan dan

    pekerjaannya.Internet sebagai salah satu bukti nyata dengan adanya perkembangan ini .Maka

    dari itu,para programmer berusaha untuk merancang beberapa pemrograman di internet.

    HTML dan CSS adalah salah satu unsur penting dalam pemrograman di internet. Untuk kami

    membuat makalah ini untuk memberikan bebarapa cara dalam penggunaan HTML dan CSS,

    dan semoga makalah kami ini dapat membantu para pemula dibidang IT, maupun para

    mahasiswa yang membutuhkannya.

    6
    DAFTAR PUSTAKA

    Mbak Google 2021


    Otak yang tak seberapa ini

    Anda mungkin juga menyukai