Teknologi Informasi

TEKNOLOGI INFORMASI

  Disusun Oleh
                                      
          Fransius Try Syahputra Siahaan 
                                           

 Nim:26010311140097

Teknologi adalah Suatu alat yang mampu untuk mempermudah atau memperlancar suatu pekerjaan. Alat dalam suatu teknologi dapat berupa perangkat baik itu perangkat keras maupun perangkat lunak.

Teknologi Informasi adalah suatu teknologi yang digunakan untuk mengolah data, termasuk memproses, mendapatkan, menyusun, menyimpan, memanipulasi data dalam berbagai cara untuk menghasilkan informasi yang berkualitas, yaitu informasi yang relevan, akurat dan tepat waktu, yang digunakan untuk keperluan pribadi, bisnis, dan pemerintahan dan merupakan informasi yang strategis untuk pengambilan keputusan.
Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web. Dreamweaver MX dalam hal ini digunakan untuk web desain.dreamweaver MX mengikutsertakan banyak tool untuk kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain : Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan kita mengedit kode Javascript, XML, dan dokumen teks lain secara langsung dalam Dreamweaver. Teknologi Dreamweaver Roundtrip HTML mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML bila kita menginginkannya. Selain itu Dreamweaver juga dilengkapi kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam situs. Kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link, kompatibilitas browser, maupun perkiraan waktu download halaman web.

         2.1.1. Pengertian Internet dan intranet Internet adalah jaringan komputer yang saling terhubung ke seluruh dunia tanpa mengenal batas teritorial, hukum dan budaya. Secara fisik dianalogikan sebagai jaring laba-laba (The Web) yang menyelimuti bola dunia dan terdiri dari titik-titik (node) yang saling berhubungan.atau Internet dapat diartikan sebagai jaringan komputer luas dan besar yang mendunia, yaitu menghubungkan pemakai komputer dari suatu negara ke negara lain di seluruh dunia, dimana di dalamnya terdapat berbagai sumber daya informasi dari mulai yang statis hingga yang dinamis dan interaktif. Singkatan dari Interconnection Networking. The network of the networks. Diartikan sebagai a global network of computer networks atau sebuah jaringan komputer dalam skala global/mendunia. Jaringan komputer ini berskala internasional yang dapat membuat masing-masing komputer saling berkomunikasi. Network ini membentuk jaringan inter-

1. koneksi (Inter-connected network) yang terhubung melalui protokol TCP/IP. Dikembangkan dan diuji coba pertama kali pada tahun 1969 oleh US Department of Defense dalam proyek ARPAnet. Intranet adalah LAN yang menggunakan standar komunikasi dan segala fasilitas Internet, diibaratkan berInternet dalam lingkungan lokal. Keistimewaan fasilitas Intranet yang tidak terdapat pada jaringan lokal (LAN) konvensional adalah : Tampilan WEB (grafis, multimedia) pada sistem operasi, navigasi, aplikasi,maupun databasenya.

2. Pengertian Web (World Wide Web) Web adalah sebuah sistem dimana informasi dalam bentuk teks, gambar,suara, dan lain-lain yang tersimpan dalam sebuah internet. Situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi, gambar gerak, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan link-link. • webserver dipresentasikan dalam bentuk hypertext. • Informasi di web dalam bentuk teks umumnya ditulis dalam format HTML (Hypertext Markup Language). Informasi lainnya disajikan dalam bentuk grafis • (dalam format GIF, JPG, PNG), suara (dalam format AU, WAV), dan objek multimedia lainnya (seperti MIDI, Shockwave, Quicktime Movie,3D World).
   Untuk membangun situs diperlukan beberapa unsur yang harus ada agar situs dapat berjalan dengan baik dan sesuai yang diharapkan. Unsur-unsur yang harus ada dalam situs antara lain: a. Domain Name Domain name atau biasa disebut nama domain adalah alamat permanen situs di dunia internet yang digunakan untuk mengidentifikasi sebuah situs atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan situs kita pada dunia internet. Istilah yang umum digunakan adalah URL. Contoh sebuah URL adalah http://www.octa_haris.tripod.com--dapat juga tanpa www--Ada banyak macam nama domain yang dapat kita pilih sesuai dengan keinginan. Berikut beberapa nama domain yang sering digunakan dan tersedia di internet:
   1. Generic Domains(gTLDs) Merupakan domain name yang berakhiran dengan .Com .Net .Org .Edu .Mil atau .Gov. Jenis domain ini sering juga disebut top level domain dan domain ini tidak berafiliasi berdasarkan negara, sehingga siapapun dapat mendaftar. Nama-nama Domain: • com , co : komersial • (www.microsoft.com, www.rcti.co.id ) • edu , ac : pendidikan • ( www.ucla.edu, www.gunadarma.ac.id ) • gov , go : pemerintahan • ( www.fbi.gov, www.bppt.go.id )
   2. Country-Specific Domains (ccTLDs) Yaitu domain yang berkaitan dengan dua huruf ekstensi, dan sering juga disebut second level domain, seperti .id(Indonesia), .au(Australia), .jp(Jepang) dan lain lain. Domain ini dioperasikan dan di daftarkan dimasing negara. Di Indonesia, domain-domain ini berakhiran, .co.id, .ac.id, .go.id, .mil.id, .or.id, dan pada akhir-akhir ini ditambah dengan war.net.id, .mil.id, dan web.id. Penggunaan dari masing-masing akhiran tersebut berbeda tergantung pengguna dan pengunaannya, antara lain: • Satu IP Address mempunyai suatu nama untuk dapat mempermudah identifikasi host.Dalam tata cara penamaan digunakan istilah Domain, digunakan untuk menentukan posisi hirarki host di jaringan. • Penulisan Domain Name System • Nama-nama Domain • com , co : komersial • (www.microsoft.com, www.rcti.co.id ) • edu , ac : pendidikan • ( www.ucla.edu, www.gunadarma.ac.id ) • gov , go : pemerintahan • ( www.fbi.gov, www.bppt.go.id ) Ditujukan bagi badan usaha, organisasi ataupun perseorangan yang melakukan kegiatannya di Worl Wide Web.Nama domain dari tiap-tiap situs di seluruh dunia tidak ada yang sama sehingga tidak ada satupun situs yang akan dijumpai tertukar nama atau tertukar halaman situsnya. Untuk memperoleh nama dilakukan penyewaan domain, biasanya dalam jangka tertentu(tahunan). b. Hosting Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan di situs. Besarnya data yang bisa dimasukkan tergantung dari besarnya hosting yang disewa/dipunyai, semakin besar hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam situs.Hosting juga diperoleh dengan menyewa. Besarnya hosting ditentukan ruangan harddisk dengan ukuran MB(Mega Byte) atau GB(Giga Byte).Lama penyewaan hosting rata-rata dihitung per tahun. Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa web hosting yang banyak dijumpai baik di Indonesia maupun Luar Negri. c. Scripts/Bahasa Program Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam situs yang pada saat diakses. Jenis scripts sangat menentukan statis, dinamis atau interaktifnya sebuah situs. Semakin banyak ragam scripts yang digunakan maka akan terlihat situs semakin dinamis, dan interaktif serta terlihat bagus. Bagusnya situs dapat terlihat dengan tanggapan pengunjung serta frekwensi kunjungan. Beragam scripts saat ini telah hadir untuk mendukung kualitas situs. Jenis jenis scripts yang banyak dipakai para designer antara lain HTML, ASP, PHP, JSP, Java Scripts, Java applets dsb. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan ASP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis, dan interaktifnya situs.Scripts ASP, PHP, JSP atau lainnya bisa dibuat sendiri, bisa juga dibeli dari para penjual scripts yang biasanya berada di luar negri. Harga Scripts rata-rata sangat mahal karena sulitnya membuat, biasanya mencapai puluhan juta. Scripts ini biasanya digunakan untuk membangun portal berita, artikel, forum diskusi, buku tamu, anggota organisasi, email, mailing list dan lain sebagainya yang memerlukan update setiap saat. Khusus Jilbab Online menggunakan bahasa ASP(Active Server Pages). d. Design Web Setelah melakukan penyewaan domain dan hosting serta penguasaan scripts, unsur situs yang paling penting dan utama adalah design. Design web sangat menentukan kualitas dan keindahan situs. Design sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah web site.Untuk membuat situs biasanya dapat dilakukan sendiri atau menyewa jasa web designer. Saat ini sangat banyak jasa web designer, terutama di kota-kota besar. Perlu diketahui bahwa kualitas situs sangat ditentukan oleh kualitas designer. Semakin banyak penguasaan web designer tentang beragam program/software pendukung pembuatan situs maka akan dihasilkan situs yang semakin berkualitas, demikian pula sebaliknya. Jasa web designer ini yang umumnya memerlukan biaya yang tertinggi dari seluruh biaya pembangunan situs dan semuanya itu tergantu ng kualitas designer. e. Publikasi Keberadaan situs tidak ada gunanya dibangun tanpa dikunjungi atau dikenal oleh masyarakat atau pengunjung internet. Karena efektif tidaknya situs sangat tergantung dari besarnya pengunjung dan komentar yang masuk. Untuk mengenalkan situs kepada masyarakat memerlukan apa yang disebut publikasi atau promosi.Publikasi situs di masyarakat dapat dilakukan dengan berbagai cara seperti dengan pamlet-pamlet, selebaran, baliho dan lain sebagainya tapi cara ini bisa dikatakan masih kurang efektif dan sangat terbatas. cara yang biasanya dilakukan dan paling efektif dengan tak terbatas ruang atau waktu adalah publikasi langsung di internet melalui search engine-search engine(mesin pencari, spt : Yahoo, Google, Search Indonesia, dsb)Cara publikasi di search engine ada yang gratis dan ada pula yang membayar. Yang gratis biasanya terbatas dan cukup lama untuk bisa masuk dan dikenali di search engine terkenal seperti Yahoo atau Google. Cara efektif publikasi adalah dengan membayar, walaupun
   harus sedikit mengeluarkan akan tetapi situs cepat masuk ke search engine dan dikenal oleh pengunjung.
   3. Web blog adalah sebuah program yang dijalankan dengan menggunakan jaringan internet, yang dalam pembuatannya tidak membutuhkan software khusus karena pada masing – masing website tersebut sudah memiliki fasilitas berupa design blog, sehingga pembuat tinggal memilih design blog sesuai dengan keinginannya. Dalam pembuatannya juga tidak sulit, cukup masuk ke website yang memberikan jasa pembuatan blog gratis seperti pada www.wordpress.com ataupun blogspot.com serta masih banyak lagi contoh yang lainnya, maka kita pun bisa memiliki blog sendiri.
   4. PHP Triad merupakan software yang dapat membangun sebuah PHP server di dalam PC berbasis Windows. Versi PHP Triad yang digunakan penulis adalah versi 2.2. Pada Software ini terdapat paket-paket menarik, misalnya Apache web server (2.2.1), MySQL (3.23.48,PHP (4.1.1) dan juga PERL yang diinstal secara built-in ketika PHP Triad diinstal. Selain itu, telah disediakan PHP Triad Control Panel untuk memudahkan dalam mengelola dan mengatur penggunaan PHP Triad, baik itu mengedit maupun melakukan perubahan. Sehingga implementasinya, kita tidak lagi direpotkan dengan bagaimana cara melakukan setting atau mengkonfigurasikan salah satu dari ketiga komponen tersebut, baik itu PHP, Apache, maupun MySQL, agar dapat difungsikan satu dengan lainnya. Oleh karena itu, banyak sekali kemudahan yang didapatkan dengan menggunakan software ini dalam PC Anda, dalam membuat website yang handal dan powerfull, walaupun dengan komputer stand-alone (tidak terhubung dengan jaringan). Selain itu software ini juga berbasis pada gerakan open source, sehingga dapat didistribusikan secara bebas.
   5. MySQL adalah suatu perangkat lunak database relasi (Relational Database Management System atau RDBMS), seperti halnya ORACLE, Postgresql, MS SQL, dan sebagainya. MySQL AB menyebut produknya sebagai database open source terpopuler di dunia. Berdasarkan riset dinyatakan bahwa bahwa di platform Web, dan baik untuk kategori open source maupun umum, MySQL adalah database yang paling banyak dipakai. Menurut perusahaan pengembangnya, MySQL telah terpasang di sekitar 3 juta komputer. Puluhan hingga ratusan ribu situs mengandalkan MySQL bekerja siang malam memompa data bagi para pengunjungnya. 2.1.3. Pengertian Macromedia Dream Weaver untuk arti atau pengertian dari Macromedia dream weaver adalah sebuah editor HTML profesional untuk mendesain secara visual dan mengelola website dan halaman web. Konsep WYSYWIG (What You See IS What You Get) HTML (HyperText Mark-up Language) akan memberikan anda membuat halaman web dan web sites secara mudah dan cepat. Tetapi dibalik itu semua, dreamweaver juga memberikan anda kemudahan mempelajari DHTML (Dynamic HTML), yang bisa membuat website lebih menarik dan lebih interaktif. Tidak hanya berhenti disini, dreamweaver juga mempunyai fasilitas FTP (File Transfer Protocol) untuk upload situs anda ke Internet ketika proses desain sudah selesai dibuat. Yang termasuk Fasilitas Dreamweaver adalah coding tools dan features: HTML, CSS, dan JavaScript reference, a JavaScript Debugger, dan code editors (the Code view and Code inspector) yang bisa untuk mengedit JavaScript, XML, dan dokumen text lainnya secara langsung dalam Dreamweaver. Teknologi Macromedia tentang HTML mengimport dokumen HTML tanpa memformat ulang code nya - dan kita bisa dengan mudah mengeset Dreamweaver untuk membersihkan dan memformat ulang HTML kapan pun yang kita inginkan. Fungsi penting pada dreamweaver antara lain:Peningkatan kemampuan multimedia, Team collaboration, Layout View.
   2.2. Metode.
   
   Pada praktikum teknologi informasi ini ada hal – hal yang harus dilakukan terlebih dahulu atau dalam arti langkah – langkah yang harus dilakukan untuk menjalankan dari software Macromedia dream weaver. adapun langkah – langkahnya yaitu: Sebelum kita mulai, pastikan di komputer Anda sudah terinstal Dreamweaver. Di tulisan ini saya tidak membahas mengenai instalasi software Dreamweaver. Jadi saya menganggap bahwa software Dreamweaver sudah terinstal di komputer anda.Pertama - tama, buka Dreamweaver pada komputer Anda. Kurang lebih tampilannya seperti berikut. Lalu buat dokumen HTML baru dengan memilih menu File > New atau dengan menggunakan Ctrl+N. Dengan sekejap window baru akan terbuka dengan judul "New Document". Window ini adalah wizard yang berguna untuk memandu anda dalam membuat dokumen baru. Pada daftar Category, pilih "Basic Page". Pada daftar Basic Page(yang berada di sebelah kanan) pilih "HTML". Setelah itu klik tombol "Create", maka dokumen baru akan muncul. 1. Membuat dokumen HTML kosong baru : Pada lampiran windows, pilih menu File > New.
   Ketika dokumen baru telah dibuat, Dreamweaver menyediakan 3 jenis mekanisme dalam pembuatan halaman website antara lain adalah Code, Split dan Design. Code ditujukan untuk Anda yang familiar dengan sintaksis HTML. Design ditujukan untuk Anda yang tidak familiar dengan sintaksis HTML. Sedangkan Split ditujukan untuk menggunakan kedua - duanya.
   Pilih mode Design. Kali ini kita akan membuat dasar layout HTML. Pada dasarnya dokumen HTML bisa didesain dengan menggunakan pola tabel. Ada juga yang menggunakan tag div. Tapi untuk kali ini kita akan mencoba mendesain dengan menggunakan tabel. Pilih "layout" pada pilihan kontrol, lalu pilih icon tabel untuk membuka settingan tabel yang akan dibuat. Masukkan nilai 1 pada field Rows, nilai 1 pada field Column dan seterusnya seperti yang terlihat pada gambar. Tabel ini akan digunakan sebagai kerangka dasar desain berikutnya. Tabel ini akan berisi satu baris dan satu kolom. Jadi dalam pembuatan hadalam website dengan menggunakan tabel menggunakan konsep baris dan
   Setelah tabel pertama sudah tampil, arahkan kursor ke dalam tabel yang memiliki satu baris dan satu kolom. Lalu lakukan hal yang sama untuk membuat tabel lagi seperti tabel yang pertama. Hana saja parameter yang dimasukkan sedikit berbeda yaitu Rows diisi 3 dan kolom diisi 1 dan seterusnya seperti yang pada gambar Tabel ini akan menampilkan 3 baris dan satu kolom, yang berarti baris pertama akan digunakan sebagai Header, baris kedua digunakan sebagai Content dan baris ketiga digunakan sebagai Footer dari halaman website.
   Jika anda mengikuti langkah - langkah diatas dengan benar maka tampilan yang akan tampil pada layar adalah seperti berikut. 2. Untuk membuka file HTML yang sudah ada : Pilih menu File > Open Anda dapat memilih file HTML yang anda inginkan. Membuat dokumen baru berdasarkan template : • Pilih menu File > New from Template. Akan kelihatan dialog box, daftar template-template yang ada (anda harus membuat sebuah template terlebih dahulu sebelum membuat dokumen baru berdasarkan template) • Pilih salah satu template. Dokumen baru akan dibuat berdasarkan template tersebut. 3. Menyimpan dokumen : • Pilih menu File > Save. • Klik nama file dan tentukan dimana anda ingin menyimpan file tersebut. Catatan : Dreamweaver akan secara otomatis menyimpan file tersebut dalam bentuk htm atau html. • Klik button Save untuk menyimpan file tersebut. 4. Mengatur document properties Judul halaman, background image dan warna -warna: teks dan warna link adalah dasar dari semua dokumen HTML. Judul halaman merupakan identiti dan nama dokumen. Background image atau gambar background dari halaman (kita boleh juga mengunakan
   warna untuk background) diatur untuk keseluruhan lampiran dari dokumen tersebut. Teks dan warna link membantu untuk pengunjung laman membezakan teks mana yang boleh masuk kehalaman lain, dan juga boleh membezakan dari warna teks link sudah dikunjungi atau belum. 5. Mengubah judul halaman: Judul dari halaman HTML sangat membantu pengunjung tetap dapat memberitahu site apa yang sedang pengunjung buka, dapat dilihat pada menu bar windows dibawah. Jika anda memberi judul pada halama n tersebut maka tidak akan kelihatan identiti halaman tersebut pada lampiran window. 6. Untuk mengganti judul halaman : Langkah-langkah : • Pilih menu Modify > Page Properties. • Klik kursor anda pada ruang kosong di halaman web. Lalu pilih Page Properties dengan mengklik kanan mouse anda. Masukkan judul untuk halaman tersebut pada title text box. 7. Dreamweaver Work Area
   Kita mulai dengan overview dari dreamweaver work area atau ruang kerja dreamweaver. Jika anda belum masuk ke dalam program dreamweaver, klik 2 kali pada icon shortcut dreamweaver atau klik pada start menu pilih program lalu pilih program macromedia dreamweaver MX , klik 1 kali pada icon dreamweaver MX. Pada area kerja dreamweaver MX akan kelihatan seperti di bawah ini : • Pada lampiran di atas adalah lampiran dimana dokumen yang akan anda buat dan edit. • Pada object panel terdapat icon-icon yang dapat anda klik untuk memasukkan object pada dokumen anda dan untuk mengubah cara anda dalam pembuatan halaman web. • Launcher bar terdapat button-button untuk membuka dan menutup panel-panel icon dimana anda sering menggunakannya dalam bekerja. • Pada property inspector ditampilkan properti-properti dari object atau text yang dipilih dan anda dapat memodifikasi properti tersebut. (contoh = jenis text, ukuran text, dan sebagainya)
   Untuk membuka lampiran windows, inspector dan panel-panel, gunakan menu Window. Beri tanda check untuk memilih lampiran mana yang anda perlukan pada lampiran window. 8. Document Window Pada baris judul dari lampiran document window: ditunjukkan judul halaman, nama folder dan nama file ada dalam tanda kurung. Bila file anda belum disimpan akan terdapat tulisan unsaved . Status bar , didapat pada bahagian paling bawah document window, menunjukkan informasi-informasi tentang dokumen yang sedang anda buat. Pada tag selector memaparkan HTML control pada text atau object yang anda pilih. Klik salah satu text atau object ma ka pada tag selector akan kelihatan HTML control, contoh anda dapat mengklik pada dokumen window, pada tag selector akan kelihatan tulisan disini menunjukan anda sedang bekerja pada body dari dokumen secara HTML. Pada Window size pop-up menu dapat melihat ukuran window yang ditampilkan dan anda dapat mengedit lampiran ukuran yang anda inginkan . Disebelah kanan menu window size pop -up dapat anda lihat ukuran besarnya file dokumen dan waktu yang di perlukan untuk download file pada lampiran window. Launcher bar yang terdapat di sebelah kanan bawah pada lampiran window, pada setting awal launcher bar buttons akan memaparkan Asset panel, HTML styles panel, CSS styles panel, Behaviors panel, History panel dan Code inspector. 9. Mengatur ukuran window Pada status bar di dokumen window: memaparkan dimensi atau ukuran window saat itu (dalam pixel ). Jika anda mengklik ukuran window ini, Dreamweaver memaparkan menu window size pop-up , dimana anda dapat mengatur ukuran yang sesuai untuk lampiran pada monitor anda. Untuk merekabentuk sebuah halaman pada ukuran spesifik yang terbaik, anda dapat memilih pada ukuran yang sudah ditentukan, mengatur ukuran yang sudah ditentukan itu sesuai dengan keinginan anda atau membuat ukuran baru.
   10. Mengatur format teks
   • Ukuran teks atau font dapat diatur pada kolom size
   • Anda dapat memilih align dari teks anda
   • Membuat list numbering atau bullet Bekerja dengan macam-macam warna Pada Dreamweaver, ada bermacam-macam dialog box, seperti juga pada Property inspector ada menu untuk kotak-kotak pilihan warna untuk teks. Anda tinggal memilih warna-warna sesuai dengan keinginan anda. Memilih warna pada Dreamweaver :
   • Klik salah satu kotak warna pilihan Hyperlink 11. Membuat Hyperlink dari Property inspector: Anda dapat membuat hyperlink teks dari halaman yang dibuka ke halaman lain menggunakan kemudahanproperty inspector .
   1.Pilih teks yang akan anda hyperlink.
   2.Shadding teks tersebut (menekan tombol kiri pada mouse, pilih teks yang akan di link), lalu pindahkan kursor anda pada property inspector bar, klik pada area Link klik nama file yang dituju.
   3.Pindahkan kursor ke sebarang tempat, maka teks anda sudah Hyperlink Anda juga dapat memilih tujuan link dengan membuka lambang folder , maka akan kelihatan dialog box , dimana anda dapat memilih file yang anda inginkan. 12. Memasukkan Image atau gambar: Anda akan belajar dengan 2 cara untuk memasukkan image pada Dreamweaver , dengan menggunakan main menu dan dengan menggunakan Object panel.
   1. Klik kursor pada tempat dimana anda ingin memasukkan image. (coba anda klik tempat paling atas pada dokumen anda)
   2. Pilih menu Insert > Image
   3. Kelihatan dialog box untuk memilih file image, b uka folder images. Pilih file logo, pada dialog box sebelah kanan anda akan melihat preview dari image tersebut.
   4. Klik select , maka image tersebut akan masuk pada dokumen anda. 13. Pembaca juga boleh melihat kode-kode HTML yang telah tercipta: pada halaman web yang Anda buat tersebut dengan memilih layar Code. 14. Untuk melihat hasilnya, silahkan buka kembali file index.html: (double klik dari bagian Panel Files) lalu tekan tombol F12 pada keyboard Anda, atau dapat langsung mengklik file index.html dari folder rem_webku.