วันเสาร์ที่ 25 สิงหาคม พ.ศ. 2555

การสร้างตาราง

    ในการสร้างตารางนั้น ในเบื้องต้นต้องใช้คำสั่งหรือแท็กดังต่อไปนี้ 
<table>...</table>    เป็นการบอกจุดเิ่ริ่มต้นและจุดสิ้นสุดในการสร้างตาราง
<tr>....</tr>             เป็นการบอกจำนวนแถว (row)
<td>...</td>             เป็นการบอกจำนวนคอลัมน์ (colunm) 

    การกำหนดความกว้างและความสูงให้กับตารางโดยใช้แอททริบิวต์ width และ height ซึ่งสามารถกำหนดได้ 2 รูปแบบดังนี้

1.คำสั่งWIDTH ใช้กำหนดความกว้างของตารางทั้งหมด มีหน่วยเป็น Pixelหรือเปอร์เซ็นต์ก็ได้
2.คำสั่งHEIGHT ใช้กำหนดความสูงของตารางทั้งหมด มีหน่วยเป็น Pixelหรือเปอร์เซ็นต์ก็ได้

ตัวอย่างการใช้คำสั่ง WIDTH , HEIGHT,BGCOLOR


ผลลัพธ์ที่ได้

    
   คำสั่ง <TD  COLSPAN> เป็นคำสั่งในการรวมคอลัมน์เข้าด้วยกัน ตามค่าของจำนวนคอลัมน์ที่กำหนดไว้
รูปแบบคำสั่ง  <TD  COLSPAN = "Number">
โดยที่          - COLSPAN คือ แอตทริบิวต์ที่ใช้ในการกำหนดการรวมคอลัมน์ 
                - Numberคือ ค่าตัวเลขที่ใช้ในการรวมคอลัมน์เข้าเป็นคอลัมน์เดี่ยวกัน

   คำสั่ง <TD  ROWSPAN> เป็นคำสั่งในการรวมแถวเข้าด้วยกัน ตามค่าของจำนวนแถวที่กำหนดไว้
รูปแบบคำสั่ง  <TD  ROWSPAN = "Number">
โดยที่         - ROWSPAN คือ แอตทริบิวต์ที่ใช้ในการกำหนดการรวมแถว 
                - Number คือ ค่าตัวเลขที่ใช้ในการรวมแถวเข้าเป็นแถวเดียวกัน 
ตัวอย่าง code 


  
ผลลัพธ์ที่ไ้ด้



แหล่งที่มา:
25 สิงหาคม 2555
เขียนโดย ที่ ไม่มีความคิดเห็น:

วันจันทร์ที่ 13 สิงหาคม พ.ศ. 2555

การแทรกรูปภาพ





รูปแบบโค้ดในการแทรกรูปภาพ



 ผลลัพธ์ที่ได้




กรณีที่ 1 รูปภาพอยู่ไฟล์เดียวกันกับไฟล์เว็บเพจ



ผลลัพธ์ที่ได้




กรณีที่ 2 รูปภาพอยู่คนละที่กับไฟล์เว็บเพจ





ผลลัพธ์ที่ได้




<IMG>เป็นการบอกให้รู้ว่านี่คือแท็กรูปภาพ
 
SRC="ชื่อไฟล์รูปภาพ"ชื่อของรูปภาพที่จะนำมาประกอบเว็บเพจ(ต้องระบุ)

WIDTH=200 กำหนดความสูงของรูปภาพ (Pixel) (ไม่ต้องกำหนดก็ได้)

HEIGHT=200 กำหนดขนาดความกว้างของรูปภาพ (Pixel) (ไม่ต้องกำหนดก็ได้)

ALIGN=การจัดวางตำแหน่งของรูปภาพแบบชิดซ้าย กึ่งกลาง ชิดขวา




 ผลลัพธ์ที่ได้




แหล่งที่มา:
http://www.tanti.ac.th/Com-tranning/html/page12.html
13 สิงหาคม 2555
      
เขียนโดย ที่ ไม่มีความคิดเห็น:

วันจันทร์ที่ 16 กรกฎาคม พ.ศ. 2555

การแต่งตัวอักษร

การกำหนดแบบอักษร


<FONT FACE="font name หรือ typeface">..........</FONT>

     เป็นการกำหนดฟอนต์ของตัวอักษรในเว็บเพจ ซึ่งเราสามารถกำหนดได้ด้วยคุณสมบัติที่ชื่อว่า FACE และตามด้วยชื่อฟอนต์ที่เราต้องการ เอกสารเว็บอนุญาตให้กำหนดฟอนต์ ได้หลายฟอนต์ โดยเบราเซอร์จะมีการตรวจสอบการใช้ฟอนต์ให้อัตโนมัติ
  • ฟอนต์สำหรับข้อความภาษาไทย/อังกฤษ ที่เหมาะสมได้แก่ MS Sans Serif, Microsoft Sans Serif, Thonburi
  • ฟอนต์สำหรับข้อความภาษาอังกฤษที่เหมาะสม คือ Arial, Helvetica, sans-serif

    รูปแบบแท็ก code 


   
  ผลลัพธ์ที่ได้


ขนาดตัวอักษร

  อธิบายคำสั่ง

<FONT SIZE=ขนาดตัวอักษร> เป็นคำสั่งที่ใช้กำหนดขนาดตัวอักษรที่จะใช้ในเว็บเพจ
ขนาดตัวอักษร                        สามารถกำหนดได้ตั้งแต่ 1-7
</FONT>                             เป็นคำสั่งปิดที่ต้องใช้คู่กันเสมอ

   รูปแบบแท็ก code





     ผลลัพธ์ที่ได้


สีตัวอักษร

   อธิบายคำสั่ง

<FONT COLOR="ชื่อสี"> เป็นคำสั่งที่ใช้กำหนดสีให้กับตัวอักษรที่จะใช้ในเว็บเพจ
</FONT> เป็นคำสั่งปิดที่ต้องใช้คู่กันเสมอ

ชื่อสีที่ใช้สามารถใช้ชื่อสีเช่น Blue, White, Red หรือจะใช้เป็นรหัสสีตามเลขฐาน 16 ก็ได้
เช่น #66FFFF, FFFF99, FFCCFF เป็นต้น


    รูปแบบแท็ก code



    ผลลัพธ์ที่ได้


ตัวหนา       <B></B> เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวเข้ม

ตัวเอียง      <I></I> เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวเอียง

ตัวขีดค่า    <S></S> เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวขีดฆ่า

ขีดเส้นใต้   <U></U> เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวขีดเส้นใต้

ตัวยก         <SUP></SUP>  เป็นคำสั่งที่ใช้กำหนดรูปแบบ Super Script

ตัวห้อย       <SUB></SUB>  เป็นคำสั่งที่ใช้กำหนดรูปแบบ Sub Script

 
    รูปแบบแท็ก code

     

    ผลลัพธ์ที่ได้



ตัวอักษรวิ่ง (Marquee)
  <MARQUEE>ตัวอักษรวิ่ง</MARQUEE>
 
ตัวอักษรกระพริบ (Blink)ใช้ได้เฉพาะ Netscape Navigator
  <BLINK>ตัวอักษรกระพริบ</BLINK>

    รูปแบบแท็ก code 

<HTML>
<HEAD>
             <TITLE>การกำหนดตัวอักษรกระพริบ</TITLE>
</HEAD>
<BODY text="red">
     <Blink>COMPUTER</Blink>
     แสดงผลได้ในเฉพาะ Netscscape
 <BODY>
</HTML>

หมายเหตุ  ในการกำหนดตัวอักษรกระพริบนั้น เราไม่สามารถเปิดในโปรแกรมเว็บเบราเซอร์ที่เป็น Internet Explorer ได้

การจัดวางตำแหน่งข้อความ

    อธิบายคำสั่ง
<P> เป็นการสั่งให้ขึ้นย่อหน้าใหม่ (ปกติจะอยู่ชิดซ้ายเสมอ)
<P ALIGN=LEFT> กำหนดให้ข้อความอยู่ชิดด้านซ้าย
<P ALIGN=CENTER> กำหนดให้ข้อความอยู่กึ่งกลางเอกสาร
<P ALIGN=RIGHT> กำหนดให้ข้อความอยู่ชิดด้านขวา
</P> เป็นคำสั่งปิดที่ต้องใช้คู่กันเสมอ (เมื่อใช้ <P ALIGN>)

    รูปแบบแท็ก code




    ผลลัพธ์ที่ได้




แหล่งที่มา
10 กรกฎาคม 2555




เขียนโดย ที่ ไม่มีความคิดเห็น:

วันเสาร์ที่ 23 มิถุนายน พ.ศ. 2555

HTML tag พื้นฐาน

HTML

        ย่อมาจากคำว่า Hyper Text Markup Language เป็นภาษาหลักที่ใช้ในการสร้างโฮมเพจ การสร้างไฟล์   HTML  เราสามารถสร้างจาก Text  Editor เช่นจาก Notepad หรือ Wordpad ก็ได้แต่สำหรับการ Save ไฟล์ เราจำเป็นต้องใส่  " ชื่อไฟล์ . html " ซึ่งถ้าหากคุณไม่ใส่  " " จะ กลายเป็นไฟล์   .TXT แทน  ในปัจจุบัน มีโปรแกรมต่าง ๆ มากมายที่พัฒนาขึ้นมาเพื่อช่วยอำนวยความสะดวกในหารเขียนโค้ด html เช่นโปรแกรม Macromedia Dreamweaver ปัจจุบันเวอร์ชั่น CS4 แล้ว มีความง่ายและสะดวกในการสร้าง html ขึ้นมา ด้วย Tool ต่าง ๆ ของโปรแกรม


Text Editor

         คือ โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความในการสร้างเว็บเพจด้วยภาษา HTML นั้นต้องมีเครื่องมือที่ใช้ในการเขียน และแก้ไขตัวอักษรซึ่งเป็นคำสั่งต่างๆ ปัจจุบันมีโปรแกรม Text Editor หลายโปรแกรม เช่น NotePad, EditPlus หรือโปรแกรม Dreamweaver ซึ่งมีคุณสมบัติเป็นทั้งโปรแกรมสำเร็จรูปในการสร้างเว็บเพจด้วย

องค์ประกอบของเอกสาร HTML คือ

        HTML จะมีอยู่สองส่วน ส่วนแรกเรียกว่าส่วนหัว (head) และส่วนที่สองเรียกว่า ส่วนตัว(body) และทั้งสองส่วนจะต้องอยู่ภายใต้คู่แท็ก <HTML>....</HTML> เสมอ



คำขยายความ

1) ข้อความหรือแท็กใดๆที่อยู่ระหว่างคู่แท็ก<HEAD>จะเป็นส่วนของ การบรรยายท่านลักษณะ
    ของเอกสาร
2) ข้อความหรือแท็กใดๆที่อยู่ระหว่างคู่แท็ก<BODY>จะเป็นส่วนของ เนื้อหาของเอกสาร


<html> คือ
        
       <HTML>........</HTML>เป็นคำสั่งเริ่มต้นและสิ้นสุดเอกสาร HTML  

<head> คือ 
       
       <HEAD>.......</HEAD>ส่วนของ HEAD ของเอกสาร HTML เป็นส่วนที่เราจะสามารถใส่คำอธิบายเว็บเพจ เช่น Title หรือชื่อเรื่องของเอกสาร, Keyword สำหรับ การค้นหา ซึ่งเราจะเขียน TAG ในกลุ่มของ HEAD ไว้ภายในTAG <HEAD> …… </HEAD>  

<title> คือ 
        
        <TITLE>........</TITLE>เป็นส่วนแสดงชื่ออกสารโดยจะแสดงที่ไตเติล บาร์ของ วินโดว์ที่เปิดเอกสารนี้อยู่เท่านั้น  

<body> คือ

        <BODY>.......</BODY>เป็นส่วนที่จะแสดงผลออกไปยังหน้า Web Browser เช่น การแสดงผลรูปภาพ การแสดงผล Contents การสร้างจุดเชื่อมโยง ซึ่งเราจะเขียน TAG ในกลุ่มของ Body ไว้ภายใน TAG <BODY> …..  </BODY>

<BR> คือ

        
          เป็น TAG สำหรับการขึ้นบรรทัดใหม่ของ HTML

<P> คือ

          คือ การกำหนด Paragraph ของข้อมูลภายในเว็บเพจ

ตัวอย่างการเขียนโค้ดHTML


ผลลัพธ์ที่ได้จากการเขียนโค้ดHTML





แหล่งที่มา

http://help2.tht.in/Ati_Imtrocode.html
http://www.xvlnw.com/knowledge-readknowledge-id40.html
http://school.obec.go.th/pp_school/html/editor.html
23 มิถุนายน 2555
เขียนโดย ที่ ไม่มีความคิดเห็น:

วันอังคารที่ 12 มิถุนายน พ.ศ. 2555

คำศัพท์พื้นฐานเกี่ยวกับการสร้างเว็บ

   internet หมายถึง เครือข่ายคอมพิวเตอร์ขนาด ใหญ่ ที่มีการเชื่อมต่อระหว่างเครือข่ายหลายๆ เครือข่ายทั่วโลก โดยใช้ภาษาที่ใช้สื่อสารกันระหว่างคอมพิวเตอร์ที่เรียกว่า โพรโทคอล (Protocol) ผู้ใช้เครือข่ายนี้สามารถสื่อสารถึงกันได้ในหลายๆ ทาง อาทิเช่น อีเมล เว็บบอร์ด และสามารถสืบค้นข้อมูลและข่าวสารต่างๆ รวมทั้งคัดลอกแฟ้มข้อมูลและโปรแกรมมาใช้ได้




   WWW คือ การใช้งานอินเทอร์เน็ตแบบ WWW (World Wide Web) เป็น เครื่องมือในการให้บริการข้อมูลข่าวสารบนอินเทอร์เน็ตที่ใช้ได้ง่าย สามารถชมได้ทั้งภาพนิ่ง เสียง VDO แม้แต่ส่ง Pager หรือจะสั่ง Pizza ก็ได้



   Webpage คือ เนื้อหาของเว็บไซต์ทุกๆหน้า หรือหน้าใดๆได้ทุกหน้าจะเป็นหน้าที่เีรา่เรียกเฉพาะเจาะจงเข้าไป จะเป็นหน้า general หรือหน้าใดก็ได้ถ้าเป็นหนังสือก็คือ หน้าต่างๆที่เราเปิดไปเพื่อที่จะอ่าน



   Website หมายถึง หน้าเว็บเพจหลายหน้า ซึ่งเชื่อมโยงกันผ่านทางไฮเปอร์ลิ้งค์ ส่วนใหญ่จัดทำขึ้นเพื่อนำเสนอข้อมูลผ่านคอมพิวเตอร์ โดยถูกจัดเก็บไว้ในเวิลด์ไวล์เว็บ หน้าแรกของเว็บไซต์ที่เก็บไว้ที่ชื่อหลักจะเรียกว่า โฮมเพจ เว็บไซต์โดยทั่วไปจะให้บริการต่อผู้ใช้ฟรี แต่ในขณะเดียวกันบางเว็บไซต์จำเป็นต้องมีการสมัครสมาชิกและเสียค่าบริการ เพื่อที่จะดูข้อมูล ในเว็บไซต์นั้น ซึ่งได้แก่ข้อมูลทางวิชาการ ข้อมูลตลาดหลักทรัพย์ หรือข้อมูลสื่อต่างๆ ผู้ทำเว็บไซต์มีหลากหลายระดับ ตั้งแต่สร้างเว็บไซต์ส่วนตัว จนถึงระดับเว็บไซต์สำหรับธุรกิจหรือองค์กรต่างๆ การเรียกดูเว็บไซต์โดยทั่วไปนิยมเรียกดูผ่านซอฟต์แวร์ในลักษณะของ เว็บเบราว์เซอร์


   Homepage เว็บเพจแรกที่ปรากฏหลังจากเริ่มใช้ web browser เช่น Netscape Navigator หรือ Microsoft Internet Explorer ซึ่ง browser มักจะได้รับการตั้งค่าก่อน ดังนั้น home page คือ เพจแรกของผู้ผลิต browser อย่างไรก็ตามผู้ใช้สามรถตั้งค่าการเปิด web site อื่น ๆ ได้ เช่น การระบุเป็น "http://yahoo.com" เป็น home page ของผู้ใช้ และสามารถระบุเป็นหน้าว่างได้ สำหรับกรณีที่เลือกเพจแรกจาก รายการ book mark หรือ ป้อน address ของเว็บ

 

   Web browser  คือโปรแกรมคอมพิวเตอร์ ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จัดเก็บในหน้าเวบที่สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล ที่จัดเก็บไว้ที่ระบบบริการเว็บหรือเว็บเซิร์ฟเวอร์หรือระบบคลังข้อมูลอื่น ๆ โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อกับเครื่อข่ายคอมพิวเตอร์ขนาดใหญ่ที่เรียกว่าเวิลด์ไวด์เว็บ

 
   HTML  เป็นภาษามาร์กอัปหลักในปัจจุบันที่ใช้ในการสร้างเว็บเพจ หรือข้อมูลอื่นที่เรียกดูผ่านทางเว็บเบราว์เซอร์ ซึ่งตัวโค้ดจะแสดงโครงสร้างของข้อมูล ในการแสดง หัวข้อ ลิงก์ ย่อหน้า รายการ รวมถึงการสร้างแบบฟอร์ม เชื่อมโยงภาพหรือวิดีโอด้วย โครงสร้างของโค้ดเอชทีเอ็มแอลจะอยู่ในลักษณะภายในวงเล็บสามเหลี่ยม


   URL คือที่อยู่หน้าเว็บเพจ สามารถดูได้จากแถบที่อยู่ทุกครั้งที่ท่านเปิดหน้าเว็บปกติแล้ว URLจะเป็นกลุ่ม ของตัวอักษร เช่น http://wbac.wimol.ac.th/ แต่เราสามารถใส่ตัวเลขลงไปได้ และใน URLนั้นจะใช้ " / " จะไม่ใช่ " \ "เหมือน พาร์ทในเครื่องของ เช่น C:\windows ทำให้อาจจะพิมพ์ผิดได้ และURLนั้นจะแยกตัวอักษรใหญ่ และเล็กของชื่อไฟล์ เช่น INDEX.htm กลับ index.htm นั้น ก็จะเป็นคนละไฟล์กัน 



แหล่งที่มา: 
http://th.wikipedia.org/wiki
http://www.krujongrak.com/internet/page6.html
13  มิถุนายน  2555
เขียนโดย ที่ ไม่มีความคิดเห็น:


ชื่อ: น.ส.น้ำฝน  พุ่มพวง
ชื่อเล่น: ฝน
เกิดวันที่: 14 พฤษภาคม 2538
อายุ: 17ปี
ศึกษาอยู่ที่: โรงเรียนธนบุรีวรเทพีพลารักษ์
ชั้นมัธยมศึกษาปีที่: 6/4
งานอดิเรก: เล่นเกมส์,ฟังเพลง
อาหารที่ชอบ: หมูกรอบผัดพริกเผา,ข้าวผัดต้มยำ
สีที่ชอบ: สีเหลือง
กีฬาที่ชอบ: ฟุตบอล,แบดมินตัน

              การติดต่อ
E-mail: mushroom_fon14@hotmail.com
Gmail: mushroom1150@gmail.com

เขียนโดย ที่ ไม่มีความคิดเห็น:
สมัครสมาชิก: บทความ (Atom)