پکیج آموزشی ویدیوئی از صفر تا صد طراحی صفحات وب

طراحی صفحات وب

معرفی دوره در کلیپ زیر

فصل اول : آموزش صفر تا صد HTML

• مقدمه

• عناصر (Elements)

• خصوصیت ها (Attributes)

• عنوان ها یا سرتیترها (Heading)

• پاراگراف ها (Paragraphs)

• سبک ها (Styles)

• فرمت بندی متن (Text Formating)

• عناصر نقل قول و استناد (Quotation – Citation Elements)

• کامنت نویسی (Comments)

• رنگ ها (Colors)

• CSS

• لینک ها (Links)

• تصاویر (Images)

• جدول ها (Tables)

• لیست ها (Lists)

• عناصر بلوک و اینلاین (Block – Inline Elements)

• خصوصیت کلاس (Class Attribute)

• خصوصیت شناسه (ID Attribute)

• IFrames

• جاوااسکریپت (JavaScript)

• مسیرهای فایل (File Paths)

• عنصر Head

• طرح (Layout)

• طراحی واکنش گرا (Responsive)

• عناصر کامپیوتر کد (Computer Code Elements)

• موجودیت ها (Entities)

• نمادها (Symbols)

• رمزگذاری (Character Sets)

• رمزنگاری آدرس ها (URL Encode)

• XHTML

فصل دوم : فرم ها در HTML

• فرم ها (Forms)

• عناصر فرم (Form Elements)

• خصوصیت نوع در عنصر Input (Input Types)

• خصوصیت Action و متدهای Http در عنصر Inpue

• سایر خصوصیت ها در عنصر Input (Input Attributes)

• آشنایی با ویرایشگرهای متن

فصل سوم : آموزش صفر تا صد HTML 5

• مقدمه

• عناصر جدید (New Elements)

• عناصر معنایی (Semantic Elements)

• Migration

• راهنمای سبک و کنواسیون کد گذاری (Style Guid – Coding Conventions)

فصل چهارم : رسانه در HTML 5

• چندرسانه ای (Multimedia)

• ویدئو (Video)

• صوت (Audio)

• پلاگین ها (Plug-ins)

• یوتیوب و آپارات (YouTube – Aparat)

فصل پنجم : نکاتی بیشتر در HTML

• کدهای زبان (Language Code)

• پیام های وضعیت HTTP (HTTP Status Messages)

• آشنایی با عناصر دیگر HTML

فصل ششم : آموزش صفر تا صد CSS

• مقدمه

• Syntax

• نحوه ی استفاده

• رنگ ها (Colors)

• پس زمینه ها (Backgrounds)

• خاصیت Border

• حاشیه ها (Margins)

• خاصیت Padding

• عرض و ارتفاع (Height – Width)

• جعبه مدل (Box Model)

• خاصیت Outline

• متن (Text)

• فونت ها (Fonts)

• آیکن ها (Icons)

• لینک ها (Links)

• لیست ها (Lists)

• جدول ها (Tables)

• خاصیت Display (Display Property)

• خاصیت Max-width

• خاصیت Position

• خاصیت Overflow

• خاصیت Float و Clear

• مقدار inline-block در خاصیت Display

• خاصیت Horizontal & Vertical Align

• ترکیب کننده ها (Combinators)

• کلاس های Pseudo

• عناصر Pseudo

• Transparency: خاصیت Opacity و Filter

• نوارهای ناوبری (Navigation Bars)

• Dropdowns

• گالری تصاویر (Image Gallery)

• تصاویر اسپریت (Image Sprites)

• انتخابگرهای مشخصات (Attribute Selectors)

• فرم ها (Forms)

• شمارنده ها (Counters)

• طرح بندی وب سایت (Website Layout)

• واحدها (Units)

• Specificity

فصل هفتم : آموزش صفر تا صد CSS 3

• گرد کردن گوشه ها (Rounded Corners)

• پس زمینه ها (Backgrounds)

• رنگ ها (Colors)

• گرادیانت (Gradients)

• سایه ها (Shadows)

• افکت های متن (Text Effects)

• فونت های وب (Web Fonts)

• تبدیل های دو بعدی (۲D Transforms)

• تبدیل های سه بعدی (۳D Transforms)

• انتقالات یا گذار (Transitions)

• انیمیشن ها (Animations)

• راهنمایی ها (Tooltips)

• استایل دادن به تصاویر (Styling Images)

• خاصیت Object-fit

• دکمه ها (Buttons)

• صفحه بندی (Pagination)

• ستون های چندگانه (Multiple Columns)

• رابط کاربری (User Interface)

• متغیرها (Variables)

• اندازه دادن به باکس ها (Box Sizing)

• Flexbox

• کوئری های مدیا (Media Queries)

فصل هشتم : طراحی صفحات وب واکنشگرا

• مقدمه

• Viewport

• شبکه نمایش (Grid-View)

• کوئری های مدیا (Media Queries)

• تصاویر (Images)

• ویدئوها (Videos)

• فریم ورک ها (FramWorks)

فصل نهم : نکاتی بیشتر در CSS

• توابع (Functions)

فصل دهم : آشنایی با برخی از ابزارها

• رنگی کردن کدها با Prism

• استخراج قالب وب سایت ها با نرم افزار WinHTTrack

فصل یازدهم : پروژه ها

• فارسی سازی قالب های خارجی

• طراحی قالب در فتوشاپ و تبدیل آن به کد

• طراحی و پیاده سازی صفر تا صد قالب تک صفحه ای فارسی

• طراحی و پیاده سازی صفر تا صد قالب چند صفحه ای فارسی