สอนทำเว็บด้วยโปรแกรม Edit Plus3 จ้า>w<(ในที่สุดเราก็ทำตัวมีประโยชน์สินะ)

อ่านหัวข้อก่อนหน้า อ่านหัวข้อถัดไป Go down

สอนทำเว็บด้วยโปรแกรม Edit Plus3 จ้า>w<(ในที่สุดเราก็ทำตัวมีประโยชน์สินะ)

ตั้งหัวข้อ by PriNceSs_Z on Sat 15 Nov 2008 - 9:42

หวัดดีค่า หายหัวไปจากบอร์ดCTSนานม๊ากตั้งกะบอร์ดเก่านู่น=w=; broke back

วันนี้กลับมาพร้อมการทำตัวมีสาระ(รึป่าว?)

ด้วยการมาแจกโค้ดสอนทำเว็บไซท์แบบละเอียดยิบ

ถ้ามีอะไรผิดพลาดก้อขออภัยด้วยนะค๊า

PS.อาจจะอัพไม่สม่ำเสมอและโค้ดเป็นโค้ดเบื้องต้นนะคะ^__^

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

อันดับแรกมาดูโปรแกรมที่ใช้กันก่อนโดยโปรแกรมที่ใช้เขียนโค้ดเนี่ยมีทำได้ 2 โปรแกรมที่เราเรียนค่ะ

คือ 1.โปรแกรม Edit Plus3 และ 2.Marcomedia DreamWeaver ค่ะ
แล้วต่อมาคือโปรแกรมที่ใช้แสดงหน้าเว็บคือ Appserv

**ขอโทษที่เอา DreamWeaver มาให้โหลดมิได๊ค่ะ dead
Edit Plus3 : http://www.editplus.com/download.html <<--เป็น Shareware นะเค๊อะ
Appserve : http://www.appservnetwork.com/modules.php?name=News&file=article&sid=46 <<--โหลดตัวแรกค่ะ

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

หลังจากที่โหลดโปรแกรมมาแล้วเราก็จัดการติดตั้งทั้ง 2 โปรแกรมเสร็จแล้วให้เราเข้าไปในไดรฟ์ที่เก็บโปรแกรมAppservไว้ค่ะ

1.Click เข้าไปแล้วเลือกโฟลเดอร์ที่มีชื่อว่า www
2.สร้างโฟลเดอร์ของตัวเองในโฟลเดอร์ www อีกทีค่ะ

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

แถมก่อนไปค่ะโค้ดสำหรับเขียนโฮมเพจเปล่าๆใช้สำหรับล็อกอินเป็นฟอร์มค่ะ(เราใช้ Edit Plus นะคะ)

1.เลือกสร้างไฟล์ HTML
2. <html>
<head><title>W E L C O M E</title>
<body>
Username : <input type="text" name="user"><br>
Password : <input type="password" name="pass"><br>
<input type="submit" value="OK">
<input type="reset" value="Reset">
</head>
</body>
</input>
</html>
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
PS.นี่คือฟอร์มเปล่าๆยังใช้ล็อกอินไม่ได้นะคะคราวหน้าเราจะอธิบายคำสั่งเบื้องต้นพร้อมโค้ดสำหรับล็อกอินเต็มๆค่ะ^__^ถ้ามีอะไรผิดพลากหรือทำเป็นแล้วก็ขอโทษด้วยนะคะ>w<
avatar
PriNceSs_Z
Lucky Star
Lucky Star

birth : 18/02/1995
Placement : Chu~♥ จุ๊บุๆ อู้วท์~♥

http://princess--z.exteen.com

ขึ้นไปข้างบน Go down

Re: สอนทำเว็บด้วยโปรแกรม Edit Plus3 จ้า>w<(ในที่สุดเราก็ทำตัวมีประโยชน์สินะ)

ตั้งหัวข้อ by MikZ on Sun 16 Nov 2008 - 1:23

วิชาการขั้นสุดยอด =[]=
อันฟอร์มเปล่านี่พอรู้ครับ แต่โค้ดที่ทำให้ล็อคอินได้นี่อยากรู้เหมือนกันแฮะ ไว้จะรออ่านในคราวหน้าละกันครับ
avatar
MikZ
Shooting Star
Shooting Star

Placement : หลังคาบ้านคนอื่น

ขึ้นไปข้างบน Go down

Re: สอนทำเว็บด้วยโปรแกรม Edit Plus3 จ้า>w<(ในที่สุดเราก็ทำตัวมีประโยชน์สินะ)

ตั้งหัวข้อ by trio-jam on Sun 16 Nov 2008 - 10:14

เรื่องโปรแกรมนี่เราไม่รู้เรื่องเลยแฮะ ใช้อย่างเดียว

_________________

Credit by : toei

How to be a successful man:

"-Shut up and do it-"

PS.Bluffing is useless. Try another tactics. Got it?
avatar
trio-jam
InW
InW

Placement : ณ กองเพลิง(เผา?)

http://trio-jam.exteen.com/

ขึ้นไปข้างบน Go down

Re: สอนทำเว็บด้วยโปรแกรม Edit Plus3 จ้า>w<(ในที่สุดเราก็ทำตัวมีประโยชน์สินะ)

ตั้งหัวข้อ by Formthejok on Sun 16 Nov 2008 - 16:18

ไม่ค่อยรู้เรื่องโปรแกรมเช่นกันครับ ( ฮา )

ปล. อย่างมากก็ใช้แค่ Photoshop เป็นอ่ะ ........

_________________

G•A•M•E แห่งโลก 2D
avatar
Formthejok
Lucky Star
Lucky Star

birth : 28/04/1991
Placement : ทาไดม๊าาาา !!!!!

http://Formthejok.exteen.com

ขึ้นไปข้างบน Go down

Re: สอนทำเว็บด้วยโปรแกรม Edit Plus3 จ้า>w<(ในที่สุดเราก็ทำตัวมีประโยชน์สินะ)

ตั้งหัวข้อ by -=IZE=- on Sun 16 Nov 2008 - 18:11

กระทู้ดี มีสาระอีกหนึ่ง haha
avatar
-=IZE=-
Lucky Star
Lucky Star

Placement : <+:อาณาจักรกางเขนแดง:+>

ขึ้นไปข้างบน Go down

Re: สอนทำเว็บด้วยโปรแกรม Edit Plus3 จ้า>w<(ในที่สุดเราก็ทำตัวมีประโยชน์สินะ)

ตั้งหัวข้อ by PriNceSs_Z on Mon 17 Nov 2008 - 18:00

Edit เพิ่มวิธีใส่BGและการคำนวณพื้นที่ต่างๆค่ะ+++++++++++++++++++++++++++++++++++++++++++++++++++
วันนี้จะอธิบายคำสั่งต่างๆของโปรแกรม Edit Plus นะคะพร้อมแล้วก็...Go~~

คำสั่ง input แบบต่างๆ

กล่อง Text Box

คำสั่งนี้ก็คือ <input type="text" name="text"> -->> ตรงคำสั่ง name ในวงเล็บเปลี่ยนชื่อจากtextเป็นตัวแปรอื่นได้ค่ะ warning**ชื่อตรงนี้คือตัวแปรที่จะให้ในphp

กล่อง password

และคำสั่งอีกคำสั่งคือคำสั่งที่ใช้พิมพ์passwordออกมาเป็นวงกลมๆที่ไม่แสดงตัวเลขเหมือนระบล็อกอินในเว็บนี่แหละ
คำสั่ง <input type="password" name="pass"> warning**ชื่อตรงนี้ก็ตัวแปรเหมือนกันค่ะเวลาใส่ในphpถ้าผิดมันจะป้อนรหัสไม่ผ่าน...ไม่สิเว็บไม่โชว์เลยต่างหาก

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

ซึ่งคำสั่งก็คือ

แบบวงกลม
<input type="radio">

แบบสี่เหลี่ยม
<input type="checkbox">

หมดแล้วค่ะคำสั่ง input ที่เราเรียนมา=w=;น้อยไปนิดนึงหุๆๆ

อ้อก่อนไปๆแถมค่ะแถมคำสั่งล็อกอินแบบเต็มๆพร้อมแล้วก็ไปดูเล้ย~

1.เลือกคำสั่งสร้างหน้า html ก่อนนะคะ

<html>
<head><title>W E L C O M E</title>
<body>
Username : <input type="text" name="user"><br>
Password : <input type="password" name="pass"><br>
<input type="submit" value="OK">
<input type="reset" value="Reset">
<form method=get action="login.php">
</head>
</form>
</body>
</input>
</html>

2.แล้วเราก็เปิดสร้างหน้า php ขึ้นมาอีกค่ะไม่ต้องปิดโปรแกรมแล้วเปิดใหม่น้า^-^

<?php
if <$user="PriNcesS_Z"&&$pass="xxxxxxxxxx">
{
echo "welcome $user";
}
else
echo "wrong user / Password";
?>

3.แล้วก็เซฟเป็นชื่อเดียวกับที่เราเขียนไว้ในคำสั่ง Form ในหน้า htmlค่ะของเราคือ login.phpนะคะเราก็เซฟทั้ง 2 หน้าเป็น

login.html และ login.php ในโฟลเดอร์ของเราที่อยู่ใน www ค่ะ
แล้วเราก็เข้าหน้า Internet Explorer ใส่ตรงAddressเป็น http://localhost/ค่ะ(**ติดตั้งappserveก่อนนะคะไม่งั้นเปิดม่ายยยติด)
วิธีเปิดไฟล์ออกมาดูนะคะให้เราพิมพ์ในช่องaddressเป็น

http://localhost/ชื่อไฟล์ของเรา/login.html

แล้วก็ใช้ได้แล้วค่ะลองดูถ้าเปิดไม่ได้ที่ขึ้นว่าเราเขียนโค้ดผิดให้ย้อนกลับไปดูค่ะว่าเราลืมเขียนอะไรอ๊ะป่าวลืมใส่เซมิโครอลใช่มั้ยหรืออะไรก็ลองดูนะคะ>__o*

+++++++++++++++++++++++++++++++++++++++++++++++++++

ต่อแล้วค่าอันนี้จะมาแบบโค้ดใส่บีจีแล้วก็จบเรื่องฟร์มที่เราจะทำแล้วค่ะนอกนั้นเราลุยphpเลยน้า~

ตรงคำสั่ง bodyในหน้า htmlเราจะสามารถป้อนคำสั่งใส่แบ๊คกราวได้ 2 แบบค่ะคือ 1 แบบสีพื้น และ 2 แบบที่เป็นรูปภาพค่ะไม่ยากหรอกแค่ตอนแรกมันจะงงๆนิดนึง^__^(ใส่บีจีรูปครั้งแรกขอบอกว่าเรางงมาก!)

1.แบบสีพื้น

เริ่มทำฟอร์มก่อนเลยนะคะ
<html>
<head>
<body bgcolor="#FF6699">ตรงนี้ให้ใส่โค้ดสีลงไปค่ะของเราเอาสีชมพูละกัน หุๆๆ*-*
</html>
</head>
</body>

2.แบบรูปภาพ

ขั้นตอนแรกนะคะให้เราก๊อบปี้รูปภาพที่ต้องการไปใส่ไว้ในโฟลเดรอ์ของเราใน www
แล้วเราก็เขียนฟอร์มแบเมื่อกี้ค่ะแต่เปลี่ยนตรง body เป็นแบบนี้

<body background="xxx.นามสกุลไฟล์รูปค่ะ">

เห็นป่ะง่ายมากกกไม่ยุ่งยากด้วย*-*(ชอบอันนี้มากกว่าพื้นนะคะ)

และต่อไปนะคะมีวิธีการคำนวณพื้นที่รูปทรงต่างๆรวมไปถึงการคำนวณอายุด้วย*-*ที่เราจะให้ต่อไปนี้เป็นไฟล์ phpนะคะให้ทำฟอร์มอย่างฟอร์มล็อกอินในคราวที่แล้วก่อนด้วยค่ะ

รูปสี่เหลี่ยมผืนผ้า
<?php
$area=$length*$width;
echo "this rectangle area is $area";
?>

รูปวงกลม
<?php
$area=3.14*($radius*radius);
echo "area is $area";
?>

รูปสามเหลี่ยม
<?php
$area=0.5*$base*$height;
echo "Triangle's area is $area"
?>

การคำนวณอายุ
<?php
$age=2008-$a;
echo "your age is $age";
?>

ถ้าโค้ดผิดก็ขอโทษด้วยนะค้า oh man

อ้อตอนนี้ PriNceSs_Zรับทำสกอร์บาร์นะคะสั่งกันมาได้เลยเอาไว้แต่ บล็อค ไฮ-5>w<

แบบฟอร์มสั่งค่า

สีของสกอร์บาร์(ขาว-ชมพู,ดำ-แดงฯลฯ) -

แจกโค้ดค่าขอบอกว่ามันไม่ค่อยสวย=w=พิจารณาก่อนใช้หุๆ(แจกครั้งล่ะ3อันน่อ*-*)

สกอร์บาร์สีดำ-แดงแบบที่ 1

<style type="text/css">body{scrollbar-track-color:rgb(0,0,0);scrollbar-face-color:rgb(242,37,43);scrollbar-3dlight-color:rgb(34,34,34);scrollbar-highlight-color:rgb(255,255,255);scrollbar-darkshadow-color:rgb(255,255,255);scrollbar-shadow-color:rgb(242,37,43);scrollbar-arrow-color:rgb(0,0,0);}</style>

สกอร์บาร์สีดำ-แดงแบบที่ 2

<style type="text/css">body{scrollbar-track-color:rgb(242,37,43);scrollbar-face-color:rgb(0,0,0);scrollbar-3dlight-color:rgb(255,255,255);scrollbar-highlight-color:rgb(255,255,255);scrollbar-darkshadow-color:rgb(20,20,20);scrollbar-shadow-color:rgb(0,0,0);scrollbar-arrow-color:rgb(211,13,22);}</style>

สกอร์บาร์สีฟ้า - ขาว

<style type="text/css">body{scrollbar-track-color:rgb(255,255,255);scrollbar-face-color:rgb(49,194,246);scrollbar-3dlight-color:rgb(7,179,244);scrollbar-highlight-color:rgb(255,255,255);scrollbar-darkshadow-color:rgb(25,187,246);scrollbar-shadow-color:rgb(7,179,244);scrollbar-arrow-color:rgb(255,255,255);}</style>

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Ps.ใครจะรีเควสทท์สีอะไรเม้นท์ทิ้งไว้เลยน้า>w<v


แก้ไขล่าสุดโดย PriNceSs_Z เมื่อ Tue 18 Nov 2008 - 17:35, ทั้งหมด 1 ครั้ง (Reason for editing : rewriteคำผิด แล้วก็ไม่อยากปั่นเรพเพิ่มจ้า)
avatar
PriNceSs_Z
Lucky Star
Lucky Star

birth : 18/02/1995
Placement : Chu~♥ จุ๊บุๆ อู้วท์~♥

http://princess--z.exteen.com

ขึ้นไปข้างบน Go down

Re: สอนทำเว็บด้วยโปรแกรม Edit Plus3 จ้า>w<(ในที่สุดเราก็ทำตัวมีประโยชน์สินะ)

ตั้งหัวข้อ by LunaLoS on Mon 1 Dec 2008 - 21:26

โทษทีจ๊ะอ่านแล้วง๊งงง ขนาดกำลังทำโครงงานเว็บอยู่นะเนี่ย(ทำกับDreamweaverอย่างเดียว)
avatar
LunaLoS
Silver Star
Silver Star

birth : 11/12/1992
Placement : บ้านโพรงกระต่าย

ขึ้นไปข้างบน Go down

Re: สอนทำเว็บด้วยโปรแกรม Edit Plus3 จ้า>w<(ในที่สุดเราก็ทำตัวมีประโยชน์สินะ)

ตั้งหัวข้อ by YaM-JunG on Tue 31 Mar 2009 - 10:45

อะเอ่อ.. ขนาดตัวโปรแกรมเรายังไม่รู้จักเลยอ่ะ รุแต่ อีนิทรี (นั่นมันเกมแล้ว!)
เคยทำของพวกนี้เหมือนกัน
ถ้าขั้นต้นนับว่าไม่ยุ่งยากเท่าไหร่
แต่ถ้าศึกษาให้ลึกซึ้งทำเอาหัวมึนเรื่องโค้ดเลยทีเดียว
รวมไปถึงปัญหาที่เจอบ่อยคือ "เฮ้ย ทำไมเป็นงี้เนี่ย ก็ถูกแล้วนี่นา ดูอกทีดิ แง้ ทำไมผลออกมาไม่ตรงตามที่สั่งละเนี่ย เพี้ยนไปเลย"
ในความเป็นจริงก็คือ โค้ดเอได้ผลเอ โค้ดบีได้ผลบี โค้ดซีได้ผลซี แต่เมื่อนำมาทำเป็นแบบนี้ c(a+b) ซึ่งมีผลเดียวกับ a+b+c
สรุปคือต้องการผลแบบ a+b+c แต่มันกลับแสดงผลเป็น c(a+b)
นี่แหละทำให้เราปวดหั้ว!

เอ.. หาเรื่องบ่นอีกจนได้แฮะเรา

...

เราเองก็พอใช้เป็นนะคะ
เดี๋ยวนี้มีโค้ดลัแจกมากมายไม่หวาดไม่ไหว กระทำการแฮกกิ้งโลด! โฮะๆ
avatar
YaM-JunG
Lucky Star
Lucky Star

birth : 26/06/1992
Placement : FACEBOOK (เปลี่ยนบ้านแล้วนะค้า)

http://my.dek-d.com/worlds

ขึ้นไปข้างบน Go down

Re: สอนทำเว็บด้วยโปรแกรม Edit Plus3 จ้า>w<(ในที่สุดเราก็ทำตัวมีประโยชน์สินะ)

ตั้งหัวข้อ by black-rayz on Tue 31 Mar 2009 - 22:56

HTMLแฮะ

พอเป็นนิดหน่อย
ปล.แฮกเอ้าง่ายกว่า(ซะงั้น)
avatar
black-rayz
Shooting Star
Shooting Star

birth : 15/06/1991
Placement : ข้างกองหนังสือ ในห้องสมุดแห่งมิติเ

ขึ้นไปข้างบน Go down

Re: สอนทำเว็บด้วยโปรแกรม Edit Plus3 จ้า>w<(ในที่สุดเราก็ทำตัวมีประโยชน์สินะ)

ตั้งหัวข้อ by desadoria on Wed 1 Apr 2009 - 18:54

อ๋อ

ภาษา HTML เก่าจนลืมไปแล้วล่ะ
avatar
desadoria
Shooting Star
Shooting Star

birth : 16/03/1993
Placement : สิงสู่ต้นไม่ไปเรื่อยๆ

http://desadoria.exteen.com

ขึ้นไปข้างบน Go down

Re: สอนทำเว็บด้วยโปรแกรม Edit Plus3 จ้า>w<(ในที่สุดเราก็ทำตัวมีประโยชน์สินะ)

ตั้งหัวข้อ by MikZ on Wed 1 Apr 2009 - 22:56

55+
HTML นี่ภาษาคอมตัวเดียวที่ผมเข้าใจเลยล่ะ เพราะตอนม.2 บ้าทำเว็บ (แต่ภาษาอื่นไม่รู้เรื่อง~~)
ตอนนั้นไม่เคยเรียนรึอ่านหรอก แต่นั่งเก็บเว็บชาวบ้านมาชำแหละในดรีมวีฟเวอร์ แล้วลองผิดถูกจนเข้าใจจนได้ = ="(ตอนนี้ยังจำได้เปล่าหว่า)


แก้ไขล่าสุดโดย MikZ เมื่อ Wed 1 Apr 2009 - 23:07, ทั้งหมด 1 ครั้ง
avatar
MikZ
Shooting Star
Shooting Star

Placement : หลังคาบ้านคนอื่น

ขึ้นไปข้างบน Go down

Re: สอนทำเว็บด้วยโปรแกรม Edit Plus3 จ้า>w<(ในที่สุดเราก็ทำตัวมีประโยชน์สินะ)

ตั้งหัวข้อ by trio-jam on Wed 1 Apr 2009 - 23:00

จำไม่ได้แล้วน่อ คนแก่ความจำสั้น -"-

_________________

Credit by : toei

How to be a successful man:

"-Shut up and do it-"

PS.Bluffing is useless. Try another tactics. Got it?
avatar
trio-jam
InW
InW

Placement : ณ กองเพลิง(เผา?)

http://trio-jam.exteen.com/

ขึ้นไปข้างบน Go down

Re: สอนทำเว็บด้วยโปรแกรม Edit Plus3 จ้า>w<(ในที่สุดเราก็ทำตัวมีประโยชน์สินะ)

ตั้งหัวข้อ by By~ne on Wed 1 Apr 2009 - 23:02

ผมสิ...ไม่รู้อะไรเลย= =\=/
avatar
By~ne
InW
InW

birth : 02/05/1995
Placement : ในสภาสูง

http://by-neowo.exteen.com/

ขึ้นไปข้างบน Go down

Re: สอนทำเว็บด้วยโปรแกรม Edit Plus3 จ้า>w<(ในที่สุดเราก็ทำตัวมีประโยชน์สินะ)

ตั้งหัวข้อ by pattanakorm on Thu 2 Apr 2009 - 18:00

โอ้~ โปรมแกรมขั้นสูง เราเคยทำเเต่ PHOTOSHOTP เองอะ..
avatar
pattanakorm
Shooting Star
Shooting Star

birth : 16/06/1993
Placement : ที่ ที่มี เพื่อน ๆ ทุกคน

ขึ้นไปข้างบน Go down

อ่านหัวข้อก่อนหน้า อ่านหัวข้อถัดไป ขึ้นไปข้างบน

- Similar topics

 
Permissions in this forum:
คุณไม่สามารถพิมพ์ตอบ