Kami memiliki nomor atau permintaan dari orang-orang yang mengeluh tutorial kita dalam desain web dan HTML terlalu sulit untuk pemula. Jadi kami memutuskan untuk membagi mereka untuk tutorial pemula dan web design maju dan tutorial HTML. Dalam tutorial pemula, kami akan menjelaskan penggunaan WYSIWYG (Apa yang Anda lihat adalah apa yang Anda dapatkan) editor, seperti Macromedia Dreamweaver dan Microsoft FrontPage. Hal ini bahkan lebih baik untuk belajar HTML dengan editor dan kemudian ketika Anda tingkat pengetahuan menjadi lebih tinggi Anda dapat beralih ke yang lebih editor berbasis kode yang kompleks. Kami juga akan membahas dasar-dasar Photoshop dan editor grafis lain seperti Adobe Illustrator.
Mendefinisikan Persyaratan
Untuk dapat memahami apa yang sedang kita bicarakan kita mungkin menyarankan istilah glossary sederhana desain web. Ini bukan "ilmu" definisi istilah-istilah ini, itu digunakan sebagai penjelasan untuk memberikan gagasan apa yang mereka pada dasarnya berarti, tidak menggali dalam arti teknis.
Website - koleksi dokumen HTML yang terkait dengan topik, dihubungkan dalam beberapa cara untuk memberikan user kemampuan untuk menelusuri mereka dan terletak di satu domain.
Halaman web - dokumen HTML dengan teks, grafik dan media lainnya termasuk.
Search Engine Optimization - jumlah tindakan yang dilakukan oleh webmaster untuk mencapai posisi yang lebih baik dalam daftar mesin pencari. Tempat tinggi kesempatan lebih pengguna akan memasuki situs web Anda.
Link - potongan kode HTML yang memungkinkan Anda menghubungkan halaman web Anda di sebuah website. Dengan mengklik link Anda akan mengunjungi halaman web atau file lainnya.
URL - alamat dari file yang mungkin Anda dapatkan melalui Internet. Pretty much bekerja sebagai link ke file atau dokumen HTML.
Domain - nama server di Internet.
Alamat IP - nama unik dari setiap komputer yang terhubung ke Internet.
SPAM - email komersial yang tidak diinginkan. Hal sampah lalu lintas internet dan server mail.
HTML - bahasa yang digunakan untuk menggambarkan posisi teks dan gambar pada halaman web Anda.Ini bukan bahasa pemrograman, melainkan lebih Hyper Teks Markup Language. Itulah yang merupakan singkatan akronim HTML.
Photoshop - program yang paling maju digunakan untuk mengedit grafis untuk halaman web. 95% dari desainer menggunakannya untuk membangun website ada.
WYSIWYG - konsep dalam pemrograman yang memungkinkan untuk melihat pengkodean yang sebenarnya tidak siap melainkan unsur-unsur proyek itu akan ditampilkan dalam program atau halaman web.
Macromedia Dreamweaver - program yang digunakan untuk mengedit kode HTML. Ini adalah editor WYSIWYG.
Microsoft FrontPage - lain editor WYSIWYG dari Microsoft.
Berbasis teks HTML editor - editor yang tidak memberi Anda kemampuan untuk melihat dan mengoperasikan unsur-unsur yang terlihat dari halaman Anda, tetapi bekerja dengan kode. Ini lebih baik maka editor WYSIWYG editor dalam hal mengendalikan tag HTML muncul dalam kode. Ini lebih baik untuk editor HTML coders maju.
Apa itu HTML
Bagian I
World Wide Web (WWW) adalah berkelok-kelok dari halaman Web, yang dibuat dengan bantuan bahasa apa yang disebut sebuah menandai hypertext HTML (Hypertext Markup Language). Meskipun banyak berbicara tentang pemrograman dalam bahasa ini, HTML sama sekali bukan bahasa pemrograman dalam pemahaman tradisional. HTML adalah bahasa yang menandai dokumen. Dengan pengembangan dokumen-HTML menandai dokumen teks justru dilakukan sama dengan editor melalui pensil merah melakukannya.Tanda ini melayani untuk indikasi bentuk representasi dari informasi yang terdapat dalam dokumen.
Khusus program tampilan HTML-dokumen, yang sering nama browser, melayani untuk interpretasi dari file ditandai dengan aturan HTML, mereka sudah diformat sebagai halaman Web dan menampilkan isinya di layar komputer. Ada banyak program - browser yang dikembangkan oleh berbagai perusahaan, namun, untuk hari ini dari semua berbagai program dua program - pemimpin - Netscape Communicator dan Microsoft Internet Explorer.
Perusahaan Netscape Communications Corporation mengembangkan program Netscape Navigator. Selain produk-produk perangkat lunak banyak, memiliki nomor versi dari program ini. MS Internet Explorer yang dikembangkan oleh perusahaan Microsoft.
browser lain jauh tertinggal di belakang popularitas. Beberapa tahun yang lalu browser Netscape perusahaan tempat terdepan di antara browser, lebih dari dua pertiga dari pengguna yang diterapkan program ini melihat. Setelah merilis browser, perusahaan Microsoft telah melakukan upaya besar untuk keuntungan sebesar ini bagian dari pasar.Dalam media massa sering ada pesan pada perang antara browser bagi pengguna.Sekarang ini dua browser yang dibandingkan pada popularitas. Pertumbuhan popularitas browser Microsoft dipromosikan oleh dimasukkannya browser dalam struktur sistem operasi Windows 98, namun akhirnya, pilihan tetap untuk browser pengguna. Namun statistik kami menunjukkan sekitar 90% pengguna menggunakan MS Internet Explorer.
Untuk memahami, bahwa bahasa itu sendiri merupakan sebuah tanda, kita akan ingat jenis tua kali ketika banyak bekerja dengan editor teks seperti WordStar. Dalam mereka untuk alokasi setiap frase, misalnya, semi font tebal, pada awalnya dan pada akhirnya membuat tanda khusus (/ B dan / b):
/ BThis teks akan ditampilkan dengan huruf tebal semi / B
Pada kesimpulan dari teks tersebut ke printer (masih berbicara tentang menampilkan tidak pergi, pada saat-saat jauh dari mereka masih baik tidak pada umumnya atau ada yang menampilkan alfanumerik, tidak memungkinkan untuk mengubah font) simbol /? terpaksa menggunakan font tebal semi sampai akan ada simbol / b.
HTML bekerja tepat dengan cara yang sama. Jika ada kebutuhan untuk mengalokasikan teks pada layar font tebal semi dapat dibuat sama:
Teks ini akan ditampilkan dengan huruf tebal semi
Simbol termasuk tebal semi melacak, dan simbol-simbol mematikan itu. simbol tersebut yang beroperasi menampilkan teks dan dengan demikian tidak ditampilkan pada layar, dalam HTML bahasa itu diterima untuk nama tag (dari kata Inggris tag - label, atribut).
Semua tag HTML bahasa dialokasikan dengan simbol - terminator (
Apa itu HTML
Bagian II
Sebagian besar tag HTML digunakan berpasangan, yaitu untuk tag tertentu, kita akan nama pembukaannya, dalam dokumen tersebut ada tag penutup yang sesuai. Dengan aturan HTML tag penutup memasuki nama sama dan membuka, tetapi dengan simbol / (garis lurus) sebelum nama tag. Unik perbedaan dasar pasangan tag adalah tag penutup tidak menggunakan parameter.
Tag, yang membutuhkan tag finishing yang sesuai, kita akan nama tag - kontainer. Segala sesuatu, yang ditulis antara tag pembuka dan penutup yang sesuai, kita akan nama isi tag - kontainer. Kadang-kadang tag finishing dapat diabaikan. Sebagai contoh, untuk menggambarkan tag tabel diberikan untuk
Ada beberapa tag yang tag finishing jatuh mayoritas penulis dokumen. Sebagai contoh tag dari elemen daftar
ayat dapat melayani. browser modern dalam banyak kasus format dokumen dengan benar jika beberapa tag finishing dihilangkan, tetapi praktik seperti itu tidak dapat direkomendasikan.
Sejumlah pada dasarnya tag tidak memerlukan finishing tag. Sebagai contoh indikasi
baris, dll Sering dari penerapan tag adalah mungkin untuk menebak, apakah itu memerlukan dalam menyelesaikan.
Ada aturan umum interpretasi tag browser. Seperti terhadap bahasa pemrograman di mana operator yang keliru mengakibatkan pengiriman pesan terkait pada tahap penyusunan program dan mengedit permintaan, di HTML tidak diterima untuk bereaksi untuk merekam tag yang salah. Ditulis salah tag atau parameter yang harus diabaikan oleh browser yang sederhana. Aturan umum untuk semua browser yang jatuh di bawah tindakan tidak hanya salah dituliskan tag, tapi juga tag, tidak diakui versi browser tertentu.Sebagai contoh tag yang disarankan dan menyadari untuk browser yang terpisah dan tidak diketahui untuk browser lain dapat melayani. Sebagai contoh, tag - kontainer
Apa itu HTML
Bagian III
Tag dapat memasukkan nama dengan parameter atau atribut. Set parameter yang diijinkan adalah individual untuk setiap tag. Aturan Umum adalah sebagai berikut: tag dipisahkan dengan spasi. Banyak parameter permintaan instruksi nilai-nilai mereka, namun beberapa parameter tidak memiliki nilai atau dapat memasukkan nama tanpa mereka, menerima nilai-nilai secara default. Jika parameter permintaan nilai yang digarisbawahi setelah nama parameter melalui tanda-sama. Nilai baik dapat digunakan dengan parameter atau tanpa. Kami akan hasil contoh catatan tag dengan parameter:
Berikut untuk tag sudah diatur dua parameter. The Border Parameter pertama ditetapkan tanpa nilai. Parameter kedua hal ALIGN kiri.
Kita akan disebutkan di sini parameter umum tag tidak berbicara tentang mereka pada deskripsi setiap tag.
Semua tag yang diijinkan untuk digunakan dalam bagian dokumen HTML, dapat memiliki parameter KELAS, ID, LANG, Bahasa, STYLE dan TITLE. Penggunaan parameter ini berguna, pertama-tama, di registrasi resmi gaya kertas.
Parameter KELAS, ID, STYLE didukung Internet Explorer, sejak versi 3.0, dan Netscape, sejak versi 4.0. Parameter-parameter yang diperlukan pada penggunaan gaya.
Parameter LANG, Bahasa, JUDUL - yang didukung hanya Internet Explorer, sejak versi 4,0.Parameter ini menentukan, sesuai, menggunakan bahasa, bahasa catatan skrip (misalnya, Bahasa = JavaScript), dan juga teks bantuan yang diberikan pada dorongan indeks dari mouse pada elemen yang diberikan (JUDUL).
Dalam HTML modern, selain tag bahasa dan isinya, dalam kode HTML-kode awal script (javascript atau VBScript) juga memasukkan nama.
Finishing meninjau HTML umum, kita akan dicatat, bahwa dasar-dokumen HTML merupakan file teks biasa, untuk melihat dan mengedit yang dimungkinkan untuk mengambil keuntungan dari editor teks apapun. File-file ini biasanya memiliki ekstensi HTM atau HTML.
FrontPage vs Dreamweaver
Ada dua utama WYSIWYG (Apa yang Anda Lihat adalah Apa yang Anda Dapatkan) editor yang tersedia untuk pemula. Ini adalah: Microsoft FrontPage dan Macromedia Dreamweaver. Jadi pertanyaannya adalah mana yang lebih baik?
Artikel ini tidak dimaksudkan untuk mempermalukan Dreamweaver atau editor FrontPage.Aku hanya berusaha untuk menganalisis kedua program dari titik yang berbeda, berdasarkan penelitian internet, pengalaman dari pengguna lain dan bertahun-tahun pengalaman coding html.
Untuk berkata jujur aku bukan penggemar keduanya. Dalam produksi kita secara teratur menggunakan AceHtmlPro tetapi kenyataannya adalah bahwa banyak pelanggan kami DO menggunakan FrontPage atau Dreamweaver baik dan itulah alasan karyawan kami harus akrab dengan keduanya. Menulis artikel saya telah berbicara dengan barang-barang kami dan melakukan beberapa penelitian tentang kedua editor dan saya datang dengan fakta yang saya ingin berbagi dengan Anda.
Plus dan minus dari MS FrontPage:
1. FrontPage karena semua produk Microsoft telah begitu banyak template dan siap untuk menggunakan solusi bahwa Anda tidak bisa mengakui lebih mudah untuk pemula untuk mulai menggunakan FrontPage untuk membangun website yang pertama. Anda dapat membuat situs pribadi sederhana atau bisnis dengan beberapa klik dan semua yang Anda perlu lakukan selanjutnya adalah memasukkan teks dan gambar, bukan digunakan oleh FrontPage secara default.
2. Kabar baiknya adalah FrontPage halaman html sama persis seperti yang muncul di MS Explorer dan kabar buruk adalah bahwa mereka melihat HANYA sempurna dalam MS Explorer. Namun Anda mungkin program FrontPage untuk menghilangkan tag jahat tapi saya percaya memerlukan tangan pengkodean untuk menyesuaikan halaman untuk Netscape atau Opera. Lain kabar baik untuk pengguna FrontPage: sekitar 93% dari semua klien menggunakan MS Internet Explorer 5 dan yang lebih tinggi.
3. Seperti aplikasi Microsoft FrontPage lebih baik dengan halaman ASP, yang merupakan standar untuk hosting berbasis Windows dan pemrograman berbasis windows.
4. MS FrontPage sempurna berinteraksi dengan produk MS Office lainnya. Sebagai contoh Anda dengan mudah dapat memotong dan menempelkan beberapa grafik dari MS Excel ke FrontPage wilayah kerja.
5. Secara default MS FrontPage menggunakan tabel dengan lebar tetap dan kadang-kadang bisa menjadi masalah untuk membuatnya menampilkan tabel dengan lebar persentase.
Plus dan minus dari Macromedia Dreamweaver:
1. Anda dapat membangun sendiri template dan menggunakannya untuk mengedit ratusan halaman situs Web Anda dengan satu klik. Meskipun Dreamweaver menambahkan beberapa tag html komentar untuk file untuk membedakan daerah dapat diedit dan tidak dapat diedit dan saya membaca di salah satu forum bahwa orang mengalami kesulitan menerapkan template untuk lebih dari 700 halaman saat mereka kehabisan memori, tetapi saya belum pernah kesempatan untuk menguji itu.
2. Halaman dilakukan dengan Dreamweaver biasanya memiliki lebih sedikit sampah dalam coding. Mereka tampak hampir sempurna dengan Netscape, Opera dan MS Explorer.
3. Dreamweaver melakukan hal luar biasa dengan file SSI dan sisi server lain termasuk teknologi. kode Php terlihat jauh lebih bagus namun dengan ASP script FrontPage masih lebih baik.
4. Dreamweaver adalah berinteraksi lebih baik dengan produk macromedia lainnya.
5. Kedua editor dalam banyak kasus layar CSS (Cascading Style Sheets) dengan benar.Tetapi jika Anda memasukkan gaya atribut dua kali dalam Dreamweaver untuk itu pasti akan merusak halaman Anda dan Anda akan dapat melihat pratinjau halaman sebelum Anda sebagian kesalahan ini. Namun FrontPage menangani kesalahan tersebut dengan mudah.
Ada banyak orang lain plus dan minus di kedua editor jika saya menulis tentang al dari mereka mungkin aku harus mulai buku ketimbang artikel tunggal, tapi yang saya telah menyebutkan paling aku mendengar.
ide saya adalah bahwa MS FrontPage sangat ideal untuk pemula karena menyediakan bantuan begitu banyak dan template, maka Anda harus pindah ke Dreamweaver saat Anda merasa diri Anda lebih nyaman dengan kode html dan akhirnya, jika anda serius tentang desain web, Anda harus mencapai tangan tingkat coding karena masih cara terbaik untuk pengkodean halaman. Ini memberi Anda kebebasan menggunakan tag dan gaya, seperti yang Anda ingin mereka gunakan. Namun jangan lupa tangan Anda memvalidasi kode, atau kode yang dihasilkan dengan FrontPage atau Dreamweaver. Anda akan terkejut jika Anda tahu berapa banyak kesalahan yang dihasilkan selama coding mulai dari link yang rusak untuk atribut tag yang tidak valid.
0 komentar:
Posting Komentar