BEBERAPA Contoh Flat Web Design Keren Untuk Landing PaGE 
Alasan mengapa Flat Web design mendominasi gaya web design
di dunia adalah karena kemudahan dan tingkat user-friendly yang sangat
tinggi. Flat design lebih terfokus pada kombinasi warna flat dengan
menggunakan CSS sehingga lebih ringan. Flat Design mengurangi penggunaan
gambar, efek drop shadow, gradasi warna, 3D teksture, dan glow sehingga
desain terfokus pada konten yang disajikan.Nah, bagi anda yang
ingin mengubah atau membuat desain dengan bergaya flat dan belum
memiliki inspirasi, berikut ini adalah beberapa contoh flat design untuk
web Landing page Perusahaan/bisnis, Aplikasi, Produk, Portofolio dan
lain-lain untuk inspirasi web design anda.
Perusahaan
Blocklevel
Nitrografix
Conversionforge
Madebyfibb
Fhoke
PSD2HTML
Pexelplant
Playgroundinc
Northbounddesign
Aplikasi
Sumall
Nextr
Geckoboard
Numbrs
Triplagent
Inky
Kippt
Publiq
Produk
Windows Phone
Fitbit
Wistia
Mailchimp
Teamsort
Yourkarma
Fusionads
Kinhr
Portofolio
BAMS JAVA
![](<div dir="ltr" style="text-align: left"><b>HTML(HyperText Markup Language) </b>adalah bahasa markah/kode yang digunakan untuk menampilkan objek atau data di halaman web. HTML merupakan salah satu <a href="http://www.devaradise.com/id//2013/10/mengenal-pengertian-perbedaan-server-client-side-scripting.html" target="_blank">bahasa pemrograman client side</a> dan digunakan untuk membuat web baik statis maupun dinamis. Dalam pembuatan <a href="http://www.devaradise.com/id//2013/10/mengenal-pengertian-perbedaan-web-dinamis-web-statis.html" target="_blank">web dinamis</a>, HTML harus dilengkapi <a href="http://www.devaradise.com/id//2014/06/mengenal-apa-itu-php-hypertext.html" target="_blank">PHP</a> yang merupakan script untuk mengolah datanya.</div>
<div dir="ltr" style="text-align: left"></div>
<div dir="ltr" style="text-align: left">
<div class="separator" style="clear: both;text-align: center"><a style="margin-left: 1em;margin-right: 1em" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3bAIaJxmsZ-B4d8vjhPaccYuEJp2yCse_TR4oxmhzdlv5THd9oD6LO0J5UvrFCZ4gUEi78DAxvSDgtmogKNn1hWNmXt_IoEVXtswEFrnxRB5N-HlSKGzASGT34vUCZu7W6yChe2O33Y4/s1600/HTML.jpg"><img title="Belajar HTML" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3bAIaJxmsZ-B4d8vjhPaccYuEJp2yCse_TR4oxmhzdlv5THd9oD6LO0J5UvrFCZ4gUEi78DAxvSDgtmogKNn1hWNmXt_IoEVXtswEFrnxRB5N-HlSKGzASGT34vUCZu7W6yChe2O33Y4/s1600/HTML.jpg" alt="Belajar HTML" border="0" /></a></div>
<p><hr class=)
Saat ini, versi html sudah mencapai pada versi HTML 5 yang distandarkan pada 2008. Versi sebelumnya adalah HTML, HTML 2.0(22 september 1995), HTML 3.2(14 Januari 1996), HTML 4.0(18 Desember 1997), HTML 4.01(24 Desember 1999), ISO HTML (15 Mei 2000).
Setiap peng-update-an versi pada html ditambahkan tag-tag baru untuk memperlengkap objek dalam halaman web yang dibuat. Perkembangan HTML ini tentu saja sangat erat kaitannya dengan perkembangan Browser karena pada dasarnya browserlah yang menerjemahkan perintah-perintah dari kode-kode html menjadi objek yang diinginkan.
Setiap halaman website yang anda buka(termasuk halaman ini), terstruktur dari kode-kode html. Coba saja anda tekan CTRL + U (di firefox), atau klik kanan > view page source/ view source. Disitu akan ditampilkan script HTML yang membangun halaman web itu. Karena itu, setiap halaman web pasti berformat .html jika di download.
Untuk membuat file .HTML, anda bisa menggunakan notepad atau source code editor. Struktur kode html, dibagi menjadi beberapa bagian seperti dibawah ini :
<!Doctype html> <!– merupakan deklarasi html (dalam hal ini HTML5) –>
<html>
<head>
<title>Ini Judul Halaman Web</title>
<!– Di sini biasanya dimasukkan tag-tag html untuk menyertakan/memanggil file lain untuk melengkapi halaman. Seperti file css dan javascript. –>
</head>
<body>
Ini untuk isi dari halaman web, terdiri dari kode-kode html lainnya yang lebih kompleks
</body>
</html>
Cobalah copy-kan kode diatas pada notepad, lalu save-as sebagai file .html. Bukalah di browser, maka anda telah membuat sebuah halaman web baru.<html>
<head>
<title>Ini Judul Halaman Web</title>
<!– Di sini biasanya dimasukkan tag-tag html untuk menyertakan/memanggil file lain untuk melengkapi halaman. Seperti file css dan javascript. –>
</head>
<body>
Ini untuk isi dari halaman web, terdiri dari kode-kode html lainnya yang lebih kompleks
</body>
</html>
Sekian. Selamat mencoba!
Kalau masih kurang jelas, silahkan tanya dikomentar. Jangan lupa share ke teman-teman anda jika anda rasa ini bermanfaat ^_^
~Muhammad Syakirurohman~
" data-medium-file="" data-large-file="" class="alignnone size-full wp-image-123" src="http://www.devaradise.com/id/wp-content/uploads/sites/4/2015/01/inspiration-flatdesign-portfolio-1.png" alt="BAMS JAVA web design" width="700" height="340">
Theissland
Sammarkiewi
Ivomynttinen
Evan Richards
Builtbybuffalo
Daniel Petrarolo
Stedesign
Lainnya
WDMTG
Mint Themes
BYNC
Redbull Studio
MTDC
Tree House
Square Space
Chilicon Graphic
Dunked
Adayinbigdata
Itulah contoh website-website dengan desain Flat. Bagaimana menurut anda? Semoga bermanfaat.
Tidak ada komentar:
Posting Komentar