دوره آموزشي XHTML و CSS و Javascriptو WML

واضح آرشیو وب فارسی:سایت ریسک: jandedy01-01-2009, 09:28 AMسلام ، داشتم فكر مي كردم اگر تمام بچه هاي p30 جمع بشن و تمام علمشان را رو كنند مي شود 1 كتاب كامل و همچنين 1 دوره كامل آموزشي كامل در p30world مي شود . با ultimator يك مشورت كردم گفت نظر مديريت مهم است و بچه ها پس اگر لطف كنيد و بياييد يك دوره آموزشي اينجا تشكيل بدهيم و مطالب رو براساس فهرست به دسته هاي مختلف تقسيم كنيم و بچه ها با هم دوره را كامل كنيم . اينطوري هم كساني كه سولات تكراري و سطح پايين مي پرسند به جوابشان مي رسند و هم ما مطالب خودمان را به سطح بالاتري انتقال مي دهيم . اگر شما لطف كنيد و دوستانتان را خبر كنيد و به اينجا بياوريد . براي كم حجم شدن بحث اگر موافق بوديد و همراه شديد فقط كافيست بر رويhttp://forum.p30world.com/images/buttons/post_thanks.gif كليك كنيد . اين دوره (( اگر دوستان كمك كنند )) يك دوره آموزش طراحي صفحات استاتيك وب باشد و هر كس به راحتي مي تواند به اين دوره بپيوندد . اين دوره شامل آموزش XHTML است كه از ابتدايي شروع خواهد شد تا به سطح بالا .طرز كار آموزش هم به اين شكل است كه بعد از هر آموزش 2-10 سوال پرسيده مي شود و اگر بتوانيد به درصدي كه پيشبيني خواهد شد برسيد مي توانيد بخش بعدي را شروع كنيم . اگر انشا الله از اين پست استقبال شود لطفا قوانين زير را رعايت كنيد : وسط آموزش هيچگونه پست بي ربط ( نظر ، سوال و ... ) فرستاده نشود مگر نكته اي اضافه از قلم افتاده باشد (( قبل از ارسال خبر دهيد )) براي سوالات فعلا پروفايل من از شما استقبال مي كند بعدا يك بحث جديد هم براي سوالات اضافه مي كنيم . سعي كنيد نكته هاي اضافه فعلا در سطح پايين باشد . اگر چيزي را نفهميديد به من پيام خصوصي بدهيد تا ساده تر بگويم بخش هاي آموزش تقريبا به شرح زير مي باشد : مقدمه : اطلاعاتي در باره مرورگر ها و ديگر چيز هاي مربوط عناصر و ابزار : كار با نرم افزار هايي مثل Notpad و PSPad ساختار اساسي : آغاز كردن و شروع فرمت كردن : فرمت كردن متن تصاوير لينك كار با Style ها : نكته ها و ترفند هاي بسيار زياد ليست ها و جداول فريم ها و فرم ها مالتي مديا شروع Javascript آزمايش و اشكال زدايي نكته ها و ترفند ها نكات اضافه htcaccess. آموزش برنامه نويسي براي موبايل (wml) مقدمه اي براي شروع جاوا اسكريپت شروع (( جاوا اسكريپت )) مفهوم جاوااسكريپت (( جاوا اسكريپت )) متغيير ها و توابع و اشياء و آرايه ها (( جاوا اسكريپت )) پنجره ها (( جاوا اسكريپت )) اسناد و تصاوير (( جاوا اسكريپت )) فرم ها و فريم ها (( جاوا اسكريپت )) رويداد ها و كوكي ها (( جاوا اسكريپت )) stylesheet (( جاوا اسكريپت )) DOM (( جاوا اسكريپت )) انجام محاسبات (( جاوا اسكريپت )) اسلايد ها و انيميشن (( جاوا اسكريپت )) plug-in (( جاوا اسكريپت )) مقدمه اي بر شروع Ajax تشكر // :40: jandedy01-01-2009, 10:08 AMHTML HTML چيست ؟ HTML در واقع خلاصه شده HyperText Markup Language است و معمولا در همين صفحه هم از html استفاده مي كند . طرز كار html html رو بايد اينطوري نوشت . مثلا براي خصيصيه ي html كه مشخص كننده شروع كار است بايد درون < > نوشته شود و براي پايان اين تگ بايد درون < /> نوشت مثلا : <HTML> كد هاي HTML </HTML> بقيه تگ هاي هم همينطور است مگر تگ هاي خاص . عدم سازگاري html يك استاندارد جهاني است ولي اين به اين معنا نيست كه در تمام مرورگر هاي مثلا Internet Explorer ، Firefox و ... به يك شكل ديده مي شود و اين به اين خاطر است كه مرورگر ها براي دلاليلي صفحه را به هر شكلي كه خودشان مي خواهند تفسير مي كنند . پس 1 برنامه نويس وب بايد تمام مرورگر هاي پرطرفدار را داشته باشد تشكر // :10: jandedy01-01-2009, 12:16 PMيك فايل درست كنيد به نام test 1 و يك تگ html داشته باشد و در اين تگ يك تگ head وجود داشته باشد . براي نمره گرفتن مي تونيد كد رو به من بديد :27: DaRiOuShJh01-01-2009, 02:12 PMعدم سازگاري html يك استاندارد جهاني است ولي اين به اين معنا نيست كه در تمام مرورگر هاي مثلا Internet Explorer ، Firefox و ... به يك شكل ديده مي شود و اين به اين خاطر است كه مرورگر ها براي دلاليلي صفحه را به هر شكلي كه خودشان مي خواهند تفسير مي كنند . پس 1 برنامه نويس وب بايد تمام مرورگر هاي پرطرفدار را داشته باشد البته این قمست بیشتر مربوط به css میشه نه خوده HTML چون خود کدهای HTML مخصوصا ورژن 3.1 تقریبا با تمامیه مرورگها سازگار هست و base برنامه نویسی تحت وب به حساب میره jandedy02-01-2009, 02:47 PMشروع html (( اگر تا حالا با html كارنكرده ايد )) براي شروع بايد يك ويرايش گر متني ساده مثل notpad داشت . براي اين كه بتوانيم كد هاي html را در صفحه اي وارد كنيم بايد اكستنشن صفحه رو htm يا html قرار دهيم يعني در پايان نام فايل يك نقطه بگذاريم و بعد بنويسيم htm يا html . مثلا در notpad بايد هنگام ذخيره كردن صفحه بعد از نوشتن نام فايل بنويسيم .html مثلا نام فايل : lesson1.html . نكته : اگر مي خواهيم چيزي به زبان فارسي بنويسيم بايد گزينه encoding رو كه در notpad 2 نتظيم بعد از نام فايل است بر روي utf-8 قرار دهيم . تشكر // jandedy02-01-2009, 02:48 PMPspad : براي كساني كه قبلا برنامه نويسي كرده اند . Pspad يك اديتور فوق العاده راحت است . زيرا : موقع زدن " خودش دو تا مي زنه كه راحت باشي . موقع زدن < خودش مي بندش . اگر كد هاي css اشكال داشته باشه نشان مي دهد . براي نوشتن كد ها لازم نيست كه براي ديدن صفحه را save كنيم و ... ، با خودش مي شه ديد ! براي شروع صفحه خودش html , head , body , meta , DOCTYPE رو وارد مي كنه . اين اديتور براي زبان هاي html , css , php , javascript , sql , c , c++ , ms-dos , pascal , python , Visual Basic , XML , Assembly و java و ... طراحي شده و اشكال گيري هم در بعضي موارد مي كنه . اين نرم افزار را مي توانيد از http://www.pspad.com/ بگيريد . تشكر // jandedy03-01-2009, 11:01 AMبچه ها من يك نظر دارم . مي گم اين html رو اگر بلديد بريم سراغ تكنيك ها برنامه نويسي پيشرفته نه ؟ فكر مي كنم همه اين مسائل پيش پا افتاده ... را بلديد . موافقيد ؟:40: saeed 258s03-01-2009, 12:14 PMدروود من فکرمی کنم با وجود پیشرفتهایی که در وب صورت گرفته و وب2 و سپسین وب3،دیگر نمی توان مانند پیش،به html به نگر یک فناوری بزرگ دید،فکر کنم اگر به سمت ajax برویم بهتر باشد... hosseintdk77503-01-2009, 12:29 PMبچه ها من يك نظر دارم . مي گم اين html رو اگر بلديد بريم سراغ تكنيك ها برنامه نويسي پيشرفته نه ؟ فكر مي كنم همه اين مسائل پيش پا افتاده ... را بلديد . موافقيد ؟:40: بسم الله الرحمن الرحیم سلام درست است که اینها مسائل مقدماتی است ولی برای افرادی که مبتدی هستند و تازه می خواهند شروع کنند خوب خواهد بود. jandedy03-01-2009, 03:56 PMفكر نكنم كسي حرفه اي نباشد !!! jandedy03-01-2009, 04:03 PMبه نظر شما AJAx مربوط به دايناميك نمي شه ؟ 1 تاپيك در اين باره كامل هست ! zibatarin nam03-01-2009, 04:28 PMبهتره Html طی دو سه جلسه آموزش بدی و تمومش کنی بعدش Css بعد از اون جاوااسکریپت بعد بری سمت داینامیک(چون php کاری php) یکمی XML بعدش Ajax ولی خیلی واست زیاد میشه چون سه تای اولی رو اگه بخوای کامل بگی کلی پست میشه فعلآ رو همینا مانور بده. اینار به خاطر این گفتم که Base کار مهمه چون من و تو بلدیم و برامون ساده میاد ولی اونایی که بلد نیستن چی؟ jandedy03-01-2009, 04:43 PMساختار html ساختاري تو در تو و تقريبا درختي و والد و فرزندي است يعني تمام چيز هاي داخل كد ( تگ ها ) به جز 1 تگ داراي پدر هستند . يعني در كد زير : <html> <head> <title>lesson2</title> </head> <body> </body> </html> پدر تگ head تگ html است . پدر تگ body تگ html است . فرزند تگ head تگ title است . تگ body فرزند ندارد . حالا بگوييد كدام تگ بي پدر است ؟:31: mohan2103-01-2009, 05:03 PMپدر تگ html کیه ؟ این بی پدر هست دیگه ... ! jandedy03-01-2009, 05:03 PMبراي درك بيشتر مي گوييم هر زوج براي بچه دار شدن بايد ازدواج كنند البته يكي خانم و يكي آقا . html هم همينطور است تگ خالي كه مثلا <html> نر و تگ ديگر كه همراه با يك اسلش ( / ) </html> است ماده است و فرزند در بين اين دو قرار مي گيرد . اين هم بگويم هر آدم خصوصياتي دارد (( فعلا با خصوصيات كار نداريم )) براي تنظيم خصوصيات بايد بعد از نوشتن نام تگ علامت < را نگذاريم و با يك فاصله خصوصيات (( هر خاصه از خط فاصله + نام خاصه + مساوي ( = ) + كوتيشين ( " ) + مقدار خاصه + كوتيشن ( " ) ساخته شده است )) و بعد < را بگذاريم مثلا تگ html با خاصه dir و مقدار dir ، مقدار rtl است . ببينيد : <html dir="rtl" > فرزندان </html> اولين تگ هايي كه بايد ياد بگيريد اين ها هستند : <html> : اولين تگ صفحه است يعني در واقع حضرت آدم و شروع كنند ازدواج تگ ها ! :31: <head> : فرزند اول تگ html است كه همانطور كه از نامش پيداست اين تگ سر صفحه يا همان عزيز دردانه خانواده است . نبودش خيلي اشكال داره مانند نداشتن فرزند ولي فعاليت صفحه را متوقف نمي كند . <body> : اين تگ در حقيقت هدف خانواده است . يعني خانواده براي نشان دادن اين تلاش مي كند . اين تگ مقدار بدنه (( چيزي كه نمايش داده مي شود )) را تشكيل مي دهد . <title> : اين تك نوه تگ body و فرزند تگ head است كه اين تگ عقيم مي باشد و در ميان آن موضوع صفحه را مي نويسند ، مثلا الان بالاي صفحه نوشته p30world ؛ اين كلمه را در ميان نر و ماده title نوشته شده است . مي تونيد در body مقاديري بنويسيد و بببينيد كه اين مقادير نشان داده مي شود jandedy03-01-2009, 05:09 PMيك صفحه درست كنيد با موضوع hello كه در آن كلمه hello P نشان داده شود jandedy10-01-2009, 07:52 PMاينم فرزندان body h1.h2,h3,h4,h5,h6 : اين ها به ترتيب از h1 به h6 هستند و متني كه در آن قرار گيرد به ترتيب در h1 تا h6 كوچكتر و كوچكتر مي شود . اين تك را معمولا براي نمايش موضوع صفحه درون بدنه بكار مي گيرند . b : متن درون آن تو پر و كپل نمايش داده مي شود . i : متن درون آن ايتاليك يا كج نمايش داده مي شود . p : يك پاراگراف ( بند ) جديد مي سازد . small : متن درون آن كوچكتر مي شود . big : متن درون آن بزرگتر مي شود . تشكر // jandedy10-01-2009, 07:58 PMتگ هايي كه تكي هستند . اين تگ ها به اين شكل نوشته مي شود : <نام تگ > اين تگ ها تكي هستند و نبايد بسته شوند . مثلا يكي از اين تگ ها hr است كه يك خط مي كشد . اين تگ ها به اين شكل نوشته مي شود : <html> <head> <title> lesson 1 </title> </head> <body> hi <hr> are you new here ? </body> </html> خوب حالا اينم چند تا تگ : hr : يك خط مي كشد . br : به خط بعدي مي رويم . تشكر // jandedy12-01-2009, 10:53 AMتگ img يك عكس اضافه مي كند . اين تگ خصوصياتي دارد از قبيل : src : آدرس عكس width: عرض عكس height: طول عكس alt : اگر عكس نمايش داده نشود اين نمايش داده مي شود border : خط مرزي مثال : <img src="pcworld.jpg" width="10" height="50" alt="alt" border="1" > تشكر // jandedy12-01-2009, 11:37 PMتگ جديد : font : براي تغيير دادن خصوصيات متن درون face : قيافه مثلا : tahoma , arial size : اندازه : 5 color : رنگ : blue , red , green سوالي داشتين بپرسيد ! :31::31: n34013-01-2009, 11:22 PMهستم نیستم دو خراب Mohammad King13-01-2009, 11:27 PMهستم نیستم دو خراب سلام منظورتون از این هستم نیستم دو خراب چیه ؟ jandedy17-01-2009, 05:15 PMدوستان عزيز يك آدرس خوب : !!!! برای مشاهده محتوا ، لطفا ثبت نام کنید / وارد شوید !!!! HTML Tutorial XML Tutorials Browser Scripting Server Scripting .NET (dotnet) Multimedia Web Building ahmadirad 136518-01-2009, 08:19 PMاصولا وقتی اینقدر به خودت مطمئنی که مینویسی دوره آموزشي XHTML و CSS و Javascriptو WML بهتره بحث های بیهوده را رها کرده و درباره آنچه که ادعا نمودید مطلب ترشح بفرمائید!!!!!!!!! در ضمن هر کدوم از این بحث ها دارای نکات بسیاری هستند که اگر شما بتوانید به یکی از آنها اشاره کنید جای قدردانی است در ضمن میتونید بفرمائید WML مخفف چیست و کارش چیست؟!!!!!!!!!!!!! همیشه آویزه گوش خود کنید : خود پسندی مانع کسب علم است سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود

این صفحه را در گوگل محبوب کنید

[ارسال شده از: سایت ریسک]

[مشاهده در: www.ri3k.eu]

[تعداد بازديد از اين مطلب: 1225]