Belajar Web Design

halo sahabat kangbajuri.id kali ini akan membahas mengenai web design dalam hal ini saya akan bahas dibagian make upnya antara lain yaitu dengan css (casecadingstyle)

Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file).^[1] Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.^[1]CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.^[1] CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen.^[2] Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda

sumber :https://id.wikipedia.org/wiki/Cascading_Style_Sheets

 bukan hanya casecading style untuk mempercantik sebuah website javaquery (JQuery) juga hal yang wajib untuk developer website karena dengan JQuery bisa membuat tampilan website sahabat kangbajuri.id lebih cantik lagi.

jQuery adalah pustaka JavaScript lintas-platform yang didesain untuk menyederhanakan client-side scripting pada HTML. Dewasa ini, jQuery merupakan pustaka JavaScript yang paling populer, dengan 65% pemasangan dari 10 juta situs Web dengan pengunjung tertinggi. jQuery adalah gratis, dan bersifat kode sumber terbuka dibawah lisensi MIT.
Sintaks pada jQuery didesain untuk memudahkan dalam navigasi sebuah dokumen, pemilihan elemen DOM, pembuatan animasi, penanganan event, dan pengembangan aplikasi berbasis Ajax. jQuery juga menyediakan kemampuan bagi para pengembang untuk dapat membuat plug-in pada pustaka JavaScript ini. Ini memungkinan mereka untuk membuat abstraksi pada interaksi dan animasi tingkat-rendah, efek lanjutan, serta tampilan widget yang dapat dimodifikasi. Pendekatan modular pada jQuery memungkinkan kita dalam pembuatan halaman Web yang dinamis dan aplikasi berbasis Web yang ajib.
Sekumpulan fitur inti jQuery—yakni pemilihan elemen DOM, transferal dan manipulasi—dimungkinkan berkat adanya selector engine yang bernama Sizzle (sejak versi 1.3), yang membuat sebuah "gaya pemrograman baru", memadukan antara algoritma dan data struktur DOM. Gaya ini dipengaruhi oleh arsitektur JavaScript lainnya seperti YUI v3 dan Dojo, yang nantinya menstimulasi pembuatan standar Selector API.
Microsoft dan Nokia membundle jQuery pada platfoem mereka. Microsoft mengikut sertakannya dengan Visual Studio di dalam pembuatan ASP.NET AJAX dan framework ASP.NET MVC miliknya. Sementara itu, Nokia meng-integrasikannya di dalam platform pengembangan widget Web Run-Time. jQuery juga telah digunakan di MediaWiki sejak versi 1.16

sumber : https://id.wikipedia.org/wiki/JQuery

mungkin segitu dulu yang saya bagikan karena terbatasnya ilmu. akan dilanjut di postingan kemudian

Tutorial Cara konfigurasi Mikrotik Dasar dari awal

Tutorial Cara konfigurasi Mikrotik Dasar dari awal, konfigurasi dasar mikrotik ada beberapa cara yang dapat ditempuh untuk menghubungkan Mikrotik ke Internet. Cara-cara tersebut bergantung terhadap modem atau perangkat yang digunakan untuk terkoneksi dengan internet.

alat alat yang disiapkan sebelum setting atau konfigurasi mikrotik awal
- komputer
- kabel UTP
- RouterBoard disini yang saya pakai RB750
- access point karena RB750 tidak menyediaka card wireless
- dan yang paling penting adalah koneksi internet itu sendiri

oke kita mulai saja pada tahapan ini kita buat skenario jaringan yang akan di buat, disini saya akan buat skenario membuat hotspot untuk sekitaran sekolahan atau rumah dan lab.

IP MANAGEMENT

IP ke arah Modem = 192.168.1.1 - 192.168.1.254
IP Modem          = 192.168.1.1
IP Mikrotik      = 192.168.1.2
IP Hotspot         = 192.168.2.1
IP LAB             = 192.168.3.1

interfaces : ether1
IP address : 192.168.1.2
subnet mask : 255.255.255.0
gateway : 192.168.1.1

interfaces : ether2-hotspot
IP address : 192.168.2.1
subnet mask : 255.255.255.0

interfaces : ether3-LAB
IP address : 192.168.3.1
subnet mask : 255.255.255.0

Untuk Mengkonfigurasi awal mikrotik kita membutuhka software yang benama Winbox dan yang pertama kita akan mengkoneksikan Mikrotik ke Internet, cara mengkoneksikannya adalah sebagai berikut :

1. Pastikan dulu sumber koneksi internet. Apakah dari modem ADSL (misalnya IndiHome).

2. Sumber koneksi internet menggunakan IndiHome

3. sekarang buka aplikasi winbox dan Login ke Mikrotik via Winbox pertama menggunakan Mac Addresses cari routerboard disitu akan terlihat ada berapa mikrotik yang kita gunakan pilih mikrotik mana yang akan kita setting atau konfigurasi.

4. setelah pilih mengguakan Mac address isi username = admin password kosongkan saja.

5. setelah masuk ke RouterOs Mikrotik disitu ada tampilan konfigurasi default kita akan remove atau hapus konfigurasi karena kita akan konfigurasi sendiri.

6. masuk ke winbox lagi berikut ini cara pertama untuk menghubungkan mikrotik ke internet
--> Masuk ke menu  IP --> DHCP Client --> Tambahkan DHCP Client dengan meng-klik menu +
->   Interface : Pilih out interface yang terhubung ke sumber Internet
->   Use Peer DNS : jangan lupa Centang
->   Use Peer NTP : jangan lupa Centang
-> Add Default Route : yes

cara ini membuat ip address akan langsung dapat dari modem dan tidak sesuai dengan skenario yang kita akan buat namun ini sudah terhubung dengan internet.
cara kedua masuk menu -> ip -> Addresses -> tambahkan Ip Addresses dengan klik menu + isi ip dari ether1 sampai sesuai dengan skenario diatas.
 
interfaces : ether1IP address : 192.168.1.2
subnet mask : 255.255.255.0

interfaces : ether2-hotspot
IP address : 192.168.2.1
subnet mask : 255.255.255.0

interfaces : ether3-LAB
IP address : 192.168.3.1
subnet mask : 255.255.255.0

udahkah ini terhubung ke internet?? ouh Belum!!, untuk terkoneksi ke internet kita masih membutuhkan beberapa langkah lagi.

7. Setting routes yang ada di menu IP
    IP -> routes -> tambahkan routes dengan klik + isi Gateway 192.168.1.1 lalu alply dan   oke.

8. Atur DNS di menu IP -> DNS isikan dns google 8.8.8.8 atau 8.8.4.4 dan jangan lupa centang allaw remote requests lalu alply dan ok.

9. Atur NAT di menu IP -> firewall-> NAT tamabahkan dengan klik + pada tab General pada kolom chain pilih srcnat, serta pada out-interface pilih ether1 dan tab action pada koliom action pilih masquerade lalu alply dan ok.

10. Sampai disini, Mikrotik seharusnya sudah terhubung ke internet. Sekarang kita melakukan ping via terminal untuk Cek koneksi internet.

Demikianlah Tutorial Cara konfigurasi Mikrotik Dasar dari awal. Untuk settingan Hotspo silahkan  klik disini artkel selanjutnya kita akan seting lab.

Tutorial Cara Merubah Tampilan Menu Start Windows 10 Menjadi Windows 7

bagi sobat yang sudah menggunakan Windows versi baru dari sistem operasi Microsoft yaitu Windows 10, pasti sobat merasakan ada yang berbeda pada Start Menu yang disediakan oleh windows 10. Dulu Windows sempat menghilangkan tampilan menu start klasik dan menggantikannya dengan tampilan metro yang full screen, maka pada Windows 10 kali ini Microsoft menghadirkan kembali tampilan Start Menu yang ringkas dan kecil.

apalagi sekarang laptop madel terbaru semuanya sudah di lengkapi windows 10 dan tidak ada lagi menggunakan windows 7.

Jika sobat bukan merupakan orang yang nyaman dengan menu start kotak-kotak live tiles besar yang hadir di Start Menu Windows 10, maka pasti rindu dengan tampilan Start Menu milik Windows 7.

Maka dari itu, melalui tips berikut ini akan kami sajikan cara untuk mengubah Start Menu Windows 10 sehingga tampilan selayaknya Windows 7.

sebuah software yang berukuran kecil bisa merubah tampilan windows 8.1 dan windows 10 menjadi windows 7, software tersebut adalah classic shell. dengan software ini sobat dapat mengubah tampilan windows 10 yang membuat tidak nyaman sobat menjadi seperti start menu windows 7.

Aplikasi ini berfungsi sebagai aplikasi kustomisasi Start Menu hingga Windows Explorer yang bisa mengubah tampilan menjadi mirip dengan versi Windows terdahulu. Untuk dapat menggunakan software ini sobat harus download dan install software ini di laptop sobat, jika suda di download, maka saya akan membagikan cara menggunakan software ini.

install software Classic Shell, yang sobat download tadi kemudian klik next sampai selesai

Jika instalasi telah selesai, buka Classic Start Menu Settings. Pada Select the style for the start menu, pilih opsi Windows 7 style

setelah sobat klik OK maka tampilan start menu windows 10 sobat berubah menjadi seperti start menu windows 7 yang simpel dan rapi.

untuk megubah ikon Start Menu, ceklis pilihan Replace Start Button. Pilih ikon yang diinginkan, dan tekan OK

Agar tampilan lebih optimal, buka kembali Classic Start Menu Settings dan pilih tab Skin. Tekan menu drop down Skin dan pilih tampilan yang kamu suka. Kemudian tekan OK.

Hasilnya