vol 3

salam jumpa lagi dengan saya bocah ngoding, pada pertemuan kali ini kita akan belajar bareng-bareng tentang menampilkan huruf/kalimat, foto, video dan pindah ke halaman file/url yang lainnya. tapi di saat ini kita buat logo/foto bila di klik berubah menjadi video. Dan langsung saja kita praktekkan :

pertama :

kita buka aplikasi TrebEdit setelah terbuka tekan ruang kerja yang berada di tampilan awal, kita masukkan satu nama folder kemudian tambahkan dua nama file baru. nama masing-masing folder dan file bebas namun jika bikin file di belakangnya di tambah titik html(.html).

kedua :

bila bikin folder cukup satu nama saja contoh : index dan juga buat dua file, di file yang pertama berinama bebas contoh : belajar foto.html dan file yang kedua juga bebas contoh : belajar video.html.

ketiga :

setelah membuat file yang pertama kita masukkan logo. Caranya tekan titik tiga yang berada di kanan file kemudian ketik impor, masukan logo yang di inginkan, jika masuk langsung ganti nama biar tidak lupa.

keempat :

di file yang kedua yaitu masukan video caranya juga sama dengan file yang pertama yaitu masukan logo.

caranya gunakan html :

tag yang di gunakan di html jumlahnya banyak banget tapi di kali ini kita gunakan beberapa yang di butuhkan saja yaitu

untuk menampilkan huruf/kalimat yang ukurannya tidak sama tergantung dari <h1>-<h2>-<h3> dan seterusnya,<img> menampilkan logo/gambar,<embed> untuk menamplikan video,<a> berguna untuk pindah ke halaman lainya dan <hr> untuk menampilkan garis panjang jika di perlukan.

contoh ketik di html :

Contoh ketik html untuk menampilkan video.
Contoh ketik html untuk menampilkan logo tapi bila di klik berubah menjadi video.


hasil ketikan di html :


kemudian logonya kita klik akan berubah menjadi video namun kita bisa gunakan durasi video yang standard, jika di gambar file ada tulisan jadi.html jangan kaget karena buat tips ini menggunakan TrebEdit juga, demikian cara gunakan TrebEdit vol 3 semoga perkembangan web kita yang sederhana ini makin lama makin maju sehingga kita bisa berkreasi di dunia teknologi.

Komentar

Posting Komentar

Postingan populer dari blog ini

vol 1

Gambar
Pada pertemuan kali ini tentang cara menggunakan teks editor TrebEdit yang sangat mudah sekali yang sangat cocok untuk pemula dan profesional, walaupun banyak sekali aplikasi teks editor di google playstore akan tetapi cuma TrebEdit sajalah yang simpel dan mudah di gunakan dan di pelajari karena fitur-fiturnya lengkap banget. Semoga teks editor ini bisa membantu dalam pengembangan website kita, langsung saja kita gunakan dari yang pertama. Pertama : Sebelum download sebaiknya buka manajer file/penyimpana file yang ada di android dan berinama bebas contoh : TrebEdit, kalau sudah selesai kembali ke awal kemudian Download aplikasi TrebEdit di google playstore. Kedua : Buka aplikasi TrebEdit, dan di tampilan pertama tekan selanjutnya/berikutnya, jika sudah selesai akan muncul tampilan awal dari TrebEdit. Ketiga : Tekan garis tiga di sisi kiri atas, karena ada beberapa fitur-fitur yang di sediakan mulai dari fitur premium bulanan, tahunan dan satu kali pembelian. bagi pemula seb...
Baca selengkapnya

vol 2

Gambar
Salam jumpa lagi dengan saya bocah ngoding, pada pertemuan kali ini kita pelajari tentang menggunakan teks editor TrebEdit vol 2, semoga bermanfaat dan dapat membantu dalam mengembangkan kemampuan membuat website, walaupun tidak punya web domain hosting sendiri alangkah baiknya belajar tentang ngoding dulu. Pertama : Kita buka aplikasi TrebEdit, ditampilan awal ada beberapa pilihan di antaranya adalah belajar code, coba kita tekan lalu akan di suguhkan empat cara belajar tentang html, css , javascript, dan php yang di persembahkan oleh w3shcools.com. Di sini kita bisa sama-sama belajar ngoding sampai pemrograman, karena fitur-fiturnya sudah lengkap tinggal menjalankan saja. Kedua : Di fitur berikutnya adalah dapatkan code sumber kemudian kita tekan dan akan suruh ngisi url yang sudah di sediakan, terserah kita ngisi urlnya dari sumber mana karana di google banyak banget contoh : ketik(bocahngoding84.blogspot.com) kemudian tinggal buat folder dan file baru lalu tinggal menja...
Baca selengkapnya