tips tips buat website dan boostrap

 

Hari ini tidak kuliah, namun ada info penting disini. Kalo misalnya mau buat package content:, msg, delaymillis dan pokoknya yang merah merah. Kemungkinan itu, karna tidak usah atau tidak perlu diketik. Cukup bikin nilainya saja. Contoh:

package com.tugas.platform.aktivitas2;

 

import androidx.appcompat.app.AppCompatActivity;

 

import android.content.Intent;

import android.os.Bundle;

import android.os.Handler;

 

public class SplashActivity extends AppCompatActivity {

 

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_splash);

 

        final Handler handler = new Handler();

        handler.postDelayed(new Runnable() {

            @Override

            public void run() {

                Intent i = new Intent (SplashActivity.this,LoginActivity.class);

                startActivity(i);

                finish();

            }

        }, 3000);

    }

}

Di line terakhir yang ada nilai 3000 nya, itu tu sebenarnya ada delaymilisnya cuman gk taulh ya, gk dibuatnya disini. Tp ada dia di studionya(android studio). Tu contohnya ada lagi tu, di line yang bernilai “(…SplashActivity. this, LoginActivity. class)” nah yang titik titik berisi packageContent:. Kerenkan, padahal ada tapi disini ndak ada. Btw apalagi

Mengenai desain pemograman weblah ya.

Jadi yang pertama, dalam membuat sebuah website. Kita itu tidak perlu menghafal, namun banyak latih membuat hafal. Simpel tapi memang, tapi kalo udh lama gak dimainkan, lupa juga akhirnya.

Ini tips tips untuk buat website

·         Google Maps

<iframe

                  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d63834.95351328915!2d101.44172499217125!3d0.4691047437967602!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31d5aeee8d5fa69b%3A0x629e21b7a9867beb!2sTps%2033!5e0!3m2!1sid!2sid!4v1619612658721!5m2!1sid!2sid"

                  width="868"

                  height="488"

                  style="border: 0"

                  allowfullscreen=""

                  loading="lazy"

                ></iframe>

 

·         Buat lengkungan di wesite biar cantik di getwaves.com. contohnya:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#f0f2f4" fill-opacity="1" d="M0,256L48,224C96,192,192,128,288,90.7C384,53,480,43,576,37.3C672,32,768,32,864,64C960,96,1056,160,1152,170.7C1248,181,1344,139,1392,117.3L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>

 

·         Membuat footer disclaimer|privacy policy dan copyright. Samping sampingan. Kanan copyright, kiri disclaimer

<!--footer-->

  <footer>

    <div class="row justify-content-between">

      <div class="col-4"><a href="#" class="text-decoration-none" style="color: white;">Disclaimer | Privacy Policy</div></a>

      <div class="col-4 text-end"><a href="#" class="text-decoration-none" style="color: white;">Copyrigth ©2021BS</div></a>

    </div>

  </footer>

  <!--akhir footer-->

 

·         Buat logo sosmed fb, twitter dan Instagram dan bisa diklik

<!--sosmed-->

    <section id="sosmed">

      <div class="container">

        <div class="row justify-content-center">

          <div class="col-md-1" style="text-align: center;">

            <a href="https://www.facebook.com/ayam /"><h4><i class="bi bi-facebook"></i></h4></a>

          </div>

          <div class="col-md-1" style="text-align: center;">

            <a href="https://twitter.com/ayam"><h4><i class="bi bi-twitter"></i></h4></a>

          </div>

          <div class="col-md-1" style="text-align: center;">

            <a href="https://www.instagram.com/ayam/"><h4><i class="bi bi-instagram"></i></h4></a>

          </div>

        </div>

      </div>

    </section>

  <!--akhir sosmed-->

 

·         Mudah membuat website, dengan boostrap: boostrap.com

·         Membuat gambar tampil jika diklik, dengan menambahkan, file dimana kamu simpan gambar. Kemudian masukkan ke dalam line. Seperti ini

<a href="file:///C:/xampp/htdocs/desain2/post/images/thumbnail.jpeg"><img src="images/thumbnail.jpeg" alt=""></a>

 

Yg file blab la (dalam kutip)menandakan letak foto di komputer. Sedangkan sampingnya itulah gambar atau sumber gambar. Pokoknya gitula

Dapatnya dari sini. Kita masuk ke file yang berada ada gambarnya. Kemudian klik bagian diatas. Seperti ini, maka akan otomatis lokasi file yang ditampilkan.

 

·         Cuman mau bilang, warna ini #f0f2f4, cantik.

·         Head dengan boostrap

<html lang="en">

  <head>

    <!-- Required meta tags -->

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <link rel="stylesheet" type="text/css" href="style.css" />

    <!-- Bootstrap CSS -->

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous" />

    <!--Boostrap icon-->

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" />

    <!--font-->

    <link rel="preconnect" href="https://fonts.gstatic.com" />

    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600;700&display=swap" rel="stylesheet" />

 

    <title>Buang Sampah</title>

  </head>