URL
URL singkatan dari Uniform Resource Locator, adalah rangkaian karakter menurut suatu format standart tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di internet,dan memberitahu jenis sumber yang sedang diakses, alamat server dan lokasi file di server
URL merupakan suatu inovasi dasar bagi perkembangan sejarah internat URL pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991 agar penuli-penulis dokumen-dokumen dapat merujuk pranala ke Waring Wera Wanua atau World Wide Web. Sejak 1994, konsep URL telah dikembangkan menjadi istilah Uniform Resource Identifier (URI) yang lebih umum sifatnya. Walaupun demikian, istilah URL masih tetap digunakan secara luas.
URL menunjukkan sumber daya Internet atau alamat sebuah halaman web (homepage) yaitu halaman suatu dokumen atau program yang ingin ditampilkan atau digunakan. Secara umum perlu memasukkan tiga informasi untuk menuju ke alamat tertentu, yaitu :
- Protokol,
- Alamat Server,
- Path File.
contoh url : http://ivanferianda.blogspot.com
WEB PAGES
Sumber Gambar : deviantart.com(omercetin)
Web page adalah halaman yang ditampilkan di sebuah website di internet, yang dapat menampilkan teks, gambar, bahkan suara. Halaman ini digunakan untuk menunjukan sebuah halaman websitw. Web page dapat diibaratkan sebuah halaman dalam buku.
web pages merupakan halaman yang terbuat dari html dan bisa dibuat bahkan melalui notepad dan dihias dengan menggunakan css , javascript ,jquery ,ajax dan flash selain itu juga ada tools tools khusus dalam membuat web pages seperti contohnya adalah adobe dreamweaver dan juga sublime text editor
HTML
HTML singkatan dari Hyper Text Markup Language adalah file teks atau file ASCII yang berisi instruksi/script kepada web browser untuk menampilkan suatu tampilan grafis dari sebuah halaman web. Didalam file HTML terdapat beberapa "tag" atau kode-kode yang dimengerti oleh web browser dan dapat menampilkannya di layar monitor.
File HTML dapat dibuat dengan aplikasi text editor apapun di sistem operasi apapun, antara lain : Notepad di Windows, emasc atau vi di Unix atau SimpleText di Macintosh. File HTML ini juga bisa dibuat di aplikasi word processor apapun asalkan saat menyimpan file tersebut disimpan dengan format text-only.
Salah satu kelebihan file HTML adalah cross platform, artinya file HTML dapat ditampilkan di beberapa Operating System (OS) yang berbeda dan memiliki tampilan yang sama walaupun saat pembuatannya menggunakan satu OS tertentu saja.
Kelebihan HTML :
- Ukuran file kecil
- Tidak memerlukan alat authoring mahal
- Ruang web murah
- Tidak memerlukan keterampilan pemrograman
- Menyediakan link ke lokasi eksternal & downloads
- Setelah upload, memberikan "Publikasi Instan"
- Dapat dilihat pada setiap komputer dengan software web browsing gratis
Kekuarangan HTML :
- Apa yang Anda desain tidak akan selalu tampak sama pada setiap komputer!
- Tidak ada standar HTML tunggal
- Browser mendukung berbagai / tag HTML unik yang berbeda
- Hardware yang berbeda mempengaruhi hasil akhir
- Hypertext hanya menyediakan interaksi terbatas
dan ekstensi HTML ada banyak pula dan sebagai berikut :
- DHTML --> Dynamic HTML
- XML --> extensible markup language
- AJAX --> asynchonous java script and xml
- CSS --> cascading style sheet
- HTML 5 --> hypertext markup language (versi terbaru html)
WEB BROWSER
Aplikasi yang berjalan di komputer pengguna untuk menyediakan antarmuka grafis interaktif untuk mencari, menemukan, dan melihat dokumen teks, suara, animasi, dan sumber multimedia lainnya di Web
Browser seperti :
- Internet Explorer
- Netscape Navigator
- Safari
- Mozilla Firefox
- opera
- Google Chrome
Yang Harus Diperhatikan Dalam Mendesign Halaman Web
- Browser Yang Berbeda
- Tidak semua web browser mendukung fitur proprietary, misalnya implementasi yang berbeda dari HTML 5
- Pengaturan browser mempengaruhi produk akhir
- Font yang dipilih dan diinstal
- Warna latar belakang
- warna hypertext
- Autodownloading gambar
- ukuran window browser
- Monitor Dan Window Issues
- Banyak orang yang berselancar di web dengan berbagai resolusi layar dan jendela ukuran layar yang berbeda.
- Rekomendasi menggunakan desain liquid saat merancang halaman web Anda.
- Anda mungkin ingin merancang untuk resolusi layar yang umum digunakan.
- Perangkat mobile memiliki layar resolusi rendah kecil
Desain liquid : situs web menyesuaikan diri dengan ruang yang tersedia, cara yang sama seperti air yang masuk ke sebuah cangkir kaca maka air tersebut akan membentuk pola air kaca tersebut.
- Bandwidth
Aturan praktis untuk orang yang menggunakan modem 28.8k adalah 2 kps untuk mentransfer grafis web.
Contoh: 40k grafis standar mungkin mengambil 20 detik untuk menampilkan pada browser pengguna Anda.
- Accessibility Issues
Gangguan Visual Bagi Pengguna :
- Tidak dapat mengakses gambar yang digunakan untuk menyampaikan isi atau untuk membantu navigasi
- Mengalami kesulitan membedakan elemen layar penting atau teks di mana gambar latar belakang yang digunakan.
Solusi :
- Menyediakan teks ALT untuk deskripsi singkat grafis, gunakan & longdesc atribut atau link untuk potongan lagi
- Banyak gerak, berkedip dll dapat membingungkan sehingga menghindari berbasis client menyegarkan & redirection, banyak gifs animasi dll
- Hindari menggunakan frame atau tabel yang tidak perlu
- The Ten Most Violated Homepage Design Guidelines by Jacob Nielsen
- Emphasize what your site offers that's of value to users and how your services differ from those of key competitors
- Use a liquid layout that lets users adjust the homepage size
- Use color to distinguish visited and unvisited links
- Use graphics to show real content, not just to decorate your homepage
- Include a tag line that explicitly summarizes what the site or company does
- Make it easy to access anything recently featured on your homepage
- Include a short site description in the window title
- Don't use a heading to label the search area; instead use a "Search" button to the right of the box
- With stock quotes, give the percentage of change, not just the points gained or lost
- Don't include an active link to the homepage on the homepage
Text Untuk Web
Pengguna dapat memilih untuk melihat situs web dalam huruf pilihan mereka (dilakukan dengan menetapkan preferensi pengguna di browser)
Standar font: Times New Roman, Courier, dll
Untuk fleksibilitas dalam pengelolaan huruf: CCS (Cascading Style Sheets)
CCS tersedia dalam DHTML
Image Untuk Web
- Format standar untuk HTML 5: GIF, PNG, JPEG, SVG
- Format lain mungkin memerlukan khusus plug-in.
- GIF dan PNG lossless dan mendukung transparansi
- JPEG kompresi lossy, 10x dikompresi daripada GIF
- SVG perangkat-independen
Digunakan untuk background, sidebar, tombol
Sound Untuk Web
- Format standar: AU, WAV, MIDI embeded
-MIDI biasanya digunakan untuk musik latar belakang
Wav besar dalam ukuran 11khz, 8 bit mono penurunan kualitas tapi masih terdengar
- Menggunakan plugin: Shockwave Audio (swa), QuickTime
Animasi Untuk Web
- HTML Tag: <blink> dan <marquee>
- Javascript
- Animated GIF (GIF89) dapat digunakan untuk membuat animasi sel sederhana
- Animasi Plug-ins/players: Direktur, Flash, QuickTimeVR
Tidak ada komentar:
Posting Komentar