AmirJusoh@Copyright . Powered by Blogger.
RSS

Dreamweaver : Tutorial set up a Site

06:42 | Labels:

Assalamualaikum wbt
 
assalamualaikum wbt
Hari nie saya nak tunjuk tutorial untuk buat Site


Site ni kita akan buat sebelum kita buat apa2 content untuk pembangunan laman web.
Site ni akan di simpan di inetpub bg ASP dan di htdoc bagi PhP.
Langkah demi langkah
1. buka perisian Adobe Dreamweaver (saya pakai adobe dreamweaver cs3)
2. Click Site di menu bar
3. Select New Site
paparan seperti di bawah


paparan seterusnya seperti dbawah
4. Click Basic
5. tuliskan nama site. contoh : project1
6. Masukkan juga address (URL) of your site
contohnya : http://localhost/project1 (pastikan gunakan localhost)
7. Click Next
paparan seterusnya
8. tick pada "Yes, i want to use a server technology"
9. select server technology : ASP VBScript
Then Click NEXT
paparan seterusnya
10. Tick pada "Edit and test locally (my testing server is on this computer)
11. pastikan file store pada : c:\inetpub\wwwroot\project2\
then click NEXT
paparan seterusnya
12. Test URL, then click NEXT
paparan seterusnya
13. remote server : Tick "No", then click NEXT
paparan seterusnya
14. Click "Done"
paparan project 2 yang telah sedia digunakan untuk store file
"SELAMAT BERAMAL"

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by amir

week 4 : 3 march 2014

08:12 | Labels:

Assalamualaikum wbt
 
Kelas ke-4 : 03 March 2014 : Authoring
Assalamualaikum wbt
Syukur..aku masih mampu ke kelas...dengan niat untuk membangunkan satu sistem pendidikan yang berdaya maju..hihi..
Sebagai set induction..Dr Zaida mengingatkan semula apa perbezaan antara ASP dan PhP..
Aku pun lupa, yang pasti aku suka PhP berbanding ASP...hihi
Dr Zaida...nak belajar apa hari ini ????
USING ACTIVE SERVER PAGES
IN
DREAMWEAVER CS3
1. Mula-mula kami ditunjukkan cara untuk membina site dalam ASP. mudah je yang nie..kepala pun still lagi ok...
sila rujuk di sini  ---- lihat di sini
2. lepas dah siap site, kami ditunjukkan pula "how to Set up Database file in Microsoft Access". yang still lagi mudah la...tak de pening pun
sila rujuk di sini ---- lihat di sini
3. Ha lepas tu..kena buat connection plak... untuk menghubungkan database dari microsoft access ke file ASP. yang ni la dah start kepala nak pecah..sikit lagi nak berdarah telinga.....peningggggg
"Driver={Microsoft Access Driver (*.mdb)};DBQ="& Server.MapPath("/data/db1.mdb")
nampak macam senang jer..tapi..pehh..sakit kepala wooo
sila rujuk di sini ---- lihat di sini
4. Lepas tu..kena Set up Contact form.
yang senang jer..just buat file ASP.. pastikan file yang dibuat berada dalam inetpub > wwwroot > project
sila rujuk di sini ---- lihat di sini (maaf tk de link lg)
5. lepas tu buat apa?
Writing a data into a database using the insert record
sila rujuk di sini ---- lihat di sini (maaf tk de link lg)
6. lepas tu..
Reading/ Viewing a data from a database using the recordset
yang ni adalah nak buat file ASP yang akan view database yang telah di record oleh user.
sila rujuk di sini ---- lihat di sini (maaf tk de link lg)
kita akan setting juga kita punya file ---- execute the file (pastikan view utk paparan data)
Setakat ini dahulu, pening kepala dah..
"SELAMAT BERAMAL"


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by amir

Dreamweaver : insert layer

18:44 | Labels:

Assalamualaikum wbt
 


Assalamualaikum wbt


Nak tunjuk pula apa dikata Layer dalam dreamweaver.
kali nie saya bagi link melalui youtube la.
hope dapat membantu.




"SELAMAT BERAMAL"

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by amir

Dreamweaver : Buat Anchor

17:47 | Labels:

assalamualaikum wbt


Hari ni saya nak tunjukkan cara guna icon "Anchor" dalam dreamweaver.

Anchor ni adalah arahan kepada teks atau gambar untuk membawa kepada link teks pada halaman yang sama. Biasanya digunakan untuk membuat link "back to top" .

Langkah demi langkah.


saya buat contoh anchor untuk back to top.

icon "back to top" di bawah sekali link to top


1. sediakan page projek anda

 # saya buat anchor pada word "Welcome" pada top

# letak cursor pada sebelah kiri word "Welcome"
# then, Click icon "Anchor" pada tool bar
# keluar pop up Anchor tu, Tulis nama word nak anchor tu ..taip "Welcome"
# then click Ok.

 # selesai je, pastikan akan ada "Anchor" (gambar sauh) pada sebelah kiri word "Welcome" tu.

# ok, sekarang "scroll" sampai habis page anda.
# di bawah sekali, taip word " back to top" bawah sebelah kanan.
# letakkan link pada word "back to top" pada icon link di page propeties.
# pastikan link yang kita masukkan tu sama nama nya dengan nama "anchor" yang kita buat.
# pastikan juga link td di mulakan dengan simbol " # "

Contoh link : #Welcome

# then, save all
# preview sila click f12


"SELAMAT BERAMAL"

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by amir

Dreamweaver : Link to other webpage

17:13 | Labels:

assalamualaikum wbt


Hari ni saya nak tunjuk tutorial buat link to other webpage.

Langkah demi langkah

1. buka projek webpage anda

 # di atas ni contoh page saya
# saya nak masukkan link page bagi "wording : chapter 1"

2. Masukkan link webpage

# sebelum kita masukkan link webpage. perlu kita sediakan dahulu page yang kita nak jadikan link.
# "select" word chapter 1 tu, "click" icon link pada page propeties.
# browse file page yang kita nak jadikan link.
# di bawah icon link tu, terdapat icon "target"
# target tu kita boleh pilih. untuk paparan page yang kita linkkan. samaada view dalam window yang sama atau window yang lain.

# bila selesai, click save or save all frame.
# click F12 utk preview


"SELAMAT BERAMAL"

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by amir

Dreamweaver : Tutorial Link to Email.

16:58 | Labels:

assalamualaikum wbt

Ok..hari nie nak tunjuk cara masukkan email dalam projek dreamweaver kita.

Langkah demi langkah

1. macam biasa la..dah ada projek kita.



2. Masukkan link email
# cari word yang u nak link kan dengan email u
# click icon "insert email" di tool bar
# masukkan email anda di "pop up" yang keluar tu.
# then, click ok.





"SELAMAT BERAMAL"










  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by amir

Dreamweaver : Hyperlink to other files

16:35 | Labels:

assalamualaikum wbt

Hari nie saya nak tunjuk bagaimana nak buat hyperlink file dalam dreamweaver.

Langkah demi langkah

1. Apa2 kita buka la page projek dreamweaver kita dulu.

# buka projek kita
# kita mesti tahu la "word" mana yang kita nak linkkan dengan file tu.

2. Cari "File"
# "select" (yang saya hitamkan tu) word yang nak di letakkan "hyperlink" file tu.
# pergi ke "page propeties" dan "browse" file yang kita nak hyperlink tu dengan icon link.
# dah cari fail tu...click je ok..
# dengan bawah icon link (yang kita browse file) tadi..ada icon "target" tau..kita leh letak la (saya letak (self) apa pun...ni kira paparan semula file tu...samaada dalam page yang sama or window yang lain.

3. Paparan yang dah siap link.


# pastikan "word" yang u letak link tu..dah bertukar "color" biru tu..
# so.kira jadi la tu..


"SELAMAT BERAMAL"

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by amir
Subscribe to: Posts (Atom)