1 / 20

Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD

Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD. NAMA KELOMPOK Iie Kurniasih (021110044 ) Siti Nuraini ( 021110002 ) Yulanda ( 021110042 ). Tujuan belajar Memahami Kelebihan Dan Kelemahan Penyusunan Halaman Web Menggunakan Editor Text Notepad.

willow
Download Presentation

Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. SisteminformasimanajemenPROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD

  2. NAMA KELOMPOK • IieKurniasih (021110044 ) • SitiNuraini ( 021110002 ) • Yulanda (021110042 )

  3. Tujuanbelajar • MemahamiKelebihan Dan KelemahanPenyusunanHalaman Web Menggunakan Editor Text Notepad. • MampuMembuatHalaman Web Dasar • MengetahuiBagaimanaMengontrol Format Kata-kata Dan Halaman Web. • MengetahuiBagaimana Cara MembuatGambar,table, PadaSebuahHalaman Web

  4. PENDAHULUAN • Proyekiniakanmenunjukanbagaimanacaramenggunakan editor notepad untukmembuatsuatuhalaman web. Dan jugadapatmembuathalaman web yang sama, tujuannyauntukmembandingkanduapendekatan yang berbeda. Dan proyekinidapatmemahamiperbedaanantaramenggunakan font page dengan notepad untukmembuathalaman web. Dan memberikantekhniksertakonsep yang dibutuhkanuntukmembuathalaman web di notepad.

  5. Contohhalaman web disiniadalahpenjelasantentangprodukuntuksebuahrestoran pizza sehinggaseseorang yang melihat internet dapatmelihatapa yang ditawarkanolehrestorantersebut. Contohiniberisikanstandarfitur web yang tampilpadahampirsemuahalamanweb,yaitudaftar,gambar,link, dantabel. Contohnyadengannamaperusahaan “University Pizza” yang ditampilkansecarajelasdibagiantengahatashalaman web denganhurufmerahbesar.yangdiikutipenandaansebelummasing-masinglokasi. Tampilansepertiiniadalahtampilandaftartidakbrurutan yang umum yang tidakmendahulukansalahsatuinformasi.

  6. Setelahlokasitempatpembelian pizza, sebuahtabelditampilkandimanaharga pizza berikut topping danukurantertulis. Tabeltersebutmemilikiempatkolomdanempatbaris. Gambarseorangkoki yang memegangsenapan pizza hanyalahgambar yang diambildariaplikasi lain. Tetapigambar yang cocokdigunakanuntukhalaman web yang mempromosikanpenjualan pizza. Halaman web inimemiliki 3 link. Yang pertama, “Contack Us”, adalah link untukmengirimkanemail.”link To My School” adalah hyperlink kehalaman web sekolahanda. “Go to to of page”, adalahalatnavigasiuntukhalaman web.

  7. Figur p3.1 UNIVERSITY PIZZA Locations *Library *Recreation Center *101 North Main Why Order From Us?? 1.It is best pizza you ever tasted 2. Our prince are great contact us 3.Fast delivery Link To My School Go To Top Of Page

  8. MembuatDokumen Notepad • Mulailahmemdanbuka notepad danmembuatdokumen notepad. • Klikperintah “start” danpilihlah sub perintah “Programs”, maka program notepad akanmunculdalamdaftar. • Ataumengkliksubperintah “Accessories” sebelumpilihan notepad muncul.

  9. Ketikbaris 1 hingga 5 padafigur p3.2 kedalamdokumennotpad • Contoh : Html mengharuskanperintahawaldanakhirmisalnya “<html>”dan “</html>”. • Padabaris 1 hingga 5 menentukanjudulhalaman web yaitu”University Pizza” danmemulaipadabagiantubuhkode html. Baris 6 adalahpenentutempatdihalaman web. Baris “<a name=“top-of-page”></a” adalahjangkar. Dalam html perintahdapatberbentukhurufbesarataupunkecil.

  10. Untukmenempatkan “University Pizza” dibagiantengahatas web denganhurufmerahbesar. Baris 7 berisikan Html untukmemulaiparagraf, baris 8, ukuranhurufdiperbesarmelaluitigatahapan, seperti drop dwon. Baris 10 danperataanparagrafawalbaris 11.

  11. Selanjutnyamemberikandaftarlokasidimana pizza dijualsebuahbariskosongdisisakansetelah 1 pragraf. Baris 12 menggunakanperintah “line break” (“<br>”) untukmemasukan 1 bariskosongtambahan. Kita membuatdaftar yang beraturanpadabaris 13 danmemberikanjudul “Locations”, kemudianmembuatdaftarberisikan 3 hal –perpustakaan,Recreationcenter,dan 101 North main street denganmenggunakanperintah “<li>”. Andadapatmelihatbahwaperintah “unordared list” dimatikanpadabaris 17.

  12. Dokumen notepad untukmembuatcontohhalaman web

  13. Langkah –Langkah Cara Menyimpan Doc.HTML • a. KlikStart-Program-Accessoris-Notepad • b. Setelahberadapada editor notepad lengkapistrukturumum HTML yang adadijawabansoal no 3 • c. simpan file tersebutdengancara, klik menu File-Save as (padakolom file name berinama file, sedangkanpadakolom save as type caridanklik all file)-save • d. untukmembukanya, aktifkan internet explorer lalutekantombol F5 pada keyboard

  14. Melihathalaman web • Setelahhalaman web disimpan, andadapatmelihatnyauntukmemeriksaapakahhalamantersebutbekerjadenganbaik. Dan tidakperlumenutup program notepad. Bukalah browser web danpilihlahsubperintah “file” diikutisubperintah “open”ketikannama “file” untukmenemukanklikOK.makahalaman web andaakanmunculpada browser lain.

  15. Figur 3.4 jenisdanpengkodean “save as”

  16. Kelebihandankelemahanpengguna notepad • Kelemahanmembuathalaman web dengan editor teksseperti notepad adalahkeharusanuntukmempelajariperintah-perintah HTML danprosespembuatankode HTML. Meskipunsederhanapengkodeandi notepad memakanbanyakwaktu. Tetapiadaduakeuntunganmembuatkode notepad yaitukode yang dibuatefesien, danmanajerdapatlebihmemahamibagaimanahalaman web bekerja.

  17. Jeniskelebihandankelemahan notepad

  18. Mendesain HTML dapatdilakukandenganduacara: • 1. Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain. Kalian jugadapatmenggunakan Editor NotePad yang telahtersediadi windows komputer kalian. • 2. Dengancaramenuliskansendirisecara manual satupersatu tag-tag HTML kedalamdokumen HTML.

  19. DaftarPustaka McLeod,Jr,Raymond ; Schell George P. 2008.sistem informasimanajemenedisisepuluh.jakarta:salembaempat

  20. Sekianpresentasidariproyek 3 Terimakasih

More Related