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

توضیحات مختصر محصول
  • طراحی صفحات وب

  • این دوره و پکیج آموزشی هیچ پیش نیازی ندارد، از سطح پایه و با زبانی ساده تدریس شده است.
  • نرم افزارها و ابزارهای بسیاری برای طراحی صفحات وب وجود دارند که با استفاده از آنها می توانید وب سایت خود را طراحی نمایید. البته طراحی سایت به صورت حرفه ای نیاز به تخصص و تجربه فراوان دارد

به طور کلی به فرایند ایجاد یک وب سایت ، طراحی صفحات وب می گویند . طراحی وب شامل بسیاری از مهارت ها و رشته های مختلف در تولید و نگهداری وب سایت ها می شود.طراحی صفحات وب شامل طراحی گرافیک وب، طرح بندی صفحه وب ، بهینه سازی موتور جستجوگر و تولید محتوا می باشد

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

طراحی سایتهای اینترنتی تا حد زیادی بستگی به موارد استفاده آن سایت و نیازهای کاربران آن دارد. اگر در طراحی سایت نیاز کاربران در نظر گرفته نشود و یا نیازها به صورت روشن مشخص نشوند نباید انتظار داشت تا سایت کارایی لازم را داشته باشد.

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

 

 

 

  • فصل اول : آموزش صفر تا صد 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

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

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

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

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

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

نمایش بیشتر
قیمت محصول

تومان50,000