ความรู้เบื้องต้นภาษา HTML
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store) HTML ย่อมาจาก Hypertext Markup Language เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง ที่มีโครงสร้างการเขียนโดยอาศัยตัวกำกับ (Tag) ควบคุมการแสดงผลข้อความ รูปภาพ หรือวัตถุ อื่น ๆ ผ่านโปรแกรมเบราเซอร์ แต่ละ Tag อาจจะมีส่วนขยาย เรียกว่า Attribute สำหรับระบุ
iframe คือ
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store) iframe คือ HTML CODE ที่ใช้ในการดึงหน้าเว็บไม่ว่าจะเป็น path url จากเว็บเราหรือจากเว็บอื่น มาแสดงในเว็บของเราครับ และสามารถกำหนดได้ทั้งขนาดของกรอบที่จะแสดงว่า กว้าง / ยาวเท่าใหร่ ซึ่งบางที่ใช้ในการดึงกรอบข่าวสารจากเว็บอื่นๆมาแสดงที่เว็บของตัวเองครับ
ข้อดีของ
วิดิโอสอน Webpag Maker
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store) วิดิโอสอน Webpag Maker
YouTube Video
YouTube Video
YouTube Video
YouTube Video
YouTube Video
YouTube Video
YouTube Video
คำศัพท์ที่เกี่ยวข้อง html
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store) เว็บไซต์ (อังกฤษ: Website, Web site หรือ Site) หมายถึง หน้าเว็บเพจหลายหน้า ซึ่งเชื่อมโยงกันผ่านทางไฮเปอร์ลิงก์ ส่วนใหญ่จัดทำขึ้นเพื่อนำเสนอข้อมูลผ่านคอมพิวเตอร์ โดยถูกจัดเก็บไว้ในเวิลด์ไวด์เว็บ หน้าแรกของเว็บไซต์ที่เก็บไว้ที่ชื่อหลักจะเรียกว่า
ทำลิงค์ใน blogroll เป็น nofollow
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store) nofollow link ถือว่าเป็นอีกเทคนิคหนึ่งสำหรับคนที่ทำ SEO ต้องรู้จักกันดี โดยส่วนใหญ่แล้วประโยชน์ที่ได้รับจากการทำ nofollow link ก็คือค่า PR ที่พี่ google เขาเอามาคำนวนเพื่อจัดอันดับเวบของเรา โดยดูจากลิงค์เพื่อนบ้าน ว่ามี PR มากน้อยแค่ไหน
ใส่ google analytics โค้ดลงใน wordpress
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store) google analytics ถือว่าเป็นมือในการเก็บสถิติบล็อกที่ดีมาก มันถูกพัฒนาขึ้นโดย google การเข้าถึงเวบ google analytics ก็แค่เรามีบัญชีอีเมล์ของ google หรือ gmail เท่านั้นแหละครับ แค่นี้เราก็สามารถใช้งานมันได้ฟรีแล้ว เราสามารถเปิดเวบได้ ที่ http://www.google.com/analytics/
หลังจากที่เข้าไปใช้งานแล้วก็ทำการสร้าง
ใส่รูปใน wordpress คอมเม้น ด้วย gravatar
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store) gravatar คือเวบที่เอาไว้ให้เรา เอารูปของเราใส่เอาไว้ในโลกออนไลน์ โดยจะใช่อีเมล์ของเราเป็น คีย์หลักในการยืนยันตัวตน เมื่อเราต้องการเรียกใช้รูปของเราที่อัพโหลดไว้ ก็แค่เพียงกรอกอีเมล์ของเราลงไป แล้วรูปของเราก็จะปรากฎขึ้นมา
เราจะสมัครการใช้งาน
ใส่ screenshot ให้ wordpress theme
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store) อีกวิธีที่สร้างความแตกต่างให้ wordpress theme ที่เราสร้างขึ้น ก็คือการใส่รูปภาพที่แสดงถึงความเป็นตัวตนของ theme ที่เราสร้าง ในเมนูที่ใช้สำหรับเลือก theme รูปแบบบล็อก > Theme เราจะเห็น theme มากมายที่เราได้เลือกเก็บไว้ ซึ่งสิ่งหนึ่งที่แสดงความแตกต่างก็คือภาพตัวอย่างของละ
ความหมาย และหน้าที่ของ wordpress theme ไฟล์
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store) เมื่อเราโหลดไฟล์ wordpress theme มาแล้วจะพบว่ามีไฟล์เยอะแยะมากมายเต็มไปหมด ซึ่งแต่ส่วนก็มีความสำคัญหรือหน้าที่ไม่เหมือนกันดังนี้
มาตรฐาน
พิเศษ
หลัก
ขยะ
404.php
แสดงหน้า Error page เมื่อเข้าเยี่ยมชมเ้ขาไปยังหน้าที่ไม่ปรากฎใน URL
DOCTYPE ใน wordpress theme
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store) DOCTYPE ใน wordpress theme
โดย abxnet / โพสต์เมื่อ 31 กรกฎาคม 2011
DOCTYPE คือ การประกาศว่าบล็อกนั้นสร้างขึ้นมาโดยยึดหลักตามมาตราฐานของอะไร ระหว่าง 2 มาตรฐาน คือ
– HTML
– XHTML
ทั้ง 2 มาตราฐาน จะมีการแบ่งการพัฒนาออกเป็นไปอีก 3 ประเภท คือ
1.Transitional
?
1
<!DOCTYPE
meta element ใน wordpress theme
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store)
tag ที่ต่อจาก <html> ก็ต้องเป็น <head> ซึ่งในส่วนนี้ก็ต้องใส่ <meta> เพื่อเป็นข้อมูลที่สำคัญของบล็อก และเป็นข้อมูลให้ browser รู้ว่าข้อความที่อยู่ในบล็อกเรา เป็น content ภาษาอะไร แทรกโค้ดข้างล่างนี้ต่อจาก DOCTYPE ใน ไฟล์ header.php
?
1
2
3
<meta
wordpress คืออะไร
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store) wordpress คือ CMS (Content Management System) รูปแบบหนึ่งที่ได้รับความนิยมมากในปัจจุบัน ที่จะช่วยทำให้การเขียนบล็อกของเรานั้นง่ายขึ้นอย่างคาดไม่ถึง wordpressเปรียบเสมือนโปรแกรมที่คอยช่วยจัดการบทความที่เราเขียนลงให้เป็นระบบ และแสดงผลออกมาสวยงาม
wordpress ถูกเขียนขึ้นด้วยภาษา
คู่มือ wordpress
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store) คู่มือ wordpress นี้ ถูกเขียนขึ้นเพื่อเป็นแนวทางการใช้งาน wordpress.com แต่ในรายละเอียดแล้วสามารถนำมาประยุกต์ใช้กับ wordpress.orgได้อีกด้วย โดยเนื้อหาภายในประกอบด้วย 71 หน้า รายละเอียดตามสารบัญด้านล่าง (more…)
กำหนด Form ใน CSS
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store)
Form
เรื่องของ CSS ที่เกี่ยวกับ Form มี 2 ส่วนที่อยากจะพูดถึงค่ะ ส่วนแรก คือ การตกแต่ง Form Elements ด้วย style sheet และส่วนที่สอง คือ การทำ Form โดยไม่ใช้ Table หรือเรียกว่า Tableless Form
Form Elements
เราสามารถตกแต่ง ส่วนประกอบของ Form ได้แก่ inputbox, textarea, button เป็นต้น ให้มีสีสันที่สวยงามได้
กำหนด Image ใน CSS
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store)
Image
เราสามารถตกแต่งภาพด้วย border และใช้ filter ให้ภาพดูโปร่งใส (Transparent)
สำหรับ browser IE จะใช้ propety filter:alpha(opacity=0-100)
ส่วน Firefox จะใช้ property opacity:0.0-1.0
ตัวเลขยิ่งน้อย ยิ่งดูโปร่งใส
Example
<html>
<body>
ภาพปกติ<br />
<img src=”../images/lotus.jpg” /><br />
ภาพโปร่งใส 50%<br />
<img src=”../images/lotus.jpg”
กำหนด Positioning ใน CSS
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store)
Positioning
การจัดวางตำแหน่งวัตถุ
Property Description Values
top ใช้กำหนดระยะของวัตถุ ว่าให้อยู่เหนือ หรือ ล่าง ขอบด้านบน auto
%
length
bottom ใช้กำหนดระยะของวัตถุ ว่าให้อยู่เหนือ หรือ ล่าง ขอบด้านล่าง auto
%
length
left ใช้กำหนดระยะของวัตถุ ว่าให้อยู่ขวา หรือ ซ้าย
กำหนด Classification ใน CSS
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store)
Classification
การแสดงผลวัตถุว่าจะแสดงอย่างไร ที่ไหน
Property Description Values
float ใช้กำหนดการจัดวางรูปภาพ หรือวัตถุที่ต้องการ ว่าจะให้อยู่ทางด้านใดของข้อความที่มีอยู่
left
right
none
display ใช้กำหนดรูปแบบการแสดงของวัตถุ
value description
none ไม่แสดงวัตถุนั้น
block แสดงเป็น
กำหนด Link ใน CSS
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store)
Link
Property Purpose
a:link กำหนด style ให้กับ link ปกติที่ยังไม่เคยถูก click
a:visited กำหนด style ให้กับ link ที่เคยถูกคลิกแล้ว
a:hover กำหนด style ให้กับ link เมื่อเลื่อนเมาส์ไปอยู่เหนือ link
a:active กำหนด style ให้กับ link ขณะถูกคลิก
Example
<html>
<head>
<style type=”text/css”>
.linkbox a:link {color: #FF0000} /* unvisited link
กำหนด Table ใน CSS
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store)
Table
ต้องใช้กับเว็บเบราเซอร์รุ่นใหม่ๆ เช่น IE6 เป็นต้นไป
*บาง property เมื่อทดสอบแล้วไม่เห็นผล
Property Description Values
table-layout ใช้กำหนดความกว้างของตารางและคอลัมน์ automatic
fixed Default
กว้างตามที่ำกำหนดเท่านั้น
caption-side ใช้กำหนดตำแหน่งของชื่อตาราง top
bottom
left
right
กำหนด List ใน CSS
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store)
List
Property Description Values
list-style-type ใช้กำหนดลักษณะที่ใช้นำหน้าแต่ละรายการย่อย none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
georgian
cjk-ideographic
hiragana
hiragana-iroha
katakana-iroha
list-style-position ใช้การกำหนดลักษณะการปัดขึ้นบรรทัดใหม่ของข้อความ
กำหนด Margin, Padding ใน CSS
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store)
Margin, Padding
Property Description Values
margin-top ใช้กำหนดระยะห่างระหว่างขอบของวัตถุด้านบน กับวัตถุอื่นๆ auto
length เช่น 5px, 5pt,5cm
margin-bottom ใช้กำหนดระยะห่างระหว่างขอบของวัตถุด้านล่าง กับวัตถุอื่นๆ
margin-left ใช้กำหนดระยะห่างระหว่างขอบของวัตถุด้านซ้าย กับวัตถุอื่นๆ
margin-right
กำหนด Border ใน CSS
บริษัทรับทำเว็บไซต์ อัญมณีเพชรพลอย (Gems & Jewellry Store)
Border
เราสามารถกำหนดลักษณะเส้นกรอบของ Element ต่างๆ ได้ เช่น <p>, <div> เป็นต้น
Property Description Values
border-width ใช้กำหนดขนาดของกรอบของวัตถุทั้ง 4 ด้าน thin
medium
thick
length เช่น 5px, 5pt
border-style ใช้การกำหนดลักษณะของกรอบของวัตถุทั้ง 4 ด้าน none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
dotted
dashed
solid
double
groove
ridge
inset
outset
border-color
ยินดีต้อนรับสู่เว็บ IYATHAI.com ทางเราเป็นทีมออกแบบและจัดทำเว็บไซต์ผู้มีประสบการณ์ มากกว่า 10 ปี เราได้ให้บริการในการจัดทำเว็บไซต์แบบครบวงจร โดยมี ทีมงาน Web designer Web Programmer และ ผู้ดูแลระบบพื้นที่เว็บไซต์ เว็บโฮสติ้ง (Hosting) พร้อมทั้งให้บริการจดชื่อเว็บไซต์หรือจดโดเมนเนม (Domain name) ที่เป็นมืออาชีพและมีประสบการณ์ ดังจะเห็นได้จาก ผลงานในการจัดทำเว็บไซต์ รับทำเว็บไซต์
ราคาจัดทำเว็บไซต์ (รับทำเว็บไซต์ภาษา จีน, ญี่ปุ่น, เยอรมัน, เกาหลี , รับทำเว็บบริษัททัวร์, รับทำเว็บโรงแรม รับทำเว็บ หรืออื่นๆ)
Munu
