آموزش طراحی و بهینه‌سازی وب‌سایت‌های واکنش‌گرا با HTML5 و Bootstrap - آخرین آپدیت

شروع کار با وب‌سایت Kickstarting the Website

• مقدمه‌ای بر ساخت وب‌سایت Introduction to Building Website

• لینک کردن فایل بوت‌استرپ Linking Boot Strap File

• ساخت لوگوی وب‌سایت Creating Website Logo

• تبدیل لوگو به فرمت SVG Converting Logo to SVG

• استایل‌دهی به لوگو Styling the Logo

• شخصی‌سازی لوگو Customizing the Logo

منوبار و بهبودهای بصری Navigation & Visual Enhancements

• موقعیت‌دهی به لینک‌ها Positioning the Link

• تغییر افکت‌های لینک Changing the Effects of Link

• شخصی‌سازی پس‌زمینه Customizing the Background

• استایل‌دهی به منوها Styling the Navigations

• تغییر رنگ لوگو Changing the Logo Color

• بررسی کلی سایت Checking the Oerview of Site

• استفاده از اسلایدر بوت‌استرپ در سایت Bootstrap Slider in Website

• مقیاس‌بندی تصویر برای فایل Scaling Image to File

• اسلاید داده‌ها در وب‌سایت Data Sliding in Website

• حاشیه‌ها (Margin) در نوار منو Margins in Nav Bar

ساخت محتوا و چیدمان Crafting Content & Layouts

• افزودن متن به وب‌سایت Adding Text on website

• متن روی تصویر Text on the Image

• موقعیت‌دهی به نوار متنی Positioning the Text Strip

• تغییر رنگ Changing the Color

• کار بر روی محتوا Working on the Content

• تغییر اندازه تصویر Resizing the Image

• موقعیت‌دهی به تصویر دوم Positioning the Second Image

• متن روی تصویر دوم Text on top of the Image

• موقعیت‌دهی به متن‌های جزئیات Positioning Detailed Text

• موقعیت‌دهی به دو متن مجزا Positioning Two Text

• افزودن لیست در ناحیه محتوا Adding List in the Content Area

• افزودن تصویر و متن Adding Image and Text

• کار روی لیست افزوده شده Working on the Added List

• کار روی فواصل تصاویر Working on the Image Gaps

• افزودن به دستگاه‌های سفارشی Adding to the Custom Devices

فوتر، پرداخت نهایی و واکنش‌گرایی Footer, Polishing & Responsiveness

• ساخت فوتر برای مرورگر Creating a Footer to the Browser

• کار با بلوک‌های فوتر Working with Footer Blocks

• ایجاد قابلیت اشتراک‌گذاری در شبکه‌های اجتماعی Creating a Social Media Sharing

• تغییر اندازه فونت آیکون‌ها Changing the Icon Font Size

• تراز کردن لوگو در فوتر Aligning the Logo on Footer

• زیباسازی و طراحی فوتر Beautifying and Designing the Footer

• تنظیم تصویر در فوتر Fixing the Image on Footer

• افزودن رنگ پس‌زمینه Adding Background Color

• موقعیت‌دهی و تراز کردن متن Positioning and Aligning the Text

• استایل‌دهی به متن و لوگو Styling the Text and Logo

• تغییر اندازه بخش هدر Resizing the Header Portion

• کار بر روی اندازه فونت و ارتفاع Working on the Fontsize and Height

• معکوس کردن موقعیت ستون‌ها Reversing the Position of Columns

• حذف نمایش تصویر اضافی Display none for extra image

• بررسی فواصل اضافی Figuring the extra distance

• کاهش پدینگ (Padding) تصاویر Decreasing the padding in images

• تغییر اندازه فونت متن‌ها Changing font size of text

• تنظیم ارتفاع تصویر Adjusting height of image

• کار با نوار منو و محتوا Working with the navbar & content

• قرار دادن دکمه تاگل (Toggle Button) Placing the Toggle Button