🔔 با توجه به بهبود نسبی اینترنت، آمادهسازی دورهها آغاز شده است. به دلیل تداوم برخی اختلالات، بارگذاری دورهها ممکن است با کمی تأخیر انجام شود. مدت اشتراکهای تهیهشده محفوظ است.
لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش ساخت وبسایت مدرن با HTML، CSS و بوت استرپ
- آخرین آپدیت
دانلود Create Modern Website Using HTML, CSS And Bootstrap
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
آموزش طراحی وب مدرن با HTML، CSS و Bootstrap
یادگیری گام به گام طراحی وب مدرن با HTML، CSS و Bootstrap با 8 پروژه واقعی توسعه وب. شما میتوانید طراحی سایت حرفه ای را از ابتدا با استفاده از HTML، CSS و Bootstrap بیاموزید.
سرفصلهای کلیدی دوره طراحی وب
یادگیری مبانی HTML و CSS برای ساخت سریع 8 پروژه وب.
آشنایی با تگهای HTML، خصوصیات CSS و فریمورک CSS Bootstrap.
آموزش ساخت وب سایت ریسپانسیو با استفاده از CSS Media Queries.
کسب مهارت لازم برای فعالیت به عنوان یک توسعه دهنده فرانت اند.
دسترسی به آموزشهای قابل دانلود، کدها و فایلهای طراحی برای کل پروژه.
یادگیری تکنیکهای انیمیشندهی با CSS.
آموزش نحوه آپلود وب سایت در سرور آنلاین.
دریافت گواهینامه پایان دوره.
پیشنیازهای دوره
بدون نیاز به تجربه قبلی در کدنویسی یا طراحی.
فقط به یک کامپیوتر با دسترسی به اینترنت نیاز دارید.
آیا به دنبال بهترین راه برای یادگیری توسعه وب یا ساخت وبسایتهای جذاب با HTML و CSS هستید؟ اگر مبتدی هستید و میخواهید در HTML، CSS و Bootstrap متخصص شوید تا وبسایتهای ریسپانسیو زیبا و واقعی برای خود یا مشتریانتان بسازید، این دوره برای شما ایدهآل است.
همین حالا در این دوره آموزش توسعه وب ثبت نام کنید و به یک کدنویس عالی تبدیل شوید.
کلمات کلیدی مرتبط با طراحی وب
طراحی وب سایت، یادگیری HTML، آموزش CSS، بوت استرپ، طراحی سایت ریسپانسیو، فرانت اند، توسعه وب، ساخت وب سایت، گواهینامه طراحی وب، کدنویسی وب.
سرفصل ها و درس ها
مقدمه
Introduction
مقدمه
Introduction
HTML و CSS از پایه تا پیشرفته
HTML and CSS from basic to advance
تگهای پایه HTML
Basic HTML Tags
ساخت فرم با HTML
Creating Forms Using HTML
افزودن لیست، جدول و تصاویر در صفحه HTML
Adding List, Table And Images In HTML Page
نحوه استفاده از CSS
How to use CSS
ویژگیهای CSS
CSS Properties
کلاس شبه، عنصر شبه و موقعیتهای CSS
Pseudo class, pseudo element and CSS positions
CSS Flexbox، CSS Transition و CSS Animations
CSS Flexbox, CSS Transition and CSS Animations
افزایش سرعت کدنویسی با میانبرهای صفحه کلید
Speedup writing codes with keyboard shortcuts
Bootstrap چیست و چگونه از آن استفاده کنیم
What is Bootstrap & how to use it
ساخت یک وبسایت مدرن و واکنشگرا با HTML و CSS
Build A Modern and Responsive Website with HTML and CSS
مرور کلی پروژه
Project Overview
تنظیم فایلهای HTML و CSS و طراحی هدر وبسایت
HTML and CSS file setup and Website Header Design
ایجاد منوی ناوبری کناری برای وبسایت
Create Side Navigation Menu for website
ایجاد بخش درباره ما در وبسایت
Create About Us Section on Website
ایجاد بخش ویژگیها در وبسایت
Create Features section on website
ایجاد بخش دورهها و پیشنهادات در وبسایت
Create course and offer section on website
ایجاد بخش تماس در وبسایت
Create contact section on website
ایجاد فوتر وبسایت
Create Footer of website
افزودن آیکونهای شبکههای اجتماعی شناور در وبسایت
Add floating social media icons on website
واکنشگرا کردن وبسایت با کوئریهای رسانه CSS
Make the website responsive with CSS media queries
افزودن قابلیت اسکرول با کلیک روی منو
Adding scrolling feature on menu click
ساخت یک وبسایت سفر
Build A Travel Website
مرور کلی پروژه وبسایت سفر
Travel Website Project Overview
ایجاد بخش هدر وبسایت
Create header section of website
ایجاد بخش مقاصد ویژه وبسایت سفر
Create featured destination section of travel website
ایجاد گالری و بخش بنر تبلیغاتی
Create gallery and promotion banner section
ایجاد بخش نظرات مشتریان در وبسایت
Create customer review section on website
ساخت فوتر وبسایت
Make footer of websie
ساخت یک وبسایت کاریابی
Build A Job Search Website
مرور کلی پروژه وبسایت پورتال شغلی
Overview of Job portal website project
ایجاد منوی ناوبری واکنشگرا برای وبسایت
Creating responsive navigation menu for website
ایجاد بخش بنر با فرم جستجوی شغل
Create banner section with job search form
ایجاد بخش کارفرمایان برتر در وبسایت شغلی
Create top recruiters section on job website
ساخت بخش مشاغل اخیر در وبسایت
Making recent jobs section on website
ایجاد لینکهای صفحهبندی و بخش آمار سایت
Create pagination links and site stats section
ایجاد بخش بنر تبلیغاتی و فوتر وبسایت
Create promotional banner section and footer of website
ساخت وبسایت رزومه / CV
Build Resume / CV website
مرور کلی پروژه وبسایت CV / رزومه
Overview of CV / Resume website project
ساخت بخش هدر وبسایت CV
Making Header section of CV website
ایجاد منوی ناوبری و بخش درباره ما
Creating Navigation menu and About section
افزودن سوابق کاری و تحصیلی در وبسایت CV
Adding work experience and education on CV website
ایجاد بخش خدمات در وبسایت
Creating Services section on website
ساخت بخش تماس و فوتر وبسایت
Making contact section and footer of website
ساخت آیکونهای اجتماعی شناور و اسکرول با کلیک روی منو
Making floating social icons and scroll on menu click
ساخت وبسایت استارتاپ با HTML، CSS و Bootstrap
Build Startup Website With HTML, CSS And Bootstrap
مرور کلی پروژه وبسایت استارتاپ
Overview of startup website project
تنظیم فایلهای Bootstrap و ساخت منوی ناوبری
Bootstrap files setup and making of navigation menu
ایجاد بخش بنر وبسایت
Create banner section of website
ایجاد بخش خدمات با افکت هاور
Create services section with hover effect
ایجاد بخش ویژگیها و کاوش در وبسایت
Create feature and explore section on website
ساخت بخش نظرات مشتریان به سبک اسلایدر
Make customer review section in slider style
ساخت فوتر با فرم اشتراک ایمیل
Make footer with email subscription form
ساخت یک وبسایت آژانس دیجیتال با استفاده از HTML، CSS و Bootstrap
Build a digital agency website using HTML, CSS and Bootstrap
مرور کلی پروژه وبسایت آژانس دیجیتال
Overview of Digital Agency website project
تنظیم فایلهای پایه و ایجاد منوی ناوبری واکنشگرا
Basic files setup and responsive navigation menu creation
ایجاد بخش بنر با الگوی موج در پایین
Create banner section with wave pattern at bottom
ایجاد بخش خدمات با ستونهای واکنشگرا در وبسایت
Create services section with responsive columns on website
ایجاد بخش درباره ما با محتوای سبک لیست در وبسایت
Create about section with list style contents on website
ساخت نظرات زیبای مشتریان در وبسایت
Create beautiful client testimonials on website
افزودن آیکونهای شبکههای اجتماعی و ساخت فوتر وبسایت
Add social media icons and website footer creation
افزودن افکت اسکرول با کلیک روی منو
Adding scroll effect on menu click
ساخت وبسایت تناسب اندام با انیمیشن
Build Fitness Website with Animations
مرور کلی وبسایت تناسب اندام انیمیشنی
Overview of Animated Fitness Website
ایجاد بخش هدر وبسایت تناسب اندام
Create Header section of fitness website
ایجاد بخش درباره ما و خدمات در وبسایت
Create About and services section on website
ایجاد بخش ویژگیها با آیکون
Create features section with icons
ایجاد بخش نظرات کاربران با آیکون اجتماعی و نام کاربری
Create user review section with social icon and username
ساخت فرم اشتراک ایمیل در وبسایت
Crate email subscription form on website
ایجاد فوتر وبسایت با چهار ستون
Create footer of website with four columns
افزودن قابلیت اسکرول صفحه با کلیک روی منو
Add page scroll feature on menu click
انیمیت کردن تمام عنوانها، آیکونها و تصاویر در وبسایت
Animate all titles, icons and images on website
ساخت وبسایت تجاری با HTML، CSS و Bootstrap
Build Business Website with HTML, CSS and Bootstrap
مرور کلی پروژه وبسایت تجاری
Overview of business website project
تنظیم فایلها و ساخت منوی ناوبری
Files setup and navigation menu creation
ایجاد اسلایدر تصاویر با نشانگر اسلاید و آیکونهای کنترل
Create images slider with slide indicator and control icons
ایجاد بخش درباره ما با نوار مهارتها
Create about us section with skills bar
ایجاد بخش خدمات با تصویر پسزمینه ثابت
Create services section with fixed background image
ایجاد بخش تیم ما با افکت هاور و آیکونهای اجتماعی
Create our team section with hover effect and social icons
ایجاد جدول قیمتها و بخش فراخوان به اقدام
Create price table and call to action section
ایجاد بخش نظرات مشتریان با افکت هاور زیبا
Create client testimonial section with beautiful hover effect
ساخت فرم تماس و اطلاعات تماس در وبسایت
Crete contact form and contact information on website
ایجاد پیام حق نشر فوتر و افکت اسکرول صفحه
Create footer copyright message and page scroll effect
آپلود وبسایت در سرور آنلاین
Upload website on online server
نحوه آپلود وبسایت در سرور آنلاین
How to upload website on online server
GreatStack by Avinash
نمایش نظرات