vBuddy - check your reputation   |  Cheap Web Hosting - starting at $5
vBuddy - check your reputation   |  Cheap Web Hosting - starting at $5

My Hobby

My Hobby in the net

seputar komputer
Web Design

adobe photoshope
titel3

artis Favorit
BIODATA
LINKS
GAMBAR
MYchart


Name :
Web URL :
Message :
:) :( :D :p :(( :)) :x

   Ok , karena seputar my hobby wa bakal share my other hobby yaitu utak-atik kompi tepatnya web design untuk saat ini tentunya, dan semoga hal ini bermanfaat bagi siapa saja yang dateng di web ini deh, tapi mungkin tutorialnya masih sangat sedikit, karena keterbatasan waktu dan kesibukan kuliah wa ndiri yang bukan dari jurusan teknik komputer, yeh tenttu saja dengan basic, ornag awam mungkin logika ini bisa diterima deh.

   OK let's start the tutorial(yang emang mula-mulanya ditujukan untuk saya sendiri supaya tetap ingat bagaimana cara memakai tiap fungsi-fungsi tadi)

   perintah dalam web design (kerapian tab yang saya buat ditujukan hanya untuk memudahkan dalam memahami dan dalam pengecekannya dikemudian hari, tetapi sesungguhnya fungsi ini tetep berjalan walaupun kamu tulis dalam baris yang sama )
Fungsi -Fungsi
<li>.... fungsi sebagai pembuat tanda shading pada web, fungsi ini berjalan sendiri. Tapi yang sangat disayangkan adalah kita tidak dapat memilih sendiri shading yang kita inginkan.

ex

    <ul>
      <li>emulsi proghram</li>
        <ul>
          <li>implikasi</li>
            <ul>
              <li>roader</li>
        </ul>


    </ul>
    • emulsi proghram
      • implikasi
        • roader

contoh diatas ini akan menampilkan fungsi tersebut menjadi satu kesatuan program,shg
akan bertingkat 3 .

<ul>.... fungsi sebagai tab pada web, fungsi ini berjalan bertingkat(klo gak jelas
maksudnya itu berantai gitu lah).
ciri khas:
pada pemakaian pertama ada jarak 1 spasi tapi bila anda melakukan dua kali yang
berikutnya tidak akan berjarik spasi(sperti ketika mencoba menekan shift pada
spasi antar huruf
Ex:
efek 1 spasi terlihat:

    <li>dasar kom</li>
      <ul>

        <li>emulsi proghram</li>

      //yang ini jangan dimasukkan cuman buat jelasin aja yah tanpa ditutup sekalipun tetep jalan tapi bila anda ingin membuat printah dibawahnya baru hal ini akan menimbulkan masalah

      </ul>

  • dasar kom
    • emulsi proghram

lihat contoh fungsi di bawah ini pada baris ke 3 efek 1 spasi hilang:
ex
    <li>dasar kom</li>
      <ul>
        <li>emulsi proghram</li>
          <ul>
            <li>implikasi</li>

          </ul>

      </ul>
  • dasar kom
    • emulsi proghram
      • implikasi

berarti kita dapat membuat perubahan pada fungsi sehingga mau berkerja seperti
contoh diatas dimana hanya menghilangkan fungsi yang diatasnya... dengan kata lain
berarti yang diatasnya tidak berhubungan sehingga dibuat berjarak 1 spasi .
ex
    <ul>
      <li>emulsi proghram
        <ul>
          <li>implikasi</li>
        </ul>

      </li>

    </ul>
    • emulsi proghram
      • implikasi


kesimpulan lain, sebenarnya kita dapat menutup langsung suatu fungsi jika fungsi
tersebut selesai(dalam arti tidak akan ditambahkan fungsi yang sama), jadi sangat
berpengaruh pada berapa kali anda membuat</ul>, klo gak ditutup ia akan mengasumsikan
masih dalam satu tab yang sama sehingga penting sekali perintah penempatan penutup</ul>
ex

    sastra
      <ul>
        <li>inggris</li>
        <li>jepun</li>
          <ul>
            <li> kuno</li>


          </ul>

      </ul>
    sastra
    • inggris
    • jepun
      • kuno


pada fungsi diatas jika dicoba, maka kata jepang dan inggris akan sejajar ,hal ini karena
masuk dalam satu fungsi yaitu <ul> yg pertama sedangkan kuno sbg <ul> yang kedua.

bagaimana klo ingin membuat setelah turun kembali lagi ketep yang sejajar. sebenarnya,
konsepnya simpel aja sih klo ditutup kan berarti fungsi udah selesai jadi akan ditampilkan
kayak gini nih
ex

    <ul>sastra
      <ul>
        <li>inggri</li>
          <ul>
            <li> kuno</li>

          </ul>

        <li> jepuN</li>
      </ul>

    </ul>
      sastra
      • inggri
        • kuno
      • jepuN

seperti pada serangkaian perintah diatas kuno menutup perintahnya sehingga fungsi kembali
ke kondisi awal atau kata jepun letaknya akan sejajar dengan inggris, sbg perintah sebelumnya adalah perintah yang berlaku.

dibawah ini beberapa kesalahan tetapi fungsi tetap jalan.
ex
1) sebenarnya ini fungsi bermaslah terutama pada penempatan <li> diakhirnya, tapi tetap
jalan kok.

    <ul>
      <li>emulsi proghram
        <ul>
          <li>implikasi</li>
            <ul>
              <li>roader</li>

            </ul>

        </ul>

    </ul>
    </li>
    • emulsi proghram
      • implikasi
        • roader

2)yang ini baru penulisan yang bener
    <ul>
      <li>emulsi proghram</li>
        <ul>
          <li>implikasi</li>
            <ul>
              <li>roader</li>

            </ul>

        </ul>

    </ul>
    • emulsi proghram
      • implikasi
        • roader

3)ini yang wa maksud dengan hanya ditutup skali udah nutup semua(fungsi <li>) , tapi wa gak
yakin kebenaran fungsi ini... maksudnya apakah string bener gak.
    <ul>
      <li>emulsi proghram
        <ul>
          <li>implikasi
            <ul>
              <li>roader

            </ul>

        </ul>

      </li>

    </ul>
    • emulsi proghram
      • implikasi
        • roader

4) dan masik banyak lagi ubah tempat penempatan li sesukamu dari contoh 3... I think ini namanya gak beres


tested lab by cozu
Catatan:
sebenarnya dalam pembuatan tab diatas wa banyak banget pakek kode ul agar membuat hal ini bisa ditampilkan di web ini yang baru saja saya buat klo tidak percaya silahkan lihat source filenya .

  


TIPS AND TRICK I-NET

ok saya tambahin dikit deh info download youtube, and esnips dengan cara streaming di kompi kita tanpa bantuan alat apapun cumak web browser aja wa selama ini cuman menjamin mozilla( firefox, moziila, firefox3), and ie , wa udah coba sih di opera tapi klo wa liat opera lebih ahli di fast browsing, klo udah pernah kesana soalnya hampir semua gambar disimpin di cachenya opera dan download terputus, ok back to topic deh , ok gimana caranya yah ok wa mulai deh dari firefox dulu(mungkin stepnya gak 100 % kayak gini tapi kira2 kayak gini deh:

C:\Documents and Settings\user computer kamu\Local Settings\Application Data\Mozilla\Firefox\Profiles\2glac6on.default\Cache

(didalamnya ada file yang gabungan angka, kira2 klo video yah ukurannya kliatan lah gede, yah ubah namanya seperti yang kamu kehendaki dan ganti exstenstionya dengan yang kamu download tadi... misalnya youtube pasti formatnya xxxx. flv or klo esnips kan mula2 yang di download udah diberita tahu yah jadi ganti aja dengan formatnya misalnya : xyz. mp3, untuk 2glac6on.default itu tidak akan seperti ini cuman yah didalam folder itu pasti adah yang aneh antara ada tulisan dan angka deh, oh yah untuk yang ada tulisan mozilla itu punyaknya sistem jangna diutik2 deh)

untuk ie:

C:\document and setting\useryang kamu pakai\aplication data\mozilla\profile\default\namnay gak jelas\cache\yang ini juga sama formatnya file jadi gak jelas, asal tau besarnya ubah format aja

(yah secara garis besar sama deh penejelasn diatas)
untuk opera buat bunga swf ama pic ada di :

C:\Documents and Settings\user yang kamu pakai\Application Data\Opera\Opera\profile\cache4

(klo yang ini formatnya udah jelas cuman yaitu namnaya selalu ada opr gitu jadi diganti or gak terserah kamu deh, tinggal kopi aja deh)

utnuk download imeem dengan cara streaming mungkin butuh program kayak free Music Zilla, pertama buka programnya dulu trus buka web yang mau kamu streaming trus nanti didalm program ada kayak nama yang gak karuan trus klik download yah udah tunggu aja dan jangan lupa tetep streaming yah jangan langsung ditutup pasti dipastikan langsung gagal, saolnya ini sisitemnya pakek streaming . ( streaming tuh ngeplay film or lagu yang kamu denger sampai selesai)


MENGENAL SISTEM LINK AND ANCHOR
<a>.... menandakan sebagai anchor atau titik yang membantu dalam menandai suatu letak sehingga pengguna tidak perlu membaca keseluruhan artikel tapi hanya artikel-artikel yang dianggap penting... yang terlampir tentunya. Karena fleksibelitasnya maka kadang fungsinya juga dapat menghubungkan beberapa web . Namun tentu saja ada fungsi yang harus ditambahkan dan inilah yang membedakan antara links satu halaman dan link dengan halaman lainnya. untuk sementara wa bagi dulu manjadi 2bagian deh .
anchor dalam satu halaman : disini jelas pemakaian anchor hanya menghubungkan artikel dalam satu halaman yang ditujukan untuk mempermudah membacanya
anchor antar halaman :disini jelas bahwa ancor dipakai untuk menghubungkan halaman lain atau lebih dikenal hyperlink. disini perintah yang dipakai adalah href.

Misal untuk menghubungkan halaman ini dengan http://diky-cozu.blogspot.com/ maka digunakan perintah sebagai berikut

<a href=" http://diky-cozu.blogspot.com/ "> myblog</a>

fungsi diatas dapat diartikan sebagai berikut href="alamat yang dituju" adalah perintah untuk berpindah kesana, sedangkan kata myblog lebih ditujukan pada penaman yang akan muncul dalam web anda ...karena sifatnya adalah perintah maka perlu ditutup <a>....</a>

berikut ini memudahkn anda untuk mencoba sendiri hasilnya wkakak selmat mencoba

 

untuk sementara waktu file dari tutorial web akan saya tampilkan diawal halaman tapi kalau sudah banyak terkumpul akan saya pisahkan dari halaman utama dan halaman utama akan saya fungsikan sebagai halaman perkenalan.  

 

 


PIC

My favorit legem... musical advanture of rahapsody.. cute hahaha 

Photo Sharing and Video Hosting at Photobucket
Mengenang Char Idro wa dengan equpmentnya,plus usaha ngedit gambarnya abis gak isa dimasukin di Ragfill

My Message Board

My owen blog

cerita menarik....myfriendster
my multiplymusic colection

My links

Photo Sharing and Video Hosting at Photobucket
forum wa biasa nongkrong
forum igo indonesia
forum saudara sepahaku
Download komik :
stoptazmo
mangatraders(harus jadi member)
Khusus Negima doang
Game Review:
RPGgamer
GameFaqs


Game Midi or Music/Movie:
vgmusic
ffshrine.org
download GBA game:
3roms.com

download mp3 and video :
stage6.divx(divx format)
youtube
esnips
translater :
inbahasa(ind-inggris)
kanji to romanji
Harminica traine :
harptabs...forumand song
harptab
harmonicasessions
musiciansnews
quamut
chinese folk story:
chineseculture.about.com
firehorseportfolio.com

E-book gratis:
knowfree.net(bokonya ingggrisan tapi)
Blogspot Link:
....igoindonesiablog
Grandyan(igoblog)
....Jusi---Blog....
....Limeshi....{igofriend}
....sadan.....igofriends}
...MasterDNAigo....{igofriends}....digikid....{igofriend}
....hendrydext.com(match and science).....
....mason claw(igostuff)...
....mason claw(otherblog)...
....nirkabel
....musicstuff(ojek)
....Biondy(igofriendandblog) ...JRC...Kontraktor_Sby(fb)
....JRC...Kontraktor_Sby


  • belajar bahasa pemrograman 2jam seminggu
  • wa usahain buat artikel tambahan minimum tiap 2minggu , tentnag web design deh. or seputar bahasa pemrogramna lain
  •  


    dibuat oleh cosu @corp