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

آموزش طراحی وب با HTML – تکمیلی

آموزش طراحی وب با HTML – تکمیلی

تعداد دانشجو
۶,۳۴۷ نفر
مدت زمان
۳ ساعت و ۲۳ دقیقه‎
هزینه آموزش
۱۹,۰۰۰ تومان
محتوای این آموزش
۳۳ بازخورد (مشاهده نظرات)
آموزش طراحی وب با HTML – تکمیلی

چکیده

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

مدرس
سید رضا هاشمیان

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

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

توضیحات تکمیلی

با معرفی مفهوم اینترنت و همین طور وب، زبان‌ها و تکنولوژی‌های جدیدی نیز معرفی شد، تا کاربران بتوانند از محیط اینترنت و وب استفاده کنند. از جمله مشاغلی هم که با معرفی وب و اینترنت مطرح شد، مشاغل مربوط به شاخه طراحی صفحات وب و پیاده‌سازی وب‌سایت بود. افرادی که در این شاخه فعالیت می‌کردند، امکانی را برای کاربران فراهم می‌کردند، تا وب سایت‌های خود را راه‌اندازی کنند همین طور، وب سایت‌های مورد نیاز را نیز برای کاربران پیاده‌سازی و طراحی می‌کردند.

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

HTML5، نسخه به روز رسانی شده زبان نشانه گذاری HTML می‌باشد، که در آن برخی امکانات جدید به نسخه قبلی اضافه شده و سبک و روال کدنویسی، استانداردتر شده است. به طور کلی نیز، زبان نشانه گذاری HTML به شما این امکان را می‌دهد، تا بتوانید ساختار و قالب اصلی وب سایت خود را مشخص کنید. مثلاً بگویید که در صفحه، چنین محتوایی وجود دارد و همین طور صفحه به چند بخش تقسیم می‌شود. تنظیمات مربوط به شکل دادن به المان‌های موجود در صفحه نیز از طریق زبان CSS امکان پذیر است.

 

فهرست سرفصل‌ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • درس یکم: آشنایی با HTML5 و تگ‌های جدید
  • درس دوم: کار با رویدادهای جدید
  • درس سوم: کار با کنترل‌های جدید
  • درس چهارم: خاصیت های جدید کنترل‌ها
  • درس پنجم: ویژگی‌های جدید فرم ها
  • درس ششم: کار با فایل‌های چندرسانه‌ای
  • درس هفتم: Drag & Drop در HTML5
  • درس هشتم: کار با شیء Canvas
  • درس نهم: کار با شیء SVG

 

مفید برای رشته های
  • طراحی سایت

آنچه در این آموزش خواهید دید:

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



پیش نمایش‌ها

پیش‌نمایش ۱: آشنایی با HTML5 و تگ های جدید

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۰ مگابایت -- (کلیک کنید +))

پیش‌نمایش ۲: کار با رویدادهای جدید

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۴ مگابایت -- (کلیک کنید +))

پیش‌نمایش ۳: کار با کنترل های جدید

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۲۰ مگابایت -- (کلیک کنید +))

پیش‌نمایش ۴: خاصیت های جدید کنترل ها
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش‌نمایش ۵: ویژگی های جدید فرم ها
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش‌نمایش ۶: کار با فایل های چندرسانه ای
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش‌نمایش ۷: Drag & Drop در HTML5
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش‌نمایش ۸: کار با شیء Canvas
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش‌نمایش ۹: کار با شیء SVG
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.

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

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

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

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


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

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


نظرات

تا کنون ۶,۳۴۷ نفر از این آموزش استفاده کرده اند و ۳۳ نظر ثبت شده است.
shayantalebian
shayantalebian

بله اگز آموزش را دیده باشید قبلش باید css html javascript رو بلد باشید

صالح
صالح

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

زهرا
زهرا

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

سینا
سینا

بیان و ارائه خوب بود، ولی مباحث کلی گویی بود و با جزئیات در برنگرفته بود.

شکوفه
شکوفه

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

احمد
احمد

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

شهاب
شهاب

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

امیرارسلان
امیرارسلان

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

مرادی
مرادی

مدرس خیلی روی مباحث مسلط هستند و خیلی خوب همه چی توضیح دادن من که از آموزش راضی هستم.

مهراد
مهراد

تا اونجایی که دیدم، فقط HTML پایه و مقدماتی ندارید و از لول یه کم بالاتر شروع میشه.

شادی
شادی

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

علیرضا
علیرضا

عالیه، توضیحات ساده و مطالب رو از پایه و به آسونی گفتند.

مصطفی
مصطفی

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

sina
sina

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

کاربر مهمان
کاربر مهمان

عالی بود.

امید
امید

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

am
am

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

میلاد
میلاد

من آموزش رو دیدم و رضایت دارم. خوبه.

داریوش
داریوش

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

محرابی
محرابی

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

معصومه
معصومه

سلام و خسته نباشید
اموزش ها خیلی خوب و عالی بودند و باعث شد که من در درس هایم موفق باشم و یک پیش زمینه ای داشته باشم

کریم
کریم

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

ارکیده
ارکیده

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

زهرا
زهرا

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

سیاوش
سیاوش

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

الهام
الهام

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

محسن پورسلیمانی
محسن پورسلیمانی

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

شهربانو
شهربانو

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

ُسیرجان
ُسیرجان

سپاس بابت سایت عالی

سینا
سینا

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

محمدرضا
محمدرضا

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

golbarg
golbarg

با سلام --- فرق این آموزش با آموزش مهندس عبدالهی چی هست ؟

روابط عمومی
روابط عمومی

در پاسخ به golbarg:
با سلام؛

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

بنابراین، آموزش طراحی وب با HTML کاربرد خود را حفظ کرده است و به عنوان پیش نیاز یادگیری آموزش HTML5 محسوب می شود.

موفق و پیروز باشید.

پاسخ به نظر

تنها کاربران ثبت نامی در آموزش امکان درج کامنت را دارند

برچسب‌ها: Canvas | class در HTML5 | Div | div در HTML5 | DOCTYPE | Encoding Video | Encoding برای نمایش درست متن ها | figcaption | figure | GeoLocation | GeoLocation در HTM | Hash | Heading | hgroup | HTML در مقابل XHTML | html5 | HTML5 syntax | Markup | MathML | Monospaced | Preformatted | semantically | Server-Side Programming | span | Superscript | SVG در HTML5 | transformes | Transparency | Web Design | web Design using HTML5 | XHTML | آپلود فایل | اساس HTML5 | استایل فرم | اضافه كردن ویدئو | الگوریتم outline | المنت address | المنت mark | المنت small | انواع لیست ها | انواع لینک ها | ایجاد اسناد section | ایجاد لینک در سطح بلوک | بازگشت به صفحه پیشین | بازنگری video | بوم نقاشی | پشتیبانی API HTML5 | تراز متن در صفحه وب | ترکیب CSS 3 با HTML5 | تصاویر در وب | تعریف اسناد HTML5 | تعیین حاشیه کنار جدول | تغییر سایز تصاویر توسط HTML | تغییر سایز نوشته یک متن | خصوصیات HTML5 | دسترسی به مالتی مدیا | دسته بندی محتوا در HTML5 | دستور Save for Web | دکمه reset | دکمه submit | ذخیره اطلاعات در HTML5 | ذخیره اطلاعات در وب | ذخیره داده در وب | ذخیره داده ها در HTML5 | ذخیره سازی اطلاعات | رویدادها در HTML5 | ساخت اولین صفحه وب | ساخت اولین فرم | ساخت پاراگراف ها | ساختار اساسی HTML | ساختار اسناد HTML5 | ساختار یک صفحه وب | شفافیت در تصاویر | طراحی وب | طراحی وب با HTML5 | عناصر سازنده صفحات وب | عنصر article | عنصر footer | عنصر Header | عنصر nav | عنصر Section | عنوان یک صفحه وب | فرم ها | فرم ها در HTML5 | فرم های HTML5 | فرمت کردن متن در HTML | فیلدهای فقط خواندنی | کادر متنی در html | کنترل داده به کمک HTML5 | گروه بندی محتوا با aside | لیست در HTML5 | لیست های ترتیبی | لیست های تودرتو | لیست های غیر ترتیبی | لینک‌ Anchor | لینک HASH | مارک‌ آپ | مالتی مدیا در وب | مبانی طراحی در وب | متن Subscript | متن‌ Superscript | متن جایگزین عکس | متن های نقل قول | محتوای متنی یک صفحه وب | مروری بر API مکان یابی جغرافیایی | مروری بر Web Storage API | مروری بر امکان Drag and Drop API | معرفی Canvas | معرفی HTML5 | مفهوم DRAG AND DROP | مفهوم مالتی مدیا در وب | نحوه لود شدن تصاویر در وب | نرم افزارهای کار با تصاویر | نقاشی در محیط canvas | نقش CSS در ساخت صفحات وب | نقش دکمه TAB