ورود

نسخه کامل مشاهده نسخه کامل : دوره آموزشي XHTML و CSS و Javascriptو WML



jandedy
01-01-2009, 09:28
سلام ،

داشتم فكر مي كردم اگر تمام بچه هاي p30 جمع بشن و تمام علمشان را رو كنند مي شود 1 كتاب كامل و همچنين 1 دوره كامل آموزشي كامل در p30world مي شود . با ultimator يك مشورت كردم گفت نظر مديريت مهم است و بچه ها پس اگر لطف كنيد و بياييد يك دوره آموزشي اينجا تشكيل بدهيم و مطالب رو براساس فهرست به دسته هاي مختلف تقسيم كنيم و بچه ها با هم دوره را كامل كنيم . اينطوري هم كساني كه سولات تكراري و سطح پايين مي پرسند به جوابشان مي رسند و هم ما مطالب خودمان را به سطح بالاتري انتقال مي دهيم . اگر شما لطف كنيد و دوستانتان را خبر كنيد و به اينجا بياوريد . براي كم حجم شدن بحث اگر موافق بوديد و همراه شديد فقط كافيست بر روي[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] كليك كنيد .

اين دوره (( اگر دوستان كمك كنند )) يك دوره آموزش طراحي صفحات استاتيك وب باشد و هر كس به راحتي مي تواند به اين دوره بپيوندد .
اين دوره شامل آموزش XHTML است كه از ابتدايي شروع خواهد شد تا به سطح بالا .طرز كار آموزش هم به اين شكل است كه بعد از هر آموزش 2-10 سوال پرسيده مي شود و اگر بتوانيد به درصدي كه پيشبيني خواهد شد برسيد مي توانيد بخش بعدي را شروع كنيم .
اگر انشا الله از اين پست استقبال شود لطفا قوانين زير را رعايت كنيد :


وسط آموزش هيچگونه پست بي ربط ( نظر ، سوال و ... ) فرستاده نشود مگر نكته اي اضافه از قلم افتاده باشد (( قبل از ارسال خبر دهيد ))
براي سوالات فعلا پروفايل من از شما استقبال مي كند بعدا يك بحث جديد هم براي سوالات اضافه مي كنيم .
سعي كنيد نكته هاي اضافه فعلا در سطح پايين باشد .
اگر چيزي را نفهميديد به من پيام خصوصي بدهيد تا ساده تر بگويم


بخش هاي آموزش تقريبا به شرح زير مي باشد :


مقدمه : اطلاعاتي در باره مرورگر ها و ديگر چيز هاي مربوط
عناصر و ابزار : كار با نرم افزار هايي مثل Notpad و PSPad
ساختار اساسي : آغاز كردن و شروع
فرمت كردن : فرمت كردن متن
تصاوير
لينك
كار با Style ها : نكته ها و ترفند هاي بسيار زياد
ليست ها و جداول
فريم ها و فرم ها
مالتي مديا
شروع Javascript
آزمايش و اشكال زدايي
نكته ها و ترفند ها
نكات اضافه
htcaccess.
آموزش برنامه نويسي براي موبايل (wml)
مقدمه اي براي شروع جاوا اسكريپت
شروع (( جاوا اسكريپت ))
مفهوم جاوااسكريپت (( جاوا اسكريپت ))
متغيير ها و توابع و اشياء و آرايه ها (( جاوا اسكريپت ))
پنجره ها (( جاوا اسكريپت ))
اسناد و تصاوير (( جاوا اسكريپت ))
فرم ها و فريم ها (( جاوا اسكريپت ))
رويداد ها و كوكي ها (( جاوا اسكريپت ))
stylesheet (( جاوا اسكريپت ))
DOM (( جاوا اسكريپت ))
انجام محاسبات (( جاوا اسكريپت ))
اسلايد ها و انيميشن (( جاوا اسكريپت ))
plug-in (( جاوا اسكريپت ))
مقدمه اي بر شروع Ajax


تشكر // :40:

jandedy
01-01-2009, 10:08
HTML
HTML چيست ؟ HTML در واقع خلاصه شده HyperText Markup Language است و معمولا در همين صفحه هم از html استفاده مي كند .

طرز كار html
html رو بايد اينطوري نوشت . مثلا براي خصيصيه ي html كه مشخص كننده شروع كار است بايد درون < > نوشته شود و براي پايان اين تگ بايد درون < /> نوشت مثلا :

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

بقيه تگ هاي هم همينطور است مگر تگ هاي خاص .

عدم سازگاري
html يك استاندارد جهاني است ولي اين به اين معنا نيست كه در تمام مرورگر هاي مثلا Internet Explorer ، Firefox و ... به يك شكل ديده مي شود و اين به اين خاطر است كه مرورگر ها براي دلاليلي صفحه را به هر شكلي كه خودشان مي خواهند تفسير مي كنند . پس 1 برنامه نويس وب بايد تمام مرورگر هاي پرطرفدار را داشته باشد

تشكر // :10:

jandedy
01-01-2009, 12:16
يك فايل درست كنيد به نام test 1 و يك تگ html داشته باشد و در اين تگ يك تگ head وجود داشته باشد .



براي نمره گرفتن مي تونيد كد رو به من بديد :27:

DaRiOuShJh
01-01-2009, 14:12
عدم سازگاري
html يك استاندارد جهاني است ولي اين به اين معنا نيست كه در تمام مرورگر هاي مثلا Internet Explorer ، Firefox و ... به يك شكل ديده مي شود و اين به اين خاطر است كه مرورگر ها براي دلاليلي صفحه را به هر شكلي كه خودشان مي خواهند تفسير مي كنند . پس 1 برنامه نويس وب بايد تمام مرورگر هاي پرطرفدار را داشته باشد

البته این قمست بیشتر مربوط به css میشه نه خوده HTML
چون خود کدهای HTML مخصوصا ورژن 3.1 تقریبا با تمامیه مرورگها سازگار هست و base برنامه نویسی تحت وب به حساب میره

jandedy
02-01-2009, 14:47
شروع html (( اگر تا حالا با html كارنكرده ايد ))

براي شروع بايد يك ويرايش گر متني ساده مثل notpad داشت . براي اين كه بتوانيم كد هاي html را در صفحه اي وارد كنيم بايد اكستنشن صفحه رو htm يا html قرار دهيم يعني در پايان نام فايل يك نقطه بگذاريم و بعد بنويسيم htm يا html . مثلا در notpad بايد هنگام ذخيره كردن صفحه بعد از نوشتن نام فايل بنويسيم .html مثلا نام فايل : lesson1.html .

نكته : اگر مي خواهيم چيزي به زبان فارسي بنويسيم بايد گزينه encoding رو كه در notpad 2 نتظيم بعد از نام فايل است بر روي utf-8 قرار دهيم .
تشكر //

jandedy
02-01-2009, 14:48
Pspad : براي كساني كه قبلا برنامه نويسي كرده اند .

Pspad يك اديتور فوق العاده راحت است . زيرا : موقع زدن " خودش دو تا مي زنه كه راحت باشي . موقع زدن < خودش مي بندش . اگر كد هاي css اشكال داشته باشه نشان مي دهد . براي نوشتن كد ها لازم نيست كه براي ديدن صفحه را save
كنيم و ... ، با خودش مي شه ديد ! براي شروع صفحه خودش html , head , body , meta , DOCTYPE رو وارد مي كنه . اين اديتور براي زبان هاي html , css , php , javascript , sql , c , c++ , ms-dos , pascal , python , Visual Basic , XML , Assembly و java و ... طراحي شده و اشكال گيري هم در بعضي موارد مي كنه . اين نرم افزار را مي توانيد از [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] بگيريد .

تشكر //

jandedy
03-01-2009, 11:01
بچه ها من يك نظر دارم . مي گم اين html رو اگر بلديد بريم سراغ تكنيك ها برنامه نويسي پيشرفته نه ؟ فكر مي كنم همه اين مسائل پيش پا افتاده ... را بلديد . موافقيد ؟:40:

saeed258s
03-01-2009, 12:14
دروود
من فکرمی کنم با وجود پیشرفتهایی که در وب صورت گرفته و وب2 و سپسین وب3،دیگر نمی توان مانند پیش،به html به نگر یک فناوری بزرگ دید،فکر کنم اگر به سمت ajax برویم بهتر باشد...

hosseintdk775
03-01-2009, 12:29
بچه ها من يك نظر دارم . مي گم اين html رو اگر بلديد بريم سراغ تكنيك ها برنامه نويسي پيشرفته نه ؟ فكر مي كنم همه اين مسائل پيش پا افتاده ... را بلديد . موافقيد ؟:40:

بسم الله الرحمن الرحیم
سلام
درست است که اینها مسائل مقدماتی است ولی برای افرادی که مبتدی هستند و تازه می خواهند شروع کنند خوب خواهد بود.

jandedy
03-01-2009, 15:56
فكر نكنم كسي حرفه اي نباشد !!!

jandedy
03-01-2009, 16:03
به نظر شما AJAx مربوط به دايناميك نمي شه ؟ 1 تاپيك در اين باره كامل هست !

David.Jn
03-01-2009, 16:28
بهتره Html طی دو سه جلسه آموزش بدی و تمومش کنی
بعدش Css
بعد از اون جاوااسکریپت
بعد بری سمت داینامیک(چون php کاری php)
یکمی XML
بعدش Ajax
ولی خیلی واست زیاد میشه چون سه تای اولی رو اگه بخوای کامل بگی کلی پست میشه
فعلآ رو همینا مانور بده.
اینار به خاطر این گفتم که Base کار مهمه چون من و تو بلدیم و برامون ساده میاد ولی اونایی که بلد نیستن چی؟

jandedy
03-01-2009, 16:43
ساختار html ساختاري تو در تو و تقريبا درختي و والد و فرزندي است يعني تمام چيز هاي داخل كد ( تگ ها ) به جز 1 تگ داراي پدر هستند . يعني در كد زير :


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید




پدر تگ head تگ html است .
پدر تگ body تگ html است .
فرزند تگ head تگ title است .
تگ body فرزند ندارد .

حالا بگوييد كدام تگ بي پدر است ؟:31:

mohan21
03-01-2009, 17:03
پدر تگ html کیه ؟

این بی پدر هست دیگه ... !

jandedy
03-01-2009, 17:03
براي درك بيشتر مي گوييم هر زوج براي بچه دار شدن بايد ازدواج كنند البته يكي خانم و يكي آقا . html هم همينطور است تگ خالي كه مثلا

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنیدنر و تگ ديگر كه همراه با يك اسلش ( / )

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
است ماده است و فرزند در بين اين دو قرار مي گيرد .
اين هم بگويم هر آدم خصوصياتي دارد (( فعلا با خصوصيات كار نداريم )) براي تنظيم خصوصيات بايد بعد از نوشتن نام تگ علامت < را نگذاريم و با يك فاصله خصوصيات (( هر خاصه از خط فاصله + نام خاصه + مساوي ( = ) + كوتيشين ( " ) + مقدار خاصه + كوتيشن ( " ) ساخته شده است )) و بعد < را بگذاريم
مثلا تگ html با خاصه dir و مقدار dir ، مقدار rtl است . ببينيد :

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنیداولين تگ هايي كه بايد ياد بگيريد اين ها هستند :



<html> : اولين تگ صفحه است يعني در واقع حضرت آدم و شروع كنند ازدواج تگ ها ! :31:
<head> : فرزند اول تگ html است كه همانطور كه از نامش پيداست اين تگ سر صفحه يا همان عزيز دردانه خانواده است . نبودش خيلي اشكال داره مانند نداشتن فرزند ولي فعاليت صفحه را متوقف نمي كند .
<body> : اين تگ در حقيقت هدف خانواده است . يعني خانواده براي نشان دادن اين تلاش مي كند . اين تگ مقدار بدنه (( چيزي كه نمايش داده مي شود )) را تشكيل مي دهد .
<title> : اين تك نوه تگ body و فرزند تگ head است كه اين تگ عقيم مي باشد و در ميان آن موضوع صفحه را مي نويسند ، مثلا الان بالاي صفحه نوشته p30world ؛ اين كلمه را در ميان نر و ماده title نوشته شده است .

مي تونيد در body مقاديري بنويسيد و بببينيد كه اين مقادير نشان داده مي شود

jandedy
03-01-2009, 17:09
يك صفحه درست كنيد با موضوع hello كه در آن كلمه hello P نشان داده شود

jandedy
10-01-2009, 19:52
اينم فرزندان body



h1.h2,h3,h4,h5,h6 : اين ها به ترتيب از h1 به h6 هستند و متني كه در آن قرار گيرد به ترتيب در h1 تا h6 كوچكتر و كوچكتر مي شود . اين تك را معمولا براي نمايش موضوع صفحه درون بدنه بكار مي گيرند .
b : متن درون آن تو پر و كپل نمايش داده مي شود .
i : متن درون آن ايتاليك يا كج نمايش داده مي شود .
p : يك پاراگراف ( بند ) جديد مي سازد .
small : متن درون آن كوچكتر مي شود .
big : متن درون آن بزرگتر مي شود .

تشكر //

jandedy
10-01-2009, 19:58
تگ هايي كه تكي هستند .
اين تگ ها به اين شكل نوشته مي شود :

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

اين تگ ها تكي هستند و نبايد بسته شوند . مثلا يكي از اين تگ ها hr است كه يك خط مي كشد . اين تگ ها به اين شكل نوشته مي شود :

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

خوب حالا اينم چند تا تگ :


hr : يك خط مي كشد .
br : به خط بعدي مي رويم .

تشكر //

jandedy
12-01-2009, 10:53
تگ img يك عكس اضافه مي كند .

اين تگ خصوصياتي دارد از قبيل :


src : آدرس عكس
width: عرض عكس
height: طول عكس
alt : اگر عكس نمايش داده نشود اين نمايش داده مي شود
border : خط مرزي

مثال :


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید


تشكر //

jandedy
12-01-2009, 23:37
تگ جديد : font : براي تغيير دادن خصوصيات متن درون



face : قيافه مثلا : tahoma , arial
size : اندازه : 5
color : رنگ : blue , red , green

سوالي داشتين بپرسيد ! :31::31:

n340
13-01-2009, 23:22
هستم نیستم دو خراب

Mohammad King
13-01-2009, 23:27
هستم نیستم دو خراب

سلام

منظورتون از این هستم نیستم دو خراب چیه ؟

jandedy
17-01-2009, 17:15
دوستان عزيز يك آدرس خوب :


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

HTML Tutorial
XML Tutorials
Browser Scripting
Server Scripting
.NET (dotnet)
Multimedia
Web Building

ahmadirad1365
18-01-2009, 20:19
اصولا وقتی اینقدر به خودت مطمئنی که مینویسی دوره آموزشي XHTML و CSS و Javascriptو WML بهتره بحث های بیهوده را رها کرده و درباره آنچه که ادعا نمودید مطلب ترشح بفرمائید!!!!!!!!!
در ضمن هر کدوم از این بحث ها دارای نکات بسیاری هستند که اگر شما بتوانید به یکی از آنها اشاره کنید جای قدردانی است
در ضمن میتونید بفرمائید WML مخفف چیست و کارش چیست؟!!!!!!!!!!!!!
همیشه آویزه گوش خود کنید : خود پسندی مانع کسب علم است