APLIKASI APLIKASI YANG DIGUNAKAN UNTUK MEMBUAT WEB DESAIN

APLIKASI APLIKASI YANG DIGUNAKAN UNTUK MEMBUAT WEB DESAIN

1. CoffeeCup Free HTML Editor

CoffeeCup Free HTML Editor merupakan versi gratis dari produk berbayar, dan karena ini versi grati maka beberapa fitur pada aplikasi ini dihilangkan seperti desain menu CSS dan Upload menggunakan FTP.

Ada banyak fitur editing yang bagus pada aplikasi ini dan sebuah “Help File” akan memandu kamu untuk menggunakan dan memanfaatkan semua fitur pada aplikasi ini untuk bagian-bagian yang rumit, dan kamu juga dapat meng-upload halaman web kamu pada platform S-Drive CoffeeCup, di mana layanan ini tersedia secara gratis.

Link Download

2. Notepad++

Notepad++ adalah editor source code yang luar biasa dengan banyak fitur. Syntax highlighting akan membuat kamu lebih mudah untuk membaca dan memahami kode kamu.

Code folding memungkinkan kamu untuk collapse /menutup beberapa area kode untuk sementara agar kamu dapat fokus pada area lainya yang sedang kamu kerjakan. Auto-completion membantu kamu memasukkan kode  lebih cepat (dan akurat).

Link Download

3. PageBreeze

Web designer berpengalaman  tidak akan terkesan dengan aplikasi ini karena PageBreeze masih didasarkan pada teknologi lama, tetapi jika kamu hanya mencari aplikasi hanya untuk menciptakan sesuatu yang sangat sederhana maka itu menjadi cerita yang berbeda.

Dengan aplikasi ini kamu dapat menambahkan link, gambar, dan tabel dalam satu atau dua klik. Sangat mudah untuk melihat dan mengedit semua halaman situs kamu, dan ketika kamu sudah selesai built-in klien FTP akan membantu kamu menempatkan pekerjaan kamu secara online. Walaupun hasil akhir mungkin sangat mendasar, kesederhanaan program membuatnya layak untuk pemula.

Link Download

4. Firebug

Kamu telah selesai merancang situs web, tetapi tidak cukup terlihat atau bekerja seperti yang diharapkan, di saat itulah ekstensi Firefox : Firebug  akan membantu kamu untuk melihat kode HTML dan CSS; menyesuaikan style dan melihat hasilnya saat itu juga di browser.

Selain itu Firebug  akan membantu kamu untuk memahami layout halaman web kamu, melakukan debug dan log JavaScript, mengelola cookie, menganalisis load halaman, memeriksa pesan kesalahan dan banyak lagi.

Jelas ada banyak fitur yang sangat kuat pada Firebug, tapi Firebug tidak hanya untuk ahli web. Pada awalnya kamu mungkin hanya menggunakannya untuk beberapa hal dasar seperti melihat kode html, namun hal kecil seperti ini akan sangat mebantu kamu

Link Download

5. Bluefish Editor

Bluefish merupakan aplikasi editor programmer web yang juga mencakup banyak alat web pilihan.  Bluefish dimulai dengan trik editing biasa: sintaks (ASP.NET, CSS, HTML, JavaScript, PHP dan banyak lagi didukung), code folding, alat pencarian yang kuat, autocompletion, dan banyak lagi.

Program ini juga mendukung template dokumen, memiliki wizards untuk menambahkan CSS, forms, tabel, audio dan objek video, lalu adanya tag editing dan pratinjau dari dokumen dan banyak lagi.

Link Download

6. Brackets

Brackets adalahe kode editor HTML, CSS dan, JavaScript yang menarik, dibuat dan dikelola oleh Adobe.

Program ini dirancang untuk mencegah kekacauan pada workspace kamu dengan floating toolbar dan ikon yang besar, dimana memungkinkan kamu untuk bekerja secara langsung pada kode dengan bantuan banyak shortcuts.

Contoh penguunaannya adalah ketika kamu meng-Klik tag HTML, lalu tekan Ctrl + E dan kamu akan melihat Quick Edit dengan CSS terkait, cukup pilih salah satu yang kamu butuhkan dan kamu akan dapat mengeditnya langsung.

Brackets juga sangat baik digunakan suntuk mengedit kode JavaScript. Dengan adanya fitur “Live Preview” kamu tidak perlu untuk me-refresh browser kamu setiap ingin melihat perubahan karena tampilanya akan segera diperbarui secara otomatis.

Link Download

7. KompoZer

KompoZer memang belum diperbarui untuk beberapa waktu, namun KompoZer masih bisa menjadi editor web yang berguna untuk pemula.

Program ini bekerja seperti pengolah kata sederhana, sehingga kamu tidak perlu tahu tentang HTML, CSS, scripting atau apa pun: hanya memasukkan teks, format, dan klik berbagai tombol untuk menambahkan link, menyisipkan tabel, gambar, dan lainnya.

Link Download

8. OpenBEXI HTML Builder

OpenBEXI adalah editor HTML WYSIWYG yang memungkinkan kamu untuk membuat halaman web hanya dengan dragd dan dropp “widget” – segala hal mulai dari teks, link dan gambar, graphs, flowcharts. kamu juga bisa melakukan tweaking item-item tersebut sesuai dengan kebutuhan kamu.

OpenBEXI juga memungkinkan kamu untuk men-tweak CSS atau menambahkan script ke halaman, dan built-in FTP klien akan mambantu kamu meng-upload file ke server.

Link Download

9. GIMP

Setiap web designer harus memiliki graphics tools yang baik, dan GIMP adalah salah satu editor gambar gratisan terbaik yang beredar saat ini.

GIMP memiliki fitur retouching photo yang mengesankan, banyak efek khusus yang berguna, berbagai paint tools dan banyak lagi.

Link Download

10. BlueGriffon

BlueGriffon merupakan editing tool WYSIWYG yang mengambil pendekatan mudah untuk mengedit web, walaupun begitu pada BlueGriffon  terdapat fitur yang kuat.

Kamu bisa menggunakan BlueGriffon untuk mengetik teks, menyisipkan gambar, tabel, file audio, video dan sebagainya. Lebih jauh dengan aplikasi ini terdapat SVG editor, form design tools, beberapa dukungan CSS, pemeriksa aksesibilitas, DOM Explorer, dan banyak lagi.

sumber : https://www.downloadsoftwaregratisan.com/2014/03/aplikasi-gratis-terbaik-untuk-web-design.html

Pengertian Web Design

Pengertian Web Design :
 
Web Desain adalah istilah yang sering digunakan untuk menggambarkan bagaimana tampilan isi suatu website atau situs. Tampilan dari website biasanya berupa hypertext (HTML) atau hypermedia yang dikirimkan ke user melalui World Wide Web. Untuk menampilkan suatu desain web atau isi dari suatu website, dibutuhkan sebuah browser web atau software (perangkat lunak) berbasis web. Tujuan dari web desain adalah untuk membuat website yang meliputi sekumpulan konten online termasuk dokumen dan aplikasi yang berada pada web server. Bisa juga, sebuah website berupa sekumpulan teks, gambar, suara dan konten lainnya, serta dapat bersifat interaktif maupun statis.

Elemen-elemen seperti teks, forms, images (GIFs, JPEGs, Portable Network Graphics) dan video dapat diletakkan di dalam halaman menggunakan tag-tag HTML/XHTML/XML. Browser terkadang juga memerlukan Plug-ins seperti Adobe Flash, QuickTime, Java, dan sebagainya untuk menampilkan beberapa media yang diletakkan di dalam halaman web menggunakan tag-tagHTML/XHTML.

Halaman web dan situs web dapat berupa halaman statis, atau dapat diprogram secara dinamis sehingga menghasilkan halaman web dengan konten atau tampilan visual yang diinginkan, tergantung pada berbagai faktor, seperti masukan dari pengguna akhir, masukan dari Webmaster, atau perubahan dalam lingkungan komputasi (seperti situs yang terkait dengan database yang telah diubah).

• Bahasa Markup (seperti HTML, XHTML dan XML)
• Gaya lembar bahasa (seperti CSS dan XSL)
• Client-side scripting (seperti JavaScript dan VBScript)
• Server-side scripting (seperti PHP dan ASP)
• Teknologi database (seperti MySQL dan PostgreSQL)
• Teknologi multimedia (seperti Flash dan Silverlight)

Perancang web atau desainer web (web designer) adalah orang yang memiliki keahlian menciptakan konten presentasi (biasanya hypertext atau hypermedia) yang dikirimkan ke pengguna-akhir melalui World Wide Web, menggunakan Web browser atau perangkat lunak Web-enabled lain seperti televisi internet, Microblogging, RSS, dan sebagainya.

Web Terdiri Dari 4 Bagian :
1. HTTP (Hyper Text Type Protocol)
2. URL (Uniform Resource Locator)
3. Client Server
4. HTML (Hyper Text Markup Language)

Sumber : http://manpras.blogspot.co.id/2013/03/pengertian-web-design.html

Pengertian Design Web  :

Desain web adalah sekumpulan keterampilan dan disiplin ilmu yang digunakan dalam membangun dan memelihara sebuah website. Disiplin ilmu dan keterampilan dalam bidang desain web meliputi 5 hal yaitu :

1. Desain grafis
   Desain grafis ini berhubungan dengan bagaimana visualisasi grafis yang akan ditanamkan dalam sebuah website yang tentunya mencakup tentang penggunaan kombinasi warna, jenis tulisan, gambar yang digunakan sampai dengan kesesuaian dengan konsep yang akan dibuat.
2. Desain tatap muka/interface
   Desain web juga tidak terlepas bagaimana sebuah website bisa berinteraksi dengan pengunjung melalui rancangan tatap muka yang terstruktur agar informasi yang disampaikan sesuai dengan harapan
3. Penyusunan konten
   Tentunya selain visualisasi grafis dan tatap muka yang baik, konten yang dipublikasikan juga harus berkualitas dengan cara penentuan topik yang sesuai serta cara penyusunan yang baik.
4. Penulisan kode
   Ini berhubungan dengan bagaimana sistem penyajian informasi bisa bekerja stabil dan maksimal, tanpa ada gangguan dan dapat digunakan pada kondisi yang dinamis. Kondisi dinamis disini mengarah kepada keragaman jenis pengunjung dan teknologi maupun perangkat yang digunakan.
5. Optimalisai mesin pencari atau yang sering disebut dengan SEO (Search Engine Optimization).
   Agar informasi yang disampaikan bisa menyebar seluas-luasnya serta mengundang banyak pengunjung tentunya penggunaan teknik SEO yang baik sangat diperlukan.

Untuk mendapatkan hasil yang maksimal, biasanya desain web dilakukan oleh beberapa orang yang memiliki latar belakang berbeda sesuai dengan 5 poin diatas, walaupun sering juga ditemui desain web bisa dilakukan oleh satu orang.
Desain web mulai berkembang sejak tahun 1991 seiring dengan lahirnya teknologi World Wide Web (WWW). Hal ini diikuti pula dengan bermunculanya  beberapa jenis perangkat lunak untuk menampilkan halaman web atau yang sering disebut browser.
Sekitar tahun 1996, desain web semakin berkembang pesat dengan hadirnya beberapa teknologi pendukung yang diintegrasikan pada browser seperti css, javascript dll.

Semoga bermanfaat

sumber : www.satriamultimedia.com/artikel

TUTORIAL PEMBUATAN ANIMASI SEDERHANA MENGGUNAKAN MOTION TWEEN

1.       Pertama tama buka aplikasi flash , disini saya menggunakan adobe flash cs 6

2.       Selanjutnya pilih action script 2.0

3.       Selanjutnya klik oval tool atau shourtcut “o”

4.       Lalu klik frame 15 dan klik kanan pada frame 15 kemudian klik insert keyframe geser bola yg telah dibuat sesuai keinginan

5.       Lalu klik kanan  pada frame 5 create classic tween jika sudah play animasi degan tombol

Ctrl + enter