Di bawah ini adalah beberapa contoh tutorial Macromedia Flash 8 yang menggunakan script.
1.Acak Angka
Link : http://warungflash.com/2010/03/acak-angka/
2.Efek Hujan
Link : http://warungflash.com/2009/04/efek-hujan/
3.Huruf Mengikuti Mouse
Link : http://warungflash.com/2010/01/huruf-mengikuti-mouse/
Senin, 13 Desember 2010
Rabu, 06 Oktober 2010
Tugas Macromedia
Macromedia Flash adalah program yang sedang populer sekarang ini untuk membuat dan memanipulasi grafik dan animasi.
Sekarang namanya adalah Adobe Flash, yang sebelumnya dikenal sebagai Macromedia Flash. Software ini adalah salah satu program yang paling umum digunakan untuk membuat halaman web animasi, video player dan aplikasi audio streaming. File flash berekstensi .SWF atau Shockwave Flash, meskipun banyak jenis file lainnya yang dapat dilihat atau dimanipulasi dengan software ini.
Sejarah Awal
Sejarah Flash dapat ditelusuri kembali ke tahun 1980-an, ketika siswa SMA Jonathan Gay menggunakan komputer Apple II yang sudah tua umurnya untuk membuat program gambar komputer. Dia mengajukan dan mengikutsertakan program yang dikenal sebagai SuperPaint dalam pameran sains sekolah. Setelah dia menang, program buatannya menarik perhatian bagi pengembang software lokal Charlie Jackson. Jackson sedang dalam proses memulai sebuah perusahaan yang dikenal sebagai Silicon Pantai Software, yang akan menghasilkan program untuk jenis komputer Macintosh. Dengan sedikit dana yang tersedia untuk mempekerjakan para pengembang berpengalaman, Jackson Gay disewa untuk membantu menciptakan program-programnya.
Peluncuran FutureWave
Gay bekerja di Silicon Beach sampai akhir kuliah. Ia mengembangkan sejumlah permainan komputer untuk perusahaan, termasuk yang populer “Dark Castle” dan juga sebuah program ilustrasi yang disebut Intellidraw. Dengan menggunakan keterampilan grafis animasinya lalu ia belajar mengembangkan program-programnya, Gay memutuskan untuk memulai perusahaannya sendiri dan membuat perangkat lunak untuk komputer pena/pen (sebuah tablet elektronik yang bisa dipakai untuk menulis dengan pena khusus). Ia mendirikan FutureWave Software pada Januari 1993 dan dengan segera membuat SmartSketch. Program ini memungkinkan pengguna untuk menggambar secara elektronik pada komputer mereka dan sedikit berhasil karena Gay terlambat masuk ke pasar tersebut sehingga kalah saingan dengan senior-seniornya
Membuat Flash
Pada tahun 1995, para pengembang di FutureWave menyadari potensi untuk menggunakan animasi SmartSketch sebagai alat. Pada waktu itu, Internet dan World Wide Web adalah konsep yang relatif baru. Gay dan timnya menambahkan fitur animasi dan Java pada SmartSketch dan menamainya sebagai FutureSplash Animator. Program ini merupakan versi pertama dari program Flash yang kita gunakan saat ini. Sebelum peluncuran FutureSplash, Gay memutuskan dia akan lebih sukses jika bermitra dengan perusahaan yang lebih besar. Dia berbicara dengan Adobe dan Fractal Designs. Tetapi mereka berdua tidak tertarik dan berkesan dengan program buatan Jonathan Gay. Di musim panas 1996, unit pertama FutureSplash Animator terjual kepada publik.
Macromedia
FutureSplash animator yang begitu sukses di pasar komputer dan Microsoft mendekati para pengembang hanya dalam beberapa bulan dari rilis program tersebut. Microsoft merencanakan versi online dari MSN dan percaya bahwa FutureSplash akan memberikan kualitas grafis terhalus dan tertinggi. Disney Online juga menggunakan program tersebut untuk mengembangkan situs web mereka. Pada bulan November 1996, Macromedia menawarkan untuk membeli program dan pada bulan Desember Gay menerimanya. Macromedia memendekkan nama produk tersebut menjadi Flash dan mempekerjakan Jonathan Gay sebagai Technology Vice President.
Adobe
Selama dekade berikutnya, Macromedia merilis versi delapan Flash. Pada tahun 2005, program ini sudah dilengkapi dengan berbagai fitur/tool untuk melakukan streaming musik dan video dan secara luas digunakan untuk berbagai aplikasi animasi dan grafis. Pada akhir tahun 2005, Adobe Systems mengakuisisi Macromedia, termasuk program Flash mereka yang telah berjalan lebih dari satu dekade sebelumnya. Pada tahun 2007, Adobe meluncurkan versi baru yang dikenal sebagai Flash CS3, yang dimulai sebagai bagian dari Adobe Creative Suite paket.
Referensi :
* http://www.adobe.com/macromedia/events/john_gay/page04.html
* http://www.flashmagazine.com/news/detail/the_flash_history/
* http://www.mediacollege.com/adobe/flash/player/version/
Di bawah ini adalah contoh animasi yang dibuat dengan Macromedia Flash
Sekarang namanya adalah Adobe Flash, yang sebelumnya dikenal sebagai Macromedia Flash. Software ini adalah salah satu program yang paling umum digunakan untuk membuat halaman web animasi, video player dan aplikasi audio streaming. File flash berekstensi .SWF atau Shockwave Flash, meskipun banyak jenis file lainnya yang dapat dilihat atau dimanipulasi dengan software ini.
Sejarah Awal
Sejarah Flash dapat ditelusuri kembali ke tahun 1980-an, ketika siswa SMA Jonathan Gay menggunakan komputer Apple II yang sudah tua umurnya untuk membuat program gambar komputer. Dia mengajukan dan mengikutsertakan program yang dikenal sebagai SuperPaint dalam pameran sains sekolah. Setelah dia menang, program buatannya menarik perhatian bagi pengembang software lokal Charlie Jackson. Jackson sedang dalam proses memulai sebuah perusahaan yang dikenal sebagai Silicon Pantai Software, yang akan menghasilkan program untuk jenis komputer Macintosh. Dengan sedikit dana yang tersedia untuk mempekerjakan para pengembang berpengalaman, Jackson Gay disewa untuk membantu menciptakan program-programnya.
Peluncuran FutureWave
Gay bekerja di Silicon Beach sampai akhir kuliah. Ia mengembangkan sejumlah permainan komputer untuk perusahaan, termasuk yang populer “Dark Castle” dan juga sebuah program ilustrasi yang disebut Intellidraw. Dengan menggunakan keterampilan grafis animasinya lalu ia belajar mengembangkan program-programnya, Gay memutuskan untuk memulai perusahaannya sendiri dan membuat perangkat lunak untuk komputer pena/pen (sebuah tablet elektronik yang bisa dipakai untuk menulis dengan pena khusus). Ia mendirikan FutureWave Software pada Januari 1993 dan dengan segera membuat SmartSketch. Program ini memungkinkan pengguna untuk menggambar secara elektronik pada komputer mereka dan sedikit berhasil karena Gay terlambat masuk ke pasar tersebut sehingga kalah saingan dengan senior-seniornya
Membuat Flash
Pada tahun 1995, para pengembang di FutureWave menyadari potensi untuk menggunakan animasi SmartSketch sebagai alat. Pada waktu itu, Internet dan World Wide Web adalah konsep yang relatif baru. Gay dan timnya menambahkan fitur animasi dan Java pada SmartSketch dan menamainya sebagai FutureSplash Animator. Program ini merupakan versi pertama dari program Flash yang kita gunakan saat ini. Sebelum peluncuran FutureSplash, Gay memutuskan dia akan lebih sukses jika bermitra dengan perusahaan yang lebih besar. Dia berbicara dengan Adobe dan Fractal Designs. Tetapi mereka berdua tidak tertarik dan berkesan dengan program buatan Jonathan Gay. Di musim panas 1996, unit pertama FutureSplash Animator terjual kepada publik.
Macromedia
FutureSplash animator yang begitu sukses di pasar komputer dan Microsoft mendekati para pengembang hanya dalam beberapa bulan dari rilis program tersebut. Microsoft merencanakan versi online dari MSN dan percaya bahwa FutureSplash akan memberikan kualitas grafis terhalus dan tertinggi. Disney Online juga menggunakan program tersebut untuk mengembangkan situs web mereka. Pada bulan November 1996, Macromedia menawarkan untuk membeli program dan pada bulan Desember Gay menerimanya. Macromedia memendekkan nama produk tersebut menjadi Flash dan mempekerjakan Jonathan Gay sebagai Technology Vice President.
Adobe
Selama dekade berikutnya, Macromedia merilis versi delapan Flash. Pada tahun 2005, program ini sudah dilengkapi dengan berbagai fitur/tool untuk melakukan streaming musik dan video dan secara luas digunakan untuk berbagai aplikasi animasi dan grafis. Pada akhir tahun 2005, Adobe Systems mengakuisisi Macromedia, termasuk program Flash mereka yang telah berjalan lebih dari satu dekade sebelumnya. Pada tahun 2007, Adobe meluncurkan versi baru yang dikenal sebagai Flash CS3, yang dimulai sebagai bagian dari Adobe Creative Suite paket.
Referensi :
* http://www.adobe.com/macromedia/events/john_gay/page04.html
* http://www.flashmagazine.com/news/detail/the_flash_history/
* http://www.mediacollege.com/adobe/flash/player/version/
Di bawah ini adalah contoh animasi yang dibuat dengan Macromedia Flash
Minggu, 23 Mei 2010
Tugas Ketiga
Tutorial untuk Sistem Grid CSS 960 Framework
<> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui risus, interdum sit amet, adipiscing at, venenatis quis, quam. Morbi velit tortor, fermentum ac, sagittis quis, volutpat sed, magna. Curabitur eu tellus eu magna laoreet vestibulum. Fusce accumsan mollis ipsum. Morbi tempor vehicula est. Duis pharetra velit. Vestibulum blandit ultricies nibh. Nulla vehicula mauris sed sem. Aliquam mauris metus, commodo at, elementum quis, porta a, nisl. Nulla elementum fermentum massa.
<>Cras posuere, est quis adipiscing suscipit, dolor felis pulvinar lacus, ut placerat orci metus tincidunt orci. Curabitur elementum purus vitae diam. Morbi ut dui cursus augue scelerisque molestie. Suspendisse ut velit et massa interdum dictum. Praesent quam neque, fringilla eget, blandit id, sagittis id, justo. Proin pulvinar placerat leo. Etiam at mauris id justo ultricies scelerisque. Donec mattis dui ut tellus. Vivamus interdum lorem ac ante. In nisi tellus, tristique vitae, rutrum at, elementum adipiscing, risus. Integer ac est ultricies nibh pretium scelerisque. Aliquam luctus eros non eros. Vivamus mi orci, suscipit eget, imperdiet vitae, consectetur fermentum, erat.
<>Fusce dignissim sapien vitae turpis. Quisque consequat convallis sapien. Curabitur est sapien, ultrices nec, commodo a, hendrerit eu, lectus. Curabitur eu quam. Ut non risus. Sed eu tortor. Proin nisi. Aliquam congue adipiscing orci. Fusce imperdiet ullamcorper metus. Ut erat ligula, posuere a, fermentum vel, aliquet eu, lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque tempor nulla eu lorem. Suspendisse bibendum molestie nunc.
< /div>
< id="aside" class="grid_3">
<>Navigation
<>
<>< href="#">Home
<>< href="#">About Me
<>< href="#">Articles
<>< href="#">Contact
< /ul>
<>More Articles:
<>
<>< href="#">Article 1
<>< href="#">Article 2
<>< href="#">Article 3
<>< href="#">Article 4
< /ul>
< /div>
< id="footer" class="grid_12">
<>
Footer information like email and licensing for site
< /p>
< /div>
< /div>
< !—end .container_12—>
< /body>
< /html>
<> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui risus, interdum sit amet, adipiscing at, venenatis quis, quam. Morbi velit tortor, fermentum ac, sagittis quis, volutpat sed, magna. Curabitur eu tellus eu magna laoreet vestibulum. Fusce accumsan mollis ipsum. Morbi tempor vehicula est. Duis pharetra velit. Vestibulum blandit ultricies nibh. Nulla vehicula mauris sed sem. Aliquam mauris metus, commodo at, elementum quis, porta a, nisl. Nulla elementum fermentum massa.
<>Cras posuere, est quis adipiscing suscipit, dolor felis pulvinar lacus, ut placerat orci metus tincidunt orci. Curabitur elementum purus vitae diam. Morbi ut dui cursus augue scelerisque molestie. Suspendisse ut velit et massa interdum dictum. Praesent quam neque, fringilla eget, blandit id, sagittis id, justo. Proin pulvinar placerat leo. Etiam at mauris id justo ultricies scelerisque. Donec mattis dui ut tellus. Vivamus interdum lorem ac ante. In nisi tellus, tristique vitae, rutrum at, elementum adipiscing, risus. Integer ac est ultricies nibh pretium scelerisque. Aliquam luctus eros non eros. Vivamus mi orci, suscipit eget, imperdiet vitae, consectetur fermentum, erat.
<>Fusce dignissim sapien vitae turpis. Quisque consequat convallis sapien. Curabitur est sapien, ultrices nec, commodo a, hendrerit eu, lectus. Curabitur eu quam. Ut non risus. Sed eu tortor. Proin nisi. Aliquam congue adipiscing orci. Fusce imperdiet ullamcorper metus. Ut erat ligula, posuere a, fermentum vel, aliquet eu, lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque tempor nulla eu lorem. Suspendisse bibendum molestie nunc.
< /div>
< /div>
< class="grid_3 ">
< id="aside">
<>Navigation
<>
<>< href="#">Home
<>< href="#">About Me
<>< href="#">Articles
<>< href="#">Contact
< /ul>
<>More Articles:
<>
<>< href="#">Article 1
<>< href="#">Article 2
<>< href="#">Article 3
<>< href="#">Article 4
< /ul>
< /div>
< /div>
< class="grid_12">
< id="footer">
<>
Footer information like email and licensing for site
< /p>
< /div>
< /div>
< /div>
Tutorial ini untuk membantu siswa mendapatkan kerja yang nyaman dengan kerangka CSS Hal ini tidak akan membangun sebuah situs manis, atau mengambil keuntungan dari setiap fitur 960.gs,. Tetapi harus memberikan informasi tentang beberapa tentang cara untuk mulai membangun halaman dengan kerangka kerja. Check out Selain kedua untuk tutorial ini menggunakan kerangka 960 untuk membangun kerangka kerja semantik CSS sendiri Anda .
- Lihat contoh kerja dari tutorial ini
- Download kode untuk tutorial ini
Persiapan
- Download dan unzip kerangka dari website http://960.gs.
- Dalam folder kode duplikat file demo.html.
- Buka file dalam editor teks pilihan Anda.
Layout memutuskan dan Menetapkan Kotak Dasar
Untuk tutorial ini akan dinbahas tentang bagaimana membangun sebuah halaman blog dasar. Dengan memiliki header, bagian atas artikel, sidebar menunjukkan artikel lain dan footer dengan beberapa informasi tentang situs tersebut.
Kotak bijaksana, aku akan pergi dengan layout 12 kolom dengan 700px bagian utama dan sidebar 200px. Untuk mencapai hal ini saya akan menggunakan grid_9 dan grid_3 bersama-sama.Hasil akhir terlihat seperti ini :
dengan kode berikut :
<>
< href="http://960.gs/">960 Grid System< /a >
< class="container_12">
<>
12 Column Grid
< /h2>
< class="grid_12">
<>
940px
< /p>
< /div>
< !—end .grid_12—>
< class="clear">
< class="grid_9">
<>
700px
< /p>
< /div>
< class="grid_3">
<>
220px
< /p>
< /div>
< class="grid_12">
<>
940px
< /p>
< /div>
< /div>
< !—end .container_12—>
Membuat Perubahan Dasar Grid Default
- Kita memiliki grid layout, lalu tambahkan beberapa id markup untuk stylesheet sendiri. Secara khusus, tambahkan sebuah header, maincontent, samping, dan footer id ke divs tepat
- Hapus CSS internal yang muncul di bagian kepala halaman demo dan tag h1 di bagian atas halaman.
- Sekarang kita memiliki cukup mendasar terlihat halaman seperti pada gambar di bawah :
- Akhirnya saya akan menambahkan beberapa teks dummy, dan menambahkan beberapa markup untuk membuat HTML lebih seperti halaman blog saya cari.
Berikut adalah situs apa yang harus seperti sekarang :
Dan markup :
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< xmlns="http://www.w3.org/1999/xhtml" lang="en" lang="en">
<>
< equiv="content-type" content="text/html; charset=utf-8">
<>My Blog - My Name
< rel="stylesheet" type="text/css" media="all" href="css/reset.css">
< rel="stylesheet" type="text/css" media="all" href="css/text.css">
< rel="stylesheet" type="text/css" media="all" href="css/960.css">
< /head>
<>
< class="container_12">
< id="header" class="grid_12">
<>
My Blog
< /h2>
<>
Description of my blog
< /p>
< /div>
< !—end .grid_12—>
< class="clear">
< id="maincontent" class="grid_9">
<>Title of the blog post
<><>Published on Jan. 01, 2009 by Zac Gordon
<> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui risus, interdum sit amet, adipiscing at, venenatis quis, quam. Morbi velit tortor, fermentum ac, sagittis quis, volutpat sed, magna. Curabitur eu tellus eu magna laoreet vestibulum. Fusce accumsan mollis ipsum. Morbi tempor vehicula est. Duis pharetra velit. Vestibulum blandit ultricies nibh. Nulla vehicula mauris sed sem. Aliquam mauris metus, commodo at, elementum quis, porta a, nisl. Nulla elementum fermentum massa.
<>Cras posuere, est quis adipiscing suscipit, dolor felis pulvinar lacus, ut placerat orci metus tincidunt orci. Curabitur elementum purus vitae diam. Morbi ut dui cursus augue scelerisque molestie. Suspendisse ut velit et massa interdum dictum. Praesent quam neque, fringilla eget, blandit id, sagittis id, justo. Proin pulvinar placerat leo. Etiam at mauris id justo ultricies scelerisque. Donec mattis dui ut tellus. Vivamus interdum lorem ac ante. In nisi tellus, tristique vitae, rutrum at, elementum adipiscing, risus. Integer ac est ultricies nibh pretium scelerisque. Aliquam luctus eros non eros. Vivamus mi orci, suscipit eget, imperdiet vitae, consectetur fermentum, erat.
<>Fusce dignissim sapien vitae turpis. Quisque consequat convallis sapien. Curabitur est sapien, ultrices nec, commodo a, hendrerit eu, lectus. Curabitur eu quam. Ut non risus. Sed eu tortor. Proin nisi. Aliquam congue adipiscing orci. Fusce imperdiet ullamcorper metus. Ut erat ligula, posuere a, fermentum vel, aliquet eu, lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque tempor nulla eu lorem. Suspendisse bibendum molestie nunc.
< /div>
< id="aside" class="grid_3">
<>Navigation
<>
<>< href="#">Home
<>< href="#">About Me
<>< href="#">Articles
<>< href="#">Contact
< /ul>
<>More Articles:
<>
<>< href="#">Article 1
<>< href="#">Article 2
<>< href="#">Article 3
<>< href="#">Article 4
< /ul>
< /div>
< id="footer" class="grid_12">
<>
Footer information like email and licensing for site
< /p>
< /div>
< /div>
< !—end .container_12—>
< /body>
< /html>
Menambahkan Beberapa Gaya Dasar ke Halaman ini
- Sekarang saya akan menciptakan sebuah style sheet baru, yang disebut blogstyle.css, dan link ke bawah dari link ke style sheet 960.
- Dalam stylesheet saya akan menambahkan sedikit warna dan beberapa gaya sederhana lain untuk markup saya. Saya tidak akan mengacaukan posisi sekalipun.
Hasil akhir akan terlihat seperti ini :
HTML di bagian kepala halaman tersebut akan terlihat seperti ini :
<>
< equiv="content-type" content="text/html; charset=utf-8">
<>My Blog - My Name
< rel="stylesheet" type="text/css" media="all" href="css/reset.css">
< rel="stylesheet" type="text/css" media="all" href="css/text.css">
< rel="stylesheet" type="text/css" media="all" href="css/960.css">
< rel="stylesheet" type="text/css" media="all" href="css/blogstyles.css">
< /head>
/* My additional styles to add to the 960.gs styles */
body {color:#333333}
#header {background-color: #D7EDEE; border-bottom: 3px #115B77 solid;}
#footer {background-color: #D7EDEE; border-top: 3px #115B77 solid; color: #666666;}
a:link {color: #115B77; text-decoration: none;}
a:visited {color:#332745; text-decoration: none;}
a:hover {text-decoration: underline}
strong {color:#222222}
Mempersiapkan Markup kami untuk Tambah CSS Positioning Kami Sendiri
Mengubah posisi dengan CSS bisa menjadi sedikit rumit dengan kerangka 960 Jika Anda menambahkan margin atau bantalan untuk kerangka kerja unsur-unsur yang memiliki gaya untuk memiliki lebar tertentu, margin,. Dan bantalan Anda dapat mengacaukan aliran seluruh grid.
Apa yang akan kita lakukan untuk mengatasi masalah ini adalah dengan menambahkan ekstra div divs bagian dalam dengan kelas 960 diterapkan pada itu. Kemudian kita dapat menerapkan margin dan bantalan ke div nested tanpa mengacaukan sistem 960.
Hal ini menambah lebih banyak markup halaman, tapi kami tahu akan ke proyek ini bahwa kerangka CSS memiliki kecenderungan untuk menambahkan ekstra, markup semantik non-halaman kami, jadi kami akan terus bergerak.
Berikut ini adalah contoh dari apa yang divisi header tampak seperti sebelumnya :
< id="header" class="grid_12">
<>
My Blog
< /h2>
<>
Description of my blog
< /p>
< /div>
Dan setelah kami menambahkan nested div. Perhatikan bahwa saya juga pindah id ke nested div.
< class="grid_12">
< id="header">
<>
My Blog
< /h2>
<>
Description of my blog
< /p>
< /div>
< /div>
Pergi dan membuat perubahan yang sama ke seluruh situs sampai Anda memiliki sesuatu yang tampak seperti kode di bawah ini :
< class="container_12">
< class="grid_12">
< id="header">
<>
My Blog
< /h2>
<>
Description of my blog
< /p>
< /div>
< /div>
< class="clear">
< class="grid_9">
< id="maincontent">
<>Title of the blog post
<><>Published on Jan. 01, 2009 by Zac Gordon
<> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui risus, interdum sit amet, adipiscing at, venenatis quis, quam. Morbi velit tortor, fermentum ac, sagittis quis, volutpat sed, magna. Curabitur eu tellus eu magna laoreet vestibulum. Fusce accumsan mollis ipsum. Morbi tempor vehicula est. Duis pharetra velit. Vestibulum blandit ultricies nibh. Nulla vehicula mauris sed sem. Aliquam mauris metus, commodo at, elementum quis, porta a, nisl. Nulla elementum fermentum massa.
<>Cras posuere, est quis adipiscing suscipit, dolor felis pulvinar lacus, ut placerat orci metus tincidunt orci. Curabitur elementum purus vitae diam. Morbi ut dui cursus augue scelerisque molestie. Suspendisse ut velit et massa interdum dictum. Praesent quam neque, fringilla eget, blandit id, sagittis id, justo. Proin pulvinar placerat leo. Etiam at mauris id justo ultricies scelerisque. Donec mattis dui ut tellus. Vivamus interdum lorem ac ante. In nisi tellus, tristique vitae, rutrum at, elementum adipiscing, risus. Integer ac est ultricies nibh pretium scelerisque. Aliquam luctus eros non eros. Vivamus mi orci, suscipit eget, imperdiet vitae, consectetur fermentum, erat.
<>Fusce dignissim sapien vitae turpis. Quisque consequat convallis sapien. Curabitur est sapien, ultrices nec, commodo a, hendrerit eu, lectus. Curabitur eu quam. Ut non risus. Sed eu tortor. Proin nisi. Aliquam congue adipiscing orci. Fusce imperdiet ullamcorper metus. Ut erat ligula, posuere a, fermentum vel, aliquet eu, lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque tempor nulla eu lorem. Suspendisse bibendum molestie nunc.
< /div>
< /div>
< class="grid_3 ">
< id="aside">
<>Navigation
<>
<>< href="#">Home
<>< href="#">About Me
<>< href="#">Articles
<>< href="#">Contact
< /ul>
<>More Articles:
<>
<>< href="#">Article 1
<>< href="#">Article 2
<>< href="#">Article 3
<>< href="#">Article 4
< /ul>
< /div>
< /div>
< class="grid_12">
< id="footer">
<>
Footer information like email and licensing for site
< /p>
< /div>
< /div>
< /div>
Menambahkan Posisi ke Halaman Kami Dengan CSS
Sekarang saya akan menambahkan beberapa bantalan untuk header, maincontent, dan footer.
Style sheet diperbarui akan terlihat seperti ini:
/* My additional styles to add to the 960.gs styles */
body {color:#333333}
#maincontent, #header, #footer {padding: 0 20px;}
#header {background-color: #D7EDEE; border-bottom: 3px #115B77 solid; margin-bottom: 20px; padding-top: 10px}
#footer {background-color: #D7EDEE; border-top: 3px #115B77 solid; color: #666666; margin-top: 10px; padding-top: 10px}
a:link {color: #115B77; text-decoration: none;}
a:visited {color:#332745; text-decoration: none;}
a:hover {text-decoration: underline}
strong {color:#222222}
Dan akhir situs akan terlihat seperti ini :
Selasa, 13 April 2010
Tugas Kedua
| Type HP | Harga Baru | Harga Second |
|---|---|---|
| BlackBerry Curve 8310 | Rp. 2,100,000,- | Rp. 1,400,000,- |
| BlackBerry Tour 9630 | Rp. 4,050,000,- | Rp. 0,- |
| BlackBerry 8820 | Rp. 2,150,000,- | Rp. 1,700,000,- |
| BlackBerry Curve 8520 | Rp. 2,850,000,- | Rp. 0,- |
| BlackBerry Storm 9500 | Rp. 3,500,000,- | Rp. 0,- |
| BlackBerry Pearl 8100 | Rp. 1,200,000,- | Rp. 0,- |
| JADWAL PIKET KELAS | ||||||
|---|---|---|---|---|---|---|
| Senin | Selasa | Rabu | Kamis | Jum'at | Sabtu | |
| Andy Martha | Aditya Nuzuli | Dewi Yunita | Didin | Fidriyansyah | Ida Fitriyah | |
| Yudianto | Prasetyo | Januar | Alvira | Yogig | Ahmad Daud | |
| Paulus | Bravo | Fathur | Indah | Raymond | Dian Henry | |
| Paket Pariwisata Jelajah Pilihan Plus OffRoad | Paket Utama : Rp. 350.000/org 1 Hari Fasilitas : Fun Games, Point Ball, Off Road ( Mobil Lan Rover, Motor ATV, Trail, dll ) Konsumsi makan 1x, Snack 1x Tiketing Area, Fasilitator |
|---|---|
| Paket Kedua : Rp. 250.000/org 1 hari Fasilitas : Fun Games, Point Ball, Konsumsi makan 1x , Snack 1x, Tiketing Area Fasilitator | |
Rabu, 24 Maret 2010
Tugas Pertama
10 Tips Menggaet Wanita Idaman
Bagi yang kesusahan dalam menggaet wanita impian, kamu bisa mempelajari tips2 dibawah ini :
- JANGAN PERNAH JAIM
- APA ADANYA
- PERCAYA DIRI
- JUJUR, LOW PROFILE, dan GA MEMBUAL!
- PUJI dan HARGAI CW
- CUEK
- TEGAS dan BERANI BERKATA TIDAK
- ASAH KEMAMPUAN BERKOMUNIKASI
- SELALU JADI PENDENGAR YG BAIK
- BUNGA dan BONEKA
Para cewek umumnya lebih suka cowok yg bandel ketimbang co yg terlalu baik. lebih mempunyai daya pikat dan terlihat tidak membosankan.
Jangan maksain diri. kebanyakan cwo suka berlebihan dalam upayanya menggaet cw. Apalagi kalo urusannya berhubungan dengan uang. gue bilangin ya. uang ga ada hubungannya dengan cinta. uang itu untuk KENIKMATAN HIDUP. jadi, kalo ada cw sifatnya matre .. itu tandanya dia pengen hidup lebih layak ajah
Terserah kalo lo merasa nyaman dengan diri lo yg sekarang. Tapi soal PD dah jadi suatu keharusan jaman sekarang ini. dalam hal apapun. dan ingat, PD bukan berarti OVERACT. lagipula, apa sih yg lo minderin? tiap orang kan punya kelebihan masing-masing ..
Banyak cwo suka melebih-lebihkan kemampuannya dalam hal menggaet cw. bahkan, melebih-lebihkan apa yg sebenarnya ga dia miliki. yg begini ini sih BASI!. pake nalar donk. cw yg kita gebet, kalo sampe jadian kan ntar bakal jadi orang yg paling deket sama diri kita. jelas, suatu saat, dia bakal tau belangnya kita. Makanya, cuma masalah waktu aja dia tau belang lu. mendingan juga low profile .. low profile dan misterius itu suatu daya pikat yg luar biasa bagi wanita.
Siapa sih orang yg ga seneng dipuji? tapi khusus cw.. hausnya mereka akan pujian memang sangat besar. jangan ragu buat memuji ce. ga ada ruginya. tapi simpel aja. ga usah berlebihan. contohnya kalo ce gebetan lo abis potong rambut, puji dia. bilang, "lo hari ini keliatan tambah ok deh.." cukup gitu aja. dijamin ntu ce bakalan tersipu-sipu. dia juga merasa ga sia-sia ke salon.
Ce itu aneh. semakin disakiti, semakin besar pula rasa cintanya. tapi gue ga mau ngasih saran buat nyakitin ce. terlalu ekstrim, meskipun pasti berhasil. cuek dah cukup. TAPI pada tempatnya. satu yg harus dilakukan, cueklah, terutama kalo cw lagi mancing-mancing rasa cemburu lo. naturally, cw itu seneng banget diperhatiin. dan bagi mereka, memancing rasa cemburu cwo adalah suatu permainan yg menyenangkan.
Kalo lo ga setuju terhadap sesuatu hal, katakan pendapat lo. jangan diem aja. dan jangan nurut terus apa maunya cw lo. biasain diskusi, toh dia orang yg deket buat lo. lo iyain terus apa kata cw lo? hah! gue pastikan lo bakal jadi tipe suami takut istri nantinya ..
Sekali aja, pada saat lo lagi pdkt, cw-nya merasa lo ga asyik buat diajak ngobrol, YOU'RE DEAD! siap-siap aja buat patah hati. kecuali .. ada suatu perubahan besar .. dan jangan lupa. This one little thing is always work in every circumstances. A JOKE! Lancarkan Jerk Joke ke target anda karena itu adalah senjata ampuh untuk menaklukkan wanita.
Yang cw butuhin dari cwo itu sebetulnya sederhana. cwo yg mau dengerin dia kalo dia lagi pengen curhat, dan cwo yg mau meluk untuk menghibur dirinya kalo dia lagi sedih. terkadang, cw suka egois dan males dengerin curhat cw-nya. malah kalopun dengerin, komentarnya ngaco dan ga bisa jadi solusi. soal curhatnya cw, gini .. kalo cw lagi curhat, dengerin aja semuanya dulu. iyain aja. kalo dah ngerti permasalahannya, baru kasih tanggapan. dan cara nanggapin juga jangan sampe salah. cw, kalo lagi curhat itu bukan pengen dikritik. tapi didukung. kalo ternyata cw-nya itu yg salah? ya kasih pengertian, tapi jangan bilang kalo dia salah. ntar malah ngambek lagi.
Selalu berhasil untuk memikat hati wanita. khusus boneka, untuk memikat hati ABG tepatnya. Wikikik tapi betul kok. soal bunga, ga usah banyak-banyak. setangkai aja. dan jangan keseringan. pada hari spesial aja.
Langganan:
Postingan (Atom)
