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

شروع موضوع توسط E-Boy ‏1 ژوئن 2009 در انجمن زبان HTML

وضعیت موضوع:
موضوع بسته شده است.
  1. E-Boy

    E-Boy کاربر فعال انجمن طراحی وب سایت

    ارسال‌ها:
    1,268
    تشکر شده:
    1,571
    امتیاز دستاورد:
    36
    نحوه ایجاد تیتر ها

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

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

    کد (Text):
    <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 - استفاده از تیتر ها باعث بالا رفتن شانس نمایش صفحه وب شما در رتبه های بالا تر هنگام جستجو با موتور های جستجو می شود .

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

    پ.ن : دوستان شدیدا به تشکر های شما نیازمندم .
     
    آخرین ویرایش: ‏7 آگوست 2009
    نوشته شده توسط E-Boy در ‏19 جولای 2009
    ya3amin، saeed-n، TAMIGI و 16 نفر دیگر از این ارسال تشکر کرده اند.
  2. E-Boy

    E-Boy کاربر فعال انجمن طراحی وب سایت

    ارسال‌ها:
    1,268
    تشکر شده:
    1,571
    امتیاز دستاورد:
    36
    نحوه ایجاد یک شکست خط

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

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

    کد (Text):
    First Line
    <br />
    ُSecond Line
    توضیحات :

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

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

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

    کد (Text):
    <br clear="Right or Left or All" />
    6 - برای ایجاد فاصله میان دو یا چند مطلب می توانید از دو یا چند تگ </ br> استفاده نمایید .

    خوب دوستان . اینم تموم شد .
    ما رو هم دعا کنید .
    موفق باشید .
     
    آخرین ویرایش: ‏7 آگوست 2009
    نوشته شده توسط E-Boy در ‏21 جولای 2009
    alireza4، ferihapt، KingCyrus و 8 نفر دیگر از این ارسال تشکر کرده اند.
  3. E-Boy

    E-Boy کاربر فعال انجمن طراحی وب سایت

    ارسال‌ها:
    1,268
    تشکر شده:
    1,571
    امتیاز دستاورد:
    36
    تعلیق آموزش ها تا تاریخ دهم مرداد

    سلام دوستان .
    با عرض پوزش متاسفانه به خاطر مشکلات یه مدت موفق به ادامه آموزش نشدم .
    به امید خدا دوباره از تاریخ دهم مرداد دوباره آموزش ها رو شروع می کنم .
    تو این مدت یه چند تا از دوستان درخواست ارائه این آموزش ها در قالب یک فایل پی دی اف رو داده بودن .
    در حال حاضر به شدت سرم شلوغه و وقت تبدیل کردن آموزش ها رو به پی دی اف ندارم .
    به خاطر همین از دوستان خواهش کنم اگر کسی هست که می تونه این آموزش ها رو به پی دی اف تبدیل کنه زحمتش رو برامون بکشه .
    ممنون از همه مجید آنلاینی ها .
    موفق باشید .
     
    نوشته شده توسط E-Boy در ‏28 جولای 2009
    alireza4، ferihapt، KingCyrus و 8 نفر دیگر از این ارسال تشکر کرده اند.
  4. E-Boy

    E-Boy کاربر فعال انجمن طراحی وب سایت

    ارسال‌ها:
    1,268
    تشکر شده:
    1,571
    امتیاز دستاورد:
    36
    نحوه ایجاد خطوط افقی

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

    تعریف تگ </ 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 در ‏6 آگوست 2009
    rozhin66، KingCyrus، amindada و 4 نفر دیگر از این ارسال تشکر کرده اند.
  5. E-Boy

    E-Boy کاربر فعال انجمن طراحی وب سایت

    ارسال‌ها:
    1,268
    تشکر شده:
    1,571
    امتیاز دستاورد:
    36
    نحوه ایجاد بخش های بلوکی

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

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

    کد (Text):
    <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 در ‏7 آگوست 2009
    manamsaeid، ferihapt، KingCyrus و 6 نفر دیگر از این ارسال تشکر کرده اند.
  6. E-Boy

    E-Boy کاربر فعال انجمن طراحی وب سایت

    ارسال‌ها:
    1,268
    تشکر شده:
    1,571
    امتیاز دستاورد:
    36
    نحوه نامگذاری عناصر

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

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

    کد (Text):
    <div id="test">

    Context

    </div>
    توضیحات :

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

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

    کد (Text):
    <div class="test">

    Context

    </div>
    توضیحات :

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

    بالاخره اینم تموم شد .
    امیدوارم کامل توضیح داده باشم .
    ایشالا اگر که زنده بودم فردا یک آموزش دیگه می نویسم .
    موفق باشید .
     
    نوشته شده توسط E-Boy در ‏15 آگوست 2009
    rozhin66، ferihapt، KingCyrus و 8 نفر دیگر از این ارسال تشکر کرده اند.
  7. amirepsilon

    amirepsilon Active Member

    ارسال‌ها:
    884
    تشکر شده:
    123
    امتیاز دستاورد:
    43
    منتظر آموزش های حرفه ای تر هستیم !
    لطفا از گفتن این مقدمات صرفنظر کن عزیز
     
    نوشته شده توسط amirepsilon در ‏26 سپتامبر 2009
    E-Boy از این پست تشکر کرده است.
  8. L-B

    L-B Well-Known Member

    ارسال‌ها:
    1,541
    تشکر شده:
    1,496
    امتیاز دستاورد:
    113
    همین طوری بهتره !

    این به طور جامع میشه و ممکنه دیگران که بلد نیستند بهتر استفاده کنن !
     
    نوشته شده توسط L-B در ‏27 سپتامبر 2009
    ya3amin، manamsaeid، ArefGod و 2 نفر دیگر از این ارسال تشکر کرده اند.
  9. E-Boy

    E-Boy کاربر فعال انجمن طراحی وب سایت

    ارسال‌ها:
    1,268
    تشکر شده:
    1,571
    امتیاز دستاورد:
    36
    سلام دوستان .
    همگی خسته نباشید .
    متاسفانه من به خاطر مشکلات مدرسه و یه هاستینگ که تازه راه انداختم ، یک ماهی هست موفق به نوشتن آموزش جدید نشدم .
    واقعا باید از همه شما عذر خواهی کنم به خاطر این تاخیر .
    البته این آخری ها دیگه کسی آموزش ها رو دنبال نمی کرد و یا اگر که دنبال می کرد خیلی بهشون اهمیتی نمی داد .
    البته من امیدوارم بودم که این تاپیک مهم بشه .
    ولی انگار کسی توجه نکرد .
    اگر که 5 نفر توی همین تاپیک درخواست شروع دوباره بدن من دوباره کارم رو شروع می کنم .
    امیدوارم همگی موفق باشید .
     
    نوشته شده توسط E-Boy در ‏2 اکتبر 2009
    ya3amin، point7، manamsaeid و 4 نفر دیگر از این ارسال تشکر کرده اند.
  10. L-B

    L-B Well-Known Member

    ارسال‌ها:
    1,541
    تشکر شده:
    1,496
    امتیاز دستاورد:
    113
    ادامه بده
    به تجربه هر کسی در امر اموزش نیاز هست !
     
    نوشته شده توسط L-B در ‏2 اکتبر 2009
    ya3amin، f-mojtaba، ferihapt و 2 نفر دیگر از این ارسال تشکر کرده اند.
  11. ark121

    ark121 New Member

    ارسال‌ها:
    10
    تشکر شده:
    9
    امتیاز دستاورد:
    1
    Pdf

    به نام خدای مهربون
    سلام
    خیلی ممنون از آموزشتون:rose:
    لطفا آموزشتون رو به صورت PDF دربیارید و براتی دانلود قرار بدید لطفا
    اینجوری فکر می کنم خیلی بهتر باشه در کل مطالب جمع وجور میشن
    منتظرم
     
    نوشته شده توسط ark121 در ‏16 اکتبر 2009
    ferihapt و lichking از این پست تشکر کرده اند.
  12. E-Boy

    E-Boy کاربر فعال انجمن طراحی وب سایت

    ارسال‌ها:
    1,268
    تشکر شده:
    1,571
    امتیاز دستاورد:
    36
    سلام دوست عزیز .
    دیدیم امروز یه تاپیک زدید واسه آموزش طراحی قالب وبلاگ .
    متاسفانه کسی به این تاپیک اهمیت نمیده .
    اگر که این تاپیک مهم بشه من دوباره آموزش ها رو شروع می کنم ولی فعلا انگار که خبری نیست .
    اگر که آموزش ها شروع شد هم سعی می کنم به صورت پی دی اف بزارم واسه دانلود .
    موفق باشید .
     
    نوشته شده توسط E-Boy در ‏20 اکتبر 2009
    ferihapt، hadi7112000 و lichking از این ارسال تشکر کرده اند.
  13. hadi7112000

    hadi7112000 Member

    ارسال‌ها:
    40
    تشکر شده:
    18
    امتیاز دستاورد:
    6
    طراحي وب

    سلام . من ساكن تهران هستم و مي خوام طراحي وب رو ياد بگيرم ولي نمي دونم از كجا شروع كنم لطفا اگر آموزشگاه خوبي مي شناسيد معرفي كنيد .
     
    نوشته شده توسط hadi7112000 در ‏24 اکتبر 2009
    ferihapt از این پست تشکر کرده است.
  14. E-Boy

    E-Boy کاربر فعال انجمن طراحی وب سایت

    ارسال‌ها:
    1,268
    تشکر شده:
    1,571
    امتیاز دستاورد:
    36
    سلام دوست عزیز .
    خسته نباشید .
    فکر کنم نباید این جا توی این تاپیک این درخواست رو مطرح می کردین .
    بهتر بود یه تاپیک جدید ایجاد می کردین .
    ولی در هر صورت من جواب سوال شما رو میدم .
    به نظر من آموزشگاه هیچ فایده ای نداره .
    بهترین روش خواندن کتاب های مختلف طراحی وب از پایه هست .
    من خودم همینطوری یاد گرفتم .
    اگر که خواستین یه پیغام خصوصی برام ارسال کنید تا بگم چه کتاب هایی بخونید و از کجا شروع کنید .
    البته جواب دادن به سوالات توی پیغام خصوصی خلاف قوانین هست .
    ولی اینجا هم نمیشه پست داد .
    البته می تونید یه تاپیک جدید هم ایجاد کنید و به من لینکش رو بگید تا بیام اونجا جواب بدم .
    موفق باشید .
     
    نوشته شده توسط E-Boy در ‏26 اکتبر 2009
    ferihapt، hadi7112000 و lichking از این ارسال تشکر کرده اند.
  15. hadi7112000

    hadi7112000 Member

    ارسال‌ها:
    40
    تشکر شده:
    18
    امتیاز دستاورد:
    6
    استمداد

    من چطوري بايد با شما ارتبا برقرار كنم
     
    نوشته شده توسط hadi7112000 در ‏26 اکتبر 2009
    ferihapt از این پست تشکر کرده است.
  16. hadi7112000

    hadi7112000 Member

    ارسال‌ها:
    40
    تشکر شده:
    18
    امتیاز دستاورد:
    6
    نوشته شده توسط hadi7112000 در ‏26 اکتبر 2009
    ferihapt از این پست تشکر کرده است.
  17. echessdesign

    echessdesign مدیر انجمن طراحی وب

    ارسال‌ها:
    4,375
    تشکر شده:
    3,833
    امتیاز دستاورد:
    113
    درود بر شما
    دوست عزیز، همیشه بدین شکل نیست، حتما آموزشگاه های خوبی نیز هستند که به یاری علاقه مندان می پردازند.
    ***
    مطابق قوانین انجمن، هر گونه پاسخ دهی، باید در همان تایپیک باشد، و نه در پیام خصوصی!

    از کاربر با تجربه ای هم چون شما، همکاری بیشتری انتظار است.
    پاینده باشید
     
    نوشته شده توسط echessdesign در ‏26 اکتبر 2009
    ferihapt، Cyletech، hadi7112000 و یک نفر دیگر از این ارسال تشکر کرده اند.
  18. E-Boy

    E-Boy کاربر فعال انجمن طراحی وب سایت

    ارسال‌ها:
    1,268
    تشکر شده:
    1,571
    امتیاز دستاورد:
    36
    سلام خدمت جناب آقای سعیدی عزیز .
    بله ، در بعضی مواقع آموزشگاه خوب هست ولی خرجش یکم زیاد هست .
    درباره پیغام خصوی هم باید بگم که به خاطر این گفتم پیغام خصوصی بدن که در این تاپیک این مسئله دنبال نشه چون هدف این تاپیک چیز دیگه ای هست و تغییر دادن بحث خودش یکی از قوانین رو نقض میکنه .
    البته من اشاره کرده بودم که یه تاپیک جدید ایجاد کنند .
    در هر صورت من خیلی شرمنده هستم .
    موفق باشید .
     
    نوشته شده توسط E-Boy در ‏27 اکتبر 2009
    ferihapt از این پست تشکر کرده است.
  19. L-B

    L-B Well-Known Member

    ارسال‌ها:
    1,541
    تشکر شده:
    1,496
    امتیاز دستاورد:
    113
    echessdesign جان ...
    این تاپیک رو مهم کن که امیر جان کارشو دنبال کنه ... ما هم فیض ببریم ...


    تشکر
     
    نوشته شده توسط L-B در ‏27 اکتبر 2009
    Mehrdad-p70، ferihapt و E-Boy از این ارسال تشکر کرده اند.
  20. E-Boy

    E-Boy کاربر فعال انجمن طراحی وب سایت

    ارسال‌ها:
    1,268
    تشکر شده:
    1,571
    امتیاز دستاورد:
    36
    سلام خدمت همه دوستان .
    من همین الآن متوجه شدم که این تاپیک مهم شده .
    به خاطر پیگیری های جناب آقای سعیدی و زحمات ایشون نهایت تشکر رو دارم .
    اگر که خدا بخواد تا چند ساعت دیگه دوباره آموزش ها رو شروع می کنیم و سعی می کنم پست های اضافی رو حذف کنم تا آموزش ها یک پارچه بشند .
    امیدوارم بتونم با این آموزش ها حداقل به یک نفر کمکی کرده باشم .
    موفق باشید .
     
    نوشته شده توسط E-Boy در ‏15 فوریه 2010
    Mehrdad-p70، rozhin66، ferihapt و 3 نفر دیگر از این ارسال تشکر کرده اند.
وضعیت موضوع:
موضوع بسته شده است.

به اشتراک بگذارید