Photo Digital: 2013

วันจันทร์ที่ 3 มิถุนายน พ.ศ. 2556

knowledge sharing [ภาษา C++] ตอนที่ 2

knowledge sharing [ภาษา C++] ตอนที่ 2

สำหรับตอนนี้จะแชร์เกี่ยวกับการใช้ตัว operator หรือตัวดำเนินการ ไวญากรณ์ของมันก็จะมีดังนี้ครับ

a++ คือ การบวกค่าเพิ่มขึ้น 1 ค่าหลังจากทำการทำคำนวณไปแล้ว
เช่น ให้ a = 5; (1+2)+a++ = 3+5 = 8 และบวกเพิ่มขึ้นอีก 1 เป็น 9 คำตอบจริงๆคือ 9
++a คือ การบวกค่าเพิ่มขึ้น 1 ค่าก่อนที่จะทำการคำนวณ
a-- คือ การลบค่าออก 1 ค่าหลังจากทำการทำคำนวณไปแล้ว
--a คือ การลบค่าออก 1 ค่าก่อนที่จะทำการคำนวณ

---------------------------------
#include<stdio.h>
#include<conio.h>
void main()
{
int a,b,c;
a=10;
x=a++;
printf("=>a=10;\n");
printf("=>x=a++;\n\n");
printf("value a = %d\t x=%d\n\n",a,x);

a=10;
x=++a;
printf("=>a=10;\n");
printf("=>x=++a;\n\n");
printf("value a = %d\t x=%d\n\n",a,x);

a=10;
x=a--;
printf("=>a=10;\n");
printf("=>x=a--;\n\n");
printf("value a = %d\t x=%d\n\n",a,x);
}
-------------
a=10;
x=a+=4;
printf("=>a=10;\n");
printf("=>x=a+=4;\n\n");
printf("value a = %d\t x=%d\n\n",a,x);

a=10;
x=a-=4;
printf("=>a=10;\n");
printf("=>x=a-=4;\n\n");
printf("value a = %d\t x=%d\n\n",a,x);

---------------
a=10;
x=a/=2;
printf("=>a=10;\n");
printf("=>x=a/=2;\n\n");
printf("value a = %d\t x=%d\n\n",a,x);

-----------------
a=10;
x=a*=2;
printf("=>a=10;\n");
printf("=>x=a*=2;\n\n");

printf("value a = %d\t x=%d\n\n",a,x);

วันศุกร์ที่ 3 พฤษภาคม พ.ศ. 2556

HTML Code

Hypertext Markup Language

โครงสร้าง
<html><head><title>.........</title></head>
<body></body></html>
แต่ไม่ต้องไปสนใจ
มาสนใจโค้ดดีก่า
html ก็เหมือน ภาษาอังกฤษอ่าครับ
ก็คือ ต้องท่องคำศัพท์
และจำคำแปลไห้ได้ เท่านั้นเองครับ
------------------------------------------------------------
เกี้ยวกับรูปแบบ
<br> : เว้นบรรทัด
  : เว้นวรรค
<div align="left">ข้อความ</div> : ข้อความชิดซ้าย
<div align="right">ข้อความ</div> : ข้อความชิดขวา
<div align="center">ข้อความ</div> : ข้อความอยู่กลาง
<center>ข้อความ</center> : ข้อความอยู่กลาง
------------------------------------------------------------
เกี้ยวกับสีสันข้อความ
<b>ข้อความ</b> : ตัวหนา
<strong>ข้อความ</strong> : ตัวหนา
<i>ข้อความ</i> : ตัวเอียง
<em>ข้อความ</em> : ตัวเอียง
<u>ข้อความ</u> ขีดเส้นใต้
<font size="10">ข้อความ</font> : ขนาดข้อความ
<font color="#000000">ข้อความ</font> : สีข้อความ
<font color="#000000" size="10">ข้อความ</font> : ขนาดและสีข้อความ
------------------------------------------------------------
เกี่ยวกับรูปภาพ
<img src="url"> : ใส่รูป
<img src="url" width="100px" height="100px"> : ใส่รูป แบบ กำหนดขนาด
<img src="url" border="3" border-color="#000000"> : ใส่รูป แบบ กำหนกขนาดและสีเส้นขอบ
<img src="url" ait="ข้อความ"> : ใส่รูป แบบ เวลาเอาเมาไปชี้แล้วมีข้อความขึ้นมา
------------------------------------------------------------
เกี่ยวกับ Link
<a href="url">ข้อความ</a> : ลิ้งโดยใช้ข้อความ
<a href="url" target="_blank">ข้อความ</a> : ลิ้งโดยใช้ข้อความ แบบเปิดหน้าต่างไหม่
<a href="url"><img src="url รูป"></a> : ลิ้งโดยใช้รูปภาพ <a href="url" target="_blank"><img src="url รูป"></a> : ลิ้งโดยใช้รูปภาพ แบบเปิดหน้าต่างไหม่
------------------------------------------------------------
เกี้ยวกับ marquee หรือข้อความเลื่อน
<marquee>ข้อความ</marquee> : ข้อความเลื่อนจากขวาไปซ้าย
<marquee direction="left">ข้อความ</marquee> : ข้อความเลื่อนจากขวาไปซ้าย
<marquee direction="right">ข้อความ</marquee> : ข้อความเลื่อนจากซ้ายไปขวา
<marquee direction="up">ข้อความ</marquee> : ข้อความเลื่อนจากล่างขึ้นบน
<marquee direction="down">ข้อความ</marquee> : ข้อความเลื่อนจากบนลงล่าง
<marquee width="100px" height="100px">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดความกว้าง
<marquee bgcolor="#00CC99">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดสีพื้นหลัง
<marquee scrollamount="1">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดความเร็ว
<marquee behavior="alternate">ข้อความ</marquee> : ข้อความเลื่อน แบบ ไปกลับ
<marquee behavior="slide">ข้อความ</marquee> : ข้อความเลื่อน แบบ ไปรอบเดียว

------------------------------------------------------------
เกี้ยวกับ marquee หรือรูปเลื่อน
<marquee><img src="urlรูป"></marquee> : รูปเลื่อนจากขวาไปซ้าย
<marquee direction="left"><img src="urlรูป"></marquee> : รูปเลื่อนจากขวาไปซ้าย
<marquee direction="right"><img src="urlรูป"></marquee> : รูปเลื่อนจากซ้ายไปขวา
<marquee direction="up"><img src="urlรูป"></marquee> : รูปเลื่อนจากล่างขึ้นบน
<marquee direction="down"><img src="urlรูป"></marquee> : รูปเลื่อนจากบนลงล่าง
<marquee width="100px" height="100px"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ กำหนดความกว้าง
<marquee bgcolor="#00CC99"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ กำหนดสีพื้นหลัง
<marquee scrollamount="1"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ กำหนดความเร็ว
<marquee behavior="alternate"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ ไปกลับ
<marquee behavior="slide"> <img src="urlรูป"> </marquee> : รูปเลื่อน แบบ ไปรอบเดียว

------------------------------------------------------------
เกี่ยวกับตาราง
<table background="urlรูป"><tr><td>ข้อความ</td></tr></table> ใส่พื้นหลังไห้ข้อความ
------------------------------------------------------------
การดัดแปลง
เช่นผมคิดจะทำ topfriend เลื่อนได้
<center> <table border="2" bordercolor="#สีขอบ" height="150" width="400" background="ภาพพื้นหลัง"> <tr> <td> <marquee direction="left"> <a href="ลิ้ง"><img border="0" src="รูป" alt="ชื่อ" height="100" width="100"></a> <a href="ลิ้ง"><img border="0" src="รูป" alt="ชื่อ" height="100" width="100"></a> <a href="ลิ้ง"><img border="0" src="รูป" alt="ชื่อ" height="100" width="100"></a> <a href="ลิ้ง"><img border="0" src="รูป" alt="ชื่อ" height="100" width="100"></a> <a href="ลิ้ง"><img border="0" src="รูป" alt="ชื่อ" height="100" width="100"></a> </marquee> </td> </tr> </table></center>
หรืออักษร welcome สวยๆ
<center> <b> <FONT COLOR="#FF0000" size="5">W</FONT> <FONT COLOR="#FF9900" size="5">e</FONT> <FONT COLOR="#FFFF00" size="5">l</FONT> <FONT COLOR="#99FF00" size="5">c</FONT> <FONT COLOR="#00FF00" size="5">o</FONT> <FONT COLOR="#00FF99" size="5">m</FONT> <FONT COLOR="#00FFFF" size="5">e</FONT> <FONT COLOR="#0099FF" size="5">T</FONT> <FONT COLOR="#0000FF" size="5">o</FONT> <FONT COLOR="#9900FF" size="5">H</FONT> <FONT COLOR="#FF00FF" size="5">i</FONT> <FONT COLOR="#FF0099" size="5">5</FONT> </b></center>
ขอแค่ว่าเปิดแล้วต้องปิด เท่านั้นครับ
แถมตารางสี

โค้ดพวกนี้ สามารถ นำไปคอมเม้นไห้เพื่อน เพื่อเพิ่มความสวยงาม โดยการใส่ไปในกล่องรับข้อความ เช่น

วันศุกร์ที่ 19 เมษายน พ.ศ. 2556

ภาษาโปรแกรมที่ใช้ในการพัฒนาเว็บไซต์ โดยพื้นฐาน ได้แก่

1. HTML (ย่อมาจาก Hyper Text Markup Language)
เป็นภาษาที่ใช้สำหรับสร้างเว็บเพจ มีโครงสร้างประกอบไปด้วย tag และ attribute ต่างๆ ที่ใช้ในการควบคุมการแสดงผลของข้อความ รูปภาพ หรือวัตถุอื่น ๆ ภาษา HTML นั้นเป็นภาษาประเภท Markup ไม่จัดเป็นภาษาประเภท Programming สามารถที่จะเรียนรู้ได้ง่าย
2. CSS (ย่อมาจาก Cascading Style Sheets)เป็นภาษาที่มีรูปแบบการเขียน Syntax ที่เฉพาะ ถูกกำหนดขึ้นเพื่อใช้เสริมภาษา HTML ให้สามารถจัดรูปแบบการแสดงผลให้กับเอกสาร HTML ได้สมบูรณ์แบบมากขึ้น
3. XHTML (ย่อมาจาก Extensible HyperText Markup Language)
เป็นมาตรฐานใหม่ของ HTML คำสั่งต่างๆนั้นก็ยังเหมือนกับ HTML แต่จะมีความเข้มงวดในเรื่องโครงสร้างภาษามากกว่า และมีการตัด tag และ attribute ที่ล้าสมัยออกไป
ก่อนจะลงมือเขียนเว็บเพจ ขอให้มีความรู้ความเข้าใจในภาษาพื้นฐานเหล่านี้ก่อน โดยศึกษาได้จากบทเรียนออนไลน์ของ enjoyday.net
- เรียนรู้ HTML
- เรียนรู้ CSS
- เรียนรู้ XHTML
ถึงแม้ว่าเราจะใช้ Software เว็บไซต์สำเร็จรูป (Web CMS) ในการสร้างเว็บไซต์หรือบล็อก เช่น WordPress, Joomla ก็ตาม HTML และ CSS นี้จะเป็นพื้นฐานให้เราแก้ไข code และปรับแต่งหน้าตาเว็บไซต์ให้ถูกใจเราได้ค่ะ
.
นอกจากภาษาพื้นฐาน HTML/XHTML และ CSS ในข้างต้นที่ไม่ใช่ภาษาสำหรับเขียนโปรแกรมแล้ว เราอาจจะเคยได้ยินภาษา JavaScript, ASP, ASP.NET, PHP,JSP และอื่นๆ ภาษาเหล่านี้เป็นภาษา Script ที่นิยมใช้ในการสร้างเว็บเพจค่ะ
คค

ภาษา Script ที่ใช้ในการสร้างเว็บเพจ แบ่งได้เป็น

1) Server-Side Script เช่น PHP, ASP, JSP, CGI เป็นภาษา script ที่ประมวลผลที่ฝั่ง Server แล้วส่งผลลัพธ์ไปแสดงผลที่ฝั่ง Client ผ่านโปรแกรมเว็บบราวเซอร์ เช่น IE, Firefox
2) Client-Side Script เช่น JavaScript, VBScript, JScript เป็นภาษา script ที่ประมวลผลบนเครื่องคอมพิวเตอร์ของผู้เยี่ยมชมเว็บไซต์ โดยใช้โปรแกรมเว็บเบราเซอร์ ซึ่งจะช่วยแบ่งเบาการทำงานให้กับเครื่อง Web Server ได้
ในกรณีที่ต้องการให้แอพพลิเคชันทำงานร่วมกันกับแอพพลิเคชันอื่น เช่น ฐานข้อมูล เราจะต้องใช้ Server-Side Script เขียนคำสั่งติดต่อกับฐานข้อมูล โดยผู้ชมเว็บจะไม่สามารถดูคำสั่ง ( Source Code) ของ Server-Side Script เหล่านั้นได้
ต่างจากการเขียนคำสั่งแบบ Client-Side Script ที่ผู้ชมเว็บสามารถดูคำสั่งที่เขียนด้วย Client-Side Script รวมถึง HTML, CSS ของหน้าเว็บเพจนั้นได้ ด้วยการคลิกเมาส์ขวาบนหน้าเว็บเพจนั้นๆ และเลือกคำสั่ง View Source หรือ View Page Source ในโปรแกรมเว็บเบราเซอร์
.
ถ้าอ่านคำอธิบาย แล้วไม่เข้าใจ ??? ก็ยังไม่ต้องไปสนใจมันค่ะ
แล้วมันต้องใช้มั้ยล่ะ ?
ตอบตามตรง… เว็บไซต์ส่วนใหญ่ เค้าใช้กันทั้งนั้นแหละค่ะ
แต่….เราไม่จำเป็นต้องเขียนภาษา Script เหล่านี้เองก็ได้ ฟังแล้วน่าจะเบาใจขึ้นมาแล้วนะคะ
แล้วภาษา Script เหล่านี้ใช้ตอนไหนบ้าง ?
ใช้ในกรณีที่เว็บเรามีการทำงานที่เกี่ยวข้องกับฐานข้อมูล เช่น สมุดเยี่ยม, กระดานข่าว (Webboard), ระบบสมาชิก, ระบบตระกร้าสินค้า และอื่นๆ
เราสามารถที่จะเลือกใช้ Web CMS หรือเว็บไซต์สำเร็จรูป ที่เป็น Open Source (แบบฟรี) มาติดตั้งในเว็บไซต์ของเราเพื่อใช้งานได้ โดยที่ไม่ต้องพัฒนาเองค่ะ ไว้จะกล่าวถึงในบทความต่อๆ ไป
โดยทั่วไปเจ้าเว็บไซต์สำเร็จรูปที่เราจะนำมาใช้นี้ ถูกพัฒนามาจากภาษา Script ไม่ตัวใดก็ตัวหนึ่ง ส่วนใหญ่จะเป็น PHP เพราะเป็นภาษา Script แบบ Open Source เหมือนกัน

credit: http://www.enjoyday.net/