ابتدا این سوال را از خود بپرسید، طراحی سایت چیست ؟

برای مشاوره با شماره 09136000415 تماس بگیرید.

برای پاسخ به این سوال ، ابتدا باید سوال دیگری را مطرح کنم ، برای چه سایت می خواهید؟

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

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

یک طراح وبسایت چه ویژگی ها و تخصص هایی  داشته باشد؟

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

باتوجه به اینکه کاربران و مشتریان ، فقط ظاهر سایت را مشاهده می کنند، طراحی گرافیکی سایت و به اصطلاح Ui and UX Design از اهمیت بالایی برخوردار است. رنگ های استفاده شده در سایت، فونت ها، طراحی متناسب با نوع برند،  رابط کاربری مناسب و ... تاثیر بسزایی در طراحی سایت  می گذارد. طراحی اصولی می تواند باعث ترغیب به خرید یک جنس از شما کند.

برنامه نویس Front End وظیفه کد نویسی های سمت کاربر را برعهده دارد. طراحی و کد نویسی  قالب، طراحی انیمیشن های سایت، برقراری ارتباط با سرور و ... از وظایف این برنامه نویس می باشد.

برنامه نویس Back End نیز وظیفه کد نویسی های سمت سرور را برعهده دارد. زمانی که  کاربر روی دکمه ثبت  کلیک کند چه اتفاقی بیافتد، کاربر پراز وارد کردن اطلاعات به کدام صفحه هدایت شود و تمام سناریو های سایت برعهده این برنامه نویس است.

طراح پایگاه داده، باید قدرت زیادی در تجزیه و تحلیل نیازمندی های سایت  و همچنین تجربه زیادی در طراحی پایگاه داده داشته باشد. تا کمترین پیچیدگی را در طراحی پایگاه داده داشته باشیم.

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

چرا طراحی سایت اصفهان؟

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

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

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

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

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

توضیحات دوره های آموزش طراحی سایت گروه طراحی اصفهان به شرح زیر می باشد:

1. مفاهیمHTTP و HTML
   • نگاهی بهphp
   • دیتابیس ها
   • وب سرورها
2. راه اندازی محیط توسعه
   • راه اندازی محیط توسعه بر روی ویندوز
   • Xammp
   • نگاهی به بخش های مختلف Xammp
   • پیکربندی Xammp
   • معرفی IDE ها
   • تست کردن سیستم نصب شده
3. شروع کار با  PHP
   • ساختار PHP
   • بررسی Syntax
   • متغیرها
   • تعریف متغر های محلی
   • تعریف متغیر جهانی
   • متغیر های SuperGloabal
   • توابع echo  و print
   • انواع داده ها
   • معرفی var_dump
   • کار با رشته ها (Strings)
   • کاراکتر های ‘  و “ و .
   • تعریف و استفاده از ثابت ها
   • بررسی انواع اپراتورها
   • آشنایی با اپراتورهای + - * . % / && || ,
   • دستورات شرطی
   • If Else                   
   • Switch Case
   • عملگر ?
   • بررسی انواع حلقه ها
     • While
     • Do while
     • For
     • foreach
4. تابع ها در PHP
   • بررسی کاربرد تابع
   • تعریف یک تابع
   • بازگرداندن یک مقدار
   • تعریف تابع دارای پارامتر ورودی
   • بازگرداندن یک Array
   • پاس دادن پارامتر بصورت Reference
   • بازگرداندن متغیرهای Global
   • فراخوانی توابع با نام آنها
5. Array ها در PHP
   • آرایه های عددی
   • آرایه های Associative
   • نحوه دسترسی به ایندکس های آرایه
   • استفاده از تابع های مربوط به Array ها
   • تابع is_array‎
   • تابع count‎
   • تابع shuffle‎
   • تابع end‎
   • تابع in_array‎
   • تابع array_diff
   • تابع array_search
   • مرتب سازی آرایه ها
   • معرفی تابع های  print_r
6. ترکیب HTML و PHP
   • استفاده از PHP Parser در HTML
   • تابع echo
   • تبدیل قالب HTML به PHP
   • کار با  include
   • کار با  include_once
   • کار با  require
   • کار با  require_once
   • جدا سازی بخش های مختلف قالب
   • تبدیل بخش ها به فایل های PHP
   • جلوگیری از تکرار بخش های مختلف قالب
7. فرم ها و دریافت اطلاعات از کاربر
   • بررسی From ها
   • بررسی متد html  برای پردازش فرم
   • POST 
   • GET                                
   •  QueryString
   • نحوه ارسال اطلاعات فرم
   • المنت های مورد استفاده در فرم های ورودی
   • انواع inputو submit
   • دریافت اطلاعات Form ها توسط PHP
   • از طریق ‎$_POST
   • از طریق ‎$_GET
   • از طریق $_REQUEST
   • تابع isset,empty
8. کار با فایل ها
   • فایل
   • چک کردن وجود داشتن فایل
   • باز کردن فایل
   • خواندن از فایل
   • نوشتن در فایل
   • بستن فایل
   • دایرکتوری
   • چک کردن وجود یک دایرکتوری
   • ایجاد
   • خواندن تمام فایل های موجود در دایرکتوری
   • کپی کردن فایل ها
   • جابجا کردن فایل ها
   • حذف کردن فایل ها
   • file_get_contents
   • file_put_contents
9. دیتابیس
   • بررسی مفاهیم دیتابیس
   • phpMyAdmin
   • مبانی MySQL
   • مروری بر اصطلاحات دیتابیس ها        
   • ایجاد یک جدول
   • شرح دادن اطلاعات جدول
   • حذف یک جدول
   • افزودن داده ها
   • بازخوانی داده ها
   • به روز رسانی داده ها
   • حذف کردن داده ها
   • Query  های دیتابیس
   • کار با Stored Procedure ها
   • نگهداری از دیتابیس
   • ایجاد نسخه پشتیبان از دیتابیس
   • برگرداندن دیتابیس از نسخه پشتیبان
   •  Import دیتابیس های با حجم بالا
10. ارتباط PHP با دیتابیس
    • ارتباط PHP با MySql
    • توابع  mysqli
    • Mysqli_connect        
    • Mysqli_select_db
    • Mysqli_query 
    • Mysqli_fetch_all      
    • کار با انواع دیتابیس ها با روش pdo
    • معرفی چندین درایور دیتابیس های معروف
    • کار با کوئری های pdo
11. Session
    • معرفی Session 
    • کاربردهای Session
    • تابع session_start
    • بررسی ‎$_SESSION
    • نحوه ساخت یک SESSION
    • نحوه از بین بردن SESSION
    • پایان دادن Session
    • کار با تابع session_unset
    • کار با تابع session_destroy
12. Cookie
    • معرفی cookie
    • بررسی کاربردهای cookie
    • تابع set_cookie
    • ایجاد cookie
    • بررسی ‎$_COOKIE
    • دسترسی به یک cookie
    • از بین بردن cookie
13. کار با تاریخ وزمان
    • تابع date
    • تعیین فرمت خروجی
    • تغییر TimeZone
    • تبدیل یک رشته به زمان
    • عملیات های منطقی بر روی زمان
14. امنیت در php
    • بررسی انواع هش کردن
    • هش کردن اطلاعات
    • جلوگیری از sql injection ها
    • اعتبار سنجی اطلاعات دریافتی
    • Trim   
    • Stripslashes
    • Htmlspecialchars      
15. مباحث شی گرایی در php
    • توضیح کامل مربوط شی گرایی
    • ساخت کلاس و استفاده از آن
    • ساخت اینترفیس ها
    • namespace ها
    • استفاده از namespace ها
    • روش های فراخوانی namespace ها
    • تعریف متد ها و فیلد های استاتیک
    • ارث بری
    • this
    • Extends                  
    • Self
    • parent

برنامه نویسی وب با PHP و MySql و jQuery ،از مقدماتی تا پیشرفته

• مفاهیم وب
• ایجاد وب سرور و دیتابیس سرور
• انواع متغیر ها
• کار با آرایه ها و عبارت های شرطی
• توابع
• ایجاد صفحات وب در php
• کاربا فرم ها
• کار با فایل
• معرفی و استفاده از mysql
• ارتباط php با mysql
• Session و cookie
• مفاهیم امنیتی
• آشنایی با مفاهیم شی گرایی
• طول مدت دوره : 30 ساعت (هر جلسه 3 ساعت)

شهریه: 600,000 تومان

• آموزش JavaScript
• شروع کار با jQuery
• آشنایی و کار با jQuery Selector
• مدیریت رویدادها
• دستکاری در محتوای Dynamic صفحات با jQuery
• جلوه های بصری و انیمیشن
• آشنایی با Ajax
• تکنیک های Ajax
• تشخیص مشخصات دستگاه نمایش دهنده
• آشنایی با Bootstrap و اجزا آن
• طراحی Responsive چیست و چه استاندارد هایی دارد
• شروع استفاده از Bootstrap
• ساختار Grid ها در Bootstrap
• استفاده از Web Font ها در طراحی
• Component ها
• منو ها و ...

طراحی وب با JavaScript , jQuery , Bootstrap (پیشرفته)

• آموزش JavaScript
• آموزش jQuery
• آموزش Bootstrap
• آموزش Ajax با استفاده از jQuery
• آموزش طراحی Responsive
• استفاده از Web Font ها در طراحی

طول مدت دوره : 21 ساعت (هر جلسه 3 ساعت)

شهریه: 400,000 تومان

1. آشنایی با مبانی طراحی وب HTML5 و CSS3
   • آشنایی با HTML و XHTML
     • Tag ها و Element ها
     • Attribute چیست
   • ساختار یک فایل HTML
     • اعلان XML
     • اعلان نوع Document
     • المنت <html>
     • المنت <head>
     • المنت <title>
     • المنت <metatag>
     • المنت <body>
   • کار با متن و محتوا
     • ایجاد سرصفجه ها با استفاده از المنت <hn>
     • تشریح Attribute
     • ایجاد پاراگرف ها با استفاده از المنت <p>
     • ایجاد خط فاصله با استفاده از المنت <br />‎
     • ایجاد متن از پیش فرمت شده با استفاده از المنت <pre>
   • المنت های نمایشی (MarkUp Elements)
     • النمت <b>
     • النمت <i>
     • النمت <sup>
     • النمت <sub>
     • النمت ‎<hr />‎
   • النمتهای جمله ای
     • النمت <em> برای افزودن تاکید
     • النمت <strong> برای افزودن تاکید قوی
     • النمت <address> برای افزودن آدرس
     • النمت <acronum> برای افزودن اختصارها
     • النمت <blockquote> برای نقل قول کردن
     • النمت <q> برای نقل قول های کوتاه
     • النمت <code> برای نمایش سورس کد
   • لیست ها
     • استفاده از النمت <ul> برای ایجاد لیست های فاقد شمارش
     • لیست های دارای شمارش
     • لیست های Definition
     • لیست های تو در تو
   • Comment ها
   • آشنایی با النمتهای Block و Inline
   • گروه بندی کردن النمتها با استفاده از <div> و <span>
2. تشریح و کار با CSS
   • آشنایی با CSS
     • یک مثال ساده
     • ارث بری
   • روش های مختلف استفاده از CSS در صفحه
     • النمت <link>
     • النمت <style>
     • مزایای CSS های External
   • واحد های اندازه گیری در طراحی وب
     • واحدهای نسبی
     • واحدهای مطلق
     • درصدها
   • لینک ها و پیمایش
     • آشنایی با URL ها
       • URL های Absolute
       • URL های Relative
     • ایجاد لینک با استفاده از النمت <a>
       • لینک کردن به دیگر Web Page ها
       • لینک کردن به آدرس های ایمیل
       • لینک کردن به ایمیل ها به صورت پیشرفته
   • استفاده از تصاویر، صدا، و ویدئو در صفحات وب
     • افزودن تصویر با استفاده از النمت <img>
       • صفت srv
       • صفت alt
       • صفت های height و width
       • صفت longdesc
     • استفاده از تصاویر به عنوان لینک
   • جدول ها
     • آشنایی با جدول ها
       • النمت <table> برای ایجاد یک جدول
       • النمت <tr> برای افزودن ردیف به جدول
       • النمتهای <td> و <th> برای افزودن سلول به ردیف ها
     • افزودن یک <caption> به جدول
     • گروه بندی کردن بخش هایی از یک جدول
       • span کردن ستون ها با استفاده از صفت colspan
       • span کردن ردیف ها با استفاده از صفت rowspan
       • تقسیم کردن یک جدول با استفاده از Head، Body و Foot
       • به اشتراک گذاری استایل ها با استفاده از النمت <col>
     • جدول های تو در تو
   • طراحی فرم ها در HTML5
     • آشنایی با فرم ها
     • ایجاد یک فرم با استفاده از النمت <form>
       • صفت action
       • صفت method
       • صفت id
       • صفت name (منسوخ شده)
       • صفت onsubmit
       • صفت onreset
       • صفت enctype
       • صفت accept-charset
       • تشریح accept
       • تشریح target
       • White Space و النمت <form>
     • کنترل های قابل استفاده در فرم ها
       • ورودی متن
       • دکمه ها
       • چک باکس ها
       • دکمه های رادیویی
       • باکس های انتخاب
       • باکس های انتخاب فایل
       • کنترل های مخفی
     • ایجاد لیبل برای کنترل های با استفاده از النمت <label>
     • سازماندهی فرم ها با استفاده از النمتهای <fieldset> و <legend>
     • فوکوس
       • ترتیب گردش Tab
       • Access Key ها
     • کنترل های غیرفعال و فقط خواندنی
     • ارسال داده های فرم به سرور
       • HTTP Get
       • HTTP Post
   • مشخصه های CSS
   • کنترل کردن متن
     • مشخصه font-family
     • کار با font-size
     • کار با font-weight
     • کار با font-style
     • کار با font-variant
     • کار با font-stretch
     • کار با font-size-adjust
   • فرمت کردن متن
     • کار با color
     • کار با text-align
     • کار با vertical-align
     • کار با text-decoration
     • کار با text-ident
     • کار با text-shadow
     • کار با text-transform
     • کار با letter-spacing
     • کار با word-spacing
     • کار با white-space
     • کار با direction
   • کلاس های شبه متن
     • شِبهِ کلاس first-letter
     • شِبهِ کلاس first-line
   • Selector ها در CSS3
     • انتخابگر Universal
     • انتخابگر Type
     • انتخابگر Class
     • انتخابگر ID
     • انتخابگر فرزند
     • انتخابگر Descendant
     • انتخابگر هم نوع مجاور
     • انتخابگر هم نوع عمومی
     • انتخابگر تشریح
3. لینک ها
4. پس زمینه ها
   • کار با background-color
   • کار با background-image
   • کار با background-repeat
   • کار با background-position
   • کار با background-attachment
   • کار با background (شکل کوتاه)
5. لیست ها
   • کار با list-style-type
   • کار با list-style-position
   • کار با list-style-image
   • کار با list-style (شکل کوتاه)
6. جدول ها
   • کار با های خاص جدول ها
   • کار با border-collapse
   • کار با border-spacing
   • کار با empty-cells
   • کار با caption-side
   • کار با table-layout
7. Outline ها
   • کار با outline-width
   • کار با outline-style
   • کار با outline-color
   • کار با oultine (شکل کوتاه)
8. psudo کلاس ها در CSS3 ‎:focus و ‎:active
9. کار با های دیگر
   • کار با cursor
   • کار با display
   • کار با visibility
10. ماژول ها در CSS3
    • قاعده ‎@Import : ماژولار کردن Style Sheet ها
    • قاعده ‎!important
    • قاعده ‎@charset
11. مختصات دهی و چینش با استفاده از CSS
    • Flow عادی
    • کار با Position
    • کار با های Box Offset
    • مختصات دهی بصورت Relative
    • مختصات دهی Fixed
    • کار با z-index
    • شناور کردن با استفاده از کار با float
    • کار با clear
12. آشنایی با HTML 5

طراحی وب با HTML5 و CSS3 (مقدماتی)

مطالب مهم این دوره:

• آموزش HTML5 و XHTML بصورت کامل و اصولی
• آموزش CSS3 بصورت کامل و تخصصی
• طراحی انواع قالب های وب سایت
• آموزش طراحی با استفاده از Div و CSS (طراحی بدون Table)
• بهینه سازی و کم حجم کردن (Optimization) تصاویر بدون تغییر در کیفیت آنها
• بهینه سازی و کم حجم کردن (Optimization) سایت
• طراحی سایت بر اساس استانداردهای W3C

طول مدت دوره : 12 ساعت (هر جلسه 3 ساعت)

شهریه: 200,000 تومان