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

(شعبه فردیس)

عنوان دوره:

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


مدت دوره:

3 الی 4 ماه


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

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


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

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


طراحی و پیاده سازی سایت

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

  • سایت فروشگاهی
  • سایت شرکتی
  • سایت خبری
  • سایت شخصی

اینترنت دنیای گسترده ای دارد.اما در این دوره سعی شده تا با توجه به نیاز روز دنیا و بخصوص بازار کار در ایران، مباحثی به صورت کاملا کاربردی در خصوص طراحی و پیاده سازی سایت بصورت پروژه محور تدریس گردد. به طوریکه بتوان در مدت زمان کوتاهی وارد بازار کار شد و کسب درآمد نمود.

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

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

دسته دوم افرادی هستند که تمایل به یادگیری نحوه کدنویسی و ساخت پوسته های مورد نیاز خود دارند. دوره ای که در حال مطالعه آن هستید ( دوره آموزش طراحی و پیاده سازی سایت )، خاص اینگونه از افراد طراحی و تهیه گردیده است که با ثبت نام و شرکت در این دوره میتوانید با جزئیات مباحث طراحی و کدنویسی وب آشنا گردید و در نهایت سایتی که با سلیقه خودتان طراحی شده را پیاده سازی نمایید.

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

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


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

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


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

  • هرکدام از انواع سایتهای خبری، فروشگاهی و شرکتی را طراحی و پیاده سازی نمایید.
  • بعنوان طراح سایت در شرکت های برنامه نویسی و طراحی سایت مشغول به کار شوید.
  • پروژه هایی را برای مشتریان خود بصورت مجزا انجام دهید و در قالب 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)

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

متقاضی شرکت در دوره هستم