Membuat Layout HTML

-


Membuat Layout

Pelajaran pemograman web yang pertama. Kita diajari dasaar layout dengan menggunakan html dan ccs. Pertama tama kita harus tau dulu apa saya yang ingin kita layout. Kemarin si bapak uqi contohin layout yang kayak gini

Nah sekarang kita wujutin ya dalam lebar kerja kita masing masing
Hal pertama yang harus kita siapin itu notepad ++ trus xampp (kalau pak uqi bacanya cross m).
Langkah-langkahnya sebagai berikut
1.      Buka notepad++
2.      Buat dokumen baru
3.      Simpan dengan nama latihan1.html (boleh diganti namanya tapi sama lebih baik buat memudahkan). Kalian simpan di C=>xampp=>htdoc=>buat folder web => kemudian save
4.      Kode awalnya itu gini. Ini biasa disebut sebagai struktur html.  

5.      Kita tinggal nambah nambah nambahin aja di dalam struktur htmlnya hingga membentuk kayak gini

6.      Nah saat kalian akses pasti masih belum bisa sama kayak gambar yang paling atas. Alasannya itu kode css kalian belum kalian masukin
7.      buat file baru di notepad++ kemudian beri nama style.css. simpan di htdoc => web =>buat folder css=>baru di save
8.      kode cssnya kayak di bawah ini


9.      pasti hasilnya kayak yang gambar paling atas. Nah kalau masih ada yang kurang jelas silahkan comen di bawah. Bayyyy

Comments

Post a Comment

Popular posts from this blog

Pengalaman KRS an yang pertama

-
Langkah Langkah Membuat KRS (Kartu Racangan Study) Bunga senja akhirnya mekar lagi ya mungkin itu sedikit awal yang indah buat tulisanku kali ini setelah off berbulan-bulan akhirnya mulai deh aku nulis lagi pengalanku waktu kuliah :) Sibuk lalu lalang mahasiswa tak terasa rasanya karena waktu itu sendiri aku panik dengan nasibku sendiri. Ini semua di awali pada tanggal 3 februari 2013, hari di mana KRS (Kartu Rancangan Study) mulai dibuka. Mulai deh para mahasiswa bergerilya malem-malem demi mendapatkan selayang surat KRS yang mereka inginkan ya dosen yang enak, jam yang enak sampai temen yang enak pula. Tapi jangan salah di sisi lain banyak juga hal yang suprise waktu KRS an ada yang rela gak tidur demi buat 1 kelas lagi ma temen-temen sekelas dulu, ada yang tiap buka Sistem Akademik atau bisa di sungkat SIKAD yang looolaanya lebih dari keong, ada yang gak kebagian kelas and any problem again guys. hahaha virus problem SIKAD menyerang siapa aja wes termasuk yang nulisni hehehe. T
read more

30 Menit Sesi Akhir

-
Menemani seorang bocah kelas enam Sekolah Dasar (SD) mengerjakan tugas sekolah, kini menjadi rutinan kegiatan yang ku lakukan. Malam ini, tak kurang dari 30 menit ia sudah begitu bosan dengan sebuah buku yang tersaji tepat didepannya. “Mbak sudah yaaa” ujarnya dengan nada memelas ingin mengakhiri sesi paling membosankan baginya, mengerjakan soal dalam buku paket yang ia miliki. Aku hanya menatapnya dan tak memberi jawaban atas permintaannya. Tak berapa lama iapun mengoceh kembali “Mbak aku pusinggg ujarnya sembari menelungkupkan muka ke kasur. Ia memang selalu seperti itu tiap mengerjakan buku paket, apalagi jika di dalamnya terdapat soal matematika. “Wah masih ada 30 menit lagi, gimana kalau kamu kasih soal ke mbak ? Nanti mbak kerjain terus kamu yang koreks,i” Rayuku padanya. “ Gak usah wes mbak. Aku wes pusing ” jawabnya lagi sambil merengek. “Ya sudah, ya sudah, mau apa ?” tanyaku dengan lembut. “Main mesin squishy , mbak maua ?” ujarnya “mesin squishy ? ” tanyak
read more

Memasukkan Gambar Pada Eclipse

-
Image
Ino : Oni fotoku masukin di User Interfacenya donk Oni : Wani Piro Ino : Aduhh… serba wani piro Oni : Bercanda Ino Ino : Ok ok cari yang ganteng ya 1.        Buatlah sebuah project seperti kemarin dengan nama hello3 2.        Kemudan ubah kode pana main.xml seperti di bawah ini 3.        Kalau udah di run aja tunggu beberapa saat kemudian lihat hasilnya 4.        Kalau udah hasilnya kayak yang dibawah ini
read more