Pembelajaran Web Design Tkj

Web design adalah jenis desain grafis secara visual yang di tunjukan untuk pengembangan dan styling obyek lingkungan informasi internet yang menyediakan fitur konsumen (high end) dan kualitas estetika yang di terapkan kepada media digital yaitu website.

Definisi yang di tawarkan memisahkan desain web dari pemrograman web, menekankan fitur fungsional dari sebuah situs web, hal ini juga berkaitan dengan apa itu development, karna pengembangan situs website tidak hanya menuntut fungsionalitas website tersebut, melainkan kita juga membutuhkan sebuah esensi seni yang di sebut design.

Tujuan di buatnya website adalah sebagai salah satu media komunikasi yang memang bertujuan untuk membuat/ menyampaikan informasi secara cepat dan real time.

Pengertian Dasar Web Ststis dan Dinamis

Berdasarkan teknologi web terbagi menjadi (dua 2) jenis yaitu (web statis dan web dinamis), web setais dan dinamis memiliki kesamaan yaitu menampilkan halaman web di internet yang memuat suatu informasi.

☆ Web statis adalah web yang conten/ isinya tidak dapat di rubah secara langsung melalui browser, jadi web statis ini dapat di ubah secara manual saja

☆ Web dinamis adalah web yang conten/ isinya dapat di perbaharusi secara berkala, karna dalam teknologi pembuatan web dinamis sudah di rancang semudah mungkin bagi user yang menggunakan web dinamis tersebut. Terkait dengan materi web stastis dan dinamis yaitu:

1. Web Statis

☆ HTML (Hyper Text Markup Languange)
☆ CSS (Cascading Style Sheet)
☆ Java Scrip

2. Web Dinamis

☆ Web Server (Apache, Tomcat, IIS, Xitami, Nginx)
☆ Web Languange (PHP, ASP, JSP)
☆ Database Server (MySQL, PostgreSQL, Oracle, SQL Server, Ms Access)
☆ Integrate

Fungsi Situs Web

Sebelum mendesign alangkah baiknya kita mengetahui dan memahami beberapa fungsi situs web, agar design yang kita buat sesuai dengan fungsi situs web yang kita inginkan, berikut ini fungsi - fungsi situs web yaitu:

1. Fungsi Komunikasi

Situs web yang berfungsi sebagai komunikasi pada umumnya adalah web dinamis, karna di buat menggunakan pemrograman web (Server Side) maka di lengkapi dengan fasilitas yang memberikan fungsi - fungsi komunikasi seperti Web mail, Formanthec, Chatting, Forum dan lain - lain.

2. Fungsi Informasi

☆ Menekankan pada kualitas kontetn, karna tujuan situs ini menyampaikan isinya
☆ Sebaiknya berisi text dan grafik
☆ Fasilitas yang memberikan fungsi Informasi, News, file, Company, Library, dan lain - lain

3. Fungsi Entertainment

Sebagai saran hiburan/ penggunaan animasi gambar dan element bergerak dapat meningkatkan mutu persentasi design, meski tetap harus mempertimbangkan kecepatan downloadnya, contoh fungsi Entertainment Game Online, film online, music online dan lain - lain.

4. Fungsi Transaksi

Situs web dapat di jadikan transaksi bisnis baik barang jasa dan lain - lain, situs web menghubungkan perusahaan konsumen dan komunitas tertentu melalui sarana elektronik, pembayarannya bisa melalui kartu kredit, transfer ataupun membayar langsung.

Software yang di butuhkan (Software Requiement)

☆ Web Brouser (Firefox, Opra, Safari, IE, Chrome) dan lain - lain
☆ Notepad
☆ Notepad+
☆ Dreamweaver
☆ Photoshop
☆ Apache, PHP, MySQL (XAMPP, WAMP) dan lain - lain

Cara Kerja Situs Web

Browser web mengambil sebuah informasi berupa request yang berisi alamt web/ page address, sedangkan web server memberikan feedback berupa perintah response untuk setiap request yang di lanjutkan dengan memberikan informasi yang di minta web browser, kemudian browser web menampilkan informasi yang telah di terima dari server web yang di simapn dalam sebuah dokumen web yang formatnya HTTP.

Web Terdiri Dari 4 Bagian

1. HTTP (Hyper Text Type Protocol) standard aturan yang di gunakan untuk melakukan komunikasi jaringan pada komputer.

2. URL (Uniform Resource Locator) alamat yang di gunakan untuk mengakses situs web url juga terbagi menjadi beberapa bagian yaitu:
☆ Anchor Name
☆ Path/ Nama File
☆ Doumen file name

3. Client Server
4. HTML (Markup Languange)

Standard Kompetensi dasar materi ini adalah

☆ Mempersiapkan Software Web design
☆ Pengenalan Perintah/ tag html
☆ melakukan pembuatan halaman web dengan software web design
☆ Persiapan dan konsep pembuatan web dinamis
☆ Membuat halaman web dinamis
☆ Konsep pembuatan Aplikasi berisi web
☆ Membuat aplikasi berbasis web

Thank you hopefully what I share can be useful

Slam Sukses...