آموزش " html " و " xhtml "

E-Boy · Jul 19, 2009

نحوه ایجاد تیتر ها

سلام دوستان . بعد از هک شدن انجمن ما هم دیگه نتونستیم پست بدیم . در هر صورت حالا دیگه مشکلات رفع شد و بازم می تونیم آموزشمون رو شروع بکنیم . از این به بعد هر روز یه آموزش می زارم پس هر روز تاپیک رو چک کنید . امروز می خواهیم نحوه ایجاد تیتر ها رو بررسی کنیم . امیدوارم مفید باشه .

تعریف تگ های <hx> و <hx/> : این تگ ها برای ایجاد تیتر ها به کار می روند .
برای ایجاد تیتر ها می توانید به روش زیر عمل کنید :

کد:

<h[COLOR=Red]x[COLOR=Black] align="direction">

Your Title Goes Here[/COLOR][/COLOR]

</h[COLOR=Red]x[COLOR=Black]>[/COLOR][/COLOR]

توضیحات :

1 - برای آغاز یک تیتر جدید باید از تگ آغازین <hx> استفاده کنید .
2 - برای پایان یک تیتر باید از تگ پایانی <hx/> استفاده کنید .
3 - حرف " x " درون تگ ها باید عددی بین 1 تا 6 باشد .
4 - هر چه عدد درون تگ ها کوچک تر باشد تیتر با اهمیت بیشتری نمایش داده می شود .
5 - سبک بندی این تگ ها به صورت پیش فرض به شکل زیر است :

فونت به کار رفته : Times New Roman
حالت فونت : Bold

اندازه فونت ها در تیتر هایی با اعداد متفاوت :

اگر " x " برابر 1 باشد : 24 پیکسل
اگر " x " برابر 2 باشد : 18 پیکسل
اگر " x " برابر 3 باشد : 14 پیکسل
اگر " x " برابر 4 باشد : 12 پیکسل
اگر " x " برابر 5 باشد : 10 پیکسل
اگر " x " برابر 6 باشد : 08 پیکسل

6 - شاخص align برای تعیین نحوه چیدمان متن به کار میرود و میتواند مقدار های زیر را بپذیرد :

right : برای راست چین کردن
left : برای چپ چین کردن
center : برای وسط چین کردن
justify : برای همسان کردن طول خطوط

7 - این تیتر ها در حال حاضر در تمام مروگر ها به یک شکل و با سبک های مورد 5 نمایش داده می شوند .
8 - استفاده از تیتر ها باعث بالا رفتن شانس نمایش صفحه وب شما در رتبه های بالا تر هنگام جستجو با موتور های جستجو می شود .

این مقاله یکم طولانی بود ولی بالاخره این هم تموم شده .
امیدوارم استفاده کافی رو ببرید .
موفق باشید .

پ.ن : دوستان شدیدا به تشکر های شما نیازمندم .

E-Boy · Jul 21, 2009

نحوه ایجاد یک شکست خط

سلام دوستان . متاسفانه دیروز موفق نشدم که براتون آموزش بزارم . اما امروز قصد دارم که نحوه ایجاد یک شکست خط یا همون رفتن به ابتدای خط بعد رو براتون توضیح بدم که البته خیلی هم ساده می باشد . امیدوارم سودمند باشه .

تعریف تگ </ br> : این تگ برای ایجاد یک شکست خط و رفتن به ابتدای خط بعد به کار می رود .
برای ایجاد یک شکست خط می تونید به صورت زیر عمل کنید :

کد:

First Line
<br />
ُSecond Line

توضیحات :

1 - برای ایجاد یک شکست خط فقط تایپ کردن تگ </ br> کافی می باشد .
2 - این تگ در XHTML باید به صورت بالا نوشته شود اما در HTML می تواند به صورت <br> نیز نوشته شود و HTML اهمیتی به نحوه نگارش این تگ نمی دهد .
3 - باید توجه کنید که در XHTML فضای خالی قبل از اسلش فراموش نشود .
4 - برای این تگ شاخصی به نام clear نیز موجود می باشد که برای جلوگیری از چیده شدن مطالب در اطراف شیء های درون صفحه وب به کار می رود و می تواند مقدار های زیر را بپذیرد :

right : چیده شدن مطالب از زمانی شروع می شود که هیچ شیء شناوری در حاشیه سمت راست وجود نداشته باشد .
left : چیده شدن مطالب از زمانی شروع می شود که هیچ شیء شناوری در حاشیه سمت چپ وجود نداشته باشد .
all : چیده شدن مطالب از زمانی شروع می شود که هیچ شیء شناوری در حاشیه ها وجود نداشته باشد .

5 - در صورتی که از شاخص clear استفاده کنیم تگ ما به صورت زیر در می آید :

کد:

<br clear="Right or Left or All" />

6 - برای ایجاد فاصله میان دو یا چند مطلب می توانید از دو یا چند تگ </ br> استفاده نمایید .

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

E-Boy · Jul 28, 2009

تعلیق آموزش ها تا تاریخ دهم مرداد

سلام دوستان .
با عرض پوزش متاسفانه به خاطر مشکلات یه مدت موفق به ادامه آموزش نشدم .
به امید خدا دوباره از تاریخ دهم مرداد دوباره آموزش ها رو شروع می کنم .
تو این مدت یه چند تا از دوستان درخواست ارائه این آموزش ها در قالب یک فایل پی دی اف رو داده بودن .
در حال حاضر به شدت سرم شلوغه و وقت تبدیل کردن آموزش ها رو به پی دی اف ندارم .
به خاطر همین از دوستان خواهش کنم اگر کسی هست که می تونه این آموزش ها رو به پی دی اف تبدیل کنه زحمتش رو برامون بکشه .
ممنون از همه مجید آنلاینی ها .
موفق باشید .

E-Boy · Aug 6, 2009

نحوه ایجاد خطوط افقی

سلام دوستان . متاسفانه من این روز ها خیلی وقتم پره . دارم یه هاستینگ واسه خودم میزنم . قرار بود دهم دوباره آموزش ها رو شروع کنیم ولی به علت این که وقت نداشتم نشد . اما حالا در خدمت شما هستم تا یکی از آموزش ها رو براتون بنویسم . این دفعه می خوایم درباره نحوه ایجاد خط های افقی بحث کنیم . امیدوارم مفید باشه .

تعریف تگ </ hr> : این تگ برای ایجاد خطوط افقی استفاده می شود .
برای ایجاد یه خط افقی می توانید از روش زیر استفاده نمایید :

HTML:

<hr size="5" width="100%" align="direction" noshade="noshade" />

توضیحات :

1 - برای ایجاد کردن یک خط افقی فقط تایپ کردن تگ </ hr> کافی می باشد .
2 - این تگ در XHTML باید به صورت بالا نوشته شود اما در HTML می تواند به صورت <hr> نیز نوشته شود و HTML اهمیتی به نحوه نگارش این تگ نمی دهد .
3 - باید توجه کنید که در XHTML فضای خالی قبل از اسلش فراموش نشود .
4 - شاخص size برای تعیین ارتفاع خط افقی به کار می رود و می تواند مقدار های عددی ( مثال : 50 ) و یا مقدار های درصدی ( مثال : %70 ) را قبول نماید .
5 - شاخص width برای تعیین طول خط افقی به کار می رود و می تواند مقدار های عددی ( مثال : 100 ) و یا مقدار های درصدی ( مثال : %100 ) را قبول نماید .
6 - شاخص align برای تعیین موقعیت خط به کار می رود و می توانید یکی از مقادیر زیر را قبول نماید :

right : برای راست چین کردن
left : برای چپ چین کردن
center : برای وسط چین کردن

نکته : این شاخص فقط زمانی عمل می کند که عرض خط از عرض صفحه مرورگر کمتر باشد .
7 - شاخص noshade برای جلوگیری از ایجاد سایه به دور خط استفاده می شود .
نکته : در HTML فقط تایپ کردن noshade کافی می باشد اما در XHTML باید به صورت بالا نگارش شود .

تموم شد .
امیدوارم مفید باشه .
موفق باشید .
ایشالا فردا دوباره یه آموزش دیگه می نویسم .
خدا نگهدار .

E-Boy · Aug 7, 2009

نحوه ایجاد بخش های بلوکی

سلام دوستان . عیدتون مبارک . امروز می خوایم درباره نحوه تقسیم کردن یک صفحه وب به بخش های بلوکی که هر کدام مستقل هستن و با بخش دیگر ارتباطی ندارن بحث کنیم . البته به همین صورت هم میشه سایت رو Table Less کرد . امیدوارم مفید باشه .

تعریف تگ های <div> و <div/> : از این تگ ها برای ایجاد بخش های بلوکی در صفحه استفاده می شود .
برای ایجاد یک بخش بلوکی می توانید به صورت زیر عمل نمایید :

کد:

<div align="direction" id="test" class="test">

Your Block

</div>

توضیحات :

1 - برای آغاز یک بخش بلوکی باید از تگ آغازین <div> استفاده نمایید .
2 - برای پایان یک بخش بلوکی باید از تگ پایانی <div/> استفاده نمایید .
3 - شاخص id برای انتساب یک نام منحصر به فرد به بلوک مورد نظر به کار می رود .
4 - شاخص class برای انتساب یک نام به گروهی از بلوک ها به کار می رود .
5 - شاخص align برای تعیین موقعیت بلوک به کار می رود و می تواند یکی از سه مقدار زیر را بپذیرد :

right : برای راست چین کردن
left : برای چپ چین کردن
center : برای وسط چین کردن

6 - این عناصر در بیشتر مواقع می توانند جایگزین Table ها شوند و صفحه وب شما را استاندارد تر نمایند .
7 - توسط شاخص های id و class می توانید سبک های زبان برنامه نویسی CSS را به بلوک های خود اعمال نمایید .

این مقاله هم تموم شد .
ما رو هم دعا کنید .
امیدوارم همیشه در زندگی موفق باشید .

E-Boy · Aug 15, 2009

نحوه نامگذاری عناصر

سلام دوستان . به علت بوجود آمدن تاخیر در میان آموزش ها عذر می خواهم . متاسفانه من به شدت در گیر هستم . به همین علت بین پست تاخیر هست . بگذریم . این سری قرار هست که درباره نحوه نامگذاری عناصر در صفحه وب بحث کنیم . امیدوارم مفید باشه .

نحوه ایجاد یک نام منحصر به فرد :
برای ایجاد یک نام منحصر به فرد برای یک عنصر از صفحه وب خود باید از شاخص id استفاده نمایید .
نحوه ایجاد نام به صورت زیر می باشد :

کد:

<div id="test">

Context

</div>

توضیحات :

1 - مقدار هر یک از شاخص های id باید در صفحه وب شما منحصر به فرد باشد .
2 - اگر که شاخص id دو عنصر برابر با یک مقدار باشد صفحه وب شما از حالت استاندارد خارج می شود .
3 - شاخص id تقریبا در تمامی عناصر HTML یا XHTML می تواند استفاده شود .
4 - در مثال بالا مقدار test همان نام منحصر به فرد عنصر می باشد و تقریبا می تواند تمامی مقادیر را بپذیرد .
5 - از شاخص id برای اعمال سبک های زبان برنامه نویسی CSS به عنصر منحصر به فرد استفاده می شود .
6 - از شاخص id برای شناسایی عناصری که در یک زبان اسکریپتی مثل جاوا اسکریپت استفاده شده اند نیر استفاده می شود .

نحوه نامگذاری گروهی از عناصر :
برای نامگذاری گروهی از عناصر در یک صفحه وب می توانید از شاخص class استفاده نمایید .
نحوه ایجاد نام به صورت زیر می باشد :

کد:

<div class="test">

Context

</div>

توضیحات :

1 - شاخص class تقریبا در تمامی عناصر HTML یا XHTML می تواند استفاده شود .
2 - در مثال بالا مقدار test همان نام گروهی از عناصر می باشد و تقریبا می تواند تمامی مقادیر را بپذیرد .
3 - اگر که شاخص class مثلا با مقدار test فقط در یک عنصر استفاده شود صفحه وب شما از حالت استاندارد خارج می شود .
4 - از شاخص class برای اعمال سبک های زبان برنامه نویسی CSS به گروهی از عناصر مورد نظر استفاده می شود .

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

amirepsilon · Sep 26, 2009

منتظر آموزش های حرفه ای تر هستیم !
لطفا از گفتن این مقدمات صرفنظر کن عزیز

L-B · Sep 27, 2009

همین طوری بهتره !

این به طور جامع میشه و ممکنه دیگران که بلد نیستند بهتر استفاده کنن !

E-Boy · Oct 2, 2009

سلام دوستان .
همگی خسته نباشید .
متاسفانه من به خاطر مشکلات مدرسه و یه هاستینگ که تازه راه انداختم ، یک ماهی هست موفق به نوشتن آموزش جدید نشدم .
واقعا باید از همه شما عذر خواهی کنم به خاطر این تاخیر .
البته این آخری ها دیگه کسی آموزش ها رو دنبال نمی کرد و یا اگر که دنبال می کرد خیلی بهشون اهمیتی نمی داد .
البته من امیدوارم بودم که این تاپیک مهم بشه .
ولی انگار کسی توجه نکرد .
اگر که 5 نفر توی همین تاپیک درخواست شروع دوباره بدن من دوباره کارم رو شروع می کنم .
امیدوارم همگی موفق باشید .

L-B · Oct 2, 2009

ادامه بده
به تجربه هر کسی در امر اموزش نیاز هست !

ark121 · Oct 16, 2009

Pdf

به نام خدای مهربون
سلام
خیلی ممنون از آموزشتون :rose:

لطفا آموزشتون رو به صورت PDF دربیارید و براتی دانلود قرار بدید لطفا
اینجوری فکر می کنم خیلی بهتر باشه در کل مطالب جمع وجور میشن
منتظرم

E-Boy · Oct 20, 2009

ark121 گفت:
به نام خدای مهربون
سلام
خیلی ممنون از آموزشتون
لطفا آموزشتون رو به صورت pdf دربیارید و براتی دانلود قرار بدید لطفا
اینجوری فکر می کنم خیلی بهتر باشه در کل مطالب جمع وجور میشن
منتظرم

سلام دوست عزیز .
دیدیم امروز یه تاپیک زدید واسه آموزش طراحی قالب وبلاگ .
متاسفانه کسی به این تاپیک اهمیت نمیده .
اگر که این تاپیک مهم بشه من دوباره آموزش ها رو شروع می کنم ولی فعلا انگار که خبری نیست .
اگر که آموزش ها شروع شد هم سعی می کنم به صورت پی دی اف بزارم واسه دانلود .
موفق باشید .

hadi7112000 · Oct 24, 2009

طراحي وب

سلام . من ساكن تهران هستم و مي خوام طراحي وب رو ياد بگيرم ولي نمي دونم از كجا شروع كنم لطفا اگر آموزشگاه خوبي مي شناسيد معرفي كنيد .

E-Boy · Oct 26, 2009

hadi7112000 گفت:
سلام . من ساكن تهران هستم و مي خوام طراحي وب رو ياد بگيرم ولي نمي دونم از كجا شروع كنم لطفا اگر آموزشگاه خوبي مي شناسيد معرفي كنيد .

سلام دوست عزیز .
خسته نباشید .
فکر کنم نباید این جا توی این تاپیک این درخواست رو مطرح می کردین .
بهتر بود یه تاپیک جدید ایجاد می کردین .
ولی در هر صورت من جواب سوال شما رو میدم .
به نظر من آموزشگاه هیچ فایده ای نداره .
بهترین روش خواندن کتاب های مختلف طراحی وب از پایه هست .
من خودم همینطوری یاد گرفتم .
اگر که خواستین یه پیغام خصوصی برام ارسال کنید تا بگم چه کتاب هایی بخونید و از کجا شروع کنید .
البته جواب دادن به سوالات توی پیغام خصوصی خلاف قوانین هست .
ولی اینجا هم نمیشه پست داد .
البته می تونید یه تاپیک جدید هم ایجاد کنید و به من لینکش رو بگید تا بیام اونجا جواب بدم .
موفق باشید .

hadi7112000 · Oct 26, 2009

استمداد

e-boy گفت:
سلام دوست عزیز .
خسته نباشید .
فکر کنم نباید این جا توی این تاپیک این درخواست رو مطرح می کردین .
بهتر بود یه تاپیک جدید ایجاد می کردین .
ولی در هر صورت من جواب سوال شما رو میدم .
به نظر من آموزشگاه هیچ فایده ای نداره .
بهترین روش خواندن کتاب های مختلف طراحی وب از پایه هست .
من خودم همینطوری یاد گرفتم .
اگر که خواستین یه پیغام خصوصی برام ارسال کنید تا بگم چه کتاب هایی بخونید و از کجا شروع کنید .
البته جواب دادن به سوالات توی پیغام خصوصی خلاف قوانین هست .
ولی اینجا هم نمیشه پست داد .
البته می تونید یه تاپیک جدید هم ایجاد کنید و به من لینکش رو بگید تا بیام اونجا جواب بدم .
موفق باشید .

من چطوري بايد با شما ارتبا برقرار كنم

hadi7112000 · Oct 26, 2009

http://forum.majidonline.com/showthread.php?p=880358#post880358

echessdesign · Oct 26, 2009

درود بر شما

به نظر من آموزشگاه هیچ فایده ای نداره .
بهترین روش خواندن کتاب های مختلف طراحی وب از پایه هست .

دوست عزیز، همیشه بدین شکل نیست، حتما آموزشگاه های خوبی نیز هستند که به یاری علاقه مندان می پردازند.
***

اگر که خواستین یه پیغام خصوصی برام ارسال کنید تا بگم چه کتاب هایی بخونید و از کجا شروع کنید .

مطابق قوانین انجمن، هر گونه پاسخ دهی، باید در همان تایپیک باشد، و نه در پیام خصوصی!

از کاربر با تجربه ای هم چون شما، همکاری بیشتری انتظار است.
پاینده باشید

E-Boy · Oct 27, 2009

echessdesign گفت:
درود بر شما

دوست عزیز، همیشه بدین شکل نیست، حتما آموزشگاه های خوبی نیز هستند که به یاری علاقه مندان می پردازند.
***

مطابق قوانین انجمن، هر گونه پاسخ دهی، باید در همان تایپیک باشد، و نه در پیام خصوصی!

از کاربر با تجربه ای هم چون شما، همکاری بیشتری انتظار است.
پاینده باشید

سلام خدمت جناب آقای سعیدی عزیز .
بله ، در بعضی مواقع آموزشگاه خوب هست ولی خرجش یکم زیاد هست .
درباره پیغام خصوی هم باید بگم که به خاطر این گفتم پیغام خصوصی بدن که در این تاپیک این مسئله دنبال نشه چون هدف این تاپیک چیز دیگه ای هست و تغییر دادن بحث خودش یکی از قوانین رو نقض میکنه .
البته من اشاره کرده بودم که یه تاپیک جدید ایجاد کنند .
در هر صورت من خیلی شرمنده هستم .
موفق باشید .

L-B · Oct 27, 2009

echessdesign جان ...
این تاپیک رو مهم کن که امیر جان کارشو دنبال کنه ... ما هم فیض ببریم ...

تشکر

E-Boy · Feb 15, 2010

سلام خدمت همه دوستان .
من همین الآن متوجه شدم که این تاپیک مهم شده .
به خاطر پیگیری های جناب آقای سعیدی و زحمات ایشون نهایت تشکر رو دارم .
اگر که خدا بخواد تا چند ساعت دیگه دوباره آموزش ها رو شروع می کنیم و سعی می کنم پست های اضافی رو حذف کنم تا آموزش ها یک پارچه بشند .
امیدوارم بتونم با این آموزش ها حداقل به یک نفر کمکی کرده باشم .
موفق باشید .