/
  • آموزش HTML از سطح مقدماتی تا سطح پیشرفته

  • نظرسنجی: نظر شما در مورد محتوا این تاپیک چیست؟
    پرمحتوا
    متوسط
    بی محتوا
    [نمایش نتایج]
    توضیح: این یک نظرسنجی عمومی‌است. کاربران میتوانند گزینه انتخابی شما را مشاهده کنند.
    ارسال پاسخ   امتیاز موضوع:
    • 1 رأی - میانگین امیتازات: 5
    • 1
    • 2
    • 3
    • 4
    • 5

    حالت موضوعی | حالت خطی آموزش HTML از سطح مقدماتی تا سطح پیشرفته
    نویسنده پیام
    cyletech غایب
    علیرضا اسکندرپور شوفری
    *****

    ارسال‌ها: 2,197
    تاریخ عضویت: ۱۳۸۸ فروردين ۸
    اعتبار: 42
    تشکرها : 1258
    ( 2239 تشکر در 1089 ارسال )
    ارسال: #1
    آموزش HTML از سطح مقدماتی تا سطح پیشرفته
    سلام دوستان،

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

    [تصویر:  o2t9wzwr5x3tebsske9h.jpg]

    شرایط استفاده از این تاپیک
    - انتقادات به صورت پیام خصوصی ارسال شود
    - هیچگونه پاسخی به مطالب داده نشود
    - در صورت راضی بودن از ارسال مورد نظر از دکمه "تشکر" استفاده شود

    فهرست
    - تاریخچه
    - اصطلاحات وب جهانی

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


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

    حق تألیف و تصنیف تنها با گروه ایران PHP می باشد
    (آخرین ویرایش در این ارسال: ۱۳۸۸ تير ۸ ۰۷:۱۷ عصر، توسط cyletech.)
    ۱۳۸۸ تير ۸ ۰۴:۴۳ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط : Na3r Alimokhlesi oia ahmadi81 admin parvane zoghal Maya obalit molana mehdi_bahari_63 shgninc sulduz Sumaan parasto1993 Y.P.Y
    cyletech غایب
    علیرضا اسکندرپور شوفری
    *****

    ارسال‌ها: 2,197
    تاریخ عضویت: ۱۳۸۸ فروردين ۸
    اعتبار: 42
    تشکرها : 1258
    ( 2239 تشکر در 1089 ارسال )
    ارسال: #2
    تاریخچه
    زبان HTML توسط فردی بنام Tim Berners-Lee در خلال دهه 90 میلادی همراه با گسترش وب شکوفا شد. این زبان توسط مرورگر Mosaic معروفیت خاصی پیدا کرد. در آن زمان HTML در چند سبک منتشر می شد که آن به سازنده فایل و انجمن هایی که در این زمینه فعالیت داشتند بستگی داشت.

    در نوامبر 1995 نسخه HTML 2.0 گسترش يافت و بلافاصله در همان سال HTML 3.0 منتشر شد، اما استقبالی از آن نشد. در سال 1996 انجمن W3C شروع به فعاليت بر روي نسخه اين زبان کرد که حاصل کار آنها در 14 ژانويه 1997 انتشار HTML 3.02 بود. اين نسخه توانست رضايت اکثريت را جلب کند چون هماهنگي بيشتري با مرورگرهاي مختلف در سيستمهاي عامل متفاوت داشت. در تمام نسخه هاي اين زبان، سعي بر اين شده بود تا نظر کساني که در زمينه وب سرمايه گذاري کرده بودند جلب شود و برنامه هاي توليد شده براي وب بتوانند مدت طولاني تري قابل استفاده باشند. به همين منظور HTML براي اهداف گسترده تري، در وب توسعه يافت تا در کليه سيستمهاي اطلاع رساني و الکترونيکي کوچک و بزرگ با بکار بردن گرافيک و رنگها، قابليت بهره برداري بيشتري داشته باشد.

    در 18 دسامبر 1997 نسخه HTML 4.0 در وب منتشر شد و در همين بين شرکتهاي توليد کننده مرورگر وب، يکسري مشخصات منحصر به خود را به اين نسخه اضافه کردند که قابل اجرا در مرورگرهاي ديگر نبود. بعضي از اين تغييرات در W3C مورد تاييد قرار گرفت اما بعضي ديگر خیر. با تغييرات این زبان، مرورگرها مجبور به تغيير شدند تا با تحولات جديد سازگار شوند.

    در تاريخ 24 آوريل 1998 در اين نسخه تجديد نظر شد و حاصل آن پيدايش HTML 4.01 بود که با کمي تغيير و رفع يکسري مشکلات، در W3C به رسميت شناخته شد و اين انجمن استفاده از آن را به توسعه دهندگان و طراحان وب، توصيه کرد.

    بطور کل مجموعه HTML 4 با قابليت استفاده از embeded objects, frames, scripting, style sheets و با کارايي بالاتر از جدولها و فرمها به وب معرفي شد، همچنين در اين نسخه توجه زيادي به افراد با توانايي کم شده بود تا اين افراد هم بتوانند از محيط وب استفاده کنند. اما مهمترين قدمي که در اين نسخه برداشته شد، پشتيباني HTML از زبانهايي بود که از راست به چپ نوشته ميشدند مانند زبان فارسي، که در اين نسخه با پذيرفتن استاندارد ISO 10646 به هدف بزرگ بين المللي شدن اين زبان نزديک شدند تا همه مردم دنيا در هر کجا و با هر زباني بتوانند اسناد HTML را منتقل کنند.

    HTML 4.01 تفاوت کمي با نسخه اصلي خود يعني 4.0 دارد اما در عوض هماهنگي بيشتري با نسل جديد زبان وب يعني XHTML و نسل بعدي يعني XML دارد. در اصل XHTML اساس و مقدمه XML است که براي هماهنگي و سازگاري HTML با XML منتشر شده است.

    HTML 4 زبان بسيار قوي است براي طراحان و سازندگان محصولات وب اما در آن توجهي به دستگاههاي اطلاع رساني و الکترونيکي کوچک با قدرت و حافظه کمتر نشده است. به همين منظور W3C در 26 ژانويه 2000 اقدام به معرفي XHTML 1.0 کرد و در 19 دسامبر همان سال آن را به رسميت شناخت و تأکيد به استفاده از اين نسخه کرد تا با بکارگيري ويژگيهايي که دارد دامنه استفاده از زبان محبوب HTML را گسترش دهد و مقدمات معرفي XML را فراهم کند.
    (آخرین ویرایش در این ارسال: ۱۳۸۸ تير ۸ ۰۶:۵۰ عصر، توسط cyletech.)
    ۱۳۸۸ تير ۸ ۰۶:۰۵ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط : sulduz Sumaan shgninc themilad Another One
    cyletech غایب
    علیرضا اسکندرپور شوفری
    *****

    ارسال‌ها: 2,197
    تاریخ عضویت: ۱۳۸۸ فروردين ۸
    اعتبار: 42
    تشکرها : 1258
    ( 2239 تشکر در 1089 ارسال )
    ارسال: #3
    اصطلاحات وب جهانی
    صفحه وب: حاوی متن، تصاویر، گرافیک و حتی فیلم است که به شکل خاصی در اختیار بینندگان قرار می گیرد.

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

    صفحه اصلی: اولین صفحه مربوط به وب سایت است که بیننده آن را مشاھده می کند و در اکثر مواقع index با پسوند php یا index با پسوند html نام دارد.

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

    فریم: ویژگی ھایی در صفحه وب است که ھر صفحه را به چند بخش تقسیم می کند.

    جدول: عنصری از صفحه وب است که متن، گرافیک، پیوند و تصویر را به صورت سطر و ستون نمایش می دھد.

    سرور: محلی است که اطلاعات در آنجا ذخیره می شوند و در اختیار مشتریان قرار می گیرند.

    مرورگر: یک برنامه نرم افزاری است که اسناد وب را درخواست، تفسیر و آماده می کند. همانند اینترنت اکسپلورر یا موزیلا فایر فاکس و امثال این ها.
    ۱۳۸۸ تير ۹ ۱۰:۱۱ صبح
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط : farda7 sulduz Sumaan themilad
    cyletech غایب
    علیرضا اسکندرپور شوفری
    *****

    ارسال‌ها: 2,197
    تاریخ عضویت: ۱۳۸۸ فروردين ۸
    اعتبار: 42
    تشکرها : 1258
    ( 2239 تشکر در 1089 ارسال )
    ارسال: #4
    سطح مقدماتی | مقدمه
    HTML یک زبان برای توصیف صفحات وب می باشد که از جمله Hyper Text Markup Language گرفته شده است. HTML یک زبان برنامه نویسی نیست! بلکه یک نوع زبانی است که قالب بندی یک سند را توصیف می کند (markup language). یک زبان markup یک مجموعه از تگ های markup است. HTML از تگ های markup برای توصیف صفحات استفاده می کند. به تگ های markup نیز تگ های HTML می گویند.
    هر زبان برنامه نویسی یا زبان هایی همچون HTML دارای یک تگ آغازین و پایانی می باشد که مختص به آن زبان است و توسط این تگ به سیستم می فهمانیم که نوع زبان ما برای مثال HTML می باشد. علاوه بر این هر دستور HTML دارای دو بخش عنوان و بدنه است.
    عنوان: شامل اطلاعات مکمل در مورد سند HTML است. برای مثال عنوانی که قابل نمایش در عنوان بار مرورگر می باشد. این بخش با <head> شروع و به </head> ختم می شود. { در رابطه با دیگر تگ های HTML مانند تگ عنوان و ... در چند جلسه آینده صحبت خواهیم کرد و سعی می کنم یک لیست کامل برایتان آماده کنم. }
    بدنه: شامل دستورالعمل های تولید صفحه است که با <body> شروع و به </body> ختم می شود.
    با توجه به توضیحاتی که داده شد شکل کلی برنامه HTML بدین صورت خواهد بود.

    کد PHP:
    <html>
    <
    head>
    <!--
    etela@t-->
    </
    head>
    <
    body>
    <!--
    etela@t-->
    </
    body>
    </
    html

    { به پایان این جلسه رسیدیم و سعی می کنم در جلسات آتی بیشتر توضیح دهم. }
    (آخرین ویرایش در این ارسال: ۱۳۸۸ تير ۱۰ ۱۲:۳۲ عصر، توسط cyletech.)
    ۱۳۸۸ تير ۱۰ ۱۲:۲۱ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط : farda7 sulduz Sumaan shgninc themilad
    cyletech غایب
    علیرضا اسکندرپور شوفری
    *****

    ارسال‌ها: 2,197
    تاریخ عضویت: ۱۳۸۸ فروردين ۸
    اعتبار: 42
    تشکرها : 1258
    ( 2239 تشکر در 1089 ارسال )
    ارسال: #5
    سطح مقدماتی | شروع اولین قدم
    بنام خدا

    همیشه در همه کار اولین قدم بسیار سنگین و سخت هست اما اگر پشتکار داشته باشیم مطمئنا به پیروزی خواهیم رسید.

    * بی رنج گنج میسر نمی شود --- مزد آن گرفت جان برادر که کار کرد *

    در این قسمت از آموزش HTML قصد داریم به ضروریات، غیر ضروریات و همینطور ایجاد فضایی برای تمرین بپردازیم.

    ضروریات:
    - ویرایشگر NotePad++
    - یک مگابایت فضای خالی از هارد دیسک برای انجام تمارین

    غیر ضروریات:
    - وب سرور
    - وب سایت

    ایجاد یک وب ساده
    - یک پوشه با نام practice باز کنید
    - یک فایل mainpage.html که محتوایی خالی داشته باشد ایجاد کنید
    - ایجاد یک فایل pages.html برای پیوند دهی
    (آخرین ویرایش در این ارسال: ۱۳۸۸ تير ۲۰ ۰۶:۴۴ عصر، توسط cyletech.)
    ۱۳۸۸ تير ۱۷ ۰۴:۳۲ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط : Alimokhlesi admin farda7 sulduz
    cyletech غایب
    علیرضا اسکندرپور شوفری
    *****

    ارسال‌ها: 2,197
    تاریخ عضویت: ۱۳۸۸ فروردين ۸
    اعتبار: 42
    تشکرها : 1258
    ( 2239 تشکر در 1089 ارسال )
    ارسال: #6
    سطح مقدماتی | ابتدایی
    صفات دستورات: بسیاری از دستورات HTML صفاتی دارند که چگونگی اجرای آنها را مشخص می کند. صفت مهم آنها ID است که نام دستور را مشخص می کند.

    سرفصل ها
    سرفصل های HTML با <h1> تا <h6> معرفی می شوند. شکل کلی بصورت زیر است:
    کد PHP:
    <h1>این یک سرفصل است</h1>
    <
    h2>این یک سرفصل است</h2>
    <
    h3>این یک سرفصل است</h3

    پاراگراف ها
    پاراگراف های HTML با تگ <p> معرفی می شوند. شکل کلی بصورت زیر است:
    کد PHP:
    <p>این یک پاراگراف است</p>
    <
    p>این یک پاراگراف دیگر است</p

    پیوند ها
    پیوند های HTML با تگ <a> معرفی می شوند. شکل کلی بصورت زیر است:
    کد PHP:
    <a href="http://www.iranphp.org">این یک پیوند است</a
    توضیح: آدرسی که در جلوی href نوشته می شود، همان ادرسی می باشد که پس کلیک بر روی متن "این یک پیوند است" به آن هدایت می شود.
    متن روبروی آن هم همان متنی است که آن آدرس به آن پیوند داده می شود.

    تصاویر
    تصاویر HTML با تگ <img> معرفی می شوند. شکل کلی بصورت زیر است:
    کد PHP:
    <img src="iranphp.jpg" width="104" height="142" /> 
    توضیح: توسط صفت src، آدرس تصویر را وارد می کنیم. همینطور توسط صفت width، عرض تصویر را مشخص می کنیم. توسط صفت height هم ارتفاع تصویر را.
    (آخرین ویرایش در این ارسال: ۱۳۸۸ تير ۲۰ ۰۶:۴۴ عصر، توسط cyletech.)
    ۱۳۸۸ تير ۲۰ ۰۶:۴۳ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط : farda7 molana sulduz Sumaan parasto1993
    cyletech غایب
    علیرضا اسکندرپور شوفری
    *****

    ارسال‌ها: 2,197
    تاریخ عضویت: ۱۳۸۸ فروردين ۸
    اعتبار: 42
    تشکرها : 1258
    ( 2239 تشکر در 1089 ارسال )
    ارسال: #7
    سطح مقدماتی | عناصر
    اسناد HTML توسط عناصر HTML مشخص می شود. همه چیز یک عنصر از برچسب اغاز و برچسب پایان است:

    کد PHP:
    <p>      |      این یک پاراگراف است      |      </p

    شروع برچسب را اغلب opening یا به زبان پارسی "سرآغاز" پایان برچسب را closing یا به زبان پارسی "نهایی" می نامند.

    ترکیب عنصر HTML:
    - یک عنصر HTML با برچسب آغازین شروع می شود
    - یک عنصر HTML با برچسب پایانی پایان می یابد
    - محتوای یک عنصر را هرچیزی که بین برچسب آغازین و پایانی باشند، می نامند
    - یکسری عناصر HTML دارای محتوای خالی هستند
    - عناصر خالی در برچسب آغازین پایان می یابند
    - اکثریت عناصر HTML توانایی داشتن مشخصه ها را دارند

    توجه: در جلساتی آتی در مورد مشخصه ها بیشتر توضیح خواهم داد.

    عناصر HTML تودرتو
    اکثریت عناصر HTML می توانند تودرتو باشند، بدین معنی که: می توانند حاوی عناصر HTML دیگه هم باشند.

    نمونه ای از سند HTML:

    کد PHP:
    <html>

    <
    body>
    <
    p>این اولین پاراگراف می باشد</p>
    </
    body>

    </
    html

    توضیح: نمونه بالا دارای سه عنصر HTML است.

    نکات مهم:
    - هرگز از حروف بزرگ در معرفی کردن برچسب ها استفاده نکنید
    - برچسب های خالی را همیشه به پایان برسانید. مانند: <br />
    ۱۳۸۸ مرداد ۱۴ ۰۴:۵۲ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط : farda7 sulduz Sumaan Y.P.Y
    Shayan آفلاین
    عضو جدید
    **

    ارسال‌ها: 1
    تاریخ عضویت: ۱۳۹۲ آذر ۵
    اعتبار: 0
    تشکرها : 0
    ( 1 تشکر در 1 ارسال )
    ارسال: #8
    RE: آموزش HTML از سطح مقدماتی تا سطح پیشرفته
    بقیش کو؟؟ اگه جای دیگه ای نیست من ادامه می دم. البته با اجازه استارتر

    برای گذاشتن خط بعد از هر پاراگراف بدین صورت کدنویسی می کنیم:

    کد PHP:
    <p>This is a paragraph.</p>
    <
    hr>
    <
    p>This is a paragraph.</p>
    <
    hr>
    <
    p>This is a paragraph.</p

    یعنی از تگ <hr> استفاده می کنیم. این تگ نیازی به بستن ندارد.
    ۱۳۹۲ آذر ۵ ۰۷:۲۳ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط : tarenoco
    Another One آفلاین
    عضو جدید
    **

    ارسال‌ها: 7
    تاریخ عضویت: ۱۳۹۱ مرداد ۱
    اعتبار: 0
    تشکرها : 6
    ( 0 تشکر در 0 ارسال )
    ارسال: #9
    RE: آموزش HTML از سطح مقدماتی تا سطح پیشرفته
    با سلام٬ لطفا کارشناسان تاپیک را ادامه بدهند.
    با تشکر
    ۱۳۹۳ بهمن ۲۶ ۱۰:۰۲ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    سميرا آفلاین
    عضو جدید
    **

    ارسال‌ها: 4
    تاریخ عضویت: ۱۳۹۴ شهريور ۲۲
    اعتبار: 0
    تشکرها : 1
    ( 0 تشکر در 0 ارسال )
    ارسال: #10
    RE: آموزش HTML از سطح مقدماتی تا سطح پیشرفته
    سلام
    اولا ندش چرا ادامه نميدين ؟؟؟؟
    دوماندش ينا را كه ر ننه قمري ميدونه . حرفه اي تر كار كنين .Blush
    ۱۳۹۴ شهريور ۲۲ ۰۶:۴۶ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    « قدیمی تر | تازه‌ تر »

    ارسال پاسخ
    پرش به انجمن:


    کاربرانِ درحال بازدید از این موضوع: 1 مهمان
    IranPHP.org | تماس با ما | بازگشت به بالا | بازگشت به محتوا | بایگانی | پیوند سایتی RSS