فکر می کنم بسیار درست می فرمایید پس من هم فعلا صحبتی نمی کنم، تا خودتون اون طوری که می دونید صحیح تر هست و به مقصود می رسید توضیح بدید.
فقط با اجازه تون اگه جایی نکته ای به نظرم رسید ذکر می کنم
مویدو پیروز باشید
(۰۷ تیر ۱۳۹۱ ۱۱:۲۲ ق.ظ)fa_karoon نوشته شده توسط:(07 تیر ۱۳۹۱ ۰۱:۲۹ ق.ظ)hamid.adldoost نوشته شده توسط:فکر می کنم بسیار درست می فرمایید پس من هم فعلا صحبتی نمی کنم، تا خودتون اون طوری که می دونید صحیح تر هست و به مقصود می رسید توضیح بدید.
فقط با اجازه تون اگه جایی نکته ای به نظرم رسید ذکر می کنم
مویدو پیروز باشید
ممنونم . مطمئنا حضور افراد با تجربه ای مثل شما روندآموزش رو بسیار مفید تر و لذت بخش تر میکنه .
منتظر نکات آموزنده و تجربیات شما و آقا حمید هستیم .
(۰۵ تیر ۱۳۹۱ ۱۱:۱۱ ب.ظ)fa_karoon نوشته شده توسط: سلام اینی که می خوام بگم نظر شخصیه، و دوستان هر طور صلاح می دونند می تونن عمل کنند.
ببینید، آموزش HTML و CSS توضیح یک عالمه خط کد و تگ و دستور هست، که این قبیل توضیحات به تفصیل تو سایت ها و وبلاگ های دیگه هست و اصلا هم سخت پیدا نمی شه، البته کتاب های کاغذی و الکترونیکی بسیار مفیدی هم تو این زمینه ها هست.
به نظر من به جای دوباره گویی، بهتره دوستان اینجا مسیر رو شرح بدن که در هر مرحله چه چیز و قسمتی رو سایر دوستان باید یاد بگیرند(حالا می تونه یه توضیح کوچیک هم جهت روشن شدن مطلب کنارش باشه)
به نظر من اینجوری دوستان از سردرگمی بین مطالب آموزشی هم نجات پیدا می کنن،
مثل سایت مانشت که برای درس خوندن و ارشد فوق العاده ست، برای برنامه نویسی هم سایت برنامه نویس بی نظیره، می تونید خیلی از منابع مفید رو از اونجا پیدا کنید.
شخصا پیشنهاد می دم دوستان ابتدا بروند HTMLوCSS رو بخونند، تا بعد بگیم به چه شکل بهترین حالت استفاده است و بعدش باید چی یاد گرفت.
البته اگه دوست دارید این لینک یکی از سایت هایی که طراحی کردم، می تونم مرحله به مرحله طراحیش رو توضیح بدم، اما نخواین که هر خط کد رو که نوشتم بگم فلان حرفش برای اینه، مثلا کسی که HTML خونده وقتی من می نویسم Padding می دونه برای ایجاد فاصله بین محتویات تا لبه یک المان استفاده می شه، بعد من تو اون خط کد می نویسم که چرا این فاصله رو گذاشته ام
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمی‌باشید. جهت مشاهده پیوندها ثبت نام کنید.
البته اینها همش پیشنهاد اگه دوست داشته باشید.
موفق و پیروز باشید
منم کاملا با این نظر موافقم و چیزی که خودم میخواستم همینه اگه کسی بخواد یاد بگیره html را رو کتاب بگیره همش توش هست دیگه نیازی نیست همش کانکت بشه و از اینجا بگیره شما فرض کن ما html کمی css بلدیم حالا چون سابقه طراحی نداریم کمی واسه ما گیج کننده . و اگه جایی از کد سخت بود تو ضیح بدین لطفا زودتر شروع کنید ما خسته شدیم یه صفحه خوب واسه ما که مبتدی هستیم بسازین
(۰۷ تیر ۱۳۹۱ ۱۱:۲۲ ق.ظ)fa_karoon نوشته شده توسط:(07 تیر ۱۳۹۱ ۰۱:۲۹ ق.ظ)hamid.adldoost نوشته شده توسط:فکر می کنم بسیار درست می فرمایید پس من هم فعلا صحبتی نمی کنم، تا خودتون اون طوری که می دونید صحیح تر هست و به مقصود می رسید توضیح بدید.
فقط با اجازه تون اگه جایی نکته ای به نظرم رسید ذکر می کنم
مویدو پیروز باشید
خواهش می کنم. حتما مشتاق استفاده از تجربیات و علم شما دوست بزرگوار هستیم.
موفق باشید.
تو پست قبلی ، کلیات مواردی که توی بخش head مطرح میشه گفتیم. این پست اختصاص به مواردی از body داره.
گفتیم html از دو بخش head و body تشکیل میشه.
قسمت body شامل همه ی چیزهایی هست که قراره توی مرورگر نشون داده بشه.
هر المانی توی html از یک تگ تشکیل میشه ، که شامل یک اسم تگ و مجموعه ای از خصوصیات اون تگ هست.
مثلا برای تصویر از تگ <img> استفاده میشه. داخل تگ خصوصیات المان نوشته میشه مثلا تصویری با آدرس"address" و عرض "۱۰۰px" به شکل زیر توی html نوشته میشه : <img src="address" width="100px"/>
یک سری از مجموعه خصوصیت هایی که برای تقریبا تمام المان های نمایشی html وجود داره موارد زیر هست :
عرض = width
ارتفاع = height
توضیح (که در صورت قرار گرفتن ماوس روی اون نمایش داده میشه ) = title
و یک سری موارد دیگه که چون اینجا هدف ما آموزش مو به موی html نیست و فقط می خواهیم با قالب کلی آشنا بشیم مطرح نمی کنیم و بهتره خودتون برین و از منابع کامل html بخونین.
در واقع المان های اصلی که توی مرورگر نشون داده میشه ، شامل موارد زیر هست :
۱ - متن : هر چیزی که توی قسمت body بدون توضیح خاصی و خارج از سایر تگ ها باشه ، به همون شکل توی مرورگر نشون داده میشه.
۲ - عکس : برای نشون دادن عکس از تگ img استفاده میشه. تگ img شامل خصوصیات زیر هست :
src = آدرس فایل تصویری که قراره نشون داده بشه.
alt = توضیحی که در صورت عدم نمایش تصویر بجاش نشون داده میشه.
۳ - لینک = برای قراردادن لینک توی صفحه از تگ (خیلی مختصر!) a استفاده میشه. این تگ شامل خصوصیت اصلی زیر هست :
href = آدرسی که لینک به اون اشاره می کنه.
این تگ معمولا به صورت دو قسمتی نوشته میشه و چیزی که بین این دوتا قسمت نوشته بشن ، به عنوان متن لینک نشون داده میشه و با کلیک روی اون به مقصد لینک فرستاده میشه. (توضیح : همه ی تگ های html رو امروزه میشه طبق استاندارد xml به صورت دو قسمتی نوشت . برای توضیح بیشتر به منابع اصلی مراجعه کنید.) شکل کلیش اینطوری هست:
<a href="destination"> link text</a>
۴ - <br /> به عنوان خط شکسته (رفتن به سطر پائین تر)
۵ - <hr /> به عنوان خط فاصل افقی بین سطر ها
۶ - <table> که در واقع برای ترسیم جدول توی صفحه استفاده میشه. شامل زیر تگ های <th> برای خانه ی عنوان جدول ، <tr> برای تعریف سطر جدید و <td> برای شروع خانه جدید هست.
و در حالت کلی به شکل زیر نوشته میشه :
<table>
<tr>
<th>
خانه اول سطر عنوان
</th>
<th>
خانه دوم سطر عنوان
</th>
.
.
.
<th>
خانه اخر سطر عنوان
</th>
</tr>
<tr>
<td>
خانه اول سطر دوم
</td>
<td>
خانه دوم سطر دوم
</td>
.
.
.
</tr>
<tr>
.
.
.
</tr>
</table>
توی تعریف این تگ ها از بعضی خصوصیت ها برای تغییرات خاصی مثل ترکیب خانه ها ، رنگ بندی و استایل دهی به حاشیه های جدول ، فاصله های درونی خانه ها و ... استفاده میشه که بازم یاد گرفتن این موارد به عهده خودتون هست.
برای درست کردن لسیت های تو در تو هم از تگ های ul و li استفاده میشه. که یادگرفتن این هم باز بر عهده خودتونه
۷ - برای شروع کردن یک پاراگراف جدید توی صفحه html هم از تگ <p> استفاده میشه. به طوری که یک پاراگراف به این شکل نوشته میشه :
<p>
.
.
متن پاراگراف
.
.
</p>
۸ - برای نوشتن عناوین هم از تگ <H1> تا <H6> استفاده میشه ، به طوری که <H1> درشت ترین و <H6> کوچک ترین اندازه برای نوشتن عنوان های مطالب هست.
اینا المان های اصلی یک سند html بود که عرض کردم خدمتتون. تگ های خیلی زیاد دیگه ای هم وجود داره ، اما با دونستن همین ها هم احتمالا می تونین شاید چیزی حدود ۶۰ درصد از کد html یک صفحه رو تجزیه و تحلیل کنید و متوجه بشین.
توی پست بعدی قراره بیشتر در مورد خصوصیت های این المان ها و ویژگی های ظاهریشون صحبت کنیم. اگه هم فرصت بشه احتمالا کمی از CSS میگیم .
منتظر نظراتتون هستم .
موفق باشید.
---------------------------------------
پ ن : ضمنا متاسفانه ویرایشگر مانشت قابلیت نوشتن فارسی و انگلیسی رو کنار هم به شکل راحت نداره. به همین خاطر شکل کلی تگ های بسته کمی به هم ریخته که با مراجعه به مراجع اصلی متوجه شکل درستش میشین.
ممنون از زحماتتون hamid.adldoost عزیز!
باید به برنامه ریزس کنم به این مبحث هم برسم!!
ذهنم همش درگیر کنکوره!!!!
اما نمیخوام از اینجا هم جا بمونم!!
سلام اقا حمید
تشکر از کاری که میکنید
ول فکر کنم طبق حرفی که خودتون زدید قرار شد به آموز html و css به این صورت نپردازین چون هر کس میتونه به خوندن یه ebook تمام این چیزارو بفهمه البته اگه بخواد و دیگه لازم نیست همیشه کانکت میشه. من میخوام اگه ممکنه یه پروژه ساده رو اول معرفی کنید و به ما نشون بدید و بعد از اون طراحیش کنید که بهتره.البته من تابه حال سه بار این حرفو زدن و همه تقریبا قبول کردن ولی دوباره همین روال پیش میره.البته این نظر منه که میتونه مفید باشه اگه دوستان فکر میکنن این طوری بهتره و نمیتونن با خوندن یه کتاب ساده این مطالب رو بفهمنن هر طور صلاح میدونید
(۱۱ تیر ۱۳۹۱ ۰۱:۰۴ ب.ظ)mammad_asir نوشته شده توسط: سلام اقا حمید
تشکر از کاری که میکنید
ول فکر کنم طبق حرفی که خودتون زدید قرار شد به آموز html و css به این صورت نپردازین چون هر کس میتونه به خوندن یه ebook تمام این چیزارو بفهمه البته اگه بخواد و دیگه لازم نیست همیشه کانکت میشه. من میخوام اگه ممکنه یه پروژه ساده رو اول معرفی کنید و به ما نشون بدید و بعد از اون طراحیش کنید که بهتره.البته من تابه حال سه بار این حرفو زدن و همه تقریبا قبول کردن ولی دوباره همین روال پیش میره.البته این نظر منه که میتونه مفید باشه اگه دوستان فکر میکنن این طوری بهتره و نمیتونن با خوندن یه کتاب ساده این مطالب رو بفهمنن هر طور صلاح میدونید
دوست عزیز ، من مطمئنم که شما پست بنده رو کامل نخوندین! اگه خونده باشین اصولا متوجه میشین که من html رو یاد نمیدم بلکه معرفی می کنم! آشنایی کلی با تگ های html. فرمت کلی تگ ها رو گفتم و خصوصیات مهمی که بیشتر تگ ها ازشون استفاده می کنن! این یعنی بدونیم اصلا یک وبسایت چه طور نمایش داده میشه و مرورگر داره چی رو به چی تبدیل می کنه!
توی پست بعدی هم قراره مفهوم css و این که چه طور با یک صفحه html پیوند داده بشه و نحوه ی به ارث بردن خصوصیت ها رو توضیح میدم. این یعنی سنگ بنای صفحات وب ! بدون دونستن پیکره کلی ، نمیشه جلو رفت ! این کاری که شما میگین یک صفحه معرفی کنیم و کم کم بسازیمش ، میشه همون آموزش html و css فقط به روش پروژه ای! من هدف چیز دیگه ای هست! من می خوام مسیر کلی توسعه وب یاد بدم. قبلا هم این رو گفتم ! بعد از این بخش قراره بریم سراغ کد های سمت سرور . آشنایی با مزایا و معایت تکنولوژی های مختلف مثل java دات نت ، php و پایتون ! بعدشم اگه فرصت بشه در مورد آژاکس یاد بگیریم. ما نشون میدیم که از کدوم خونه ها باید حرکت کرد تا به مقصد رسید ، یادگیری هرکدوم از این خونه ها بر عهده ی خود عزیزان هست.
(۱۱ تیر ۱۳۹۱ ۰۳:۰۰ ب.ظ)hamid.adldoost نوشته شده توسط:حرف شما متین. اما منم با این حرف mammad_asir موافقم!!(11 تیر ۱۳۹۱ ۰۱:۰۴ ب.ظ)mammad_asir نوشته شده توسط: سلام اقا حمید
تشکر از کاری که میکنید
ول فکر کنم طبق حرفی که خودتون زدید قرار شد به آموز html و css به این صورت نپردازین چون هر کس میتونه به خوندن یه ebook تمام این چیزارو بفهمه البته اگه بخواد و دیگه لازم نیست همیشه کانکت میشه. من میخوام اگه ممکنه یه پروژه ساده رو اول معرفی کنید و به ما نشون بدید و بعد از اون طراحیش کنید که بهتره.البته من تابه حال سه بار این حرفو زدن و همه تقریبا قبول کردن ولی دوباره همین روال پیش میره.البته این نظر منه که میتونه مفید باشه اگه دوستان فکر میکنن این طوری بهتره و نمیتونن با خوندن یه کتاب ساده این مطالب رو بفهمنن هر طور صلاح میدونید
دوست عزیز ، من مطمئنم که شما پست بنده رو کامل نخوندین! اگه خونده باشین اصولا متوجه میشین که من html رو یاد نمیدم بلکه معرفی می کنم! آشنایی کلی با تگ های html. فرمت کلی تگ ها رو گفتم و خصوصیات مهمی که بیشتر تگ ها ازشون استفاده می کنن! این یعنی بدونیم اصلا یک وبسایت چه طور نمایش داده میشه و مرورگر داره چی رو به چی تبدیل می کنه!
توی پست بعدی هم قراره مفهوم css و این که چه طور با یک صفحه html پیوند داده بشه و نحوه ی به ارث بردن خصوصیت ها رو توضیح میدم. این یعنی سنگ بنای صفحات وب ! بدون دونستن پیکره کلی ، نمیشه جلو رفت ! این کاری که شما میگین یک صفحه معرفی کنیم و کم کم بسازیمش ، میشه همون آموزش html و css فقط به روش پروژه ای! من هدف چیز دیگه ای هست! من می خوام مسیر کلی توسعه وب یاد بدم. قبلا هم این رو گفتم ! بعد از این بخش قراره بریم سراغ کد های سمت سرور . آشنایی با مزایا و معایت تکنولوژی های مختلف مثل java دات نت ، php و پایتون ! بعدشم اگه فرصت بشه در مورد آژاکس یاد بگیریم. ما نشون میدیم که از کدوم خونه ها باید حرکت کرد تا به مقصد رسید ، یادگیری هرکدوم از این خونه ها بر عهده ی خود عزیزان هست.
"اگه ممکنه یه پروژه ساده رو اول معرفی کنید و به ما نشون بدید و بعد از اون طراحیش کنید که بهتره"
باز هر جور شما صلاح بدونین.
مرسی
دوستان منم نظرم اینه که اجازه بدیم آقا حمید روال خودشون رو طی کنن بعد از اینکه نکات گفته شد ( به روش خودشون ) بعدش اگه طبق فرمایش بقیه دوستان مثلا مراحل ایجاد یک فروشگاه اینترنتی توضیح داده بشه ( یا هر سایت دیگه ای ) اون موقع به عینه خواهیم دید نکاتی رو که یاد گرفتیم کجاها چه قابلیت هایی دارن و میشه ازشون استفاده کرد یا نکرد !
اینم پیشنهاد منه ...
دوستان کسی مشکل میتونه حل کنه؟
adobe dreamvweaver cs5 روی ویندوز ۷ نصب کردم ولی اجرا نمیشه
سلام دوباره
ببخشید بابت تاخیر. مدتی هست که شدیدا روی سه تا پروژه ی نسبتا بزرگ کار می کنم. این آدرس موقت یکیشون هست.
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمی‌باشید. جهت مشاهده پیوندها ثبت نام کنید.
اگه دوستان نظر خاصی در موردش داشتن خوشحال میشم بشنوم. البته اینو بگم که خیلی خیلی ناقصه ! هنوز کار زیاد داره تا راه اندازی بشه!
موفق باشید.
(۲۰ تیر ۱۳۹۱ ۰۹:۴۹ ب.ظ)hamid.adldoost نوشته شده توسط: سلام دوباره
ببخشید بابت تاخیر. مدتی هست که شدیدا روی سه تا پروژه ی نسبتا بزرگ کار می کنم. این آدرس موقت یکیشون هست.
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمی‌باشید. جهت مشاهده پیوندها ثبت نام کنید.
اگه دوستان نظر خاصی در موردش داشتن خوشحال میشم بشنوم. البته اینو بگم که خیلی خیلی ناقصه ! هنوز کار زیاد داره تا راه اندازی بشه!
موفق باشید.
پس ما چی؟؟؟!!!!
من که چیزی بلد نیستم بخوام نظر بدم !! شرمنده
(۲۰ تیر ۱۳۹۱ ۰۹:۴۹ ب.ظ)hamid.adldoost نوشته شده توسط: سلام دوباره
ببخشید بابت تاخیر. مدتی هست که شدیدا روی سه تا پروژه ی نسبتا بزرگ کار می کنم. این آدرس موقت یکیشون هست.
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمی‌باشید. جهت مشاهده پیوندها ثبت نام کنید.
اگه دوستان نظر خاصی در موردش داشتن خوشحال میشم بشنوم. البته اینو بگم که خیلی خیلی ناقصه ! هنوز کار زیاد داره تا راه اندازی بشه!
موفق باشید.
پس جریان این کار که میخواستی راه بندازی چی؟
این تایپیکو راه انداختی دیگه ولش کردی؟ این همه نظر دادین و... آخرش واقعا چه با اشتیاق دنبال کردین!
مگه من گفتم این تاپیک رو ادامه نمیدم؟ اگه دوستان دوست داشته باشن من در خدمتم. اما تو نظرات تا جایی که دیدم بیشتر دوستان می خوان فقط روی طراحی ظاهری کار کنن و روندی که من گفتم زیاد مقبول واقع نشد و یک نفر پیشنهاد داد که یه صفحه از صفر طراحی بشه بقیه هم تایید کردن.