Sebelum mempelajari CSS anda harus mengetahui HTML DASAR  terlebih dahulu .  CSS singkatan dari Cascading Style Sheet . CSS merupakan sebuah bahasa pemrograman yang fungsinya untuk menstrukturkan komponen-komponen web yang beragam sesuai dengan keinginan kita.

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). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML

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. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda

Cara Penulisan CSS: 

1. Inline Style Sheet
2. Embed Style Sheet
3. Linked Style Sheet

Bootstrap adalah platform baru yang dikembangkan tim twitter. Pertama kali muncul pada ajang hackweek dan kini sudah mulai penyempurnaan. Platform ini hanya menggunakan sedikit coding CSS dan JavaScript namun tetap bisa membuat website yang powerfull mengikuti perkembangan browser. Website yang menggunakan bootstrap akan menjadi website yang fleksibel, nyaman dan tentu saja cepat.

Bootstrap juga memudahkan pengaturan website bagi mereka yang kurang mahir coding atau tidak punya waktu banyak. Sekumpulan javascript dan CSS yang dibutuhkan untuk banyak sekali widget ada dalam satu file yang terus di update oleh pengembang. Pemilik website tidak akan lagi disibukkan dengan pengaturan css atau javascript berlebihan. Mereka hanya perlu menentukan gadget atau elemen apa yang ingin ditampilkan dalam bentuk HTML standart bootstrap yang sangat simple.

Misalkan dulu untuk menambahkan menubar di blogspot, maka Anda perlu menyisipkan file CSS, HTML bahkan JavaScript untuk effect tertentu. Kemudian ketika Anda ingin menambahkan dropdown menu, maka per widget, paling tidak Anda butuh menambahkan CSS dan HTML lagi. Belum lagi jika ingin lebih menarik akan dibutuhkan javascript tambahan. Begitu seterusnya setiap penambahan widget selalu dibutuhkan banyak kode. Tapi setelah instalasi bootstrap, Anda hanya perlu menambahkan kode HTML nya saja.


Tapi...  Penggunaan bootstrap kadang membuat kita jadi kurang kreatif, Coding yang sudah di buatkan oleh pengembang membuat desain web kita terbatas. Sebenarnya kita masih bisa tambahkan CSS manual pada elemen-elemen bootstrap untuk mempercantiknya, tapi jelas ini membuat web kita nanggung. Menambahkan CSS manual sama saja kembali ke cara lama.

Jadi, pilihan Anda apakah akan mengikuti perkembangan jaman bersama bootstrap, editing dan kelola website secara instan. Atau lebih suka oprek template sendiri berkutat dengan kode CSS yang Anda susun-susun sendiri.

Contoh Template Bootstrap

DEMO | DOWNLOAD

DEMO | DOWNLOAD

Dari penjelasan yang ada di wikipedia : HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan.

Dimana tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ).
Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.

Berikut tujuan dibuatnya HTML5 :

• Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
• Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
• Penanagan kesalahan yang lebih baik
• Lebih markup untuk menggantikan scripting
• HTML5 merupakan perangkat mandiri
• Proses pembangunan dapat terlihat untuk umum

Fitur baru dalam HTML5 :

• Unsur kanvas untuk menggambar
• Video dan elemen audio untuk media pemutaran
• Dukungan yang lebih baik untuk penyimpanan secara offline
• Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section
• Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.

Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5.

Pembuatan HTML5 juga di karenakan Standard HTML4 yang dijumpai banyak memiliki kelemahan untuk mendukung aplikasi web yang interaktif. Akibat hal ini banyak orang menambahkan fitur baru baik disisi aplikasi web ataupun disisi browser. Solusi ini dikenal dengan plugin dan salah satunya adalah Flash dan Silverlight.

Sekarang ini, mungkin sedang marak-maraknya dunia digital, Internet contohnya. Dikalangan anak muda, bahkan anak kecil pun tahu Internet itu apa, walaupun tidak tahu apa definisi internet, tp disini kita tidak membahas definisi internet, melainkan membahas bagaimana cara membuat Digital Region.

        Digital Region merupakan suatu daerah dimana daerah tersebut terdapat banyak wifi/koneksi. Karena dengan adanya Digital region kita mungkin bisa berkomunikasi, dimanapun kapanpun.

        Tetepi Digital Region itu bisa berdampak baik dan buruk. Dampak baik Digital Region yaitu mempermudah kita mencari/berkomunikasi di dunia maya dan mungkin bisa menambah pengetahuan lebih luas. Dan dampak buruk dari Digital Region yaitu kalau user (pengguna) terlalu addict bisa menjadikan user tersebut anti social.

Itulah inovasi saya. Jika jelek atau kurang bagus saya mohon maaf
THX

Sebelum mengenal Technology Entreprenuer sebelumnya kita harus mengenal entrepreneur. Menurut ekonom Perancis, Richard Cantillon entrepreneur adalah “agent who buys means of production at certain prices in order to combine them”(agen yang membeli alat produksi pada harga tertentu dalam rangka untuk menggabungkan mereka). Dalam waktu yang tidak terlalu lama, ekonom Perancis lainnya- Jean Baptista Say menambahkan definisi Cantillon dengan konsep entrepreneur sebagai pemimpin. Berdasarkan art etimologis-nya, pengertian wiraswasta ialah keberanian, keutamaan, atau keperkasaan dalam berusaha dengan bersandar pada kekuatan sendiri. Makna dari ‘kekuatan sendiri’ bukanlah kegiatan usaha yang dilaksanakan secara sendirian, melainkan lebih mengacu kepada sikap mental yang tidak bergantung pada orang lain. Dalam memecahkan masalah-masalah yang dihadapi, ia lebih mengandalkan pada kekuatan sendiri daripada minta bantuan orang lain. Jadi, pengertian ‘menggunakan kekuatan sendiri’ bisa dikenakan pada usaha sendiri maupun bekerja sebagai karyawan.

Technology Entreprenuer (technopreneur) adalah pengusahawan yang membangun bisnisnya berdasarkan keahliannya di bidang ilmu pengetahuan dan teknologi, dan menghasilkan produk inovatif yang berguna tidak hanya bagi dirinya, tetapi bagi kesejahteraan bangsa dan negaranya.

Kisah Sukses Google: Kisah Sukses Kewirausahaan Berbasis Teknologi

Mesin pencari situs di internet, yakni google, didirikan oleh Page dan Brian dari sebuah proyek penelitian tingkat doctoral di Universitas Stanford pada pertengahan 90-an. Tahun 1998, Page dan Brian berhasil meyakinkkan seorang investor untuk menanamkan modal USD 100 USD di tengah ketidakpercayaan investor ventura akan prospek internet. Tersedianya modal kepercayaan investor tersebut memungkinkan keduanya untuk mempu menarik modal kawan-kawan dan keluarganya hingga meraih modal USD 1 juta.

Bermodalkan kepercayaan tersebut, keduanya kemudian mengembangkan Google menjadi mesin pencari utama. Gaya manajemennya yang unik, yaitu main-main, santai tapi serius, mewarnai kantor pusat Googleplex yang didesain meriah, dengan aneka cemilan pada tempat strategis, sarana bilyar atau berenang, hingga beberapa karyawan yang hilir mudik dengan skateboard. Konsep Page dan Brian adalah karyawan yang ceria dan bahagia. Disamping itu, mereka juga membagi opsi saham secara royal kepada karyawanya sehingga para karyawan seakan-akan bekerja untuk dirinya sendiri.

Manajemen gaya dua anak muda yang suka pesta dan makan enak tersebut ternyata membentuk Microsoft. Banyak karyawan Microsoft yang berduyun-duyun berpindah ke Google sehingga seakan-akan Microsoft hanya menjadi biro tenaga kerja yang siap pakai untuk disalurkan ke Google. Hingga tahun 2006, lulusan terbaik universitas Mapan di As mematok Google sebagai pilihan teratas untuk meniti karier (Sumber: David A Vise dan Mark Malseed, Kisah sukses Google, 2006).

Dalam teknopreneur peniruan semakin cepat terjadi, hal ini mengakibatkan siklus hidup produk semakin pendek. Produk berteknologi tinggi seperti elektronik yang dulunya baru bisa ditiru dalam 1 tahun, sekarang telah mampu ditiru hanya dalam 2 bulan bahkan hanya dalam beberapa minggu.

Oleh karena itu, kecepatan peluncuran inovasi produk menjadi kekuatan perusahaan yang menjadi market leadership. Di bidang elektronik kita mengenal Sony sebagai pelopor teknologi, sedangkan di bidang musik entertain kita mengenal Apple. Mengingat akan hal tersebut, pengembangan produk akan mengarah kepada trend penggunaan “concurrent engineering” untuk mempercepat peluncuran produk baru.

Pentingnya Inovasi dalam Teknopreneurship

Salah satu hal yang penting dalam teknopreneur ialah inovasi. Inovasi adalah pengenalan sesuatu yang baru dan bermanfaat. Orang yang inovatif ditandai oleh kecendrungan untuk memperkenalkan gagasan, metode, peralatan prosedur dan produk/jasa baru yang lebih baik atau lebih bermanfaat.

Inovasi merupakan kelanjutan dari penemuan yaitu kegiatan kreatif untuk menciptakan suatu konsep baru untuk dengan manfaat dan kebutuhan yang baru. Dalam teknopreneur hasil inovasi ini kemudian diwujudkan dan diimplementasikan menjadi suatu bisnis yang sukses.

Inovasi adalah suatu fungsi khusus dari teknopreneurship, yakni kegiatan yang membawa sumber daya dengan kepasitas baru untuk menciptakan kesejahteraan. Inovasi merupakan pekerjaan terorganisasi, sistematis, rasional, bersifat konseptual dan perseptual. Hal terpenting dari suatu inovasi adalah gagasan, penerapan dan kegunaan. Dan yang terpenting adalah apakah seorang wirausahawan mampu untuk menangkap sebuah inovasi teknologi menjadi sebuah usaha/bisnis. Era baru kesuksesan bisnis saat ini adalah menjadi seorang teknopreneur.

#Rangkuman dari berbagai sumber

STMIK AMIKOM YOGYAKARTA adalah sebuah perguruan tinggi hasil pengembangan dari Akademi Manajemen Informatika dan Komputer "AMIKOM YOGYAKARTA". STMIK AMIKOM terletak di Jln. Ring Road Utara, Condong Catur, Sleman, Yogyakarta.

AMIKOM Yogyakarta memiliki Program Studi Manajemen Informatika dan Teknik Informatika. Seiring dengan kemajuan Teknologi Informasi dan Komunikasi (TIK) dan sekaligus untuk memenuhi kebutuhan tenaga ahli yang memahami dan terampil di bidang tersebut, maka pada tanggal 22 April 2002 AMIKOM menambah program S-1, dan berubah menjadi STIMIK AMIKOM YOGYAKARTA.

Saat ini Stmik Amikom Yogyakarta mempunyai 5 Program Studi :

1. Teknik Informatika untuk jenjang Program Magister (S2)

2. Teknik Informatika untuk jenjang Program Sarjana (S1)

3. Sistem Informasi untuk jenjang Program Sarjana (S1)

4. Manajemen Informatika untuk jenjang Program Diploma - III (D-3)

5. Teknik Informatika untuk jenjang Program Diploma-III (D-3)

VISI dan MISI STMIK AMIKOM Yogyakarta

·         Visi

Menjadi Perguruan Tinggi Komputer Terbaik di Asia Tenggara.

·         Misi

Menghasilkan lulusan yang berkualitas global, produktif, berjiwa entrepreneur, profesional dalam disiplin ilmu pengetahuan dan teknologi, khususnya ilmu pengetahuan yang berbasis komputer dan informatika. Dan menghasilkan riset berkualitas global serta dipercaya masyarakat global.

Penghargaan-penghargaan yg pernah di raih STMIK AMIKOM Yogyakarta

International Award

1. ASEAN Developer Citra Award - M. Suyanto, Prof. Dr, M.M

2. Nominator pada Asia Pacific ICT Alliance (APICTA) Awards - Arief Setyanto, S.Si, MT

3. The Best e-Practice Asia Pacific Economic Digital Opprtunity Center Award (ADOC) Award - Arief Setyanto, S.Si, MT

4. The Best e-Practice Asia Pacific Economic Digital Opprtunity Center Award (ADOC) Award - Kusrini, Dr., M.Kom

5. Nominator pada Asia Pacific ICT Alliance (APICTA) Awards - Andi Sunyoto, M.Kom

6. Nominator pada Asia Pacific ICT Award Alliance (APICTA) - Hendro Wibowo

7. Merit award pada Asia Pacific ICT Alliance (APICTA) Awards - Hanif Al Fatta, M.Kom

8. Nominator Urban Animation International Festival - M. Suyanto, Prof. Dr, M.M. dan Aryanto Yuniawan, A.Md

9. Semi Finalis ASEAN Anthem Direktorat Jendral Kerjasama ASEAN, Departemen Luar Negeri - Pandan P Purwacandra, S.Kom

Nasional Award

1. Nominator Indonesia ICT Award (INAICTA) - Asro Nasiri, Drs, M.Kom dan Tohir Ismail, S.Kom

2. Nominator Indonesia ICT Award (INAICTA) - Andi Sunyoto, M.Kom

3. 2nd winner Indosat Wireless Information Communication (IWIC) Award - Andi Sunyoto, M.Kom

4. Merit Winner Indonesia ICT Award (INAICTA) - Aryanto Yuniawan, A.Md

5. Merit Award Indonesia ICT Award (INAICTA) - Arief Setyanto, S.Si, MT

6. Winner Integrated Research Result Award - Kusrini, Dr., M.Kom

7. RunnerUp Reserch LIPI Award - Kusrini, Dr., M.Kom

8. Winner Indonesia ICT Award (INAICTA) - Hendro Wibowo

Untuk lebih lengkapnya silahkan kunjungi web STMIK Amikom Yogyakarta