Sabtu, 27 Juni 2015

Website Friendly

Ini dia Contoh Website yg Friendly atau sudah bagus untuk interfacenya, dan nyaman dipandang mata user.
ini skripnya :

<html>
    <head>
     <title> Tugas </title>
    <head>
  <body>
    <body background="00.png">
<center>
   <marquee> <h1> Tutorial Photoshop </h1> </marquee>
                <hr width=100% align=center size=5% color="white">
    <h2><b>Lolipop Love Candy Text Efek</b></h2>
    
    <h3>1. Buka Photoshop dan buat lembar kerja baru ( file > new ). Buat dengan ukuran :
Widht 100 pixels 
dan Height 100 pixels 
dengan Resolution 72 
dan Background contents Transparent.</h3>
<img src="1.jpg" alt="1" style="width:400px;height:300px;">
    <h3>2. Klik Rectangle Tool, kemudian warnai Seperti Dibawah, lalu Buat 4 object kotak sehingga hasilnya seperti ini :</h3>
<img src="2.jpg" alt="2" style="width:400px;height:300px;">
    <h3>kemudian kita pilih semua layer lalu tekan CTRL + E , hal ini fungsinya untuk menggabungkan layer.</h3>
<img src="3.jpg" alt ="3" style ="width:170px;height:190;">
     <h3>Hasil setelah digabungkan layernya</h3>
<img src="4.jpg" alt ="4" style ="width:170px;height:180;">
     <h3>Nah sekarang jadikan sebagai pattern, Klik menu utama : edit > define pattern, akhiri dengan menekan tombol OK.</h3>
<img src="5.jpg" alt="5" style="width:400px;height:300px;">
<h5>Selamat anda telah membuat pattern lolipop.</h5>
<h2> Membuat Teks Efek Permen Lolipop Love Candy </h2>
<h3>1. Setelah mempunyai pattern lolipop maka Siapkan lembar kerja baru </h3>
<img src="6.jpg" alt="6" style="width:400px;height:300px;">
<h3>lalu klik text tool dan tulis pada worksheet, kemudian beri warna tulisan pink muda (# fdebe9).</h3>
<img src="7.jpg" alt="7" style="width:400px;height:300px;">
<h3>2. Buat layer baru diatas teks dengan menekan (ctrl + shift + alt + n) pada keyboard secara bersamaan. Lalu pilih paint bucket tool (lihat gambar) pada toolbox photoshop dan atur menjadi pattern (lihat gambar) seperti berikut, pilih pattern yang anda buat tadi sebelumnya. lalu klik ke lembar kerja untuk menambahkan patternnya.</h3>
<img src="8.jpg" alt="8" style="width:400px;height:300px;">
<h3>3. Klik kanan pada layer 1 pattern, lalu pilih Create Clipping Mask </h3>
<img src="9.jpg" alt ="9" style ="width:170px;height:180;">
<h4>Kemudian tekan ctrl + T untuk merotasi (memutar posisi) </h4>
<img src="10.jpg" alt="10" style="width:400px;height:300px;">
<h3>4. Ok, langkah terakhir yaitu: Tambahkan Layer style pada layer 1 pattern lolipop
caranya : klik kanan layer 1 lalu pilih Blending Options...</h3>
<img src="11.jpg" alt ="11" style ="width:170px;height:180;">
<h4>Atur seperti ini :</h4>
<img src="12.jpg" alt="12" style="width:400px;height:300px;"><br>
<img src="13.jpg" alt="13" style="width:400px;height:300px;">
<h3>5. Sekarang atur blending option pada layer textnya.</h3>
<img src="14.jpg" alt="14" style="width:400px;height:300px;"><br>
<img src="15.jpg" alt="15" style="width:400px;height:300px;">
<h3>Setelah semua diatur kurang lebih hasilnya akan seperti ini</h3>
<img src="16.jpg" alt="16" style="width:600px;height:400px;">

                <p>Contoh Tutorial Teks Edit sederhana di Photoshop semoga dapat membantu anda</p>
</center>
  </body>

 </html>



saya membuat header dengan menggunakan marquee yaitu membuat efek tulisan berjalan, font sudah saya ubah, dan gambar saya pindahkan ke tengah atau center agar lebih jelas dan nyaman dilihat
Diposting oleh di Tidak ada komentar:

Website Unfriendly

saya akan mencontohkan website yang unfriendly, atau sangat buruk interfacenya untuk dilihat user.
ini dia skrip nya
<html>
    <head>
     <title> Tugas </title>
    <head>
  <body>
    <body bgcolor="#ffff00">
    <h1> Tutorial Photoshop </h1>
                <hr width=100% align=center size=5% color="white">
    <h2 style="font:bold 30px Jokerman ;color:white"><b>Lolipop Love Candy Text Efek</b></h2>
   
    <h3 style="font:bold 20px Jokerman ;color:white">1. Buka Photoshop dan buat lembar kerja baru ( file > new ). Buat dengan ukuran :
Widht 100 pixels
dan Height 100 pixels
dengan Resolution 72
dan Background contents Transparent.</h3>
<img src="1.jpg" alt="1" style="width:400px;height:300px;">
    <h3 style="font:bold 20px Jokerman ;color:white">2. Klik Rectangle Tool, kemudian warnai Seperti Dibawah, lalu Buat 4 object kotak sehingga hasilnya seperti ini :</h3>
<img src="2.jpg" alt="2" style="width:400px;height:300px;">
    <h3 style="font:bold 20px Jokerman ;color:white">kemudian kita pilih semua layer lalu tekan CTRL + E , hal ini fungsinya untuk menggabungkan layer.</h3>
<img src="3.jpg" alt ="3" style ="width:170px;height:190;">
     <h3 style="font:bold 20px Jokerman ;color:white">Hasil setelah digabungkan layernya</h3>
<img src="4.jpg" alt ="4" style ="width:170px;height:180;">
     <h3 style="font:bold 20px Jokerman ;color:white">Nah sekarang jadikan sebagai pattern, Klik menu utama : edit > define pattern, akhiri dengan menekan tombol OK.</h3>
<img src="5.jpg" alt="5" style="width:400px;height:300px;">
<h5 style="font:bold 20px Jokerman ;color:white">Selamat anda telah membuat pattern lolipop.</h5>
<h2 style="font:bold 20px Jokerman ;color:white"> Membuat Teks Efek Permen Lolipop Love Candy </h2>
<h3 style="font:bold 20px Jokerman ;color:white">1. Setelah mempunyai pattern lolipop maka Siapkan lembar kerja baru </h3>
<img src="6.jpg" alt="6" style="width:400px;height:300px;">
<h3 style="font:bold 20px Jokerman ;color:white">lalu klik text tool dan tulis pada worksheet, kemudian beri warna tulisan pink muda (# fdebe9).</h3>
<img src="7.jpg" alt="7" style="width:400px;height:300px;">
<h3 style="font:bold 20px Jokerman ;color:white">2. Buat layer baru diatas teks dengan menekan (ctrl + shift + alt + n) pada keyboard secara bersamaan. Lalu pilih paint bucket tool (lihat gambar) pada toolbox photoshop dan atur menjadi pattern (lihat gambar) seperti berikut, pilih pattern yang anda buat tadi sebelumnya. lalu klik ke lembar kerja untuk menambahkan patternnya.</h3>
<img src="8.jpg" alt="8" style="width:400px;height:300px;">
<h3 style="font:bold 20px Jokerman ;color:white">3. Klik kanan pada layer 1 pattern, lalu pilih Create Clipping Mask </h3>
<img src="9.jpg" alt ="9" style ="width:170px;height:180;">
<h4 style="font:bold 20px Jokerman ;color:white">Kemudian tekan ctrl + T untuk merotasi (memutar posisi) </h4>
<img src="10.jpg" alt="10" style="width:400px;height:300px;">
<h3 style="font:bold 20px Jokerman ;color:white">4. Ok, langkah terakhir yaitu: Tambahkan Layer style pada layer 1 pattern lolipop
caranya : klik kanan layer 1 lalu pilih Blending Options...</h3>
<img src="11.jpg" alt ="11" style ="width:170px;height:180;">
<h4 style="font:bold 20px Jokerman ;color:white">Atur seperti ini :</h4>
<img src="12.jpg" alt="12" style="width:400px;height:300px;"><br>
<img src="13.jpg" alt="13" style="width:400px;height:300px;">
<h3 style="font:bold 20px Jokerman ;color:white">5. Sekarang atur blending option pada layer textnya.</h3>
<img src="14.jpg" alt="14" style="width:400px;height:300px;"><br>
<img src="15.jpg" alt="15" style="width:400px;height:300px;">
<h3 style="font:bold 20px Jokerman ;color:white">Setelah semua diatur kurang lebih hasilnya akan seperti ini</h3>
<img src="16.jpg" alt="16" style="width:600px;height:400px;">

                <p>Contoh Tutorial Teks Edit sederhana di Photoshop semoga dapat membantu anda</p>
  </body>

 </html>


warna sangat amat tajam, dan font atau tulisan pada websitenya tidak jelas.
Diposting oleh di Tidak ada komentar:

Minggu, 10 Mei 2015

HTTP


Hypertext Transfer Protocol (HTTP) adalah sebuah protokol jaringan lapisan aplikasi yang digunakan untuk sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia. Penggunaannya banyak pada pengambilan sumber daya yang saling terhubung dengan tautan, yang disebut dengan dokumen hiperteks, yang kemudian membentuk World Wide Web pada tahun 1990 oleh fisikawan Inggris, Tim Berners-Lee. Hingga kini, ada dua versi mayor dari protokol HTTP, yakni HTTP/1.0 yang menggunakan koneksi terpisah untuk setiap dokumen, dan HTTP/1.1 yang dapat menggunakan koneksi yang sama untuk melakukan transaksi. Dengan demikian, HTTP/1.1 bisa lebih cepat karena memang tidak perlu membuang waktu untuk pembuatan koneksi berulang-ulang.
Pengembangan standar HTTP telah dilaksanakan oleh Konsorsium World Wide Web (World Wide Web Consortium/W3C) dan juga Internet Engineering Task Force (IETF), yang berujung pada publikasi beberapa dokumen Request for Comments (RFC), dan yang paling banyak dirujuk adalah RFC 2616 (yang dipublikasikan pada bulan Juni 1999), yang mendefinisikan HTTP/1.1.
Dukungan untuk HTTP/1.1 yang belum disahkan, yang pada waktu itu RFC 2068, secara cepat diadopsi oleh banyak pengembangpenjelajah Web pada tahun 1996 awal. Hingga Maret 1996, HTTP/1.1 yang belum disahkan itu didukung oleh Netscape 2.0, Netscape Navigator Gold 2.01, Mosaic 2.7, Lynx 2.5, dan dalam Microsoft Internet Explorer 3.0. Adopsi yang dilakukan oleh pengguna akhir penjelajah Web pun juga cepat. Pada bulan Maret 2006, salah satu perusahaan Web hosting melaporkan bahwa lebih dari 40% dari penjelajah Web yang digunakan di Internet adalah penjelajah Web yang mendukung HTTP/1.1. [1]Perusahaan yang sama juga melaporkan bahwa hingga Juni1996, 65% dari semua penjelajah yang mengakses server-server mereka merupakan penjelajah Web yang mendukung HTTP/1.1. Standar HTTP/1.1 yang didefinisikan dalam RFC 2068 secara resmi dirilis pada bulan Januari 1997. Peningkatan dan pembaruan terhadap standar HTTP/1.1 dirilis dengan dokumen RFC 2616 pada bulan Juni 1999.
HTTP adalah sebuah protokol meminta/menjawab antara klien dan server. Sebuah klien HTTP (seperti web browser atau robot dan lain sebagainya), biasanya memulai permintaan dengan membuat hubungan ke port tertentu di sebuah server Webhosting tertentu (biasanya port 80). Klien yang mengirimkan permintaan HTTP juga dikenal dengan user agent. Server yang meresponsnya, yang menyimpan sumber daya seperti berkas HTML dan gambar, dikenal juga sebagai origin server. Di antara user agent dan juga origin server, bisa saja ada penghubung, seperti halnya proxy, gateway, dan juga tunnel.
HTTP tidaklah terbatas untuk penggunaan dengan TCP/IP, meskipun HTTP merupakan salah satu protokol aplikasi TCP/IP paling populer melalui Internet. Memang HTTP dapat diimplementasikan di atas protokol yang lain di atas Internet atau di atas jaringan lainnya. seperti disebutkan dalam "implemented on top of any other protocol on the Internet, or on other networks.", tapi HTTP membutuhkan sebuah protokol lapisan transport yang dapat diandalkan. Protokol lainnya yang menyediakan layanan dan jaminan seperti itu juga dapat digunakan.."[2]
Sumber daya yang hendak diakses dengan menggunakan HTTP diidentifikasi dengan menggunakan Uniform Resource Identifier (URI), atau lebih khusus melalui Uniform Resource Locator (URL), menggunakan skema URI http: atau https:.

Sesuai dengan perkembangan infrastruktur internet maka pada tahun 1999 dikeluarkan HTTP versi 1.1 untuk mengakomodasi proxy, cache dan koneksi yang persisten.

Diposting oleh di Tidak ada komentar:

Web Science

Apakah yang dimaksud dengan Web Science? Menurut struktur katanya, Web Science terdiri atas kata “Web” dan kata “Science”, dimana kedua kata tersebut memiliki arti yang berbeda. Berikut merupakan penjelasan dari definisi kedua kata tersebut sehingga dapat membentuk suatu istilah baru yang disebut dengan “Web Science”.
Web atau Website merupakan suatu halaman informasi yang disediakan melalui jalur Internet, sehingga web dapat diakses di mana saja selama web tersebut terhubung atau terkoneksi dengan jaringan internet. Web merupakan alat komunikasi online yang menggunakan media internet dalam pendistribusian atau penyebarannya. Web merupakan kumpulan halaman yang menampilkan informasi dengan berbagai macam jenis. Diantaranya berupa data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik web tersbut bersifat statis maupun bersifat dinamis yang akan membentuk suatu rangkaian yang saling terkait dimana masing-masing rangkaian tersebut dihubungkan dengan jaringan-jaringan halaman yang disebut dengan hyperlink.
Berikutnya pengertian tentang Science. Science atau sains sangat erat hubungannya denga Ilmu Pengetahuan, banyak yang mendefinisikan bahwa sains itu sama dengan Ilmu Pengetahuan. Namun menurut bahasa, sains adalah aktivitas pemecahan masalah yang dilakukan oleh manusia yang dimotivasi oleh rasa ingin tahu tentang dunia sekitar mereka dan keinginan untuk memahami suatu hal atau kejadian tersebut. 
Sedangkan yang dimaksud dengan Web Science adalah ilmu yang mempelajari tentang efisiensi atau pemanfaatan dari sebuah web, agar dapat dirasakan manfaat dan kegunaannya pada banyak bidang di dalam kehidupan sehari-hari. Di dalam web science kita belajar bagaimana memberdayakan suatu sumber daya virtual sebagai media komunikasi praktis. Dengan tampilan web yang menarik dan abtraktik agar memunculkan minat orang banyak untuk membaca web tersebut.Contoh-contoh nyata yang sudah diterapkan dapat dilihat pada bidang komersil atau bidang ekonomi, bidang sosial dan bidang pendidikan.


Diposting oleh di Tidak ada komentar:

Minggu, 11 Januari 2015

Hasil Tutorial CorelDraw

windows 8 wallpaper
 Ini dia hasilnya, kalian bisa mengganti2 warna backgroundnya sesuai dengan keinginan kalian . dan bisa mengkreasikan sendiri

 SUMBER
Diposting oleh di Tidak ada komentar:

Membuat Logo Windows 8 Part 2

4. Sekarang klik kiri Kotak pemisah horisontal lalu tahan tombol shift pada keyboard kemudian klik kotak windows 8
Setelah itu klik Trim untuk memotong

Dan akhirnya kotak windows 8 terbelah menjadi 2 bagian. Lanjut kakak...!!! oke makin seru kan...

5. Ok sekarang tinggal kita potong Kotak Windows 8 secara vertikal (atas - bawah). Caranya kakak? hehe..
Klik 2x kotak pemisah windows sehingga keluar tanda putaran dan putar 90 derajat

ulangi seperti pemotongan sebelumnya yaitu klik kiri Kotak pemisah horisontal lalu tahan tombol shift pada keyboard kemudian klik kotak windows 8
Setelah itu klik Trim untuk memotong secara vertikal dan Yahoo kita mempunyai logo Widows 8. Klik kotak pemotong dan tekan Del (untuk menghapus) - "habis manis sepah dibuang nih ceritanya... malang benar nasibnya kotak pemotong", oke lanjut ya


6. warnai sesuka kalian, Caranya klik logo windows lalu klik kiri warna yang disuka pada pallete color kemudian klik kanan pallete color silang (tanpa warna) untuk menghilangkan outline pada logo windows 8, Hasilnya:
logo windows 8
Beri background yang menarik, misal gradasi antara warna biru dan putih. dan hasilnya ada di postingan selanjutnyaa~
Diposting oleh di Tidak ada komentar:
Langganan: Komentar (Atom)