donuzz » html

RSS Feed icon ในช่อง Address bar

Donuzz — Wed, 21 Jan 2009 14:03:49 +0000

ถ้าอยากให้มีไอคอน RSS Feed โผล่ขึ้นมาในช่อง Address bar ก็ให้เอาโค้ดนี้ไปใส่ในส่วน head ได้เลยครับ

[code lang="html"]

[/code]

ซ่อน/แสดงเนื้อหาในเว็บเพจ โดยใช้ JavaScript

Donuzz — Wed, 25 Jun 2008 04:47:41 +0000

การทำ Link ให้ผู้ใช้กดเพื่อ ซ่อน/แสดง เนื้อหาในเว็บเพจ สามารถทำได้โดยใช้ JavaScript และเนื้อหาที่อยู่ในแท็บ DIV ดังนี้ครับ

ตัวอย่าง: ลองกดดูสิครับ !!

1. โค้ด JavaScript สำหรับฟังก์ชันสำหรับ ซ่อน/แสดง เนื้อหา (Copy โค้ด JavaScript ด้านล่างนี้ไปวางในไฟล์ html)

2. ส่วนเนื้อหาที่อยู่ใน DIV (ใช้โค้ดด้านล่างนี้สำหรับส่วนที่จะ ซ่อน/แสดง เนื้อหา)


ใส่เนื้อหาตรงนี้ครับ

3. โค้ดสำหรับสร้าง Link ให้ผู้ใช้กดเพื่อซ่อนหรือแสดงเนื้อหาในข้อ 2
กดที่นี่เพื่อ แสดง/ซ่อน เนื้อหา

จบแล้วครับ ลองนำไปประยุกต์ใช้กับการออกแบบเว็บ เผื่อจะเป็นประโยชน์ได้บ้างครับ

รวมเครื่องมือออนไลน์ช่วยทำเว็บ

Donuzz — Sun, 18 May 2008 07:38:25 +0000

เดี๋ยวนี้มีเว็บดีๆ อยู่มากมายที่ให้บริการเครื่องมือ และเครื่องทุ่นแรงสำหรับนักออกแบบและพัฒนาเว็บไซต์ ลองไปใช้งานกันดูนะครับ แต่ละเว็บเจ๋งๆ ทั้งนั้น มีประโยชน์และช่วยอำนวยความสะดวกในการทำเว็บได้มากเลย !!

___________________________________________________________

เครื่องมือสร้าง XML Sitemap

เครื่องมือสร้างไฟล์ Robots.txt

เครื่องมือสร้าง Password

เครื่องมือสร้าง META Tags

เครื่องมือสร้างไฟล์ htaccess

เครื่องมือสร้าง Form สวยๆ

เครื่องมือสร้างรูป Favicon.ico

Favicon Generator

เครื่องมือสร้างกราฟิก E-mail

E-mail Icon Generator

เครื่องมือสร้าง CSS

เครื่องมือสำหรับเลือกโทนสีในการออกแบบเว็บ

ที่มา: Online Tools For Web Design

PHPform.org เครื่องมือสร้าง HTML Form

Donuzz — Sun, 06 Apr 2008 09:19:13 +0000

สวัสดีครับ วันนี้มีเครื่องมือช่วยสร้าง HTML Form มาแนะนำครับ phpform.org เป็นเว็บไซต์ที่ให้เราสามารถเข้าไปสร้าง Form ได้เองตามรูปแบบที่เราต้องการ สามารถเลือกสี และเพิ่ม Field ได้ทุกประเภทได้อย่างรวดเร็ว สะดวก และสวยงามมากครับ เมื่อออกแบบ Form เรียบแล้วก็สามารถ Preview และ Download โค้ด HTML มาใช้กับเว็บของเราได้เลยครับ ทำให้ Form ของเราดูดี สวยงาม เป็นมาตรฐาน และดูเป็นมืออาชีพเลยทีเดียว :)

.
.

ขั้นตอนที่ 1 เลือกสีของ Form ที่ต้องการ
.
.

ขั้นตอนที่ 2 ออกแบบ Form ด้วยการเพิ่ม Field ต่างๆ
.
.

ตั้งค่า Field
.
.

เมือออกแบบ Form เสร็จแล้ว ก็ดู Preview หรือจะ Download โค้ดมาเลยก็ได้
.
.

Preview ตัวอย่าง Form ที่เราได้ออกแบบเอาไว้ เห็นมั้ยครับว่าทำปฏิทินได้ด้วย !! สะดวกมากเลย
.
.

ถ้า Download โค้ด ก็จะได้ไฟล์ .Zip มา เมื่อแตกออกมาก็จะมีไฟล์โค้ดมาให้หลายไฟล์เลย ทั้ง .HTML .CSS และ Javascript สามารถนำไปใช้ได้เลยครับ
.
.

แปลง HTML เป็น BBCode

Donuzz — Wed, 05 Sep 2007 19:31:42 +0000

ปกติเวลาที่เราจะเขียนเรื่องยาวๆ ลง Blog หรือเว็บบอร์ด เรามักจะใช้ Dreamweaver เป็นเครื่องมือช่วยเขียนก่อน เพราะว่ามันสะดวกดี ใส่ Link, ใส่ Tag H1, H2 , กำหนดตัวหนา, สร้าง List ฯลฯ ได้ง่าย พอเขียนเสร็จแล้วก็ Copy โค้ด HTML มาลง Blog ได้เลย

แต่ทีนี้มีปัญหามันมีอยู่ว่า แล้วถ้าเราจะ Copy โค้ด HTML ไปลงเว็บบอร์ดล่ะ ?? ถ้าเว็บบอร์ดนั้นไม่อนุญาตให้ใช้ Tag HTML ก็ซวยครับ ต้องมานั่งแก้โค้ดกันเหนื่อยเลย !!

วันนี้เราค้นพบวิธีการแก้ปัญหานี้แล้ว !! โดยการใช้ HTML to BBCode Converter ที่สามารถแปล HTML ให้เป็น Code สำหรับโพสต์ลงเว็บบอร์ดได้เลย ใช้ได้ทั้ง BBCode, vB Code, SMF Code แล้วก็ IPB Code เจ๋งเลยครับงานนี้ :)

วิธีการ Redirect Web ไปยัง Web Page ที่ต้องการ

Donuzz — Wed, 23 May 2007 03:13:58 +0000

เคยบ้างไหมครับ เวลาที่เราที่เราทำเว็บ แล้วอยากให้ผู้ชมที่เข้ามานั้นกระโดดไปยังอีก Web Page หนึ่งตามที่เราต้องการโดยอัตโนมัติ

วิธีที่จะทำได้นั้น เรียกว่าการ Redirect Webpage ซึ่งเป็นการกำหนดค่าให้กับ Web Page ใดๆ เพื่อให้ Web Browser ทำการเปลี่ยนไปอีก Web Page หนึ่งตามที่เราต้องการโดยอัตโนมัติ

เราสามารถนำการ Redirect Webpage ไปใช้ประโยชน์ได้ เช่น

ในกรณีที่เราต้องการให้หน้าแรกของเว็บเรานั้นแสดงหน้าอื่นที่ไม่ใช่ /index.html ก็เพียงนำ Code Redirect ไปใส่ไว้ใน /index.html เพื่อให้ผู้ชมที่เข้ามากระโดดไปยัง Web Page อื่นที่เราต้องการโดยอัตโนมัติ

หรืออีกตัวอย่างหนึ่ง คือการกำหนด Redirct ใน “หน้าขอบคุณ” เช่น ถ้าเราสร้าง Form เพื่อรับข้อมูลจากผู้ใช้งาน เมื่อผู้ใช้งานกด Submit แล้วจะมีหน้าขอบคุณแสดงขึ้นมา เราอาจจะกำหนดให้หน้าขอบคุณนี้แสดงขึ้นมาแค่ช่วงเวลาที่เราต้องการ และให้กระโดดไปยังหน้าเดิม หรือหน้าอื่นโดยอัตโนมัติได้เลย ผู้ใช้จะได้ไม่ต้องเสียเวลากด Link เอง

การทำ Redirect Webpage ที่จะแนะนำมี 2 วิธีดังนี้ครับ

วิธีใช้กับไฟล์ HTML

[code lang="html"]

Redirect page Body
[/code]

วิธีนี้สามารถกำหนดค่า CONTENT=5 ได้เพื่อหน่วงเวลาได้ เช่นถ้าต้องการให้รอ 5 วินาทีก่อนที่จะเปลี่ยนไปยังหน้าใน URL ใหม่ แต่ถ้าไม่ต้องการรอก็ให้ใส่ค่า CONTENT=0

วิธีใช้กับไฟล์ PHP

[code lang="php"]< ?php header( "Location: http://www.web.com/new.html") ; ?>[/code]

นำ function นี้ไปใส่ไว้ที่ส่วนไหนก็ได้ในหน้าที่เป็นไฟล์ .php เมื่อ Run หน้านี้ จะถูก Redirect ไปยังหน้า new.html