รูปแบบ ของตัวอักษร html
บริษัทรับทำเว็บไซต์ เสื้อผ้าเด็ก ในบทนี้ เราจะมาทราบถึงวิธีการทำแบบตัวอักษรหลาย ๆ แบบ เช่น ตัวหนา ตัวเอน ตัวใหญ่ ตัวเล็ก
ซึ่งลักษระต่างๆ เหล่านี้จะทำให้เว็บเพจ ของเราสวยงามยิ่งขึ้น
หัวเรื่อง
รูปแบบ <Hx>ข้อความ</Hx>
ตัวอย่าง <H1>หัวข้อใหญ่สุด</H1>
ในการกำหนดขนาดให้หัวเรื่องนั้นมีการกำหนด
การสร้างตาราง html
บริษัทรับทำเว็บไซต์ เสื้อผ้าเด็ก การสร้างตาราง ลงใน เว็บเพจมีประโยชน์มหาศาล เราสามารถ ประยุกต์ นำไปใช้ได้หลายอย่าง เพื่อเป็นการเพิ่มสีสันความสวยงามของเว็บเพจ การสร้างตาราง ในเว็บเพจก็ไม่แตกต่างจากการสร้างตารางบนแผ่นกระดาษทั่ว ๆ ไป เราเคยทำตารางอย่างไร
URL ภาษาไทย wordpress แสดงไม่ครบ
บริษัทรับทำเว็บไซต์ เสื้อผ้าเด็ก ถ้าเรากำหนดให้่ URL ของเว็บเราแสดงเป็นภาษาไทย จะพบว่ามันจะแสดงชื่อภาษาไทยที่ไม่ครบ หรือโดยตัดทิ้งออกไป บางครั้งตัดออกไปแล้วติดสระของคำทิ้งไว้ ดูแล้วอ่านไม่รู้เรื่อง แต่ทั้งหมดนี้มีวิธีการแก้ไข
วิธีการแก้ปัญหา URL
ใส่รูปใน wordpress คอมเม้น ด้วย gravatar
บริษัทรับทำเว็บไซต์ เสื้อผ้าเด็ก gravatar คือเวบที่เอาไว้ให้เรา เอารูปของเราใส่เอาไว้ในโลกออนไลน์ โดยจะใช่อีเมล์ของเราเป็น คีย์หลักในการยืนยันตัวตน เมื่อเราต้องการเรียกใช้รูปของเราที่อัพโหลดไว้ ก็แค่เพียงกรอกอีเมล์ของเราลงไป แล้วรูปของเราก็จะปรากฎขึ้นมา
เราจะสมัครการใช้งาน
กำหนดขนาด รูปภาพ ใน wordpress theme
บริษัทรับทำเว็บไซต์ เสื้อผ้าเด็ก การกำหนดขนาดของรูปภาพที่ใช้ใน wordpress theme เช่น ขนาดรูป post-thumbnail หรือขนาดของรูปที่แทรกในโพส์ต ของเรา ถ้ามองดูแล้วสำหรับคนที่เขียนบทความไม่เยอะมากอาจจะไม่พบปัญหามากเท่าไร เพราะ wordpress เอง ก็มีส่วนให้เราเข้าไปแก้ไข หรือกำหนดหนดขนาด
เครื่องมือสำหรับทำเวบ ด้วย wordress
บริษัทรับทำเว็บไซต์ เสื้อผ้าเด็ก
การทำเวบด้วย wordpress เราจะต้องจัดเตรียมอุปกรณ์ให้พร้อมก่อนที่เราจะเริ่มกัน เครื่องมือที่ผมรวบรวมจะเป็นเครื่องมือที่จำเป็น ดังนี้
1.คอมพิวเตอร์ และอินเตอร์เน็ต
ถือว่าเป็นสิ่งสำคัญอันดับแรกสำหรับคนที่ต้องการสร้างเวบไซต์เพราะการอยู่ในโลกออนไลน์
เพิ่มปุ่ม google +1 ใน wordpress
บริษัทรับทำเว็บไซต์ เสื้อผ้าเด็ก เครื่องใหม่ล่าสุด ที่ดูเหมือนคุ้นๆว่าไปคล้ายๆใครมา นั้นก็คือ google +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…)
กำหนด 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 ใช้กำหนดระยะของวัตถุ ว่าให้อยู่ขวา หรือ ซ้าย
กำหนด 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
ยินดีต้อนรับสู่เว็บ IYATHAI.com ทางเราเป็นทีมออกแบบและจัดทำเว็บไซต์ผู้มีประสบการณ์ มากกว่า 10 ปี เราได้ให้บริการในการจัดทำเว็บไซต์แบบครบวงจร โดยมี ทีมงาน Web designer Web Programmer และ ผู้ดูแลระบบพื้นที่เว็บไซต์ เว็บโฮสติ้ง (Hosting) พร้อมทั้งให้บริการจดชื่อเว็บไซต์หรือจดโดเมนเนม (Domain name) ที่เป็นมืออาชีพและมีประสบการณ์ ดังจะเห็นได้จาก ผลงานในการจัดทำเว็บไซต์ รับทำเว็บไซต์
ราคาจัดทำเว็บไซต์ (รับทำเว็บไซต์ภาษา จีน, ญี่ปุ่น, เยอรมัน, เกาหลี , รับทำเว็บบริษัททัวร์, รับทำเว็บโรงแรม รับทำเว็บ หรืออื่นๆ)
Munu
