website-htmlcss

Workshop (ฟรี)

การสร้างและออกแบบ Website ด้วย HTML & CSS

 

ผู้ที่ผ่านการอบรมจะได้รับเกียรติบัตร

ลงทะเบียนเข้าร่วมอบรม สอบถามข้อมูลเพิ่มเติม

โครงการอบรมเชิงปฏิบัติการ เรื่อง การสร้างและออกแบบ Website ด้วย HTML & CSS

วันที่ 25-26 มกราคม 2568 เวลา 09.00 – 16.30 น.
ณ ห้องปฏิบัติการคอมพิวเตอร์ 1-205 มหาวิทยาลัยศรีปทุม ขอนแก่น

บริษัท เอ็มพาเทค จำกัด “บริษัทพัฒนาซอฟต์แวร์แบบครบวงจร” ได้เล็งเห็นความสำคัญของภาคการศึกษา เพื่อเสริมสร้างให้นักศึกษามีประสบการณ์ ก้าวทันเทคโนโลยีที่มีการเปลี่ยนแปลงอย่างรวดเร็ว ซึ่งเรื่องของ พื้นฐานการสร้างและออกแบบ Website ด้วย HTML & CSS มีความสำคัญอย่างมาก และเป็นทักษะที่ตลาดต้องการสูง ทักษะที่นักศึกษาควรมีคือ ความเข้าใจการพื้นฐานการสร้างและออกแบบเว็บไซต์ พร้อมทั้งการใช้เครื่องมือ และสายงานที่เกี่ยวข้อง

บริษัทฯจึงได้จัดโครงการ อบรมเชิงปฏิบัติการ เรื่อง การสร้างและออกแบบ Website ด้วย HTML & CSS ในวันที่ 25-26 มกราคม 2568 เวลา 09.00 – 16.30 น. เพื่อให้นักศึกษาได้รับความรู้ด้านการสร้างและออกแบบเว็บไซต์ ทำให้เข้าใจพื้นฐานและหลักการสร้างเว็บไซต์เบื้องต้นด้วย HTML & CSS รู้จักการใช้เครื่องมือ HTML Editor ต่างๆ สำหรับการสร้าง Website รวมถึงต่อยอดทักษะ ความรู้ที่ได้รับเพื่อสร้างสรรค์ Website ได้เป็นอย่างดี สำหรับนักศึกษาที่ผ่านการอบรมในหลักสูตรนี้ ทั้งภาคทฤษฏีและภาคปฏิบัติ จะได้รับใบประกาศนียบัตรจากบริษัทฯ

web-desigh-01
web-desigh-02

กำหนดการอบรม

โครงการอบรมเชิงปฏิบัติการ เรื่อง การสร้างและออกแบบ Website ด้วย HTML & CSS
วันที่ 25-26 มกราคม 2568 เวลา 09.00 – 16.30 น.
ณ ห้องปฏิบัติการคอมพิวเตอร์ 1-205 มหาวิทยาลัยศรีปทุม ขอนแก่น

วันที่ 25 มกราคม 2568

ช่วงเช้า

  • แนะนำเทคโนโลยีของเว็บโดยพื้นฐาน
  • ดาวน์โหลดและติดตั้ง Visual Studio Code
  • HTML Element (ส่วนประกอบและโครงสร้าง)
  • Introduction to HTML
  • HTML Document Structure
  • Text Elements
  • More Text Elements: Lists
  • Images and Attributes
  • Hyperlinks

ช่วงบ่าย

  • Structuring our Page
  • Semantic HTML
  • Workshop 01
  • Introduction to CSS
  • Inline, Internal and External CSS
  • Styling Text
  • Combining Selectors
  • Class and ID Selectors
  • Working With Colors

วันที่ 26 มกราคม 2568

ช่วงเช้า

  • Pseudo-classes
  • Styling Hyperlinks
  • Using Chrome DevTools
  • CSS Theory #1: Conflicts Between Selectors
  • CSS Theory #2: Inheritance and the Universal Selector
  • CSS Theory #3: The CSS Box Model
  • Using Margins and Paddings
  • Adding Dimensions
  • Centering our Page

Layouts : Floats and CSS Grid Fundamentals

  • Introduction
  • Using Floats
  • Building a Simple Float Layout
  • box-sizing: border-box

ช่วงบ่าย

  • A CSS Grid Overview
  • Sizing Grid Columns and Rows
  • Placing and Spanning Grid Items
  • Aligning Grid Items and Tracks
  • Building a Simple CSS Grid Layout
  • Workshop : Mini Project Portfolio 

 

 

  • Link Download : Workshop CSS and HTML
  • เข้าร่วม Line กลุ่มของการอบรม
    Line กลุ่ม HTML CSS