1 / 35

Membuat Sendiri Situs Anda

Membuat Sendiri Situs Anda. MUSDALIFAH DJ.

lavada
Download Presentation

Membuat Sendiri Situs Anda

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. MembuatSendiriSitusAnda MUSDALIFAH DJ

  2. Masing-masingtopik yang tercakupdalambabinibisadibukukansendiri. Faktanya, banyakbuku yang ditulispadamasing-masingsubiek yang tercakupdisini. Babinimenawarkanpengantarsingkatdantiniauanyang akanmembantuAndamembuatkeputusanbisnis yang berkaitandengansitus. InijugaakanmembantuAndamemahamiseiumlahdasar-dasarapa yang bisadantidakbisadilakukandalamrancangan. situsweb , SelanjutnyaAndadapatmerundingkannyasecaraefektifdenganperancangdanpengembangjikaAndamemutuskanuntuktidakmembuatsendirisitusAnda.

  3. HTML 101 DasarHTML itumudah-sungguh. HTML yang mungkinAndaingatsebagaisingkatandari Hypertext Markup Language, bukanlahpemrograman, danuntukitutidakdiperlukangelarkesarjanaankhusus. HTML hanyalahbahasamarkup yang berartimetode yang dikodifikasisehinggamemungkinkanunsurtefientu (judul, isiteks, caption, dansebagainya) ditafsirkanolehkomputerdengancara yang sebegiturupasehingga browser web bisamenampilkannyasesuaidenganrancangannya.

  4. (Bahasa markup telahsekian lama digunakanuntukmemberitahurukangketiktentangcaramenyusunhurufsehinggakelihatanbagus) HTML didasarkanpadabahasa markup lain, Standard Generalized Markup Language (SGML). SGML memungkinkanisinyadimarkupuntukditampilkandalamberbagai media, sedangkan HTML padamulanyadibuatuntukmemungkinkankalanganilmuwan yang merupakansasaranpembuatanberbagiinformasidiseluruhpenjurudunia

  5. Banyakorangberpendapatbahwasesuatu yang meriahtidakbisadilakukanhanyadengan HTML. Memangbenar, bahwauntukmembuattataletakhalaman yang paling canggih, pengkodeandantrik-trikyang kompleks, sertauntukmembuatinterativitasyang lebihterlibatdibandingpe-link-an sederhana, paling tidakdiperlukanketerampilanpemrogramansederhana. Selainitu, halamanweb yang indahbisadibuatmenggunakan HTML. Untukmemahamibagaimanahalamanweb bekerjasertaapa yang bisadantidakbisadilakukan, AndaharusmemulaidenganmengertiHTML

  6. Bagaimana HTML Bekerja Halaman web sebenarnyadokumenteks. Halamaniniberisikonstruksi (kode yang memberitahubrowser web tentangcaramenampilkanhalaman, sehinggapelanggan, bisamelihatnyadalam format-format yang konvensionaldanmudahdibaca. HTML menggunakantag (kepingkode individual) untukmembuatkop dokumen. Tag munculdalamtandakurungsudut(< >), seringkalidalampasanganpembukadanpenutup. Misalnya <HTML> adalahkode yang menunjukweb dan </HTML> (perhatikantambahangaris miring) yang menandakanakhirhalaman. Kalautag difotmatdenganbenar, tidakakanmunculhalaman. DokumensangatsederhanadenganpengkodeanHTML

  7. Mempersiapkan Image untukWeb Meletakkanimage padasitus web bukanlahsoalsemudahmenempelkannyaketempatnya' Harusdipersiapkandenganmatang, Dimulaidenganpembuatan image menggunakanperangkatlunakgambarataudenganmenerjemahkannyakeformat digital (dengan men-scan, misalnya). Simpan- pada format file yang memadai(terutama GIF atau JPEG). Hindariditberiig (yang terjadiketikatitikwarnamunculsalingtumpuksehinggamenghasilkanwarna lain) denganmemastikanbahwa file GIF-nyahanyamenggunakan browser-safe palette perangkatlunakterbarubisamelakukannya. Namun, perludiperhatikinbahwamenghindaridithering ridakdiperrukandantidakdianjurkanunruk JPEG. JPEG mengerjakangradasi visual yang diperlukanuntukfotomelaluiprosesnyasendiri.

  8. Jenislmage Lain yang AkanAndaTemui Sementaragrafis yang diformatsebagai GIF danfoto yang diformatsebagaiJpEGdasarsangatumumdigunakan. Para perancangsitus web menggunakanberbagaivariasi, trik, dankonvensiuntukmencapairentangan yang lebihluasdalampekerjaanmereka. Andaseringkalimelintasi:

  9. Animasi Gif Animasikecir yang bisadibuatdenganmenggambarserangkaianGIF untukdimunculkansecaraberkelanjutan. GIF animasiinibisadibuatmenggunakanperangkatlunakgambaratauutilitaskhusus. • TransparansiTeknikgrafis yang memungkinkansuatuwarnalatarbelakangatau image agar bersinarmelaluiur.udiseputarrogoatau image lain. KetikaAndamenyimpan file sebagai GIF, andabiasanyaakanditawiriopsiuntukmembuattransparansi. • JalinanGiFFile GIF yang di-load d dalambeberapalintas. Lintaspertama load denganlebihcepatdibandingkeseluruhan GIF; iniberarti, image mulaimunculpadarayarpenggunadenganlebihcepat. Dalamlintasanberikutnya, image menjadijelas. Sekalilagi, ketikaAndamenyimpanfilesebagaiGIF, opsiuntukmembuat file yang berjalinbiasanyaakanditawarkan.

  10. Thumbnail versikecildari image yang lebihbesarangbiasanyadi_linkke image yang lebihbesaritupadaharamanterpisah. Perangkatlunakgambarbiasanyamenawarkanopsiuntukmembuatsuatu image menjadithumbnail. • Petaimage Ilustrasibesaratau image lainnya yang porsinyabisadikliksebagailink. contohklasiknyaadalahpetageografis (sepertinegarabagianpennslvania) penggunabisamengkliknoktahdipetadanberpindahhalaman yang menyangkutwilayahitu.

  11. MembuatdanMengelolasitusdenganMicrosoft FrontPage MenggunakanFrontpage, Andabisamembangundanmemeriharasuatusitus web tanpamemirikipengetahuantentang HTML. Frontpagemencakupserangkaiantool untukmembuatdanmengelolasitusweb. interface Frontpagesamadenganinterface untukaplikasioffice lainnya, (seperti word, atau Excel). sehinggabilaAndatelahmenjadipengguna office, kurvabelajarFrontpagepun menjadiminimal. AndabisamenggunakanFrontpageuntukmembangunsitussejakawal, untukmembuathalamanindividual, atauuntukmenyutingHTML yang misalnyaditulisdengan Notepad arauword. situs web yang dibuatdengan FrontPage bisamemiliki look and feel yang konsistenmelintasisemuahalamannya. MenggunakanFrontpage, Andabisamemantau, danmengelola.

  12. DiskusipenuhtentangpenggunaFrontpagetidakbisatercakupdalambahasansingkatberikut. UntukmenambahwawasantentangpenggunaanFronrPage, Andabisamencariinformasitambahanpadabuku yang membahastentangFrontPage secaralebihmendalam. Dalambabiniandahanyaakanmenemukantinjauanringkasnya.

  13. Konvensi Microsoft Frontpage FrontPage menggunakanbeberapakonvensidanteknik yang unik, suatupemahaman yang akanmembantuketikaAnda. siapmembangun web Frontpage. Pertama, perhatikanAndaakanmembutuhkanperangkatlunak server web yang sudahdiinstaldikomputer yang akanAndagunakanuntukmembuatsitus web; FrontPage menyediakanapa yang andabutuhkan, tidakada yang perlu-

  14. Next… dikhawatirkan. HanyaperluAndaketahuibahwa FrontPage berbedadenganperangkatlunak server web yang akanAndabutuhkanketikasitusAndatelahtayanglangsungkepublik. Perangkatlunak server web yang adadiFrontpagehanyaadauntukmemungkinkanAndamembangunsitusdanmengamatinyaketikaAndamembangunnya.

  15. Lebihlanjut, FrontPage menggunakanistilah Web untukmelukiskansitusweb atausuatu area dalamsuatusitus web. web dari FrontPage terdiridanhalaman web dandibuatdalam HTML (meskipun FrontPage mengambilbebandaripundakAnda). Sebagairambahanbagi file HTML, Web dari FrontPage bisaberisifile image, animasi, file office, audio dan video, danapapun yang secaraumummenyusunsuatusitus web. Andabisamengimporkesitus web FrontPage atau area situs yang dibuattanpaFrontPage bilaAndamelakukannya, FrontPage akanmenyebutmateri yang diimporituiugasebagaiweb.

  16. Menggunakan FrontPage untukMembuatSitusatauHalaman Untukmembuatsitus web di FrontPage, jalankanperangkatlunaknya. berikutnyagunakan wizard (yang mengantarAndamelaluisebuahproseshanyadenganmenambahkanisipadaserangkaianhalaman yang punyarancanganprakemas). Andajugadapatmenggunakansebuah template (halamanyang punyatataletakdanrancanganpraformat; Andabisamembuatkeseluruhansitusberbasistemplate iniataumenggunakanhanyauntuksatuhalaman).

  17. Next… Selanjutnya, AndabisamengubahtampilannyakalauAndamau, denganmemilihthema(tema) yang manapun. Themamencakuprincian, sepertilatarbelakangdanwarnalain ukuran heading danpemformalafisertatampilandaftar,link, danunsur lain. Sebagaialternatlf, Andabisamenyesuaikanhalamanuntukmemberikantampilan yang Andapilih, bahkan yang dirancangsecaraprofesional.

  18. KetikaAndabekerja, pengkodean HTML dilakukanuntukAndadibelakanglayar. Andabisamelihathalaman yang AndakerjakandalamtampilanWYSIWYG yang tampaksepertihalaman web, sertamemperlihatkanperubahan yang Andalakukanyang masihbisadisuntinglagi. Andajugamempunyaiopsiuntukmelihat'sumber' HTML (kodenya) dalamperkembanganataumelihathalamandi Internet Explorer. Andabisamenambahkan image, link, video, danaudio maupunmengubahpemformatanhalamannya.

  19. MemetakanSitusdanNavigasinya Menggunakantool danfasilitasnavigasi FrontPage, AndabisamembagankanbagarmanacalonpenggunaAndaakanmenempuhjalanmerekadiseputarsitus web Anda. FrontPage akanmenghasilkanbarisnavigasisecaraotomatisdengan basis apa yang Andatentukan. (Andabisamembuatpilihantentangbagaimananavigasibekerjadanapakah link navigasiakanberupatombolatauteks.) SetelahAndamenambahkanhalamanbarukesitus, Andabisadenganmudahmenambahkannyakestrukturnavigasi.

  20. Next… Fasilitaspemetaanjugadisediakanuntukmenunjukkanbagaimana link disitussalingberhubungandenganhalamansitus. KetikaAndamelinkkehalaman yang barusajadibuat, halamantersebutakanditambahkanpada view situsnya. InimembantuAndauntukmengidentifikasiisi yang seharusnyadi-link tapinyatanyatidakterjadi. Andajugabisamenyaksikanalurklikpotensial yang akanditempuholehpenggunauntukberpindahdarisatu area disituskearealainnya. Andabisamenggunakanapa yang Andapelajariuntukmemodifikasisitusdanmembuatkeputusantentangnavigasisitus.

  21. MenambahkanKatalogSistemTransaksi, danDaftarBelanjaan Andabisadenganmudahmenggunakan FrontPage untukmembuathalamanprodukyang menggambarkanbarang-barangAnda, ataumerancangtampilanhalamankatalogsertamengambilinformasiprodukdari back end database. Ketikabukuiniditulis, Andatidakbisamerancangdaftarbelanjaanatausistemtransaksihanyamenggunakan FrontPage, tetapiAndabisamembuatsitusdankatalogmenggunakan FrontPage. KemudianAndabisamembuatporsibelaniaandisitusAndamenggunakan, umpamanya bCentral Site Manager, dengan me-linknyasecaramulusdarisitus web FrontPage.

  22. Bekerjadengan FrontPage dan HTML Andabisamengimporhalaman yang telahdibuatitumelalui HTML hard-coded ke web dari FrontPage Anda. HTML dalamhalamanitutidakakandiubah. LaluAndabisamenyuntinghalamannyamenggunakan tool WYSIWYG dari FrontPage, danfasilitaslainnyauntukberintegrasidenganmulusketampilandannavigasisitussecarakeseluruhan.

  23. Next… Andajugabisamenl.untinghalamanmenggunakan HTML (dibandingkanmenggunakanpenyuntingWYSIWYG dariFrontPage) yang akanmemberiAndakontrolyang lebihbaikterhadaptataletakhalamandantampilannyasecaraumum. Sebagaicontoh, AndabisamenerapkanwarnaperusahaanAndapadalatarbelakangdanteks (dalambatas-batas browser-safe palette), bahkanbisamembuattampilan yang sesuaidengan look and feel matericetakAnda.

  24. MengelolaSitus Web FrontPage Anda FrontPage secafaotomatismenghasilkanserangkaianlapotafl yang meringkaskandanmelukiskan status situs web Anda, membuatmanajemensitusmenjadilebihefisien. Andabisadenganmudahmencaritahutentangorpbanfile (yang tidakdi-link dijalurmanapun di home page), maupun file yang load-nyaterlalulambat, file yang telahkunodanperludi-update, file yang barusajadimodifikasi, link yang tidaklagimemadai, dantugas yang harusdiselesaikan. FasilitasTasks pada FrontPage memungkinkanAndamencatat item khusus yang perludilakukan, menandainyasetelahdiselesaikan, bahkanbisamengirimkannyakeberbagaianggotatimuntukditandai agar Andatahutelahselesaidilaksanakan.

  25. Next… GunakandaftartugasiniuntukmembuatAndaatauanggotatimmengetahuiapa yang perludilakukanserincimungkin. Konsultanmanajemenisi, Alicia Eckleymenasihatibahwa, orangseringkaliterlalumelihatkeseluruhannyadancenderungtidakmemikirkanrinciannya. Satu-satunyacarauntukmembuatsegalasesuatunyadilakukanpadawaktu yang tepatuntukmemberikanhasilbermutuadalahmemikirkanfiyasecaramatang, terincitentangunsur-unsursitusnyadanproses yang terlibat. Isiharusdibuat, diperbaiki, diberikode, diuji, dandisempurnakan. Kerepotanpadaakhirprosestidakakanmemberikanhasilterbaik.

  26. Next… MenggunakanpemetaandancirinavigasiFrontpage, Andadapatmenghasilkansuatupetasitus yang bisadicetak. Lalubisaditinjauulangdalamrapatataudicakupkandalamdokumentasiataulaporantercetak. Ciri-ciri lain secaraotomatispas dalam link ketika file bersangkutandiberinamabaruataudipindahkan, memeriksapengejaandilatarbelakangketikasitusdibuat, danmelacakperbaikansehinggaanggotatimtidakmencampuradukkanversidarisuatuhalamanketikamerekamengubahnya.

  27. MembuatTayanganLangsungSitus Manakala web FrontPage Andadisusununtuksiaptayang, makamenayangkannyamerupakanoperasi yang sederhana. Andapeilumemindahkansitusdarikomputerdesktop tempatnyadibuatke server yang akanmenjaclituanrumahnyaAndabisamelakukannyamelaluiserangkaiankotak dialog yang akanmengantarkanAndamelewatiprosedurnyaclenganmudah.

  28. MerancanguntukBerbagaibrowser TidakpedulibagaimanaAndamembuatsitus, clalamtahapperancanganharusselalumempertimbangkan browser mana yang digunakanaudiensiAncla. Berbagaibrowser mengenali tag yang berbeda. Bahkandiantara tag yang dikenaliolehsemuanya, tidaksegalasesuatunyaterlihatsamadisetiapkomputer. Contohsederhana, font mana pun akantampaklebihbesarhinggaduaatautiga kali lipatdi PC dibandingpada Macintosh. Selanjurnya, browser berbedamendukungteknologiberbeda. Microsoft Internet Explorer, misalnya, mendukung Visual Basic Scripting Edition (VBScript), tetapitidaksemuabrowser sepertiitu.

  29. Next… Mengidentifikasibrowser dansistemoperasiuntukmengantisipasiaudiensiAndaakanbergunasebelumAnclamerancangsitus. Ketikamerancang, perhatikanhalaman yang Andabuatitupadaberbagai browser diberbagaikomputer, sesuaikanrentangantisipasiAndasedekatmungkin. (BagandiE-commerce Management Center pada www. tauberkienan.com meringkaskan browser masakinimana yang mendukungapa.) Andatidakperlumemilikisemuabrowser padasetiapkomputerdikantorAnda; jikaAndamengujiversi browser danperangkatlunak yang paling umumdigunakansepertidisebutdalamtulisanini, Andaharusmenguji paling tidaksebanyak74i Lebihbaikmemintarekanan

  30. Next… dankawanuntukmelihathalamankomputermerekadanmelaporkanapa yang merekalihatsertamenyebutkansistemoperasidan browser apa yang merekagunakan. Kemudianbuatlahpenyesuaiandanmintamerekamelihatlagi. Andabisamembuatberbagaiversisitus (atauhalamandidalamnya) Anda, disesuaikandengansistemoperasidan browser yang AndaharapdipakaiaudiensiAnda. Namun, opsiiniakanmeningkatkan overhead pemeliharaan. Masing-masingperubahan yang Andabuatdihalaman web tertentuharusdisalinpadasemuaversihalamantersebut, dansemuaversihalamanharusdiujidandipelihara. Hanyasitus yang paling kritisdalammisinyadan paling besaranggararllrryalahyangakanmenempuhruteini.

  31. Mengandalkan Microsoft bCentral Site Manager Microsoft bCentral Site Manager menawarkanopsipembuatansitus web yang sesuaidenganindustriAnda. Andabisamemilikikatalog yang fungsionaldanmenarik, daftarbelania, dansistemtransaksi yang bisaberjalandengan sang tercepattanpaketerampilanpemrogramanapapun, dantanpamempekerjakanpengembang. (Andajugatidakperlumenginstalperangkatlunakapapundikomputerenda.) Andabisamenyertakanhalamanpendukungpelanggan, untukbantuanteknis, danuntukmengontakperusahaanAndadisitus web bCentral Site Manager.

  32. Untukmembuatsitus web menggunakanbcentral Site Manager, kumpulkandanorganisasikanisisepertiketikaAndamempekerjakanperancangdanpengembang. Kemudian, denganisi yang sudahsiap, IangkahAndaselanjutnyaadalahmenentukanlayanannya; bCentral Site Manager tersediamelaluiMicrosoft bCentral diwww.bcentral.corn.

  33. Next… Di bCentral Site Manager Andaakandiarahkanmelewatiprosespembuatansitusmenggunakan wizard. Andahanyaperlumenjawabpertanyaan yang diajukan, pilihtampilan yang Andasukai, danketikaAndamenyusunsitus, Andaakandapatmelihatpreview halamannyapersissepertitampilannyadi Internet.

  34. AndabisamenyusunsendiriatuLraflbisnisAndadanmenentukandaftarpajakuntuksitus web bCentral Site Manager Anda. Andajugabisamenentukanmetodepengiriman yang akanAndasediakandaninformasiharganya. Andaharusmembuatkesepakatandengan bank untukmenanganirekeningperdagangan, danlayananbcentral Site Manager bisamencakupkemampuanpemrosesankartukredit.

  35. Host situs, pemeliharaan server, danringkasanpesanantercakupdalamtarlfbulananyang masukakaluntuklayanan bCentral Site Manager. Nat-alatuntukakuntingdanpelacakanpemenuhannyajugamenjadibagianpaketnya. Bisniskecildanmanajere-commerce yang tidakmemilikiketerampilanteknis pun bisameluncurkandanmenjalankansuatusitus web e-commerce yang fung-

More Related