Webmaster มือใหม่ Archive

  • สังเกตว่าเวลาไปซื้อสมุดระบายดีให้บุตรหลาน เราจะได้ภาพที่เป็นเส้นเพื่อให้เด็กๆได้ระบายดีได้นะคะ วันนี้เรามาดูวิธีการในการสร้างภาพกันนะคะ บางทีเราก็แค่หารูปการ์ตูนสวยๆทาง internet แล้วมาทำรูปเองได้เลย โดยไม่ต้องไปซื้อสมุดระบายสีก็ได้นะคะ เริ่มกันเลยค่ะ 1.เมื่อเปิดโปรแกรม Adobe Photoshop แล้วเปิดไฟล์ภาพที่ต้องการขึ้นมาด้วยคำสั่ง File > Open 2.ไปที่เมนู Image > Adjustments > Desaturate ดังรูปคะ แล้วจะได้รูปเป็นโทนขาวดำนะคะ   3.จากนั้นไปที่เมนู Filter > Stylize > Find […]

    มาสร้างภาพธรรมดาให้เป็นภาพลายเส้นกัน

    สังเกตว่าเวลาไปซื้อสมุดระบายดีให้บุตรหลาน เราจะได้ภาพที่เป็นเส้นเพื่อให้เด็กๆได้ระบายดีได้นะคะ วันนี้เรามาดูวิธีการในการสร้างภาพกันนะคะ บางทีเราก็แค่หารูปการ์ตูนสวยๆทาง internet แล้วมาทำรูปเองได้เลย โดยไม่ต้องไปซื้อสมุดระบายสีก็ได้นะคะ เริ่มกันเลยค่ะ 1.เมื่อเปิดโปรแกรม Adobe Photoshop แล้วเปิดไฟล์ภาพที่ต้องการขึ้นมาด้วยคำสั่ง File > Open 2.ไปที่เมนู Image > Adjustments > Desaturate ดังรูปคะ แล้วจะได้รูปเป็นโทนขาวดำนะคะ   3.จากนั้นไปที่เมนู Filter > Stylize > Find […]

    Continue Reading...

  • พูดถึงคำว่า Transfer Domain ก็คือ การเปลี่ยนแปลงผู้ให้บริการหลักของโดเมนที่คุณใช้งานอยู่ ซึ่งจะมีอยู่ 2 แบบ คือ Transfer Domain ระหว่าง Reseller (registrar เดียวกัน) หรืออีกแบบคือ การ Transfer Domain ที่ย้ายไป registrar อื่นๆนะคะ วันนี้จะมาแนะนำการ Transfer แบบที่ 2 ซึ่งการ Transfer จะยุ่งยากกว่าการ Transfer แบบ Reseller นะคะ […]

    วิธีการ Transfer Domain (ย้ายผู้ให้บริการจดโดเมน)

    พูดถึงคำว่า Transfer Domain ก็คือ การเปลี่ยนแปลงผู้ให้บริการหลักของโดเมนที่คุณใช้งานอยู่ ซึ่งจะมีอยู่ 2 แบบ คือ Transfer Domain ระหว่าง Reseller (registrar เดียวกัน) หรืออีกแบบคือ การ Transfer Domain ที่ย้ายไป registrar อื่นๆนะคะ วันนี้จะมาแนะนำการ Transfer แบบที่ 2 ซึ่งการ Transfer จะยุ่งยากกว่าการ Transfer แบบ Reseller นะคะ […]

    Continue Reading...

  • ตัวอย่าง โครงสร้างไฟล์ และไดเร็กทอรี ของ PHP 4 c:\php c:\php\cli\php.exe — ไฟล์รัน CLI ใช้สำหรับ command line scripting c:\php\dlls — DLL สำหรับบางส่วนขยาย (extensions) เช่น expat.dll หรือ fdftk.dll เป็นต้น c:\php\extensions — ส่วนขยาย DLL สำหรับ […]

    มาทำความเข้าใจโครงสร้างไฟล์และไดเร็กทอรีของ PHP 4 และ PHP 5 กัน

    ตัวอย่าง โครงสร้างไฟล์ และไดเร็กทอรี ของ PHP 4 c:\php c:\php\cli\php.exe — ไฟล์รัน CLI ใช้สำหรับ command line scripting c:\php\dlls — DLL สำหรับบางส่วนขยาย (extensions) เช่น expat.dll หรือ fdftk.dll เป็นต้น c:\php\extensions — ส่วนขยาย DLL สำหรับ […]

    Continue Reading...

  • โปรแกรม teamviewer เป็น โปรแกรม ที่ใช้สำหรับการ remote เข้าเครื่องคอมพิวเตอร์เมื่อเราไม่ได้อยู่ตรงหน้าคอมพิวเตอร์เครื่องนั้น มาลองดูวิธีการติดตั้งกันนะคะ 1.เมื่อ download โปรแกรม มาแล้ว ให้ดับเบิ้ลคลิก แล้วจะขึ้น dialog มาดังรูป ให้เลือกตรง Install และคลิก Next นะคะ   2.จากนั้นให้คลิกเลือก personal/ non-commercial use เนื่องจากกรณีนี้ใช้ remote ไปเครื่องคอมพิวเตอร์ส่วนตัว ไม่ได้ […]

    การติดตั้งโปรแกรม Teamviewer

    โปรแกรม teamviewer เป็น โปรแกรม ที่ใช้สำหรับการ remote เข้าเครื่องคอมพิวเตอร์เมื่อเราไม่ได้อยู่ตรงหน้าคอมพิวเตอร์เครื่องนั้น มาลองดูวิธีการติดตั้งกันนะคะ 1.เมื่อ download โปรแกรม มาแล้ว ให้ดับเบิ้ลคลิก แล้วจะขึ้น dialog มาดังรูป ให้เลือกตรง Install และคลิก Next นะคะ   2.จากนั้นให้คลิกเลือก personal/ non-commercial use เนื่องจากกรณีนี้ใช้ remote ไปเครื่องคอมพิวเตอร์ส่วนตัว ไม่ได้ […]

    Continue Reading...

  • ปัจจุบันมีโปรแกรมการสร้างภาพ animation ออกมามากมาย แต่ในโปรแกรม Photoshop ก็สามารถสร้างภาพเคลื่อนไหวหรือที่เรียกว่า animation ได้เช่นกันและไม่ยากอย่างที่คิด มาดูกันเลยนะคะว่ามีวิธีอย่างไร 1.เมื่อเปิดโปรแกรม Adobe Photoshop แล้วเปิดไฟล์ภาพที่ต้องการขึ้นมาด้วยคำสั่ง File > Open โดยครั้งนี้จะเปิดมา 2 ภาพ ที่สามารถเชื่อมต่อกันได้เป็นการเคลื่อนไหว และควรเป็นรูปภาพที่ขนาดเท่ากันนะคะ ดังรูปค่ะ   2.จากนั้นให้ copy ภาพหนึ่งไปไว้รวมในไฟล์เดียวกันกับอีกภาพหนึ่ง ในที่นี้จะ copy ภาพ kitty0 […]

    สร้างภาพ animation gif โดย Photoshop

    ปัจจุบันมีโปรแกรมการสร้างภาพ animation ออกมามากมาย แต่ในโปรแกรม Photoshop ก็สามารถสร้างภาพเคลื่อนไหวหรือที่เรียกว่า animation ได้เช่นกันและไม่ยากอย่างที่คิด มาดูกันเลยนะคะว่ามีวิธีอย่างไร 1.เมื่อเปิดโปรแกรม Adobe Photoshop แล้วเปิดไฟล์ภาพที่ต้องการขึ้นมาด้วยคำสั่ง File > Open โดยครั้งนี้จะเปิดมา 2 ภาพ ที่สามารถเชื่อมต่อกันได้เป็นการเคลื่อนไหว และควรเป็นรูปภาพที่ขนาดเท่ากันนะคะ ดังรูปค่ะ   2.จากนั้นให้ copy ภาพหนึ่งไปไว้รวมในไฟล์เดียวกันกับอีกภาพหนึ่ง ในที่นี้จะ copy ภาพ kitty0 […]

    Continue Reading...

  • …นั่งทำเว็บอยู่แล้วก็แปลกประหลาดใจ ว่าทำไม เกิดช่องว่างใน table คือรูปไม่ติดกัน (คิดว่าคงนึกภาพออก) ทั้งๆที่เราก็ตัดผ่าน Photoshop ให้มันสร้าง HTML มาให้ตามปกติ ปรากฎว่าทดสอบอยู่หลายตลบก็ค้นพบความจริง จริงๆ แล้วปัญหามันเกิดจาก HTML ที่มัน gen มาให้ด้วย ถ้าเราสร้าง .html ธรรมดา แสดงก็จะเป็นปกติ แต่พอเราเริ่มแทรง css หรือ js ตัว javascript เข้าไป มันจะเริ่มทำให้รูปห่าง […]

    เทคนิคแก้ช่องว่างรูป ในการแสดงบน FireFox

    …นั่งทำเว็บอยู่แล้วก็แปลกประหลาดใจ ว่าทำไม เกิดช่องว่างใน table คือรูปไม่ติดกัน (คิดว่าคงนึกภาพออก) ทั้งๆที่เราก็ตัดผ่าน Photoshop ให้มันสร้าง HTML มาให้ตามปกติ ปรากฎว่าทดสอบอยู่หลายตลบก็ค้นพบความจริง จริงๆ แล้วปัญหามันเกิดจาก HTML ที่มัน gen มาให้ด้วย ถ้าเราสร้าง .html ธรรมดา แสดงก็จะเป็นปกติ แต่พอเราเริ่มแทรง css หรือ js ตัว javascript เข้าไป มันจะเริ่มทำให้รูปห่าง […]

    Continue Reading...

  • ตอนนั้นผม พยายามจะสร้าง Background ให้ค้างนิ่งบน Page เพื่อไม่ให้ background ที่เราใส่ไปนั้น มันไม่ต้อง double เพื่อนๆคงเคยเจอ เวลาเรานำภาพใหญ่ๆมาภาพนึง แล้วเวลาเราใส่เป็น background มันจะ double หลายภาพตามเนื้อหาของเรา ก็ใช้เวลาสักระยะนึงในการหา Script ก็สามารถทำได้แต่ก็บน IE เท่านั้น แต่บน firefox กลับไม่ยอมค้างนิ่งให้ ตอนนี้ก็ค้นพบของจริงที่ทำให้ค้างนิ่งทั้งสอง Broswer ยอดนิยมแล้วครับ ก็ใส่ตามนี้ ระหว่าง <head> เลยครับ […]

    ทำ Background ค้างนิ่งบน FireFox & IE

    ตอนนั้นผม พยายามจะสร้าง Background ให้ค้างนิ่งบน Page เพื่อไม่ให้ background ที่เราใส่ไปนั้น มันไม่ต้อง double เพื่อนๆคงเคยเจอ เวลาเรานำภาพใหญ่ๆมาภาพนึง แล้วเวลาเราใส่เป็น background มันจะ double หลายภาพตามเนื้อหาของเรา ก็ใช้เวลาสักระยะนึงในการหา Script ก็สามารถทำได้แต่ก็บน IE เท่านั้น แต่บน firefox กลับไม่ยอมค้างนิ่งให้ ตอนนี้ก็ค้นพบของจริงที่ทำให้ค้างนิ่งทั้งสอง Broswer ยอดนิยมแล้วครับ ก็ใส่ตามนี้ ระหว่าง <head> เลยครับ […]

    Continue Reading...

  • จริงๆในปัจจุบันก็มีพวก  icon หรือ button ให้ download อยู่มากมายนะคะ แต่สำหรับบางคนที่อยากลองทำ button เอง อย่างง่ายๆ ก็ลองทำดูได้นะคะ 1.เปิดโปรแกรม Adobe Photoshop คลิก เมนู file > New เพื่อสร้างภาพใหม่ ขนาดใดก็ได้ค่ะ ซึ่งตามแต่ขนาดของปุ่มที่ต้องการนะคะ   2. จากนั้นก็เลือกที่  Elliptical Marquee Tool (M) […]

    สร้าง 3D Button ด้วย Photoshop

    จริงๆในปัจจุบันก็มีพวก  icon หรือ button ให้ download อยู่มากมายนะคะ แต่สำหรับบางคนที่อยากลองทำ button เอง อย่างง่ายๆ ก็ลองทำดูได้นะคะ 1.เปิดโปรแกรม Adobe Photoshop คลิก เมนู file > New เพื่อสร้างภาพใหม่ ขนาดใดก็ได้ค่ะ ซึ่งตามแต่ขนาดของปุ่มที่ต้องการนะคะ   2. จากนั้นก็เลือกที่  Elliptical Marquee Tool (M) […]

    Continue Reading...

  • สำหรับมือใหม่บางท่านที่เคยมีปัญหาว่า เรา upload Website ไปแล้ว แต่ทำไมรูปภาพไม่ขึ้น ไม่แสดงเหมือนตอนที่ทำในเครื่องคอมฯ มีวิธีตรวจสอบและแก้ไขได้ดังนี้นะคะ 1.เมื่อเข้าไปดูแล้วเห็นลักษณะรูปภาพเป็น ขาวๆ ดังรูป 2.ให้นำเมาส์ไปชี้ที่รูปภาพนั้นแล้วคลิกขวา แล้วเลือกที่ ตรวจสอบองค์ประกอบ 3.จากนั้นจะมีรายละเอียดของรูปนั้นขึ้นมาด้านล่าง ให้เราตรวจสอบชื่อ file และ folder ว่าตรงกับที่เรา upload website ขึ้นไปหรือเปล่านะคะ ถ้าไม่ตรงก็แก้ไขให้ตรง แล้วรูปก็จะแสดงขึ้นมาปกติค่ะ หรือกรณีที่ยังไม่แสดงก็ให้ download file รูปภาพนั้นมาดูว่า file […]

    Upload ไปแล้ว แต่รูปภาพไม่แสดง

    สำหรับมือใหม่บางท่านที่เคยมีปัญหาว่า เรา upload Website ไปแล้ว แต่ทำไมรูปภาพไม่ขึ้น ไม่แสดงเหมือนตอนที่ทำในเครื่องคอมฯ มีวิธีตรวจสอบและแก้ไขได้ดังนี้นะคะ 1.เมื่อเข้าไปดูแล้วเห็นลักษณะรูปภาพเป็น ขาวๆ ดังรูป 2.ให้นำเมาส์ไปชี้ที่รูปภาพนั้นแล้วคลิกขวา แล้วเลือกที่ ตรวจสอบองค์ประกอบ 3.จากนั้นจะมีรายละเอียดของรูปนั้นขึ้นมาด้านล่าง ให้เราตรวจสอบชื่อ file และ folder ว่าตรงกับที่เรา upload website ขึ้นไปหรือเปล่านะคะ ถ้าไม่ตรงก็แก้ไขให้ตรง แล้วรูปก็จะแสดงขึ้นมาปกติค่ะ หรือกรณีที่ยังไม่แสดงก็ให้ download file รูปภาพนั้นมาดูว่า file […]

    Continue Reading...