آموزش ساخت یک سایت نمونه کارها Responsive

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

• نحوه استفاده از فایل های تمرینی How to use exercise files

• آنچه باید قبل از شروع بدانید What you need to know before you begin

1. شروع کار 1. Getting Started

• پروژه خود را برنامه ریزی کنید Planning your project

• چارچوب اسکلت را بارگیری کنید Downloading the Skeleton framework

• تنظیم سند HTML خود Setting up your HTML document

• اسناد CSS خود را تنظیم و پیوند دهید Setting up and linking your CSS documents

• فونت های Google را به پروژه خود اضافه کنید Adding Google fonts to your project

• فونت عالی را به پروژه خود اضافه کنید Adding Font Awesome to your project

2. تخمگذار کار زمینی 2. Laying the Groundwork

• درک چارچوب اسکلت Understanding the Skeleton framework

• طرح خود را با استفاده از شبکه Skeleton بسازید Building your layout using the Skeleton grid

• درج محتوا در ظروف خود Inserting content into your containers

3. طراحی وب سایت شما 3. Styling Your Website

• ساختن فهرست محتویات CSS Building a CSS table of contents

• عنوان سایت خود را طراحی کنید Styling the header of your site

• تعریف سبک های تایپوگرافی خود Defining your typography styles

• تنظیم سبک های خاص تصویر Setting image-specific styles

• ایجاد یک عنصر آرم CSS Creating a CSS logo element

• نمادهای آیکون رسانه های اجتماعی Styling social media icons

• پاورقی Styling the footer

4- اضافه کردن جلوه Lightbox 4. Adding a Lightbox Effect

• بارگیری با شکوه Downloading Magnific Popup

• پیوند دادن پرونده های سبد CSS و JavaScript Linking the lightbox CSS and JavaScript files

• افکت سبد را به HTML خود اضافه کنید Adding the lightbox effect to your HTML

• یک اثر بزرگنمایی به سبد اضافه می شود Adding a zoom effect to the lightbox

5- پاسخگویی نهایی 5. Finalizing Responsiveness

• پاسخگویی وب سایت خود را آزمایش کنید Testing your website's responsiveness

• جستجوی رسانه ها Tweaking your media queries

• بررسی پروژه نهایی Exploring the final project

نتیجه Conclusion

• از اینجا به کجا بروم Where to go from here