axclerasi

Paket web dasar

Biaya Paket web dasar = Rp. 700 ribu (4x pertemuan)

Dalam program ini anda akan belajar bagaimana membuat Website dari 0 (nol). Anda akan mempelajari cara instal dan setting aplikasi webserver hingga pembuatan Website Statis maupun Interaktif menggunakan HTML, CSS, Javascript, Flash.

Setelah anda mempelajari materi Web dasar, anda dapat melanjutkan ke materi Web Programming I dan Framework CodeIgniter agar Website anda dinamis.

HTML merupakan suatu bahasa yang dikenali oleh web browseruntuk menampilkan informasi seperti teks, gambar, suara, animasi bahkan video. Untuk dapat membuat website dengan baik, kita harus mengenali kode-kode dasar HTML yang sering digunakan para prorammer web profesional. Kode HTML memiliki aturan dan struktur penulisan tersendiri yang disebut tag HTML. Tag adalah kode yan digunakan untuk me mark-up teks ASCII ( American Standard Code for Information Interchange ) menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing, ada tag pembuka dan tag penutup yang ditandai dengan tanda slash di depan awal tulisannya. Ekstensi dari file ini adalah .html

Materi Hypertext Markup Language ( HTML ) Tentang HTML Membuat halaman website Struktur HTML Semua teks yang muncul di web browser Semua gambar yang muncul di web browser Penomoran Tentang tabel Form dan komponen.komponennya Penerapan HTML :    - Membuat halaman web multi kolom    - Membuat logo website di adress bar dan favorites list    - Sekilas mengenai tag META    - Membuat deskripsi link    - Memanfaatkan tag TABEL    - Mempercepat loading halaman yang mengandung image    - Memanfaatkan description dan keyword pada META tag    - Floating frame    - Musik untuk pengunjung web kita

Cascading Style Sheet ( CSS ) merupakan salah satu bahasa pemprograman web untuk mengendalikan beberapa komponen dalam sebuah website sehingga lebih terstruktur dan seragam. Sama halnya style dalam Ms Words, misalnya heading, subbab, bodytext, footer, images dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa file. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

CSS dapat mengendalikan ukuran gambar, warna text, warna tabel, warna border, warna, hyperlink, warna mouse over, spasi antar paragraf, spasi antar text, margin dan parameter lainnya. Dengan CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Ada tiga cara meletakkan file CSS pada file HTML : yang pertama adalah dengan mengetikkan langsung informasi CSS-nya dalam tag HTML, cara kedua dengan mendefinisikan nama style terlebih dahulu lewat tag , dan kita letakkan dibawah tag HTML. Cara ketiga adalah dengan mendefinisikan style CSS kedalam HTML dengan menyimpan informasi style dalam sebuah file ber-ekstensi .css dan kemudian kita refensikan pada file HTML dengan menggunakan tag :
<link rel=”stylesheet” type=”text/css” href=”filecssku.css”>

Materi Cascading Style Sheet ( CSS ) Dasar dasar css Pemasangan file css ( .css ) pada file HTML Pemformatan teks, link dan bullet Mengatur layout dan posisi Modifikasi form ( mengatur background form, mengatur style select box ,text area, form login dan form entry ) Aplikasi css ( membuat kalender, foto album, fixed menu ) Properti css ( background dan color, box, display, font, position ) Hacking The CSS Rahasia mengambil file css dari website.website yang ada di internet Membongkar dan mendapatkan semua suorce code dan komponen.komponennya Mengedit file .css hasil download Penerapan css :    - Membuat link tanpa garis bawah    - Membuat efek drop down shadow    - Tabel fix.width    - Menampilkan image secara vertikal    - Highlight saat mouse over    - Menghapus margin    - Menentukan style font pada tabel    - Background image tilling

JavaScript merupakan bahasa yang berbentuk kumpulan script yang berfungsi untuk memberikan tampilan yang lebih interaktif pada website. Dengan kata lain, bahasa ini adalah bahasa pemprograman untuk memberikan kemampuan tambahan kedalam HTML dengan mengijinkan peng-eksekusian perintah-perintah pada sisi client, bukan dari sisi server web. Pada hakikatnya, javascript berisi script yang pemasangannya terselip dalam sebuah file HTML, sehingga javascript tidak memerlukan sebuah compiler ( penerjemah untuk mengeksekusi ). Namun javascript ini juga sangat dipengaruhi navigator setiap browser. Ekstensi dari file ini adalah .js Cara meletakkan file .js pada file HTML dengan menggunakan tag :
<script language="JavaScript" src="filejavascriptku.js"></script>

Materi Javascript Dasar dasar javascript Pemasangan file javascript ( .js ) pada file HTML Hacking The Javascript Rahasia mengambil file javascript dari website.website yang ada di internet Membongkar dan mendapatkan semua suorce code dan komponen.komponennya Mengedit file .js hasil download Mongkompresi dan mengoptimalkan animasi flash Penerapan javascript :    - Membuat form validasi    - Javascript jam dan kalender    - Membuat ragam animasi (text, gambar, dll)    - Javascript proteksi halaman website    - Galery gambar SlideShow    - Advance Tab Javascript    - Menu javascript    - Disable klik kanan    - Membuat efek pada link

Adobe Flash (dahulu bernama Macromedia Flash) adalah salah satu perangkat lunak komputer yang merupakan produk unggulan Adobe Systems. Adobe Flash digunakan untuk membuat gambar vektor maupun animasi gambar tersebut. Berkas yang dihasilkan dari perangkat lunak ini mempunyai file extension .swf dan dapat diputar di penjelajah web yang telah dipasangi Adobe Flash Player. Flash menggunakan bahasa pemrograman bernama ActionScript yang muncul pertama kalinya pada Flash 5.

Adobe Flash merupakan sebuah program yang didesain khusus oleh Adobe dan program aplikasi standar authoring tool professional yang digunakan untuk membuat animasi dan bitmap yang sangat menarik untuk keperluan pembangunan situs web yang interaktif dan dinamis. Flash didesain dengan kemampuan untuk membuat animasi 2 dimensi yang handal dan ringan sehingga flash banyak digunakan untuk membangun dan memberikan efek animasi pada website, CD Interaktif dan yang lainnya. Selain itu aplikasi ini juga dapat digunakan untuk membuat animasi logo, movie, game, pembuatan navigasi pada situs web, tombol animasi, banner, menu interaktif, interaktif form isian, e-card, screen saver dan pembuatan aplikasi-aplikasi web lainnya. Dalam Flash, terdapat teknik-teknik membuat animasi, fasilitas action script, filter, custom easing dan dapat memasukkan video lengkap dengan fasilitas playback FLV. Keunggulan yang dimiliki oleh Flash ini adalah ia mampu diberikan sedikit code pemograman baik yang berjalan sendiri untuk mengatur animasi yang ada didalamnya atau digunakan untuk berkomunikasi dengan program lain seperti HTML, PHP, dan Database dengan pendekatan XML, dapat dikolaborasikan dengan web, karena mempunyai keunggulan antara lain kecil dalam ukuran file outputnya

Movie-movie Flash memiliki ukuran file yang kecil dan dapat ditampilkan dengan ukuran layar yang dapat disesuaikan dengan keingginan. Aplikasi Flash merupakan sebuah standar aplikasi industri perancangan animasi web dengan peningkatan pengaturan dan perluasan kemampuan integrasi yang lebih baik. Banyak fiture-fiture baru dalam Flash yang dapat meningkatkan kreativitas dalam pembuatan isi media yang kaya dengan memanfaatkan kemampuan aplikasi tersebut secara maksimal. Fiture-fiture baru ini membantu kita lebih memusatkan perhatian pada desain yang dibuat secara cepat, bukannya memusatkan pada cara kerja dan penggunaan aplikasi tersebut. Flash juga dapat digunakan untuk mengembangkan secara cepat aplikasi-aplikasi web yang kaya dengan pembuatan script tingkat lanjut. Di dalam aplikasinya juga tersedia sebuah alat untuk men-debug script. Dengan menggunakan Code hint untuk mempermudah dan mempercepat pembuatan dan pengembangan isi ActionScript secara otomatis. Untuk memahami keamanan Adobe Flash dapat dilihat dari beberapa sudut pandang, berdasarkan beberapa sumber referensi bahwa tidak ada perbedaan menyolok antara HTML dan JavaScript dimana didalamnya terdapat banyak tools yang dapat diambil dari SWF termasuk ActionScript. Sehingga kode data dapat terjamin keamanannya. Oleh sebab itu, semua kebutuhan data yang terdapat dalam SWF dapat diambil kembali melalui server. Keuntungan menggunakan metode yang sama dengan menggunakan aplikasi web yang standar adalah akan menjamin dan mengamankanpenyimpanan dan perpindahan data. Ekstensi dari file ini adalah .swf Cara meletakkan file .swf pada file HTML dengan menggunakan tag :
<object width="550" height="400">
<param name="movie" value=" fileflashku.swf">
<embed src="fileflashku.swf" width="550" height="400">
</embed>
</object>

Materi Flash Dasar dasar animasi flash Pemasangan file flash ( .swf ) pada file HTML Hacking the Flash Rahasia mendownload animasi.animasi flash di internet Membongkar dan mendapatkan semua suorce code dan komponen.komponennya Mengedit file.file animasi flash ( format .fla) Mongkompresi dan mengoptimalkan animasi flash Penerapan flash :    - Efek kilatan perak    - Efek salju    - Banner iklan    - Teks / image scrolling    - Menu vertikal flash    - Hit counter    - Tab menu flash    - Content flash dinamis    - Easter eggs

 

Keterangan :

* Kursus Private
1 Pertemuan = 1,5 jam
Syarat : Harus punya laptop sendiri