CARI Infonet

 Forgot password?
 Register

ADVERTISEMENT

Author: Moto BagE bOyaK

cara create website

[Copy link]
Waikiki This user has been deleted
Post time 19-12-2003 02:42 AM | Show all posts
kalu guna notepad pun boleh gak, cuma masa ko save tu, ko pilih save as all files, then dekat file name tu ko type namafile.html.. pastikan ko savekan sebagai htm atau html, kalu tak dia akan save jadi text biasa.. eehehehehe maceh sebab bertanya soalan..

pas tu, ko type je la html tag ni semua kat dalam notepad tu.. bila dah type, dah save(as html), baru leh view guna IE browser..
Reply

Use magic Report


ADVERTISEMENT


Post time 19-12-2003 02:44 AM | Show all posts
Originally posted by Waikiki at 18-12-03 01:46 PM:
Camne Nak Buh Link Ke Website Guna HTML Tag

nak buh link dalam page website, kita guna Anchor tag..

contoh:

<A HREF=http://forum.cari. ...


Wakiki,

tag ni kita letak dalam <body> ke atau bawah dia?
Reply

Use magic Report

Waikiki This user has been deleted
Post time 19-12-2003 02:48 AM | Show all posts
dalam body?

ok camni aa contoh die..

<html>
<head>
<title>Website Darsita</title>
</head>

<body>
<A HREF=http://forum.cari.com.my>Forum Cari Yang Best!</A>
<img src=http://forum.cari.com.my/image/gambarku.gif>
</body>

</html>

so i gess dalam kot.. bawah pun boleh gak ehehe yang penting dia mesti bermula dengan <body> berakhir dengan </body>
Reply

Use magic Report

Post time 19-12-2003 02:49 AM | Show all posts

Wakiki .. dah jadi dah

cuba tengok ini .. http://www.geocities.com/darsita/Wakiki/dar.html

(oh bestnya)
Reply

Use magic Report

Waikiki This user has been deleted
Post time 19-12-2003 02:51 AM | Show all posts
Originally posted by DARSITA at 2003-12-19 02:49 AM:
cuba tengok ini .. http://www.geocities.com/darsita/Wakiki/dar.html

(oh bestnya)


hik hik hik.. yaaa betoll.. seploh merkah untuk darsita
Reply

Use magic Report

Post time 19-12-2003 02:53 AM | Show all posts
Originally posted by Waikiki at 18-12-03 02:54 PM:
yang ni pulak pelajaran tambahan tentang linking web pages.. assuming korang dah buat berkoyan2 web pages, dan korang nak link kan pages ni antara satu sama lain, untuk mengelakkan sebarang error,  ...

Yang ini saya tak faham sikit. Alpha dgn beta tu apa?

TQ
Reply

Use magic Report

Follow Us
Post time 19-12-2003 02:57 AM | Show all posts

Wakiki,

Originally posted by Waikiki at 18-12-03 03:23 PM:
ok sekarang nak terang sket pasal tag nak buh gambar..

1) kalau gambar tu ada pada website lain, dan korang nak buh gambar tu dalam website korang, then guna lah html tag seperti dibawah:

[b ...


<IMG SRC=/images/DSC00791.jpg>

kenapa gambar saya tak keluar? ada tanda x shaja.

/images tu apa?

TQ
Reply

Use magic Report

Post time 19-12-2003 03:00 AM | Show all posts
[font=Georgia][i][b][color=dodgerblue]Wakiki, take your time okay dalam menjawap soalan saya .. lambat pun tak apa .. biar saya belajar pelajaran 2 & 3 tu banyak banyak kali.

Nanti saya masuk balik. Nak cari makan dulu

Hey terimakasih sebab mengajar kami. Saya nak kamu ajar buat kotak (table) ..ini kalau kamu ada extra timelah ya.

Bye
Reply

Use magic Report


ADVERTISEMENT


Waikiki This user has been deleted
Post time 19-12-2003 03:01 AM | Show all posts
Originally posted by DARSITA at 2003-12-19 02:53 AM:
Yang ini saya tak faham sikit. Alpha dgn beta tu apa?

TQ


ala tu contoh jer la darsita.. dalam contoh ni, alpha tu nama file, manakala beta tu pulak nama folder.. tujuan tag ni, sebenarnya nak ngelak error.. katalah ko dah buat kat pc ko kan, satu folder khas untuk website ko under nama darsita.. pastu dalam folder darsita tu pulak ada satu subfolder untuk webpages dan satu subfolder untuk images..

jadi bila dah siap, ko nak upload kan the whole folder darsita tu, dengan subfolder webpages dan subfolder images sekali.. guna tag ni nanti, automatic server tempat ko upload website ko ni akan detect mana tempat file untuk website ko dan gambar2 semua tanpa error.. uwa faham tak nih.. aku pun rasa cam tak faham jer.. heehehe..

so kesimpulannya, untuk memudahkan keja ko, ko guna la tag yang camni..

<A HREF=darsita/webpages/page1.html>age 1</A>
<A HREF=darsita/webpages/page2.html>age 2</A>


kalau image lak,

<IMG SRC=darsita/images/header.gif>

[ Last edited by  trunks at 14-6-2007 01:38 AM ]
Reply

Use magic Report

Post time 19-12-2003 03:05 AM | Show all posts
Originally posted by DARSITA at 19-12-2003 02:57:

<IMG SRC=/images/DSC00791.jpg>

kenapa gambar saya tak keluar? ada tanda x shaja.

/images tu apa?

TQ


/images tu untuk directory dimana dar letak gambar ....!!
kalau darsita letak gambar kat photo jadi  <img src=/photo/DSC00791.jpg>
Reply

Use magic Report

Post time 19-12-2003 03:09 AM | Show all posts
Originally posted by Waikiki at 19-12-2003 03:08:
uwaaa nasib baik ada chowski.. ekekekek susah gak jadi cikgu ni yer.. hik hik hik..


Teruskan cikgu waikiki aku pun tumpang belajar gak :2cool:
CSS pun best ....gak nanti cikgu waikiki ajar sama tau

[ Last edited by chowski on 19-12-2003 at 04:32 AM ]
Reply

Use magic Report

syuhada This user has been deleted
Post time 19-12-2003 02:19 PM | Show all posts
Originally posted by chowski at 19-12-2003 03:05 AM:
/images tu untuk directory dimana dar letak gambar ....!!
kalau darsita letak gambar kat photo jadi  <img src=/photo/DSC00791.jpg>


camni ke? betul tak? berapa markah??


Reply

Use magic Report

Waikiki This user has been deleted
Post time 19-12-2003 06:10 PM | Show all posts

syuhada..

betulllllllll sangat dapat sepluh markah
Reply

Use magic Report

Waikiki This user has been deleted
Post time 19-12-2003 09:30 PM | Show all posts

Sambung Pelajaran Kita.. hik hik hik..

ok, masih lagi pasal nak letak gambar.. untuk memudahkan dan melajukan page loading yang ada gambar, korang leh specify HEIGHT= and WIDTH= parameters dalam tag gambar korang tu.. so nanti sistem akan detect automatically berapa tinggi dan lebar gambar tu dan memudahkan dia nak loading gambar..

contoh:

<IMG SRC=/images/header.gif HEIGHT=50 WIDTH=670>

selain daripada tu, korang leh tambah gak dalam tag img tu border.. border ni ala ala bingkai gambar la..

contoh:

<IMG SRC=/images/header.gif HEIGHT=50 WIDTH=670 BORDER = 2 >

ni maksudnya, border tu nanti setebal 2 dalam kiraan pixels..
Reply

Use magic Report

Waikiki This user has been deleted
Post time 19-12-2003 09:43 PM | Show all posts

Lagi.. aku tengah rajin nih..

kalu nak letak gambar atau nak letak text kat tengah page, guna tag
<center><center>

kalau nak buat berperenggan(atau break) guna tag <br>

kalau nak bold tulisan, guna tag <b></b>

kalau nak italic, guna tag <i></i>

kalau nak underline, guna tag <u></u>

kalau nak buat headline dalam web page, guna tag <H1></H1>, <H2></H2>, <H3></H3>. H1 yang paling besar, H2, kecik sket dari H1, dan H3 paling kecik sekali...

contoh:

<HEAD>
<TITLE>This is the title</TITLE>
</HEAD>
<BODY>


<CENTER>

<H1>Forum Cari Com My</H1>
<H2>Board Multimedia di forum Cari</H2>
<H3>Adakah board Multimedia ni best?</H3>

<BR>
<A HREF=http://forum.cari.com.my=_blank>
<IMG SRC=http://forum.cari.com.my/images/header.gif HEIGHT=50 WIDTH=670 BORDER=1>

<BR>
<b><i><u>Board ni tak best. Tapi moderatornya best lagi encem.</u></i></b>

</A>
</CENTER>
Reply

Use magic Report

Post time 20-12-2003 11:06 PM | Show all posts

satu lagi,



Ni anak cucu tumpang tanya, lepas dah buat guna notepad tu.. harus apa yg dilakukan? I mean cam ner nak wujudkan address cam www.naga-kacak.com ?
Mintak tulun xplen sikit guru badul yakni waikiki
Reply

Use magic Report


ADVERTISEMENT


Post time 20-12-2003 11:12 PM | Show all posts

kalau wat border lak..



Kalo cam ni.. sumer leh jalan ker? :stp:

<table border=0 cellspacing=0 cellpading=0>
<tr>
<td> ** Enter Column Data ** </td>
<td> ** Enter Column Data ** </td>
</tr>
<tr>
<td> ** Enter Column Data ** </td>
<td> ** Enter Column Data ** </td>
</tr>
</table>

:stp:
Reply

Use magic Report

Post time 21-12-2003 02:47 AM | Show all posts

contoh css yang tak optimize

  1. <STYLE type="text/css">
  2. <!--
  3. TABLE{
  4.   
  5.   font-size : 14px;
  6.   
  7. }

  8. body{
  9. font-family : Verdana,Arial,"Bookman Old Style";
  10. font-size:11px;
  11. }

  12. TR{
  13.   text-align : center;
  14.   background-color : #eaeaea;
  15. }
  16. TD{
  17.   background-color : white;
  18.   text-align : center;
  19. }
  20. A{
  21.   font-size : 11px;
  22.   color : red;
  23.   text-decoration : none;
  24.   font-weight : bold;
  25.   font-family : Verdana,Arial,"Bookman Old Style";
  26. }
  27. A:HOVER{
  28.   color : maroon;
  29.   text-decoration : underline;
  30. }
  31. .tdimageline{
  32.   background-color : #dff3f7;
  33.   text-align : center;
  34.   padding-top : 3px;
  35.   padding-left : 3px;
  36.   padding-right : 3px;
  37.   padding-bottom : 3px;
  38.   margin-top : 3px;
  39.   margin-left : 3px;
  40.   margin-right : 3px;
  41.   margin-bottom : 3px;
  42. border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : blue blue blue blue;}
  43. .tddeleteline{
  44.   background-color : #8bc4ed;
  45.   text-align : center;
  46.   padding-top : 3px;
  47.   padding-left : 3px;
  48.   padding-right : 3px;
  49.   padding-bottom : 3px;
  50.   margin-top : 3px;
  51.   margin-left : 3px;
  52.   margin-right : 3px;
  53.   margin-bottom : 3px;
  54. border-width : 1px 1px 1px;border-bottom-width : 1px;
  55.   border-left-style : solid;
  56.   border-right-style : solid;
  57.   border-bottom-style : solid;
  58.   border-left-color : blue;
  59.   border-right-color : blue;
  60.   border-bottom-color : blue;
  61.   border-top-style : solid;
  62.   border-top-color : blue;
  63. }
  64. .delempty{border-color : #ffffff #ffffff #ffffff #ffffff;}
  65. .imgempty{
  66.   border-top-width : 1px;
  67.   border-top-style : solid;
  68.   border-top-color : blue;
  69. }

  70. .tddelimageline{
  71.   background-color : #f7f3df;
  72.   text-align : center;
  73.   padding-top : 3px;
  74.   padding-left : 3px;
  75.   padding-right : 3px;
  76.   padding-bottom : 3px;
  77.   margin-top : 3px;
  78.   margin-left : 3px;
  79.   margin-right : 3px;
  80.   margin-bottom : 3px;
  81. border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : red red red red;}
  82. .tddeldeleteline{
  83.   background-color : #edc48b;
  84.   text-align : center;
  85.   padding-top : 3px;
  86.   padding-left : 3px;
  87.   padding-right : 3px;
  88.   padding-bottom : 3px;
  89.   margin-top : 3px;
  90.   margin-left : 3px;
  91.   margin-right : 3px;
  92.   margin-bottom : 3px;
  93. border-width : 1px 1px 1px;border-bottom-width : 1px;
  94.   border-left-style : solid;
  95.   border-right-style : solid;
  96.   border-bottom-style : solid;
  97.   border-left-color : red;
  98.   border-right-color : red;
  99.   border-bottom-color : red;
  100.   border-top-style : solid;
  101.   border-top-color : red;
  102. }
  103. .deldelempty{border-color : #ffffff #ffffff #ffffff #ffffff;}
  104. .delimgempty{
  105.   border-top-width : 1px;
  106.   border-top-style : solid;
  107.   border-top-color : red;
  108. }

  109. H1{
  110.   font-family : "Bookman Old Style",Verdana;
  111.   color : purple;
  112.   font-size : 20px;
  113.   border-bottom-width : 1px;
  114.   border-bottom-style : solid;
  115.   border-bottom-color : navy;
  116. }
  117. -->
  118. </STYLE>
Copy the Code
Reply

Use magic Report

Post time 21-12-2003 02:52 AM | Show all posts

nak guna css di atas


  1. <tr class="trimageline"><td class="tdimageline"><img src=img></td></tr>
  2. <tr class="deleteline"><td  class="tddeleteline">Delete</a></td></tr>
Copy the Code


dll lah
Reply

Use magic Report

Post time 24-12-2003 06:51 AM | Show all posts
Terimakasih dekat cikgu cikgu semua. Saya akan try gunakan semua tag untuk website saya. Kalau saya tak faham nanti saya datang tanya balik.

Ni yang saya dah buat .. http://www.geocities.com/darsita/NM/quote.html
Reply

Use magic Report

You have to log in before you can reply Login | Register

Points Rules

 

ADVERTISEMENT



 

ADVERTISEMENT


 


ADVERTISEMENT
Follow Us

ADVERTISEMENT


Mobile|Archiver|Mobile*default|About Us|CARI Infonet

25-4-2024 12:25 AM GMT+8 , Processed in 0.382328 second(s), 42 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

Quick Reply To Top Return to the list