آموزش طراحی وب با HTML

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

درباره ناشر

فرادرس
فرادرس

فرادرس بزرگ‌ترین ناشر دیجیتال آموزش‌های تخصصی، دانشگاهی و مهندسی است.

درباره مدرس

مهندس محمد عبداللهی
مهندس محمد عبداللهی

عضو گروه مدرسین فرادرس

کارشناس مهندسی نرم افزار


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



HTML یک زبان نشانه گذاری است، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده، که هر کدام دارای کاربرد و خواص مربوط خود هستند. اين تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود.

👤 مدرس: مهندس محمد عبداللهی
🕓 مدت زمان: ۳ ساعت و ۵ دقیقه
🎓 تعداد دانشجو: ۹۵۰ نفر این آموزش را تهیه کرده اند. — ۱۸ نفر در دو هفته اخیر
روش دریافت: لینک دانلود و/یا ارسال فیزیکی

هزینه آموزش: ۱۵,۰۰۰ تومان


آنچه شما در این فرادرس خواهید دید:
آموزش ویدئویی مورد تایید فرادرس
فایل برنامه ها و پروژه های اجرا شده در حین آموزش

تضمین کیفیت و گارانتی بازگشت هزینه
توجه: کیفیت این آموزش توسط فرادرس تضمین شده است. در صورت عدم رضایت از آموزش، به انتخاب شما:
  • به صورت رایگان یک یا چند آموزش معادل دیگر دریافت می کنید.
  • و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می شود.
    (توضیحات بیشتر +)
دانلود آنی و ارسال سریع
فعال‌سازی آنی لینک دانلود، بلافاصله پس از ثبت سفارش
ارسال پستی به همراه کد رهگیری مرسوله در اولین ساعت اداری روز
ارسال پیک موتوری در تهران، در همان روز ثبت سفارش

(توضیحات بیشتر +)



    توضیحات

    HTML زبان بنیادی طراحی وب

    وقتی حرف از طراحی وب سایت به میان می آید ذهن تمامی افراد ناخواسته به سمت زبان HTML و CSS هدایت می شوند.

    واژه HTML (اچ تی ام ال) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. این زبان، زبان استاندارد صفحات وب است و زبان نهایی است که توسط مرورگر ترجمه شده و به کاربر نمایش داده می شود. به طور دقیقتر، شما وبسایتی را به زبان PHP و یا ASP.Net طراحی و برنامه نویسی می کنید، این وبسایت بعد از اجرا بر روی سرور و همینطور سیستم کاربر، تبدیل به قطعه کدهای HTML شده و بر روی مرورگر ترجمه شده و به کاربر نمایش داده می شود. در اصل می توانیم بگوییم که:

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

     

    فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
    • درس اول: مقدمات HTML
      • معرفی HTML
      • شروع کار با HTML
      • مفهوم تگ یا نشانه
      • تگ html
      • تگ head
      • تگ body
      • تگ meta و استفاده از آن برای تعیین Encoding صفحه
      • تگ title و مزایا و نقش آن در SEO
      • معرفی مفهوم SEO یا Search Engine Optimization
      • تگ p برای ایجاد پاراگراف
      • معرفی خصوصیت style و مفهوم آن
      • معرفی خصوصیات مهم موجود در Style از قبیل font-size, width, height, color, background-color, background-image, font-weight, text
      • align, direction و …
      • معرفی تگ های Heading و نقش آن در SEO
      • معرفی تگ span
      • معرفی موجودیت (Entity) ها در HTML از جمله برای فاصله گذاری
      • معرفی تگ br
    • درس دوم: تگ های Text Formatting
      • تگ b
      • تگ i
      • تگ u
      • تگ strong و نقش آن در SEO
      • تگ em و مفهوم آن
      • اشاره ای به وب معنایی
      • تگ های big, small, del, ins, mark, sup, sub, blockquote, q, abbr, address, cite, samp, code, kbd, code, pre, var
    • درس سوم: Link Building
      • معرفی تگ a و خصوصیت href برای ایجاد لینک
      • انواع آدرس دهی و تفاوت آنها
      • نکات مربوط به SEO
      • خصوصیت title
      • خصوصیت target
      • ایجاد Bookmark با استفاده از تگ a و خصوصیت name
    • درس چهارم: عکس ها در صفحه وب
      • معرفی تگ img و خصوصیت src
      • معرفی خصوصیات title و alt
      • گذاشتن عکس در لینک و استفاده از خصوصیات مربوط به border
      • استفاده از map به منظور ایجاد چند ناحیه قابل کلیک در یک عکس
    • درس پنجم: مروری بر CSS
      • بررسی اشکالات گذاشتن Style به صورت inline
      • معرفی تگ style
      • مفهوم انتخاب گر یا selector در CSS و بررسی چند selector از قبیل id و class
      • معرفی Style به صورت external و معرفی مفهوم CSS و تگ link
    • درس ششم: لیست ها
      • تگ ol و لیست مرتب
      • تگ ul و لیست نامرتب
      • معرفی خصوصیات type و start
      • تعیین عکس به عنوان bullet برای لیست
    • درس هفتم: جدول
      • عرفی تگ table
      • استفاده از تگ های tr و td در جدول
      • خصوصیات border, align, valign, width, colspan, row
      • تگ های colgroup, tfoot, thead, tbody
    • درس هشتم: تگ div
      • معرفی مفهوم و موارد استفاده تگ div
      • کنار هم چیدن div ها برای قالب بندی صفحه
      • مفهوم position و مختصات left و top
      • مفهوم float
      • قالب بندی یک صفحه با div
      • مفهوم clear
    • درس نهم: فرم در صفحه وب
      • تگ form
      • کنترل های فرم برای برنامه نویسی در html4 و html5
      • تگ های input با انواع button, text, checkbox, radio, submit, reset, password, number, color, date, range
      • تگ textarea
      • تگ select و option برای ایجاد Dropdown
      • تگ datalist
    • درس دهم: مدیا در صفحه وب
      • معرفی تگ video و source برای گذاشتن ویدیو در صفحه وب
      • معرفی تگ audio
      • تگ object
      • تگ embed
    • درس یازدهم: تگ های درون head و مفهوم DOCTYPE
      • معرفی انواع تگ های meta
      • تگ base
      • مفهوم DOCTYPE و معرفی انواع نسخه HTML
    • درس دوازدهم: مروری مختصر بر رنگ ها

    پیش نمایش

    پیش نمایش ۱ : مقدمات HTML - ۱۰ دقیقه


    توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. برای تنظیم کیفیت نمایش آنلاین روی علامت کلیک نمایید یا اینکه آموزش را دانلود کرده و سپس مشاهده نمایید.

    دانلود مستقیم پیش نمایش - حجم دانلود ۱۱ مگابایت (کلیک کنید +)


    پیش نمایش ۲ : تگ های Text Formatting - ۴ دقیقه


    توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. برای تنظیم کیفیت نمایش آنلاین روی علامت کلیک نمایید یا اینکه آموزش را دانلود کرده و سپس مشاهده نمایید.

    دانلود مستقیم پیش نمایش - حجم دانلود ۸ مگابایت (کلیک کنید +)


    پیش نمایش ۳ : Link Building - ۴ دقیقه


    توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. برای تنظیم کیفیت نمایش آنلاین روی علامت کلیک نمایید یا اینکه آموزش را دانلود کرده و سپس مشاهده نمایید.

    دانلود مستقیم پیش نمایش - حجم دانلود ۷ مگابایت (کلیک کنید +)


    پیش نمایش ۴ : عکس ها در صفحه وب - ۴ دقیقه


    توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. برای تنظیم کیفیت نمایش آنلاین روی علامت کلیک نمایید یا اینکه آموزش را دانلود کرده و سپس مشاهده نمایید.

    دانلود مستقیم پیش نمایش - حجم دانلود ۸ مگابایت (کلیک کنید +)


    پیش نمایش ۵ : مروری بر CSS - ۵ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    بخش ۶ : لیست ها - ۱۱ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۷ : جدول - ۷ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۸ : تگ div - ۴ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۹ : فرم در صفحه وب - ۶ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    بخش ۱۰ : مدیا در صفحه وب - ۱۱ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۱۱ : تگ های درون head و مفهوم DOCTYPE - ۳ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    بخش ۱۲ : مروری مختصر بر رنگ ها - ۶ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.


    اطلاعات تکمیلی

    نام آموزش آموزش طراحی وب با HTML
    ناشر فرادرس
    شناسه اثر ۸-۱۲۴۵۲-۰۵۱۷۷۶ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد)
    کد آموزش FVH4C94062
    مدت زمان ۳ ساعت و ۵ دقیقه
    زبان فارسی
    نوع آموزش آموزش ویدئویی     (کیفیت HD - مورد تایید فنی فرادرس)
    حجم دانلود ۲۴۴ مگابایت     (کیفیت ویدئو HD‌ با فشرده سازی انحصاری فرادرس)
    تعداد DVD یک عدد (در صورت دریافت غیر آنلاین)


    ​راهنمای تهیه آموزشها

    آیا می دانید که تهیه یک آموزش از فرادرس و شروع یادگیری چقدر ساده است؟

    راهنمایی بیشتر ( +)

    در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟ 
    • با شماره تلفن واحد مخاطبین ۸۸۳۱۲۲۷۶ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
    • از طریق بخش چت آنلاین، با پشیبان های فرادرس گفتگو کنید.- همه روزهای کاری هفته از ساعت ۸ صبح تا ۱۲ شب
    • با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه

    با شروع یادگیری، یک کلیک فاصله دارید. همین حالا شروع کنید.

    آموزش طراحی وب با HTML

    هزینه آموزش: ۱۵,۰۰۰ تومان




    سایر آموزش های مهندس محمد عبداللهی



    مطالب مرتبط


    دیدگاه ها

    ( امتیاز ۵٫۰ از ۵ )
    5.0 از 5


    تا کنون ۹۵۰ نفراز این آموزش استفاده کرده اند و ۴ نظر ثبت شده است.
    1. 5 از 5

      :

      عالی بود.

    2. 5 از 5

      :

      عالی عالی بود.

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

    3. 0 از 5

      :

      با سلام. بی نظیر بود.

    4. 0 از 5

      :

      ایا اجازه دیده شدن نظر منفیو میدید؟

    5. 0 از 5

      :

      خیلی ممنون از کمک کردن به ما با این آموزش های واقعا عالی.

    6. 5 از 5

      :

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

      نقاط قوت این مجموعه:

      ۱- کیفیت ضبط فیلم بسیار عالی و همچنین کیفیت ضبط صدا هم بسیار عالی بود.

      ۲- تسلط مدرس و نحوه بیان و نحوه آموزش هم خیلی خیلی عالی بود.

      ۳- و باز هم ویژگی که در این پکیج مشاهده نمودم مانند تمام پکیج های دیگر این بود که من برای اولین بار بود که می خواستم html را یاد بگیرم و قبلا حتی کوچکترین شناختی هم از آن نداشتم و خدا رو شکر از این آموزش راضی ام و دست استاد عبداللهی را می بوسم.

      و اما پیشنهادهایی برای بهتر شدن کار در آینده:

      ۱- عدم معرفی منبع آموزش

      ۲- عدم ساخت پروژه در پایان تدریس این مجموعه

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

    7. 0 از 5

      :

      علیرضا جان ممنونم از لطفت. خوشحالم که راضی هستی.
      ممنونم بابت پیشنهادهایی که دادی ولی:
      ۱- عمدا منبع معرفی نمیکنم که دانشجو ذهنش شرطی نشه و به یک منبع اکتفا نکنه و هر جایی سرک بکشه برای یادگیری طراحی وب. چون واقعا به نظرم تنها راه یادگیری مطالعه بسیار، دیدن بسیار و تمرین بسیار هست.
      ۲- با HTML تنها واقعا نمیشه یک پروژه کامل ساخت و باید مجموعه ای از تکنولوژی ها جمع باشند.

      به هر حال ممنونم که از من انتقاد کردی. این باعث میشه که من هم بتونم برای بهتر شدن تلاش کنم.
      (عبداللهی)

    8. 5 از 5

      :

      با تشکر از آموزش خوبتون.

    9. 0 از 5

      :

      با سلام و عرض خسته نباشید،

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

      تنها چند پیشنهاد را برای هرچه بهتر شدن این مجموعه از بنده پذیرا باشید:
      – نسخه تایپ شده مطالب و صحبتهای ارائه شده در دروس به منظور سهولت جستجو در مطالب.
      – فایل تمرینی نهایی برای استفاده از مطالب آموخته شده.
      – آزمون نهایی.

      مجددا از زحمات استاد محترم و تمامی دست اندرکاران سایت فرادرس کمال تشکر را دارم.

      به امید پیشرفت و موفقیت روزافزون شما،

    10. 0 از 5

      :

      با سلام خدمت اساتید بزرگوار.

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

    11. 0 از 5

      :

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

    12. 0 از 5

      :

      سلام خسته نباشید یه سوال داشتم:
      چرا ما باید زبان های تحت وب مانند html و css را یاد بگیریم تا بتونیم سایت نویسی کنیم اون وقت سرورهایی مانند وردپرس این خدمات رو ارائه میدهند؟

      • 0 از 5

        :

        با سلام.

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

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

    13. 0 از 5

      :

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


    نظر شما در مورد این فرادرس چیست؟

    درج دیدگاه

    امتیاز شما به این آموزش:

    *



​همین امروز شروع به آموختن کنید​

آموزش طراحی وب با HTML

هزینه آموزش: ۱۵,۰۰۰ تومان



برچسب‌ها: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

دسته های مرتبط:



فرادرس در رسانه ها و جشنواره ها

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

عضویت در خبرنامه فرادرس

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

Please leave this field empty.

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