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

خوب اومدیم با یه دوره آموزش طراحی وب سایت با HTML از مبتدی تا پیشرفته میخوام بگم طراحی وب سایت واسه کسایی که میخوان تازه شروع کنن، بسیار جذابه چووون با یک زبان ابر متن وب آشنا میشه که خیلی آسونه بعد با CSS آشنا میشه که خیلی جذابه و همینطور که میگزره با برنامه نویسی باید آشنا بشه،که اونجا با PHP آشنا میشه و… HTML از مبتدی تا پیشرفته حالا من کامل با این مباحث شما رو آشنا میکنم با ما همرا باشید با دوره ی آموزش طراحی وب سایت با HTML از مبتدی تا پیشرفته

HTML چیست؟

HTML محفف کلمه ی Hyper Text Markup Language که زبان ابر متن وب است و جزء زبان های سمت کلاینت است که برای طراحی وب سایت استفاده میشود و نکته جالب اینکه اصلا یک زبان برنامه نویسی نیست. خیلی از کسایی که میخوان طراحی وب سایت با HTML رو شروع کنن این اشتباه رو میکنن که HTML یک زبان برنامه نویسیه ولی اینطور نیست.

دانلود محصول

?

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

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

دانلود محصول

تست نفوذ و هک اندروید از مبتدی تا پیشرفته و نحوه جلوگیری از آن در کالی لینوکس<br/>

?

آموزش طراحی وب سایت با HTML و CSS :

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

دانلود محصول

طراحی وب سایت با HTML یا HTML5 :

خوب فرق HTML و HTML5 چیه؟ در زبان HTML که قبلا وجود داشت ویژگی های کمتری دیده میشد ولی HTML5 ویژگی های بیشتر اضافه شد که در بیشتر مرورگر های تحت اندروید و ویندوز بسیار بهتر دیده میشه و قابلیت آن بسیار زیاده و یه نکته دیگه ای که میخوام بگم اینکه در نسخه CSS هم این نکته هم هست که ورژن CSS3 هم میتوانیم مشاهده بکنیم.

دانلود محصول

وِیژگی های این دوره آموزش طراحی وب سایت با HTML :

• کیفیت بسیار زیاد ویدیو و صدا
• پشتیبان انلاین
• همراه با دو دوره ی کامل HTML و HTML5
• نکات قابل درک و قابل فهم
• به صورت عملی کار کردن
• بروزبودن دوره

این دوره بدرد چه کسانی میخورد؟

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

این دوره بدرد چه کسانی نمیخورد؟

• کسانی که علاقه ای به طراحی وب سایت ندارند
• کسانی که آموزش طراحی وب سایت با HTML رو گزروندن
• کسانی که دانش اموز رشته طراحی وب سایت نیستند
• کسانی که خودشون طراح وب سایت هستند
• کسانی که با طراحی سایت اشنایی دارند

سرفصل های آموزش طراحی وب سایت با HTML :

درس اول > اصول طراحی اولیه وب سایت :

• طراحی چیست؟
• مخاطب محوری چیست؟
• ساحتار اطلاعات چیست؟
• محتوا چیست؟
• پشتیبان چیست؟

درس دوم > اشنایی با HTML :

• HTML چیست؟
• HTML 5 چیست؟
• تفاوت بین HTML 4 و HTML 5 چیست؟
• ساختار صفحه HTML

درس سوم > انتخاب کردن یک نرم افزار برای یادگیری HTML :

• اشنایی با نرم افزار های مختلف برای طراحی وب سایت
• انتخاب بهترین نرم افزار
• نصب نرم افزار

درس چهارم > شروع پایه ای HTML :

• تگ چیست؟
• اشنایی با تگ ها
• اصول تگ نویسی
• اشنایی با DOCTYPE

درس پنجم > شروع کار با تگ ها :

• مروری بر تگ های مختلف در Head صفحه
• تگ p و ایجاد پاراگراف
• تگ br و ایجاد فاصله
• تگ pre و ایجاد فاصله
• تفاوت تگ p و pre

درس ششم > استایل ها :

• استایل دهی به متن
• اشنایی با خصوصیات مهم در استایل ها (color ، font-size ، text-align ، background-color ، border , width , height )
• اشنایی با استایل های inline و internal

درس هفتم > اشنایی با تگ های Heading :

• اشنایی با تگ h1 تا h6

درس هشتم > اشنایی با فرمت های متنی در HTML :

• تگ b
• تگ i
• تگ u
• تگ strong
• تفاوت تگ b و تگ strong
• اشنایی با تگ های (<em><mark><small><del><ins><sub><sup><abbr><address><bdo>)

درس نهم > اشنایی با Comment :

• کامنت چیست؟
• نحوه ایجاد کامنت یا همان توضیحات

درس دهم > اشنایی با لینک ها :

• لینک چیست؟
• اشنایی با تگ a و ایجاد لینک
• اشنایی با انواع ادرس دهی ها و تفاوت ان ها
• اشنایی با خصوصیت title و target
• ایجاد bookmark توسط id

درس یازدهم > عکس ها در صفحات وب :

• اشنایی با تگ img و جای گزاری عکس در صفحه
• معرفی خصوصیات alt و title
• تغییراندازه عکس توسط Width , Height
• استایل دهی به عکس توسط border
• ایجاد لینک بر روی عکس توسط تگ a
• ایجاد map به عکس و حساس کردن نقاط مختلف عکس

درس دوازدهم > اشنایی با جدول ها :

• اشنایی با تگ table
• اشنایی با تگ های tr و td در داخل تگ table
• اشنایی با تگ th
• اشنایی با خصوصیات مختلف در جدول ( border,text-align,border-collapse,caption,id,colspan, rowspan)
• ایجاد جدول های تو در تو

درس سیزدهم > اشنایی با لیست ها :

• اشنایی با تگ های li و ul
• اشنایی با خصوصیات مختلف لیست ها (disc , circle , square , none)

درس چهاردهم > اشنایی با تگ span و div

• تگ span چیست؟
• تگ div چیست؟
• تفاوت بین div و span چیست؟
• کار با تگ span و div
• استایل دهی به تگ ها
• قالب بندی صفحه با div
• اشنایی با خصوصیات div

درس پانزدهم > شروع کار با در طراحی وب سایت با HTML5 :

• اشنایی با برخی از تگ های جدید HTML5

درس شانزدهم > اشنایی با فرم در در طراحی وب سایت با HTML5 :

• اشنایی با فرم ها
• اشنایی با تگ form
• اشنایی با کنترل های form
• اشنایی با تگ textarea
• اشنایی با تگ select و option برای ایجاد Dropdown
• اشنایی با تگ datalist

درس هفدهم > مدیا در  HTML5 :

• معرفی تگ video و source برای گذاشتن ویدیو در صفحه وب
• معرفی تگ audio

دانلود محصول

منبع : https://www.w3schools.com/

نویسنده مطلب: رضانعمتی

منبع مطلب