เขียนเว็บเพจ HTML เบื้องต้น (Basic HTML)
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
เขียน HTML โดยปกติเว็บโปรแกรมเมอร์หรือมาสเตอร์ต่างๆมักใช้โปรแกรมช่วยเหลือต่างๆนาๆ ผู้ใช้หลายท่านอาจมองว่าเป็นการยากถ้าจะเป็นเจ้าของเว็บไซต์สักที่ แต่ปัจจุบันนั้นแสนง่ายดาย เพียงแค่เรามีคอมพิวเตอร์ที่มี Text Editor
ความรู้เบื้องต้นภาษา HTML
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย HTML ย่อมาจาก Hypertext Markup Language เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง ที่มีโครงสร้างการเขียนโดยอาศัยตัวกำกับ (Tag) ควบคุมการแสดงผลข้อความ รูปภาพ หรือวัตถุ อื่น ๆ ผ่านโปรแกรมเบราเซอร์ แต่ละ Tag อาจจะมีส่วนขยาย เรียกว่า Attribute สำหรับระบุ
การปรับรูปภาพ html
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
บทเรียนการเขียนเว็บด้วยภาษา html
บทที่ 6 การปรับรูปภาพ
การปรับรูปภาพ
ผมคิดว่า เมื่อสร้างบทเรียนที่ 3 ในเรื่องการปรับรูปแบบตัวหนังสือแล้ว ก็ต้องสร้างบทที่บอกวิธีการปรับรูปภาพด้วย ซึ่งคุณเชื่อหรือไม่ว่า การปรับรูปภาพนั้น
การปรับรูปแบบตัวอักษร (FONT) html
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
บทเรียนการเขียนเว็บด้วยภาษา html
การปรับรูปแบบตัวอักษร (FONT)
แบบตัวอักษร
ผมเคยได้รับคำถามหลายต่อหลายครั้งว่า จะเปลี่ยนรูปแบบอักษร(FONT) ได้อย่างไร หลายคนคงรู้แล้วว่าสามารถเปลี่ยนขนาดตัวอักษรได้ในคำสั่ง FONT หรือจะใช้คำสั่ง
บทที่ 1 แนะนำ html
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
บทที่ 1 แนะนำ html
บทเรียนนี้เป็นหนึ่งใน 6 บท ที่จะแนะนำคุณเข้าสู่พื้นฐานของ HyperText Mark-up Language ซึ่งผมแนะนำให้คุณเรียนวันละหนึ่งบท… พอครบสัปดาห์ คุณจะมีความรู้พอเพียงที่จะสร้างเว็บของคุณเองได้สบายๆ ผมพูดจริงๆครับ
คำศัพท์ที่เกี่ยวข้อง html
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย เว็บไซต์ (อังกฤษ: Website, Web site หรือ Site) หมายถึง หน้าเว็บเพจหลายหน้า ซึ่งเชื่อมโยงกันผ่านทางไฮเปอร์ลิงก์ ส่วนใหญ่จัดทำขึ้นเพื่อนำเสนอข้อมูลผ่านคอมพิวเตอร์ โดยถูกจัดเก็บไว้ในเวิลด์ไวด์เว็บ หน้าแรกของเว็บไซต์ที่เก็บไว้ที่ชื่อหลักจะเรียกว่า
URL ภาษาไทย wordpress แสดงไม่ครบ
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย ถ้าเรากำหนดให้่ URL ของเว็บเราแสดงเป็นภาษาไทย จะพบว่ามันจะแสดงชื่อภาษาไทยที่ไม่ครบ หรือโดยตัดทิ้งออกไป บางครั้งตัดออกไปแล้วติดสระของคำทิ้งไว้ ดูแล้วอ่านไม่รู้เรื่อง แต่ทั้งหมดนี้มีวิธีการแก้ไข
วิธีการแก้ปัญหา URL
ทำลิงค์ใน blogroll เป็น nofollow
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย nofollow link ถือว่าเป็นอีกเทคนิคหนึ่งสำหรับคนที่ทำ SEO ต้องรู้จักกันดี โดยส่วนใหญ่แล้วประโยชน์ที่ได้รับจากการทำ nofollow link ก็คือค่า PR ที่พี่ google เขาเอามาคำนวนเพื่อจัดอันดับเวบของเรา โดยดูจากลิงค์เพื่อนบ้าน ว่ามี PR มากน้อยแค่ไหน
ใส่ google analytics โค้ดลงใน wordpress
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย google analytics ถือว่าเป็นมือในการเก็บสถิติบล็อกที่ดีมาก มันถูกพัฒนาขึ้นโดย google การเข้าถึงเวบ google analytics ก็แค่เรามีบัญชีอีเมล์ของ google หรือ gmail เท่านั้นแหละครับ แค่นี้เราก็สามารถใช้งานมันได้ฟรีแล้ว เราสามารถเปิดเวบได้ ที่ http://www.google.com/analytics/
หลังจากที่เข้าไปใช้งานแล้วก็ทำการสร้าง
ใส่รูปใน wordpress คอมเม้น ด้วย gravatar
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย gravatar คือเวบที่เอาไว้ให้เรา เอารูปของเราใส่เอาไว้ในโลกออนไลน์ โดยจะใช่อีเมล์ของเราเป็น คีย์หลักในการยืนยันตัวตน เมื่อเราต้องการเรียกใช้รูปของเราที่อัพโหลดไว้ ก็แค่เพียงกรอกอีเมล์ของเราลงไป แล้วรูปของเราก็จะปรากฎขึ้นมา
เราจะสมัครการใช้งาน
กำหนดขนาด รูปภาพ ใน wordpress theme
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย การกำหนดขนาดของรูปภาพที่ใช้ใน wordpress theme เช่น ขนาดรูป post-thumbnail หรือขนาดของรูปที่แทรกในโพส์ต ของเรา ถ้ามองดูแล้วสำหรับคนที่เขียนบทความไม่เยอะมากอาจจะไม่พบปัญหามากเท่าไร เพราะ wordpress เอง ก็มีส่วนให้เราเข้าไปแก้ไข หรือกำหนดหนดขนาด
ใส่รูปภาพ วีดิโอ เพลง ลงในบทความ wordpress
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย รูปภาพ วีดิโอ เพลง หรือสื่อต่าง เช่น รูป flash ที่เราต้องการใส่ลงเข้าไปในบทความของ wordpress นั้นไม่ใช่เรื่องยากแต่อย่างไร เพราะ wordpress ได้เตรียมเครื่องต่าง ๆเอาไว้ให้เราอย่างครบครัน นอกจากเครื่องมือที่สามารถใส่รูปภาพได้แล้ว
เครื่องมือสำหรับทำเวบ ด้วย wordress
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
การทำเวบด้วย wordpress เราจะต้องจัดเตรียมอุปกรณ์ให้พร้อมก่อนที่เราจะเริ่มกัน เครื่องมือที่ผมรวบรวมจะเป็นเครื่องมือที่จำเป็น ดังนี้
1.คอมพิวเตอร์ และอินเตอร์เน็ต
ถือว่าเป็นสิ่งสำคัญอันดับแรกสำหรับคนที่ต้องการสร้างเวบไซต์เพราะการอยู่ในโลกออนไลน์
ใส่ screenshot ให้ wordpress theme
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย อีกวิธีที่สร้างความแตกต่างให้ wordpress theme ที่เราสร้างขึ้น ก็คือการใส่รูปภาพที่แสดงถึงความเป็นตัวตนของ theme ที่เราสร้าง ในเมนูที่ใช้สำหรับเลือก theme รูปแบบบล็อก > Theme เราจะเห็น theme มากมายที่เราได้เลือกเก็บไว้ ซึ่งสิ่งหนึ่งที่แสดงความแตกต่างก็คือภาพตัวอย่างของละ
มาเปลี่ยนข้อมูล theme wordpress กันดีกว่า
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย ในหน้า theme option จะปรากฎหน้าต่างของ theme wordpress มากมาย
ที่เราเลือกเอาไว้ ในแต่ละ theme ก็จะแสดงรายละเอียดเพื่อให้เราเลือกตัดสินใจ
ส่วนที่ 1. คือรูป screenshot สามารถดูวิธีเปลี่ยนได้ที่ screenshot
ส่วนที่ 2. เป็นรายละเอียดของ theme ประกอบด้วย
ชื่อ
ความหมาย และหน้าที่ของ wordpress theme ไฟล์
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย เมื่อเราโหลดไฟล์ wordpress theme มาแล้วจะพบว่ามีไฟล์เยอะแยะมากมายเต็มไปหมด ซึ่งแต่ส่วนก็มีความสำคัญหรือหน้าที่ไม่เหมือนกันดังนี้
มาตรฐาน
พิเศษ
หลัก
ขยะ
404.php
แสดงหน้า Error page เมื่อเข้าเยี่ยมชมเ้ขาไปยังหน้าที่ไม่ปรากฎใน URL
DOCTYPE ใน wordpress theme
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย DOCTYPE ใน wordpress theme
โดย abxnet / โพสต์เมื่อ 31 กรกฎาคม 2011
DOCTYPE คือ การประกาศว่าบล็อกนั้นสร้างขึ้นมาโดยยึดหลักตามมาตราฐานของอะไร ระหว่าง 2 มาตรฐาน คือ
– HTML
– XHTML
ทั้ง 2 มาตราฐาน จะมีการแบ่งการพัฒนาออกเป็นไปอีก 3 ประเภท คือ
1.Transitional
?
1
<!DOCTYPE
meta element ใน wordpress theme
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
tag ที่ต่อจาก <html> ก็ต้องเป็น <head> ซึ่งในส่วนนี้ก็ต้องใส่ <meta> เพื่อเป็นข้อมูลที่สำคัญของบล็อก และเป็นข้อมูลให้ browser รู้ว่าข้อความที่อยู่ในบล็อกเรา เป็น content ภาษาอะไร แทรกโค้ดข้างล่างนี้ต่อจาก DOCTYPE ใน ไฟล์ header.php
?
1
2
3
<meta
title tag ใน wordpress
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
Title Tag คือ ข้อความที่แสดงบน title bar ของเวบ และยังมีประโยชน์อย่างมากสำหรับ SEO เพราะว่า title tag ที่เราใส่ลงไป ยังไปแสดงผลในหน้า search result ของ google (more…)
คู่มือ wordpress
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย คู่มือ wordpress นี้ ถูกเขียนขึ้นเพื่อเป็นแนวทางการใช้งาน wordpress.com แต่ในรายละเอียดแล้วสามารถนำมาประยุกต์ใช้กับ wordpress.orgได้อีกด้วย โดยเนื้อหาภายในประกอบด้วย 71 หน้า รายละเอียดตามสารบัญด้านล่าง (more…)
มาใส่ QR Code ให้กับ Post Link wordpress กันดีกว่า
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
ยุคสมัยนี้การใช้งานผ่านเวบส่วนใหญ่จะใช้งานผ่านอุปกรณ์ มือถือ เช่น สมาร์โฟน เท็บเล็ต ดังนั้นการที่ผู้ชมเว็บไซต์จะจดจำ URL หรือว่ากดบันทึกคงเป็นเรื่องลำบาก แต่มีสิ่งหนึ่งที่ทำให้ผู้ชมเว็บไซต์สามารถจดจำเวบไซค์ได้ง่าย
กำหนด Scroll bar ใน CSS
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
Scroll bar
การกำหนด style ใ้ห้กับ Scroll bar ใช้งานได้เฉพาะ IE5.5+ ไม่สามารถใช้ได้กับ Firefox
Property Value
scrollbar-face-color color สีแถบที่เลื่อน
scrollbar-highlight-color color สีขอบด้านบน และด้านซ้าย ด้านใน
scrollbar-shadow-color color สีขอบด้านล่าง และด้านขวา ด้านใน
scrollbar-3dlight-color color สีขอบด้านบน และด้านซ้าย
กำหนด Form ใน CSS
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
Form
เรื่องของ CSS ที่เกี่ยวกับ Form มี 2 ส่วนที่อยากจะพูดถึงค่ะ ส่วนแรก คือ การตกแต่ง Form Elements ด้วย style sheet และส่วนที่สอง คือ การทำ Form โดยไม่ใช้ Table หรือเรียกว่า Tableless Form
Form Elements
เราสามารถตกแต่ง ส่วนประกอบของ Form ได้แก่ inputbox, textarea, button เป็นต้น ให้มีสีสันที่สวยงามได้
กำหนด Image ใน CSS
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
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
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
Positioning
การจัดวางตำแหน่งวัตถุ
Property Description Values
top ใช้กำหนดระยะของวัตถุ ว่าให้อยู่เหนือ หรือ ล่าง ขอบด้านบน auto
%
length
bottom ใช้กำหนดระยะของวัตถุ ว่าให้อยู่เหนือ หรือ ล่าง ขอบด้านล่าง auto
%
length
left ใช้กำหนดระยะของวัตถุ ว่าให้อยู่ขวา หรือ ซ้าย
กำหนด Classification ใน CSS
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
Classification
การแสดงผลวัตถุว่าจะแสดงอย่างไร ที่ไหน
Property Description Values
float ใช้กำหนดการจัดวางรูปภาพ หรือวัตถุที่ต้องการ ว่าจะให้อยู่ทางด้านใดของข้อความที่มีอยู่
left
right
none
display ใช้กำหนดรูปแบบการแสดงของวัตถุ
value description
none ไม่แสดงวัตถุนั้น
block แสดงเป็น
กำหนด Link ใน CSS
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
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
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
Table
ต้องใช้กับเว็บเบราเซอร์รุ่นใหม่ๆ เช่น IE6 เป็นต้นไป
*บาง property เมื่อทดสอบแล้วไม่เห็นผล
Property Description Values
table-layout ใช้กำหนดความกว้างของตารางและคอลัมน์ automatic
fixed Default
กว้างตามที่ำกำหนดเท่านั้น
caption-side ใช้กำหนดตำแหน่งของชื่อตาราง top
bottom
left
right
กำหนด List ใน CSS
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
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
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
Margin, Padding
Property Description Values
margin-top ใช้กำหนดระยะห่างระหว่างขอบของวัตถุด้านบน กับวัตถุอื่นๆ auto
length เช่น 5px, 5pt,5cm
margin-bottom ใช้กำหนดระยะห่างระหว่างขอบของวัตถุด้านล่าง กับวัตถุอื่นๆ
margin-left ใช้กำหนดระยะห่างระหว่างขอบของวัตถุด้านซ้าย กับวัตถุอื่นๆ
margin-right
กำหนด Border ใน CSS
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
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
กำหนด Background ใน CSS
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
Background
เราสามารถกำหนดลักษณะพื้นหลังของ Element ต่างๆ เช่น <body>, <table>, <p>, <h1>, <h2>, <div> เป็นต้น
Property Description Values
background-attachment ใช้กำหนดว่าต้องการให้ภาพพื้นหลังนั้นอยู่กับที่ หรือว่าเลื่อนไปตาม Scroll Bar fixed
scroll fix อยู่กับที่
เลื่อนตาม Scroll Bar
background-color
CSS จัดการ Text
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
Text
เราสามารถกำหนดรูปแบบให้ข้อความ เช่น ความสูงของบรรทัด, ตำแหน่งการจัดวางข้อความ, การขีดเส้นใต้, การกำหนดตัวพิมพ์เล็กพิมพ์ใหญ่ และอื่นๆ ผ่าน Property ต่างๆ ดังนี้
Property Description Values
color ใช้กำหนดสี สี red
#000099
direction ใช้กำหนดทิศทางของ text (IE6) ltr
rtl
การกำหนดลักษณะให้ตัวอักษร ใน HTML Font CSS
บริษัทรับทำเว็บไซต์ เครื่องประดับตกแต่งกาย
การกำหนดลักษณะให้ตัวอักษร ใน HTML เราจะใช้ tag <font face=”ชนิดตัวอักษร” size=”number” color=”สี”>ข้อความ</font> น่าจะพอจำกันได้อยู่ แต่ในเอกสาร HTML/XHTML แบบ strict จะถือว่า tag <font> เป็น tag ที่ล้าสมัยแล้ว ไม่สามารถนำมาใช้งานได้ ให้เราใช้ CSS แทนค่ะ
เรา็สามารถใช้
ยินดีต้อนรับสู่เว็บ IYATHAI.com ทางเราเป็นทีมออกแบบและจัดทำเว็บไซต์ผู้มีประสบการณ์ มากกว่า 10 ปี เราได้ให้บริการในการจัดทำเว็บไซต์แบบครบวงจร โดยมี ทีมงาน Web designer Web Programmer และ ผู้ดูแลระบบพื้นที่เว็บไซต์ เว็บโฮสติ้ง (Hosting) พร้อมทั้งให้บริการจดชื่อเว็บไซต์หรือจดโดเมนเนม (Domain name) ที่เป็นมืออาชีพและมีประสบการณ์ ดังจะเห็นได้จาก ผลงานในการจัดทำเว็บไซต์ รับทำเว็บไซต์
ราคาจัดทำเว็บไซต์ (รับทำเว็บไซต์ภาษา จีน, ญี่ปุ่น, เยอรมัน, เกาหลี , รับทำเว็บบริษัททัวร์, รับทำเว็บโรงแรม รับทำเว็บ หรืออื่นๆ)