دوره آموزشي XHTML و CSS و Javascriptو WML
سلام ،
داشتم فكر مي كردم اگر تمام بچه هاي p30 جمع بشن و تمام علمشان را رو كنند مي شود 1 كتاب كامل و همچنين 1 دوره كامل آموزشي كامل در p30world مي شود . با ultimator يك مشورت كردم گفت نظر مديريت مهم است و بچه ها پس اگر لطف كنيد و بياييد يك دوره آموزشي اينجا تشكيل بدهيم و مطالب رو براساس فهرست به دسته هاي مختلف تقسيم كنيم و بچه ها با هم دوره را كامل كنيم . اينطوري هم كساني كه سولات تكراري و سطح پايين مي پرسند به جوابشان مي رسند و هم ما مطالب خودمان را به سطح بالاتري انتقال مي دهيم . اگر شما لطف كنيد و دوستانتان را خبر كنيد و به اينجا بياوريد . براي كم حجم شدن بحث اگر موافق بوديد و همراه شديد فقط كافيست بر روي
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
كليك كنيد .
اين دوره (( اگر دوستان كمك كنند )) يك دوره آموزش طراحي صفحات استاتيك وب باشد و هر كس به راحتي مي تواند به اين دوره بپيوندد .
اين دوره شامل آموزش XHTML است كه از ابتدايي شروع خواهد شد تا به سطح بالا .طرز كار آموزش هم به اين شكل است كه بعد از هر آموزش 2-10 سوال پرسيده مي شود و اگر بتوانيد به درصدي كه پيشبيني خواهد شد برسيد مي توانيد بخش بعدي را شروع كنيم .
اگر انشا الله از اين پست استقبال شود لطفا قوانين زير را رعايت كنيد :
- وسط آموزش هيچگونه پست بي ربط ( نظر ، سوال و ... ) فرستاده نشود مگر نكته اي اضافه از قلم افتاده باشد (( قبل از ارسال خبر دهيد ))
- براي سوالات فعلا پروفايل من از شما استقبال مي كند بعدا يك بحث جديد هم براي سوالات اضافه مي كنيم .
- سعي كنيد نكته هاي اضافه فعلا در سطح پايين باشد .
- اگر چيزي را نفهميديد به من پيام خصوصي بدهيد تا ساده تر بگويم
بخش هاي آموزش تقريبا به شرح زير مي باشد :
- مقدمه : اطلاعاتي در باره مرورگر ها و ديگر چيز هاي مربوط
- عناصر و ابزار : كار با نرم افزار هايي مثل Notpad و PSPad
- ساختار اساسي : آغاز كردن و شروع
- فرمت كردن : فرمت كردن متن
- تصاوير
- لينك
- كار با Style ها : نكته ها و ترفند هاي بسيار زياد
- ليست ها و جداول
- فريم ها و فرم ها
- مالتي مديا
- شروع Javascript
- آزمايش و اشكال زدايي
- نكته ها و ترفند ها
- نكات اضافه
- htcaccess.
- آموزش برنامه نويسي براي موبايل (wml)
- مقدمه اي براي شروع جاوا اسكريپت
- شروع (( جاوا اسكريپت ))
- مفهوم جاوااسكريپت (( جاوا اسكريپت ))
- متغيير ها و توابع و اشياء و آرايه ها (( جاوا اسكريپت ))
- پنجره ها (( جاوا اسكريپت ))
- اسناد و تصاوير (( جاوا اسكريپت ))
- فرم ها و فريم ها (( جاوا اسكريپت ))
- رويداد ها و كوكي ها (( جاوا اسكريپت ))
- stylesheet (( جاوا اسكريپت ))
- DOM (( جاوا اسكريپت ))
- انجام محاسبات (( جاوا اسكريپت ))
- اسلايد ها و انيميشن (( جاوا اسكريپت ))
- plug-in (( جاوا اسكريپت ))
- مقدمه اي بر شروع Ajax
تشكر // :40:
# ساختار اساسي : آغاز كردن و شروع 1
ساختار html ساختاري تو در تو و تقريبا درختي و والد و فرزندي است يعني تمام چيز هاي داخل كد ( تگ ها ) به جز 1 تگ داراي پدر هستند . يعني در كد زير :
[HTML]
<html>
<head>
<title>lesson2</title>
</head>
<body>
</body>
</html>
[/HTML]
- پدر تگ head تگ html است .
- پدر تگ body تگ html است .
- فرزند تگ head تگ title است .
- تگ body فرزند ندارد .
حالا بگوييد كدام تگ بي پدر است ؟:31:
# ساختار اساسي : آغاز كردن و شروع 2
براي درك بيشتر مي گوييم هر زوج براي بچه دار شدن بايد ازدواج كنند البته يكي خانم و يكي آقا . html هم همينطور است تگ خالي كه مثلا
[html]
<html>
[/html]نر و تگ ديگر كه همراه با يك اسلش ( / )
[HTML]
</html>
[/HTML]
است ماده است و فرزند در بين اين دو قرار مي گيرد .
اين هم بگويم هر آدم خصوصياتي دارد (( فعلا با خصوصيات كار نداريم )) براي تنظيم خصوصيات بايد بعد از نوشتن نام تگ علامت < را نگذاريم و با يك فاصله خصوصيات (( هر خاصه از خط فاصله + نام خاصه + مساوي ( = ) + كوتيشين ( " ) + مقدار خاصه + كوتيشن ( " ) ساخته شده است )) و بعد < را بگذاريم
مثلا تگ html با خاصه dir و مقدار dir ، مقدار rtl است . ببينيد :
[html]
<html dir="rtl" >
فرزندان
</html>
[/html]اولين تگ هايي كه بايد ياد بگيريد اين ها هستند :
- <html> : اولين تگ صفحه است يعني در واقع حضرت آدم و شروع كنند ازدواج تگ ها ! :31:
- <head> : فرزند اول تگ html است كه همانطور كه از نامش پيداست اين تگ سر صفحه يا همان عزيز دردانه خانواده است . نبودش خيلي اشكال داره مانند نداشتن فرزند ولي فعاليت صفحه را متوقف نمي كند .
- <body> : اين تگ در حقيقت هدف خانواده است . يعني خانواده براي نشان دادن اين تلاش مي كند . اين تگ مقدار بدنه (( چيزي كه نمايش داده مي شود )) را تشكيل مي دهد .
- <title> : اين تك نوه تگ body و فرزند تگ head است كه اين تگ عقيم مي باشد و در ميان آن موضوع صفحه را مي نويسند ، مثلا الان بالاي صفحه نوشته p30world ؛ اين كلمه را در ميان نر و ماده title نوشته شده است .
مي تونيد در body مقاديري بنويسيد و بببينيد كه اين مقادير نشان داده مي شود
