Hobi dan Website

Duniasoccer.com adalah situs bagi seluruh penggemar sepakbola yang menyajikan informasi tentang sepakbola baik klub, tim nasional di dalam dan luar negeri serta memfasilitasi ekspresi, interaksi, dan aktivitas komunitas-komunitas sepakbola dengan memberi porsi.

 

Berhubungan hobi saya adalah olahraga khususnya sepakbola dan suka mengikuti perkembangan sepakbola, situs duniasoccer.com ini sangat bermanfaat bagi saya dimana saya bisa mendapatkan informasi-informasi terbaru mengenai dunia sepakbola. situs ini juga selalu dengan cepat meng-update berita-berita terbaru sehingga kita tidak akan ketinggalan akan berita olahraga tesebut.

 

perkembangan teknologi pada website

Seiring dengan berjalannya waktu, dalam teknologi website pun terdapat banyak perkembangan dimana telah ditemukan atau dibuat fitur-fitur yang lebih modern dan berkembang dari yang sebelum-sebelumnya. Perkembangan web ini diantaranya berupa HTML5 dan CSS3.

A. HTML5

HTML5 adalah versi terbaru dariHTML yang dibuat oleh World Wide Web Consortium (W3C). Konsep pertamanya sudah dipublikasikan pada tahun 2008, tetapi tidak banyak yang menggunakannya hingga tahun 2011. HTML5 dapat bekerja dengan CSS3 dan masih dalam tahap pengembangan. Sejak peluncurannya, HTML5 selalu mengalami pengembangan, W3c terus menambahkan dan mengembangkan fitur-fitur pada HTML5 dan berencana meluncurkan versi stable-nya ditahun 2014.

HTML5 adalah suksesor dari HTML 4.01 yang diterbitkan pertama kali tahun 1999. Sejak saat itu, internet telah berubah secara signifikan dan kelahiran HTML5 terlihat sangat diharapkan. HTML5 dibuat untuk membuat proses coding menjadi lebih mudah dan logis. Fitur-fitur unik dan mengesankan dari HTML5 datang di dalam departemen multimedia. Banyak dari fiturnya yang dibuat dengan pertimbangan bahwa pengguna harus dapat menjalankan konten berat (heavy content) dalam device dengan tenaga rendah (low-powered device).

Pada HTML5 terdapat fitur elemen video, audio dan canvas, tetapi juga integrasi dari konten gambar grafis vektor . Artinya konten multimedia dan grafis dalam website akan dapat ditangani dan dieksekusi dengan lebih mudah dan lebih cepat, tanpa membutuhkan plugin.

B. CSS3

CSS (Cascading Style Sheet) adalah kumpulan kode-kode yang saling berkaitan untuk mengatur format atau tampilan tata letak suatu halaman web. CSS3 merupakan generasi ketiga dari versi CSS sebelumnya. Dalam dunia desain web, mengatur layout (letak web), format huruf, dll menjadi bagian paling pentig dan CSS dapat melakukan itu.

Kelebihan CSS3 dengan versi sebelumnya:

• Mengatur dan mempercantik interface website.
• Dengan CSS3, situs website dapat berkembang dan lebih baik interaktif lagi.
• Bisa mengurangi ukuran file yang akan di-load dan lebih ringan.
• Lebih mudah dan simple serta dapat menghindari penggunaan tag yang berulang-ulang.

Sumber:

• http://www.mattjunior.com/2013/05/pengenalan-html-5-apa-itu-html-5-dan-apa-fitur-yang-baru-di-html-5/ 
• http://blog.aicsi.com/berita-213-kelebihan-css3.html

Website

Pada postingan kali ini saya akan sedikit menjelaskan tentang Web. Apakah itu Web? Mungkin saat ini masih banyak pengguna website tapi tidak mengetahui apa itu yang dikatakan web. Nah oleh karena itu marilah kita bersama-sama mengulas apa itu yang disebut dengan web.
 

Sejarah Web

 Web dapat dikatakan sebagai sebuah database jaringan komputer diseluruh dunia yang menggunakan sebuah arsitektur pengambilan informasi yang umum. Secara konsep web merupakan sebuah client atau server manajemen database.

Web yang bisa kita gunakan saat ini berkembang dari ide dan konsep yang dicetuskan oleh Tim Berners-Lee, seorang peneliti pada CERN Particle Physics Lab di Jenewa, Swiss. Pada tahun 1989 Berners-Lee merumuskan suatu proposal tentang sebuah system hypertext yang memiliki tiga komponen sebagai berikut:

1. Antarmuka yang konsisten untuk semua platform.
2. Akses informasi yang universal.
3. Antarmuka yang menyediakan akses terhadap berbagai  jenis dokumen dan protokol.

Beberapa Website populer

Perkembangan selanjutnya dari konsep Berners-Lee ini melahirkan sebuah web browser grafis yang pertamayang dinamakan Mosaic. Dokumen web harus ditulis dalam Hypertext Markup Language (HTML), yaitu suatu format khusus yang memungkinkan hypertext saling terjalin untuk bekerja.

Pada saat ini banyak website yang dapat di akses oleh pengguna internet. Berikut ini merupakan beberapa situs web yang populer di dunia internet saat ini:

a.    Facebook.com

Situs yang didirikan oleh Mark Zuckerberg ini adalah situs jejaring sosial terbesar dengan pengguna lebih dari satu miliar pengguna terdaftar.

b.    Google.com

Google adalah web mesin pencari, dikenal sebagai 'raksasa pencarian' di dunia. Google memasuki pasar mesin pencari di akhir 1990-an.

Itulah beberapa situs web terpopuler saat ini dan masih banyak website populer lainnya.

Semoga artikel ini dapat membantu dan menambah pengetahuan anda sekalin.

Sumber:

·         http://blog.re.or.id/sejarah-web.htm

·         http://www.hasbihtc.com/2013/02/seribu-website-terpopuler-di-dunia-saat.html

membuat web sederhana

haii, pada kesempatan kali ini saya akan memposting tentang pembuatan web sederhana dengan mengunakan aplikasi adobe dreamweaver. Berikut ini merupakan tampilan home dari web yang saya buat.
Tampilan home ini berisi tentang 3 link untuk menampilkan profil dari anggota kelompok saya.

Selanjutnya dibawah ini adalah kodingan untuk membuat bagian home tersebut.

<html>

<head>

<title>home</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- Save for Web Slices (home.psd) -->

<table id="Table_01" width="1350" height="768" border="0" cellpadding="0" cellspacing="0">

                <tr>

                                <td colspan="4">

                                                <img src="images/home_01.jpg" width="1350" height="275" alt=""></td>

                </tr>

                <tr>

                                <td rowspan="6">

                                                <img src="images/home_02.jpg" width="19" height="493" alt=""></td>

                                <td colspan="2"><a href="profile-moshadeq1.html"><img src="images/home_03.jpg" width="257" height="56" alt=""></a></td>

                                <td rowspan="6">

                                                <img src="images/home_04.jpg" width="1074" height="493" alt=""></td>

                </tr>

                <tr>

                                <td colspan="2">

                                                <img src="images/home_05.jpg" width="257" height="15" alt=""></td>

                </tr>

                <tr>

                                <td><a href="profil-suwardi.html"><img src="images/home_06.jpg" width="215" height="57" alt=""></a></td>

                                <td rowspan="4">

                                                <img src="images/home_07.jpg" width="42" height="422" alt=""></td>

                </tr>

                <tr>

                                <td>

                                                <img src="images/home_08.jpg" width="215" height="29" alt=""></td>

                </tr>

                <tr>

                                <td><a href="profil-try.html"><img src="images/home_09.gif" width="215" height="38" alt=""></a></td>

                </tr>

                <tr>

                                <td>

                                                <img src="images/home_10.jpg" width="215" height="298" alt=""></td>

                </tr>

</table>

<!-- End Save for Web Slices -->

</body>

</html>

Kemudian bila pada bagian home tersebut kita klik salah satu nama dari 3 link profil tersebut maka akan muncul tampilan seperti dibawah ini. kali ini saya akan menampilkan profil saya sendiri.

 

Pada bagian profil ini terdiri dari biodata saya dan situs-situs tentang saya. dan ada juga link untuk menampilkan kembali ke home. berikut ini kodingan untuk membuat profil tersebut.

<html>

<head>

<title>try</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- Save for Web Slices (try.psd) -->

<a href="home.html"><img src="images/profil-try.gif" width="1350" height="768" alt=""></a>

<!-- End Save for Web Slices -->

</body>

</html>

nah cukup sekian untuk postingan kali ini, semoga bermanfaat ya....