gfdcjhgvjhvbkjh

Bagaimana cara membuat sub menu horizontal

Melanjuti pembicaraan dari postingan saya sebelumnya yaitu bagaimana cara membuat menu horizontal. Dan pada point paling bawah pada postingan sebelumnya ada keterangan yang mana penjelasan tersebut seperti dibawah ini

Untuk membuat Submenu horizontal kita hanya memanfaatkan tag ul dan li sebagai acuan, dan tidak lepas dari CSS untuk mengaturnya agar cara kerja submenu tersebut berjalan dengan semestinya

Dan keterangan tersebut akan kita gunakan untuk sub menu horizontal ini, dan dibawah ini adalah keseluruhan dari HTML dan CSS di postingan sebelumnya

HTML

123456789    
<div class="mental">
<ul>
        <li><a href="#"​>Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Category</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</div>

CSS

123456789101112131415161718192021222324252627282930.mental {
  width:100%;
  height:25px;
  background:orange;
}
.mental ul {
  margin: 0px;
  padding: 0px;
}
.mental li {
 color:black;
 float: left;
 list-style: none;
 margin:0;
 padding: 0px;
 background:orange;
}
.mental li a {
 display: block;
 color:black;
 text-decoration:none;
 padding: 2px 10px 2px 10px;
}
.mental li a:hover {
    color:BlueViolet;
    background:Lime;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

Tahap pembuatan sub menu

---

Saya akan ambil sampel menu di bagian <li><a href="#">Category</a></li> yang nantinya akan menjadi induk dari anak menu (lihat kode atas dibagian menu horizontal yang saya beri warna merah) dengan catatan pindahkan terlebih dahulu penutup </li> dan taruh di akhir anak menu nantinya, contoh sampel dibawah

<li><a href="/">Category</a> <!-- penutup li harus dipindahkan di akhir anak menu-->

 <ul>

 <li><a href='#'>Yang </a></li>

 <li><a href='#'>Baca</a></li>

 <li><a href='#'>Orang Jelek</a></li>

 </ul>

</li> <!-- letak penutup li induk yang dipindahkan pada elemen penutup anak menu-->
Lihat tag penutup <li> berwarna biru di atas yang baru saja kita pindahkan di bawah penutup anak menu, untuk warna orange adalah anak menu dari induk Category.

Untuk kode keseluruhan submenu horizontal yang baru saja kita tambahkan dapat dilihat dibawah ini ;

1234567891011121314<div class='mental'>
  <ul>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>About</a></li>
    <li><a href="#">Category</a>  <!--  penutup li harus dipindahkan di akhir anak menu-->
      <ul>
        <li><a href='#'>Kaya</a></li>
        <li><a href='#'>Miskin</a></li>
        <li><a href='#'>anda</a></li>
      </ul>
    </li>   <!-- letak penutup li induk yang dipindahkan pada elemen penutup anak menu-->
    <li><a href='#'>Contact</a></li>
  </ul>
</div>

Sampai disini kita baru saja membuat submenu horizontal, sehubung kita sama sekali belum mengatur selector CSS anak menu yaitu li ul, maka yang akan terjadi adalah seperti gambar dibawah ini

Read More

Pengertian teknologi

Pengertian Teknologi – Pengertian teknologi sesungguhnya berasal dari bahasa perancis yakni “la teknique” yang bisa disimpulkan dengan “semua sistem yang dikerjakan didalam usaha untuk mewujudkan suatu hal dengan rasional”. Di dalam perihal ini yang ditujukan dengan suatu hal tersebut barangkali berbentuk benda atau konsep, pembatasan langkah yakni dengan rasional yaitu penting sekali dipahami di sini sedemikian pembuatan atau pewujudan suatu hal tersebut bisa dikerjakan secara berulang ( repetisi ).
Teknologi di dalam arti ini bisa diketahui melalui barang-barang, benda-benda, atau alat-alat yang sukses dibikin oleh manusia untuk meringankan serta menggampangkan realisasi hidupnya di dalam dunia. Hal mana juga menunjukkan tentang bentuk dari karya cipta serta karya seni ( yunani techne ) manusia sebagai homo technicus. Dari sini muncullah arti “teknologi”, yang bermakna pengetahuan yang pelajari tentang “techne” manusia.

Namun pemahaman seperti itu baru menunjukkan satu sisi saja dari kandungan kata “teknologi”. teknologi sesungguhnya kian lebih sebatas penciptaan barang, benda atau alat dari manusia sebagai homo technicus atau homo faber. Teknologi apalagi sudah jadi satu sistem atau susunan didalam eksistensi manusia di dalam Dunia.
Teknologi bukan lagi sebatas sebagai satu hasil dari daya cipta yang ada di dalam kekuatan serta keunggulan manusia, namun apalagi ia sudah jadi satu “dayapencipta” yang berdiri di luar kekuatan manusia, yang pada gilirannya lantas membentuk serta menciptakan satu komunikasi manusia yang lain.
Teknologi juga penerapan keilmuan yang pelajari serta mengembangkan kekuatan dari satu rekayasa dengan langkah serta tehnik spesifik di dalam satu bidang. Teknologi adalah aplikasi pengetahuan serta engineering untuk mengembangkan mesin serta prosedur supaya memperluas serta melakukan perbaikan situasi manusia atau sekurang-kurangnya melakukan perbaikan efisiensi manusia pada beberapa aspek.

Perbedaan Teknologi Informasi dan Sistem Informasi

Sistem Informasi yaitu sistem terintegrasi yang dapat menyediakan informasi yang berguna untuk penggunanya. Namun teknologi informasi yaitu hasil rekayasa manusia pada proses penyampaian informasi dari pengirim ke penerima hingga : lebih cepat, lebih luas sebarannya serta lebih lama penyimpanannya.
Dari pengertian di atas, bisa kita simpulkan Perbedaan Sistem Informasi serta Teknologi Informasi yaitu Sistem Informasi adalah sistem yang sediakan informasi untuk penggunanya. Kemudian Teknologi Informasi lebih kepada teknologi yang dipakai untuk mendukung seluruh aktivitas Sistem Informasi, Nah mungkin sederhananya seperti itu.

Read More