Untuk kesempatan kali ini kita mengulas cara membuat file HTML (Hyper Text Markup Language) yang sederhana dari desain yang kita buat dengan CorelDRAW, sehingga dapat dipublikasikan ke alamat WWW (World Wide Web) di Internet, disarankan Mas Bro sekalian menggunakan CorelDRAW X5, karena tutorial ini aku menggunakan CorelDRAW X5, sebab kalau Mas Bro sekalian menggunakan versi dibawahnya ada kemungkinan langkah-langkah dan kotak dialognya beda sehingga Mas Bro mungkin mengalami kesulitan untuk memulainya.
Ok.. ini agak serius dikit !!! ,,,,, kita asumsikan HARDDISK komputer kita adalah server internet, ikuti langkah2 sebagai berikut:
1. Kita buat sebuah desain dengan 3 halaman yang berisi object : Text Paragraph, Text Artistic, Image Bitmap, seperti gambar dibawah ini (ini hanya contoh, untuk desain terserah kreasi sampeyan pokoknya ada ke 3 unsur object seperti diatas)
2. Selanjutnya pemberian nama pada halaman langkahnya; satu persatu klik kanan pada Page > kemudian pada kotak dialog Rename Page isikan nama halaman contohnya > page1 = Belajar CorelDRAW (yang nantinya akan menjadi homepage, page2 = Belajar CorelDRAW : Halaman1, page3 = Belajar CorelDRAW : Halaman2
3. Selanjutnya kita lakukan perubahan material dengan Convert To Bitmap pada Text Artistic (seperti tulisan Home, Watermark tulisan Belajar CorelDRAW) dan untuk Paragraph Text, Klik Text > Make Text HTML Compatible, seperti gambar dibawah
4. Langkah selanjutnya kita membuat Link (tautan) caranya klik kanan pada object yang akan di beri link (bisa object bitmap atau text dengan di blok) > pilih Internet Link dan Mas Bro atur sendiri halaman mana yang akan di beri link.
Contoh paragraph text yang diberi link
Contoh image Bitmap yang di beri link
5. Kemudian langkah terakhir; pada menu File pilih > Export HTML > klik OK...... maka file HTML kita sudah jadi dan siap publish.....
Maka kalau langkah sampeyan benar hasil direktori-nya/folder-nya seperti gambar dibawah ini, kemudian coba double klik pada salah satu file HTML yang sudah kita buat, maka akan tampil pada Broswer kita dengan tampilan selayaknya Website.........
Pengelola Blog
Zainoel Arifin Isa'i
: Penulis Blog. Ketika aku tidak nongkrong di warung kopi atau menyusuri hutan atau juga mendaki gunung, aku sibuk menjadi tukang desain lepas yang bermarkas di sudut kamar belakang rumah di daerah pelosok desa terpencil lereng Gunung Arjuno.
Machfudz Arif
: Teknisi Blog. Pekerjaan sebagai Web and Mobile App Developer yang bermarkas di Lembah Tlogo Krabyaan di sebuah dusun yang dikelilingi perbukitan nan elok dan berudara segar.
numpang save gan
ReplyDeleteartikel bgs kabeh
good artikel i like,thaks gan
ReplyDeletegan,saya sdh desain website lewat coreldraw X5, setelah saya export html.. dan saya buka lewat browser mozila kenapa posisi web nya gak di tengah??
ReplyDeletegimana pengaturan posisi yang benar.. tolong di jawab !
sampeyan buka kodenya dengan apa saja... dengan notepad juga bisa... pada DIV STYLE="position: absolute; left: 0px; top:0px; dst...... rubah dengan DIV STYLE="margin:0 auto; dst...... maksudnya margin:0 auto; adalah untuk memposisikan di tengan browser kita..
Deletemaksudnya yang dirubah hanya yg terlihat itu saja yg dst...... tidak dirubah lo masbro.. hehehe sory..
Deletecoba ubah di dreamweaver
Deletesangat membantu nih tutorialnya buat newbie seperti saya
ReplyDeleteTutorialnya oke banget, dan dengan sangat ikhlas di bagikan, bahkan tidak harus menyebut sumber...wah hebat tenan Mas Bro!
ReplyDelete@Anonymous:di buat tabel aja guys...baru di masukan file dari Corel
ReplyDeletengapain musti susah2 buat tabel segala bro.. lawong ini html sudah jadi kok.. sampeyan hanya menambahkan meta tag untuk SEO dan beberapa style CSS saja sudah jadi website..
Deleteterima kasih gan, banyak sekali pengetahuannya, terima kasih atas share ilmunya.
ReplyDeletegan, ane dh buat pkai corel, tpi pas udh di export menjdi html, file nya tidak terpisah.,.
ReplyDeleteatau memang kyak gitu ya.,.,?
file terpisah tapi dalam satu folder yang merupakan satu paket website, apabila mau nambah halaman, sampeyan harus edit semua halaman untuk menambah tombol tautan/link
Deletehmm istimewah gan ,,, makasi yak nambah ilmu bener nie
ReplyDeletehttp://ismaelleather.tk/
mas... saya pake corel draw x6.
ReplyDeletekok pas saya coba ngasih link ke gambar bitmap , pas udah saya export ke HTML kok gak berpengaruh, tapi kalo ngasih link ke text malah bisa berpengaruh ke file htmlnya ...
kenapa ya ...?
terima kasih telah membagikan ilmunya. semoga jadi amal saleh.
ReplyDeleteBelum punya masternya X5, musti download dulu berarti ya....
ReplyDeleteMakasih-makasih!
Makasih mas, buat tambahan ilmunya.. Saya masih pemula dalam hal disain
ReplyDeletesetelah export html nya, dimana melihat hasilnya
ReplyDeleteterimakasih kang atas tutornya semoga amal dan ilmunya bertambah
ReplyDeletedi mozilla, IE, opera, crome bisa... atau di klik enter atau dobel klik file tersebut, maka akan terlihat hasilnya.
Deletekang apakah ini bisa di pakai di blogger, maksud saya templatenya di upload dijadikan tema blogger?? maaf newbie (-/\-)
ReplyDeletegan mau tanya kenapa di coreldraw x3 gak ada export html . itu pake apa yah supaya ada. terimakasih artikelnya sangat bermanfaat sekali gan.
ReplyDeletecek seting font pada browser
ReplyDeletedimananya mas seting fotny di mozila ?
ReplyDeletetrims
thanks Master sudah ane coba ternyata berhasil 100% :D :v
ReplyDeleteA very nice guide. I will definitely follow these tips. Thank you for sharing such detailed article. I am learning a lot from you.
ReplyDeleteschool signs uk
kalau caranya agar responsive websitenya gimana caranya mas?
ReplyDelete