รหัสวิชา 2033210 ชื่อรายวิชา การออกแบบเว็บ Web Design

http://bunkrapp.com/present/bteiov/

psenarak@gmail.com

รหัสวิชา 2033210 ชื่อรายวิชา การออกแบบเว็บ Web Design

คำอธิบายรายวิชา

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

การอัพโหลดเว็บ 

โปรแกรมที่ใช้ในการเรียนรู้

1. Kompozer http://kompozer.net/download.php

2. http://bunkrapp.com/

3. https://html-online.com/

โปรแกรมเสริม

4. https://clara.io/

แบบฝึกหัดที่ 1

ให้ผู้เรียนท่องเว็ปฯ และเขียนบรรยายข้อดี ข้อเสีย รูปแบบของหน้าเว็ปนั้น

สิ่งที่ต้องการ

เข้าเว็ปที่เป็นภาษาไทย 5 เว็บ

เว็บที่เป็นภาษาต่างประเทศ 5 เว็บ

กำหนดส่งงาน 20/6/2016 

เนื้อหาวันจันทร์ที่ 27 มิถุนายน 2016

 เว็บไซต์ (อังกฤษ: website, web site, Web site) หมายถึง หน้าเว็บเพจหลายหน้า ซึ่งเชื่อมโยงกันผ่านทางไฮเปอร์ลิงก์ ส่วนใหญ่จัดทำขึ้นเพื่อนำเสนอข้อมูลผ่านคอมพิวเตอร์ โดยถูกจัดเก็บไว้ในเวิลด์ไวด์เว็บ หน้าแรกของเว็บไซต์ที่เก็บไว้ที่ชื่อหลักจะเรียกว่า โฮมเพจ 


เนื้อหาวันจันทร์ที่ 27 มิถุนายน 2016

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


เนื้อหาวันจันทร์ที่ 27 มิถุนายน 2016

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

เนื้อหาวันจันทร์ที่ 27 มิถุนายน 2016

การใช้งาน Bunkr Editor 

เนื้อหาวันจันทร์ที่ 27 มิถุนายน 2016

1. การกำหนดLayout

2 การกำหนด Background

3. การใช้ Text และการ link

4. การกำหนด Image

5. การกำหนด Video



แบบฝึกหัดวันจันทร์ที่ 27 มิถุนายน 2016

ให้นักศึกษาออกแบบ Presentation Online 2หน้า โดยเนื้อหาหน้าแรกเนื้อหาเป็นทฤษฎี หน้าที่5 นำเสนอภาพ วีดิโอ ที่เลือก

มาใช้

วันจันทร์ที่ 4 กรกฎาคม 2016

เว็บโฮสติ้ง (Web Hosting) คือ รูปแบบการให้บริการสำหรับผู้ใช้อินเทอร์เน็ตอย่างหนึ่ง ซึ่งผู้ใช้งานนั้นมีความต้องที่จะฝากเว็บไซต์ของตนเองไว้กับผู้ให้บริการเซิฟเวอร์ (HSP: Hosting Service Provider) เพื่อให้เว็บไซต์ของตนเองนั้น ออนไลน์อยู่่บนโลกอินเทอร์เน็ตตลอด 24 ชม.โดยที่ทางผู้ให้บริการจะจัดเก็บข้อมูลเว็บไซต์ ฐานข้อมูล อีเมล ฯลฯ ไว้ในเครื่องเซิฟเวอร์ หรือที่เรียกกันว่าเว็บเซิฟเวอร์ (Web Server) ซึ่งเว็บเซิฟเวอร์จะทำหน้าที่เป็นสื่อกลางที่จะแสดงผลหน้าเว็บไซต์ให้กับผู้ท่องอินเทอร์เน็ตทั่วไปได้เช้าชมผ่านโดเมนเนม(เช่น www.pathosting.co.th) ได้ตลอดเวลาดังนั้นผู้ที่ต้องการออนไลน์เว็บไซต์ของตนเองจึงต้องคำนึงถึงเว็บเซิฟเวอร์ก่อน แต่ด้วยความที่เว็บเซิฟเวอร์นั้นมีราคาค่อนข้างสูง บวกกับจำเป็นต้องมีผู้เชี่ยวชาญที่จะคอยดูแลเซิฟเวอร์ในด้านเทคนิคต่างๆ อีก ทำให้เจ้าของเว็บไซต์ส่วนใหญ่จึงหันมาใช้บริการ Web Hosting เพราะถูกกว่า


วันจันทร์ที่ 4 กรกฎาคม 2016





โดเมนเนม (domain name) คือ ชื่อที่ใช้ระบุลงในคอมพิวเตอร์ เพื่อไปค้นหาในระบบ โดเมนเนมซีสเทม (Domain Name System) เพื่อระบุถึง ไอพีแอดเดรส ของชื่อนั้นๆ เป็นชื่อที่ผู้จดทะเบียนระบุให้กับผู้ใช้เพื่อเข้ามายังเว็บไซต์ของตน บางครั้ง เราอาจจะใช้ "ที่อยู่เว็บไซต์" หรือ "Web Address" แทนก็ได้

โดเมนเนม หรือ ชื่อโดเมน เป็นชื่อที่ตั้งขึ้นเพื่อให้ง่ายต่อการจดจำ เนื่องจากไอพีแอดเดรสนั้นจดจำได้ยาก และเมื่อเจ้าของเว็บไซต์มีการเปลี่ยนแปลงไอพีแอดเดรส ผู้ใช้ไม่จำเป็นต้องรับรู้หรือจดจำไอพีแอดเดรสใหม่ ยังคงใช้โดเมนเนมเดิมได้ต่อไป เงื่อนไขการตั้งชื่อโดเมนเนม อักขระที่จะใช้ในการตั้งชื่อโดเมนเนม ได้แก่ ตัวอักษรภาษาอังกฤษ ตัวเลข และ "-" (ยัติภังค์) คั่นด้วย "." (มหัพภาค) มีความยาวตั้งแต่ 1 ถึง 63 ตัวอักษร ตัวอักษรตัวใหญ่ A-Z หรือตัวอักษรตัวเล็ก ถือว่าเหมือนกัน

Reference: http://th.wikipedia.org/wiki





วันจันทร์ที่ 4 กรกฎาคม 2016

การสมัคร Web hosting

https://www.awardspace.com/

ในเว็บนี้มี Web hosting ที่เหมาะแก่การศึกษา ในการสมัครแบบ Free Web hosting เพราะทางเว็บให้ผู้ใช้สามารถใช้ Web Web Server ได้หลายรูปแบบ สนับสนุน PHP ฐานข้อมูล SQL  html เป็นต้น


ภาษาพีเอชพี (PHP Language) คือ ภาษาคอมพิวเตอร์ประเภทโอเพนท์ซอร์ท (Open Source Computer Language) สำหรับพัฒนาเว็บเพจแบบไดนามิก เมื่อเครื่องบริการได้รับคำร้องจากผู้ใช้ก็จะส่งให้กับ ตัวแปลภาษา ทำหน้าที่ประมวลผลและส่งข้อมูลกลับไปยังเครื่องของผู้ใช้ที่ร้องขอ ในรูปเอชทีเอ็มแอล(html) ภาพ หรือแฟ้มดิจิตอลอื่นใด ลักษณะของภาษามีรากฐานคำสั่งมาจากภาษาซี เป็นภาษาที่สามารถพัฒนาให้ใช้งานแบบโต้ตอบกับผู้ใช้ได้ภาษาพีเอชพี (PHP Language) มีการทำงานแบบเซอร์ฟเวอร์ไซต์สคริปต์ (Server-Side Script) จึงต้องมีเครื่องบริการ (Server) ที่ทำหน้าที่บริการการแปลภาษา และส่งผลให้กับเครื่องผู้ใช้ (Client) ที่ร้องขอด้วยการส่งคำร้องเข้ามายังเครื่องบริการ คำว่า PHP ย่อมาจาก Personal Home Page แต่พัฒนาให้มีประสิทธิภาพยิ่งขึ้น จึงเปลี่ยนเป็น Professional Home Page..... อ่านต่อได้ที่: https://www.gotoknow.org/posts/468288

วันจันทร์ที่ 4 กรกฎาคม 2016


HTML (HyperText Markup Language) คือ ภาษาคอมพิวเตอร์ที่ออกแบบมาเพื่อใช้ใน การเขียนเว็บเพจ     ถูกเรียกดูผ่านเว็บบราวเซอร์ เริ่มพัฒนาโดย ทิม เบอร์เนอรส์ ลี (Tim Berners Lee) ในปีค.ศ.1990 HTML เป็นมาตรฐานที่จัดการโดย World Wide Web Consortium แต่ปัจจุบัน W3C ผลักดัน XHTML ที่ใช้ XML มาทดแทน HTML รุ่น 4.01 HTML ย่อมาจากคำว่า “HyperText Markup Language” เป็นภาษาที่ใช้ในการเขียน โปรแกรมภาษาหนึ่งของคอมพิวเตอร์ ที่แสดงผลในลักษณะของเว็บเพจ ซึ่งสามารถแสดงผลได้ใน รูปแบบต่างๆ ไม่ว่าเป็นภาพกราฟิก ภาพนิ่ง ภาพเคลื่อนไหว เสียง หรือการเชื่อมโยงไปยังเว็บเพจอื่นๆ ภาษา HTML เป็นภาษาที่มีลักษณะของโค้ด กล่าวคือ จะเป็นไฟล์ที่เก็บข้อมูลที่เป็นตัวอักษร ในมาตรฐานของรหัสแอสกี (ASCII Code) โดยเขียนอยู่ในรูปแบบของเอกสารข้อความ จึงสามารถ ก าหนดรูปแบบและโครงสร้างได้ง่าย

ภาษา HTML (Hyper Text Markup Language) เป็นภาษาที่ใช้ในการเขียนโปรแกรมข้อมูล ที่ใช้แสดงผลบนเครือข่ายอินเตอร์เน็ตในลักษณะของข้อความ รูปภาพ เสียง และภาพเคลื่อนไหว ต่างๆ ภาษา HTML เป็นภาษาที่ง่ายต่อการเรียนรู้สามารถก าหนดรูปแบบและโครงสร้างได้ง่าย ท าให้ ได้รับความนิยม และมีการพัฒนาอย่างต่อเนื่องเพื่อให้ใช้งานง่ายขึ้น และตอบสนองต่องานด้านกราฟิก มากยิ่งขึ้น และสนับสนุนการแสดงผลในเว็บบราวเซอร์มากมาย และบันทึกในรูปของไฟล์นามสกุล htm หรือ html บทเรียนในการศึกษาภาษา HTML     ต่อไปนี้ มีความประสงค์จะให้ผู้เรียนได้ฝึกฝนและทำความเข้าใจในการเขียนโค๊ดคำสั่งด้วยตนเอง จึงมีความจำเป็นจะต้องใช้เครื่องมือพื้นฐานที่มีอยู่แล้วให้ เป็นประโยชน์มากที่สุด โดยไม่ต้องลงทุนอะไรมากมาย เมื่อทำความเข้าใจและเขียนโค๊ดได้ถูกต้อง แม่นยำค่อยหาเครื่องมือมาช่วยอำนวยความสะดวกอีกที

วันจันทร์ที่ 4 กรกฎาคม 2016

 SQL ย่อมาจาก structured query language คือภาษาที่ใช้ในการเขียนโปรแกรม เพื่อจัดการกับฐานข้อมูลโดยเฉพาะ เป็นภาษามาตราฐานบนระบบฐานข้อมูลเชิงสัมพันธ์และเป็นระบบเปิด (open system) หมายถึงเราสามารถใช้คำสั่ง sql กับฐานข้อมูลชนิดใดก็ได้ และ คำสั่งงานเดียวกันเมื่อสั่งงานผ่าน ระบบฐานข้อมูลที่แตกต่างกันจะได้ ผลลัพธ์เหมือนกัน ทำให้เราสามารถเลือกใช้ฐานข้อมูล ชนิดใดก็ได้โดยไม่ติดยึดกับฐานข้อมูลใดฐานข้อมูลหนึ่ง นอกจากนี้แล้ว SQL ยังเป็นชื่อโปรแกรมฐานข้อมูล ซึ่งโปรแกรม SQL เป็นโปรแกรมฐานข้อมูลที่มีโครงสร้างของภาษาที่เข้าใจง่าย ไม่ซับซ้อน มีประสิทธิภาพการทำงานสูง สามารถทำงานที่ซับซ้อนได้โดยใช้คำสั่งเพียงไม่กี่คำสั่ง โปรแกรม SQL จึงเหมาะที่จะใช้กับระบบฐานข้อมูลเชิงสัมพันธ์ และเป็นภาษาหนึ่ง ซึ่งแบ่งการทำงานได้เป็น 4 ประเภท ดังนี้

1. Select query ใช้สำหรับดึงข้อมูลที่ต้องการ

2. Update query ใช้สำหรับแก้ไขข้อมูล

3. Insert query ใช้สำหรับการเพิ่มข้อมูล

4. Delete query ใช้สำหรับลบข้อมูลออกไป

ปัจจุบันมีซอฟต์แวร์ระบบจัดการฐานข้อมูล (DBMS ) ที่สนับสนุนการใช้คำสั่ง SQL เช่น Oracle , DB2, MS-SQL, MS-Access

นอกจากนี้ภาษา SQL ถูกนำมาใช้เขียนร่วมกับโปรแกรมภาษาต่างๆ เช่น ภาษา c/C++ , VisualBasic และ Java

ประโยชน์ของภาษา SQL

1. สร้างฐานข้อมูลและ ตาราง

2. สนับสนุนการจัดการฐานข้อมูล ซึ่งประกอบด้วย การเพิ่ม การปรับปรุง และการลบข้อมูล

3. สนับสนุนการเรียกใช้หรือ ค้นหาข้อมูล

ประเภทของคำสั่งภาษา SQL

1. ภาษานิยามข้อมูล(Data Definition Language : DDL) เป็นคำสั่งที่ใช้ในการสร้างฐานข้อมูล กำหนดโครงสร้างข้อมูลว่ามี Attribute ใด

ชนิดของข้อมูล รวมทั้งการเปลี่ยนแปลงตาราง และการสร้างดัชนี คำสั่ง : CREATE,DROP,ALTER

2. ภาษาจัดการข้อมูล (Data Manipulation Language :DML) เป็นคำสั่งที่ใช้ในการเรียกใช้ เพิ่ม ลบ และเปลี่ยนแปลงข้อมูลในตาราง คำสั่ง : SELECT,INSERT,UPDATE,DELETE

3. ภาษาควบคุมข้อมูล (Data Control Language : DCL) เป็นคำสั่งที่ใช้ในการกำหนดสิทธิการอนุญาติ หรือ ยกเลิก การเข้าถึงฐานข้อมูล เพื่อป้องกันความปลอดภัยของฐานข้อมูล คำสั่ง : GRANT,REVOKE

วันจันทร์ที่ 4 กรกฎาคม 2016

Html พื้นฐาน

http://tpro.atwebpages.com/html.php

วันจันทร์ที่ 11 กรกฎาคม 2016

- การใช้ Domain+Hosting

- การสร้างหน้า Homepage

http://webfreehosting.net/signup.php

https://www.hostingfree.in.th/

tpro.atwebpages.com/html.php

Create a presentation like this one
Share it on social medias
Share it on your own
Share it on social medias
Share it on your own

How to export your presentation

Please use Google Chrome to obtain the best export results.


How to export your presentation

Web Design

by psenarak

92 views

Public - 6/19/16, 9:21 AM