آموزشگاه کبیری

( شعبه شهریار )

عنوان دوره:

آموزش طراحی سایت


مدت دوره:

3 الی 4 ماه


روزهای برگزاری:

روزهای زوج (به منظور هماهنگی با اکثریت دانشجویان دوره، روزهای برگزاری دوره قابل تغییر میباشد)


ساعت تشکیل کلاس:

17 الی 20 (به منظور هماهنگی با اکثریت دانشجویان دوره، ساعات برگزاری دوره قابل تغییر میباشد)


  • اگر قصد دارید یک فروشگاه اینترنتی مطابق با سلیقه خود طراحی و پیاده سازی کنید
  • اگر قصد دارید یک سایت شرکتی مطابق با سلیقه خود طراحی و پیاده سازی کنید
  • اگر قصد دارید یک سایت خبری مطابق با سلیقه خود طراحی و پیاده سازی کنید
  • اگر تمایل دارید بعنوان طراح سایت وارد بازار کار شوید:

این دوره ( آموزش طراحی سایت ) قطعاً برای شما مفید می باشد

 


پس از گذراندن این دوره شما قادر خواهید بود:

  • هرکدام از انواع سایتهای خبری، فروشگاهی و شرکتی را طراحی و پیاده سازی نمایید.
  • بعنوان طراح سایت در شرکت های برنامه نویسی و طراحی سایت مشغول به کار شوید.
  • پروژه هایی را برای مشتریان خود بصورت مجزا انجام دهید و در قالب Freelancer وارد بازار کار طراحی و پیاده سازی وبسایت شوید.

  • آشنایی با مفاهیم مقدماتی
    • Web page
    • Website
    • Domain Name
    • Host
      • Linux
      • Windows
    • CDN
    • SEO
    • Static Website
    • Dynamic Website
  • Wireframe
  • Sketch
  • ترسیم نقشه راه برای طراحی و پیاده سازی وب سایت
  • UI
  • UX
  • روانشناسی رنگها جهت استفاده در طراحی سایت
  • آشنایی با سبکهای مختلف طراحی سایت (Flat, Materialize, …)
  • بررسی موضوع درآمدزایی در طراحی وب سایت و ارزش مالی پروژه ها
  • آشنایی با انواع نرم افزارهای گرافیکی
  • آشنایی با نرم افزار فتوشاپ
  • HTML چیست؟
  • آشنایی با CSS
  • نقش JavaScript
  • بکارگیری HTML, CSS و جاوا اسکریپت در کنار یکدیگر و آشنایی با نقش هر یک در تولید صفحات وب
  • HTML:
    • TAG چیست؟
    • ساختار کلی صفحات وب
    • آشنایی با تگهای HTML و نحوه استفاده از آنها
      • تقسیم بندی صفحه با استفاده از div
      • دریافت داده ها از ورودی و ارسال به سرور
        • <form></form>
        • آشنایی با ویژگی های form:
          • Action
          • Method
          • Name
        • تگ های مربوط به ساخت فرم
          • <Input>
            • خصوصیت Type چیست؟
            • انواع Type در تگ input
              • Text
              • Password
              • Number
              • Time
              • Date
              • Button
              • Submit
              • Reset
              • Email
              • File
              • Radio
              • Search
              • url
            • آشنایی با برخی خصوصیات تگ input
              • Max
              • Min
              • Pattern
              • Placeholder
              • Disabled
              • Readonly
              • Checked
              • Maxlength
              • Required
              • Size
            • <label></label>
          • ساخت جدول
            • <Table></Table>
            • <tbody></tbody>
            • <th></th>
            • <tr></tr>
            • <td></td>
    • SEO چیست؟
      • تأثیرات برخی تگ ها در SEO
        • اولویت تگ های h1 تا h6 و رابطه و نقش آنها در SEO
        • چگونگی نمایش تصویر بصورت صحیح در چارچوب استاندارد SEO
        • تگ Meta چیست و چه کاربردی دارد؟
          • نقش Meta در SEO
  • آشنایی با CSS
  • شکل کلی دستورات CSS
  • نحوه استفاده از دستورات CSS در صفحه HTML
    • Inline style
    • Internal style sheet
    • External style sheet
  • آشنایی با دستورات CSS
  • Color
    • انواع مقداردهی رنگ
    • rgba
  • Background
  • آشنایی با واحدهای اندازه گیری
  • دستورات مربوط به تنظیم فونت ها
  • Direction
    • Rtl
    • Ltr
  • Class چیست؟
  • نحوه تعریف کلاس و مقداردهی به آن
  • Id چیست؟
  • چگونگی استفاده از id در صفحات وب
  • Border
    • Border-style
      • Dotted
      • Dashed
      • Solid
    • Border-width
    • Border-color
    • Top-border
    • Bottom-border
    • Left-border
    • Right-border
    • Border-radius
  • Margin
    • Margin-left
    • Margin-right
    • Margin-bottom
    • Margin-top
  • Padding
    • Padding-left
    • Padding-right
    • Padding-bottom
    • Padding-top
  • Text
    • Text-decoration
    • Text-align
      • Right
      • Left
      • Center
      • Justify
    • Line-height
    • Text-direction
    • Word-spacing
  • Height
  • Max-height
  • Min-heght
  • Width
  • Max-width
  • Min-width
  • Float
    • Right
    • Left
    • None
  • آشنایی با انواع نحوه قرارگیری اشیاء در صفحه
    • اشیاء Block level
    • اشیاء Inine level
  • Display
    • Inline
    • Block
    • Inline-block
    • None
  • Overflow
    • Hidden
    • Scroll
  • Opacity
  • Transition
  • Animation
  • Animation-delay
  • Animation-duration
  • @keyframes
  • responsive چیست؟
  • چگونه صفحه وب خود را responsive کنیم؟
  • @media
  • Framework چیست؟
  • آشنایی با انواع فریم ورکهای معروف
  • Bootstrap
  • نحوه استفاده از بوت استرپ در صفحه وب و راه اندازی آن
  • CDN چیست؟
  • آشنایی با تقسیم بندی صفحه در بوت استرپ
    • سایزهای مختلف در صفحات وب
    • آشنایی با کلاسهای container و row
    • آشنایی با کلاس col و نحوه استفاده از آن
    • آشنایی با امکانات bootstrap
      • Components
        • Alerts
        • Badge
        • Breadcrumb
        • Buttons
        • Card
        • Carousel
        • Collapse
        • Forms
        • Navbar
      • چگونگی استفاده از امکانات بوت استرپ در صفحه وب
      • تغییر استایل بوت استرپ مطابق با نیاز و سلیقه کاربر
    • Fontawsome چیست؟
    • مزایای استفاده از Fontawsome
    • نحوه دانلود و آماده سازی فایلهای لازم به منظور استفاده از Fontawsome در صفحات وب
    • چگونگی استفاده از تگ i در ایجاد آیکون های دلخواه
    • پیاده سازی صفحات طراحی شده و ساخت صفحات وب مربوط به آنها
    • Web server چیست؟
    • سیستم عامل های web server:
      • لینوکس
      • ویندوز
    • آشنایی با نرم افزار Xamp و Wamp
      • نصب و راه اندازی Xamp
        • Apache
        • MySQL
      • نحوه ساخت جدول در MySQL
  • CMS چیست؟
  • آشنایی با چند CMS معروف:
    • Drupal
    • Joomla
    • WordPress
    • Alfresco
    • ExpressionEngine
    • TextPattern
    • SilverStripe
    • TYPOlight
  • مقایسه برخی CMSهای معروف در Google Trends
  • نصب و راه اندازی WordPress
  • آشنایی اولیه با پنل WordPress
    • تنظیمات عمومی وردپرس
    • نمایش
      • پوسته ها (Themes)
      • نحوه تعویض پوسته سایت
      • چگونگی افزودن و یا حذف پوسته ها در وردپرس
      • ابزارک ها و نحوه افزودن و حذف آنها در سایت
    • (Post)نوشته ها
      • ساخت دسته جدید برای مطالب
      • حذف دسته مطالب
      • نحوه افزودن یک نوشته به دسته مورد نظر
      • ویرایش مطالب در وردپرس
    • رسانه
    • (Page)برگه چیست؟
      • نحوه افزودن و حذف برگه
    • ساخت فهرست مطالب
      • فهرست ها
        • ساخت منوی جدید در سایت
          • افزودن برگه ها به فهرست مطالب
          • استفاده از نوشته ها در منوی سایت
          • استفاده از پیوندهای دلخواه در منو
          • استفاده از دسته ها در افزودن آنها به منوها
        • نحوه ساخت زیرمنو
  • فهرست ریشه چیست؟
    • Public_html
    • Htdocs
    • www
  • نحوه تبدیل صفحات وب طراحی شده به پوسته وردپرس
  • آشنایی با زبان برنامه نویسی php
    • ساخت فایلهای php مورد نیاز
    • افزودن توضیحات مورد نیاز به ابتدای فایل css
    • ایجاد فایل png درکنار فایل ها
    • فشرده سازی پوسته تولید شده و افزودن آن به WordPress
  • قطعه بندی صفحات (جداسازی Header و Footer و Sidebar سایت)
  • نحوه داینامیک کردن صفخات سایت و اتصال آن به پنل وردپرس
    • آشنایی با چارت صفحات وب در وردپرس و اولویت آنها نسبت به یکدیگر
    • آشنایی با تگ <?php ?> جهت اجرای دستورات php
    • آشنایی با لیست برخی توابع در وردپرس
  • پویا کردن مسیر فایلهای CSS و JS
  • php چیست و چه کاربردی دارد؟
  • تعریف عنوان سایت بصورت داینامیک
  • متصل کردن منوهای سایت به پنل وردپرس و ساخت منوی جدید با استفاده از پنل مدیریتی وردپرس
  • افرونه (Plugin) چیست؟
  • نحوه نصب و حذف افزونه ها در WordPress
  • فعال/غیرفعال کردن افزونه ها
  • حالت تعمیر چیست و چه کاربردی دارد؟
  • آشنایی با افزونه maintenance و تنظیمات آن
  • Thumbnail چیست؟
  • سفارشی کردن سایز تصاویر در وردپرس
  • نحوه افزودن فیلدهای مورد نیاز با استفاده از افزونه:
    • wck-custom-fields-and-custom-post-types-creator
    • advanced-custom-fields
  • ساخت بخش مربوط به اسلایدر در WordPress
  • پویا کردن Widget boxها و افزودن تنظیمات مربوط به آنها در فایل php
  • ووکامرس (Woocommerce) چیست؟
  • نصب افزونه ووکامرس در WordPress
  • انجام تنظیمات ووکامرس و ساخت فروشگاه
  • آشنایی با برخی امکانات ووکامرس و نحوه استفاده از آنها:
    • ایجاد دسته های مورد نظر برای محصولات
    • تعریف محصول جدید در فروشگاه
      • آشنایی با انواع محصول
        • محصول ساده
        • محصولات گروهی
        • محصول خارجی/وابسته
        • محصول متغیر
        • مجازی
        • دانلودی
      • قیمت اصلی چیست؟
      • قیمت فروش فوق العاده چیست؟
      • تعریف انبار و فعال کردن مدیریت موجودی انبار در سطح محصول
      • نحوه تعریف محصولات مرتبط
    • حذف/ ویرایش محصولات فروشگاه
    • نحوه تعریف ویژگی های هر محصول (رنگ، سایز و …)
    • آشنایی با درگاههای بانکی
      • درگاه های واسط
      • درگاه های مستقیم
    • آشنایی با ویژگی های درگاههای واسط و مستقیم
    • ایجاد روش پرداخت بصورت آنلاین
    • دسترسی به بخش سفارشات و آشنایی با جزئیات آن
    • گزارشات
  • آشنایی با نحوه اتصال صفحه فروشگاه طراحی شده به ووکامرس
  • طراحی و پیاده سازی صفحه single مربوط به محصولات
  • ایجاد بخش نظرات (Comments) در صفحه single مربوط به محصولات
  • ایجاد بخش ویژگی های محصول در صفحه single مربوط به محصولات
  • تغییر استایل صفحه card متناسب با سلیقه کاربر
  • پیاده سازی و آپلود وب سایت بر روی Web Server:
  • آشنایی با انواع پنل ها برای وب سرورها
    • Cpanel
    • DirectAdmin
  • آشنایی با پنل Cpanel
    • ساخت آدرس ایمیل برای کاربران با استفاده از webmail
    • نحوه ورود کاربر به ایمیل خود و استفاده از امکانات webmail
    • آپلود پوشه ها و فایلهای وب سایت بر روی Cpanel
    • نحوه ایجاد Backup بر روی هاست و دانلود آن
    • چگونگی ایجاد نسخه پشتیبان بصورت خودکار

آشنایی با اینترنت و کامپیوتر در حد معمول (ICDL)

جهت آشنایی با مدرس این دوره کلیک نمایید

بایگانی

دسته‌ها