خوب اومدیم با یه دوره آموزش طراحی وب سایت با HTML از مبتدی تا پیشرفته میخوام بگم طراحی وب سایت واسه کسایی که میخوان تازه شروع کنن، بسیار جذابه چووون با یک زبان ابر متن وب آشنا میشه که خیلی آسونه بعد با CSS آشنا میشه که خیلی جذابه و همینطور که میگزره با برنامه نویسی باید آشنا بشه،که اونجا با PHP آشنا میشه و… HTML از مبتدی تا پیشرفته حالا من کامل با این مباحث شما رو آشنا میکنم با ما همرا باشید با دوره ی آموزش طراحی وب سایت با HTML از مبتدی تا پیشرفته
HTML چیست؟
HTML محفف کلمه ی Hyper Text Markup Language که زبان ابر متن وب است و جزء زبان های سمت کلاینت است که برای طراحی وب سایت استفاده میشود و نکته جالب اینکه اصلا یک زبان برنامه نویسی نیست. خیلی از کسایی که میخوان طراحی وب سایت با HTML رو شروع کنن این اشتباه رو میکنن که HTML یک زبان برنامه نویسیه ولی اینطور نیست.
آموزش طراحی وب سایت با HTML :
کسایی میخوان وارد عرصه طراحی وب سایت بشن صد در صد باید با HTML آشنایی کامل رو داشته باشن چون HTML یک زبان بدنه ساختار طراحی وب سایته که بسیار مهم است. خوب همنطور که میدونین توی این دوره آموزشی ما آموزش HTML رو داریم که امید واریم از این دوره استفاده بکنین و وارد بازار طراحی وب سایت بشین.
آموزش طراحی وب سایت با 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 5 چیست؟
- تفاوت بین HTML 4 و HTML 5 چیست؟
- ساختار صفحه HTML
- اشنایی با نرم افزار های مختلف برای طراحی وب سایت
- انتخاب بهترین نرم افزار
- نصب نرم افزار
- تگ چیست؟
- اشنایی با تگ ها
- اصول تگ نویسی
- اشنایی با DOCTYPE
- مروری بر تگ های مختلف در Head صفحه
- تگ p و ایجاد پاراگراف
- تگ br و ایجاد فاصله
- تگ pre و ایجاد فاصله
- تفاوت تگ p و pre
- استایل دهی به متن
- اشنایی با خصوصیات مهم در استایل ها (color ، font-size ، text-align ، background-color ، border , width , height )
- اشنایی با استایل های inline و internal
- اشنایی با تگ h1 تا h6
- تگ b
- تگ i
- تگ u
- تگ strong
- تفاوت تگ b و تگ strong
- اشنایی با تگ های (<em><mark><small><del><ins><sub><sup><abbr><address><bdo>)
- کامنت چیست؟
- نحوه ایجاد کامنت یا همان توضیحات
- لینک چیست؟
- اشنایی با تگ 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 چیست؟
- تفاوت بین div و span چیست؟
- کار با تگ span و div
- استایل دهی به تگ ها
- قالب بندی صفحه با div
- اشنایی با خصوصیات div
- اشنایی با برخی از تگ های جدید HTML5
- اشنایی با فرم ها
- اشنایی با تگ form
- اشنایی با کنترل های form
- اشنایی با تگ textarea
- اشنایی با تگ select و option برای ایجاد Dropdown
- اشنایی با تگ datalist
- معرفی تگ video و source برای گذاشتن ویدیو در صفحه وب
- معرفی تگ audio
منبع : https://www.w3schools.com/
amir_reza8833 (خریدار محصول) –
سلام ، دوره عالی بود واقن
همه ی تگ هارو بررسی کرده بودین و جای خالی نمونده بود 😄❤️👍🏻
رضانعمتی (خریدار محصول) –
سلام بسیار ممنون از شما 🥰🥰😜😜😜😍😍😍
Alisabour (خریدار محصول) –
خیلی عالی بود ممنون از تلاش شما
رضانعمتی –
خواهش میکنم نظر لطف شماست
وحید –
عالی بود مرسی ممنون
رضانعمتی –
خواهش میکنم نظر لطف شماست