Web Designer Practise Room 1.0

หลังจาก ทดลองเล่นจน คุ้นเคยกับ EDOTOR ข้างบนแล้ว คุณก็สามารถทดลอง เขียนเว็บเพจจริงๆ ของคุณเล่น ได้ที่ โยโย้ [Web Designer Practise Room] เพื่อทำความเข้าใจกับ ขั้นตอนการ upload ไฟล์ เว็บของคุณ online มากขึ้นก่อนนำไปปฏิบัติจริง กับ free host ต่างๆ บนอินเตอร์เน็ต. แด่กรุณาปฏิบัติตามกฏด้วยน๊ะครับ เพื่อประโยชน์ต่อ ผู้ใช้คนอื่นๆ.

ข้อควรปฏิบัติ:

  1. โยโย้ไม่ใช่ Free Host ไม่ใช่บริการรับฝากเว็บ เรามีพื้นที่จำกัด กรุณา สร้างไฟล์ หรือ upload ไฟล์ที่มีขนาดเล็กที่สุดครับ.
  2. Practise Room ดีไซต์ เพื่อการฝึกเขียนเท่านั้น ไฟล์ของท่านจึง ถูกเก็บไว้เพียงชั่วคราว.
  3. ไฟล์ที่ท่านสร้าง อาจถูกลบได้ทุกเมื่อ โดยผู้ใช้คนอื่นๆ หรือ web master.
  4. กรุณา upload ไฟล์ .html, .txt, .jpg, .gif เท่านั้น.
  5. กรุณาอย่าง upload ไฟล์ ภาพขนาดใหญ่ เพราะ ใน Practise Room มีพื้นที่ จำกัด เมื่อ พื้นที่เต็ม คุณและเพื่อนๆ คนอื่น ก็ไม่สามารถ upload ได้.
  6. กรุณาอย่า ใส่ password เพื่อความสะดวกในการดูแลระบบ.

คำสั่งต่างๆ และขั้นตอนการใช้ :

  1. สร้าง html ไฟล์ ขึ้นโดยกำหนดชื่อที่ต้องการลงในช่อง File Name: เช่น test.html แล้วกดปุ่ม "Create file" Practise Room ก็จะทำการสร้าง เพจโครงสร้าง html ขึ้นให้คุณได้ทดลองเขียน หรือแก้ไข แทก เมื่อเขียนเสร็จแล้ว กดปุ่ม "Save Document" แทกของคุณก็จะถูก บันทึกไว้ในไฟล์ตามชื่อที่คุณกำหนดข้างต้น ซึ่งคุณสามารถคลิกเข้าแก้ไขได้ภายหลัง โดยคลิก edit.
  2. ถ้าทำการสร้างไฟล์ หรือ upload ไฟล์ไม่ได้ ให้ลองคลิก ที่ disk space ดู ถ้าพื้นที่หมดให้ คลิก delete เพื่อลบไฟล์ของคนอื่นๆ ที่มีขนาดใหญ่ออกไป ก็จะทำให้คุณมีพื้นที่พอใช้ได้. 
  3. สร้าง directory คือการสร้าง folder ขึ้นโดยกำหนดชื่อที่ต้องการ เหมือนสร้าง ไฟล์ และคุณสามารถจะสร้างไฟล์เข้าไปใน directory นั้นโดยคลิกที่ chdir
  4. กด rename เมื่อต้องการ เปลี่ยนชื่อไฟล์
  5. สามารถ upload ไฟล์ได้โดยคลิก "Browse" แล้วเข้าไปยัง ไดเล็กทอลี่ ที่เก็บไฟล์ของคุณ แล้ว คลิกปุ่ม "Upload" ด้านล่าง รอจน upload เสร็จ คลิกที่ root จะปรากฏชื่อไฟล์ของคุณบน list.

คุณสามารถ ใช้ EDITOR ด้านล่าง เขียน แทกขึ้นแล้วทำการ copy มาใ่ส่ลงใน Web Designer Practis Room เพื่อเป็นการทดลองปฏิบัติจริงก็ได้ครับ.

HTML EDITOR & WEB EDITOR: [ใช้ในการดีไซร์และเขียนเว็บ] 
[
EDITOR1] [EDITOR2] [EDITOR3] [HTML PRO] [COLOR PICKER]