Archive for August, 2011

  • 26 Aug

    Posted by


    Category

    TYPO3 และการกำหนดค่า ไม่อนุญาตให้คลิ๊กขวาบนหน้าเว็บไซต์ (Simple Right Click Disable on TYPO3)

    0

    เพื่อเป็นการป้องกันข้อมูลบนหน้าเว็บและสร้างความรำคาญเล็กน้อยให้กับบรรดา “นักก๊อปปี้ข้อมูลหน้าเว็บไซต์คนอื่นแล้วนำมาวางเพื่อเป็นข้อมูลของตัวเอง” เราใช้ JavaScript โค้ดแบบไม่ซับซ้อนมาก ทำการกำหนดค่าให้อยู่ในส่วนของ header ซึ่งสามารถกำหนดได้ใน TYPO3 Template Setup ดูตัวอย่างด้านล่างนี้ค่ะ

    page.headerData.20110825 = TEXT
    page.headerData.20110825.value (
    <script language=JavaScript> var message=”Function Disabled!”; function clickIE4(){ if (event.button==2){ return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function(“return false”) </script>
    )

    ลองไปใช้กันดูค่ะ ;-)

    ไอบีเอสกรุงเทพ

  • 21 Aug

    Posted by


    Category

    การกำหนดชนิดของ HTML ใน TYPO3 (TYPO3 DocType)

    18

    การกำหนดชนิดของ HTML ใน TYPO3 สามารถทำได้หลากหลายและแตกต่างกันออกไปในแต่ละหน้า ด้วยการใช้ TYPO3 template setup อาทิ

    config.doctype = html5
    config.xhtmlDoctype = html5
    config.xmlprologue = none
    config.xhtml_cleaning = all

    เมื่อคุณดูโค้ดที่หน้าเว็บไซต์ จะเห็นการแสดงผลดังนี้

    <!DOCTYPE html>

    ชนิดของ HTML ที่สามารถกำหนดได้มีดังนี้

    html5 (HTML5 doctype)
    xhtml_trans (XHTML 1.0 Transitional doctype)
    xhtml_frames(XHTML 1.0 Frameset doctype)
    xhtml_strict (XHTML 1.0 Strict doctype)
    xhtml_basic (XHTML basic doctype)
    xhtml_11 (XHTML 1.1 doctype)
    xhtml_2 (XHTML 2 doctype)
    none (NO doctype at all)

    การเลือกใช้งานขึ้นอยู่กับความต้องการค่ะ

  • 04 Aug

    Posted by


    Category

    compression level ใน TYPO3 คืออะไร

    0

    หนึ่งในข้อสำคัญสำหรับการแสดงผลข้อมูลเว็บไซต์ คือประสิทธิภาพในการแสดงผลที่รวดเร็วและถูกต้อง มีระยะเวลาในการโหลดข้อมูลไม่มาก ทำให้ผู้ใช้งานไม่เบื่อที่จะเข้ามาเยี่ยมชมเว็บไซต์ของเราด้วย

    TYPO3 มีการเตรียมการทำงานฟังก์ชั่นการทำงานให้เกิดประสิทธิภาพนั่นก็คือการบีบอัดข้อมูล เพื่อให้ข้อมูลที่ส่งผ่านเครือข่ายระหว่างเซิร์ฟเวอร์และไคลเอนท์มีขนาดไม่ใหญ่มาก ทำให้ใช้เวลาในการรับส่งข้อมูลระหว่างกันน้อยลงนั่นเอง

    Compression Level ใน TYPO3 คือ API สำหรับการบีบอัดข้อมูลทั้งส่วนที่เป็นด้านหน้าการแสดงผล และส่วนของผู้จัดการระบบ เพื่อช่วยให้ TYPO3 โหลดข้อมูลได้เร็วขึ้น

    การกำหนดค่าของ Compression มีดังนี้
    ขั้นแรกให้ไปเพิ่มการกำหนดค่าการทำงานใน localconf.php ที่อยู่ภายใต้โฟลเดอร์ typo3conf ด้วยสองบรรทัดข้างล่างนี้

    $TYPO3_CONF_VARS['BE']['compressionLevel'] = ’9′;
    $TYPO3_CONF_VARS['FE']['compressionLevel'] = ’7′;

    จากนั้นให้ไปเพิ่มค่าใน .htaccess ไฟล์เพื่อระบุให้กับ apache เข้าใจของค่าที่เรากำหนดนี้
    <FilesMatch “\.js\.gzip$”>
    AddType “text/javascript” .gzip
    </FilesMatch>
    <FilesMatch “\.css\.gzip$”>  AddType “text/css” .gzip
    </FilesMatch>
    AddEncoding gzip .gzip

    การที่คุณจะใช้งานระบบนี้ได้ ก็ต้องแน่ใจว่าเซิร์ฟเวอร์เปิดการใช้งาน gzip เรียบร้อยแล้วค่ะ

  • 02 Aug

    Posted by


    Category

    แพ็คเกจ TYPO3 ตัวใหม่ (ibstvbeta 4) ฝีมือคนไทย มีให้ดาวน์โหลดแล้วจ้า

    0

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

    แพ็คเกจทำเว็บไซต์แบบมืออาชีพด้วย IBSTV

    ตัวอย่างแพ็คเกจประกอบไปด้วยฟังก์ชั่นการทำงานสำคัญ ๆ ดังนี้

    • โครงสร้างแม่แบบด้วย typoscript
    • ใช้ templavoila สำหรับการสร้าง multi-layouts
    • CSS Framwork ด้วย YAML
    • สนับสนุน CSS3
    • HTML5 สำหรับการแสดงผลหน้าเว็บ
    • รองรับการทำงานของ SEO
    • และฟังก์ชั่นการทำงานอื่นๆ อีกมากมาย

    หากคุณคือคนหนึ่งที่สนใจในการใช้งาน TYPO3 อย่าพลาดในการดาวน์โหลดแพ็คเกจมาใช้กันนะค่ะ

    << ดาวน์โหลดแพ็คเกจใหม่ที่นี่ >>