طراحی سایت

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

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

دانشجویان در دوره جامع آموزش طراحی سایت یا آموزش طراحی وب استاتیک ضمن یادگیری با زبان های پایه برنامه نویسی وب نظیر html و سایر اطلاعات کاربردی css و استاتیل ها، با java script و فریم ورک بوت استرپ و نرم افزار DreamWeaver و … نیز به صورت عملی آشنا خواهند شد.

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

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

مخاطبان دوره آموزش طراحی سایت

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

• وبلاگ نویسان و علاقمندان
• طراحان حرفه ای وب سایت
• نویسندگان محتوای وب
• بازاریابان
• توسعه دهندگان نرم افزار وب و برنامه نویسان

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

پس از اتمام این دوره آموزشی طراحی وب سایت، شما قادر خواهید بود به:

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

پیش نیازهای دوره

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

بازار کار طراحی سایت

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

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

در حال حاضر اکثر قریب به اتفاق تمامی ارگان های دولتی و شرکت ها دارای وب سایت می باشند و اطلاعات خود را از این طریق به شهروندان ارائه می کنند. این وب سایت ها به سه طرح ممکن است طراحی شده باشند :

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

ازجمله مشاغلی که برای متخصصین طراحی وب سایت وجود دارد:

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

توجه داشته باشید طراحی وب سایت در زمینه اشتغال بسیار وسیع می باشد و روز به روز در حال گسترش می باشد.

سرفصل های دوره

دوره آموزش جامع طراحی سایت شامل آموزش تمامی موارد زیر می باشد:

(HTML+CSS+JavaScript+jQuery+Bootstrap+Dreamwaver)

آموزشHTML(5),CSS3

• مقدمه ای بر اینترنت، وب و HTML
• درک مفهوم HTML
• نقش CSS در ساخت صفحات وب
• آشنایی با XHTML

عناصر سازنده صفحات وب

• آشنایی با المان، تگ، خاصیت و مقدار
• محتوای متنی یک صفحه وب
• لینک ها، تصاویر و محتوای غیرمتنی
• اسم فایلهای صفحات وب
• آشنایی با DOCTYPE و ضرورت استفاده از آن

ساخت اولین صفحه وب

• آشنایی با نرم افزارهای ساخت صفحات وب نظیر Dreamweaver
• استفاده درست و به جا از نرم افزارهای WYSIWYG
• مشاهده صفحه وب ساخته شده در مرورگرهای مختلف

ساختار اساسی HTML

• عنوان یک صفحه وب
• ساخت پاراگرافها
• آشنایی با Headerها
• نامگذاری المانها
• Encoding برای نمایش درست متنها
• کاراکترهای خاص در HTML

فرمت کردن متن درHTML

• نوشتن متن به صورت bold و italic
• تغییر سایز نوشته یک متن
• تصاویر در وب
• پسوندهای رایج تصاویر در وب
• آشنایی با نرم افزارهای کار با تصاویر
• آشنایی با نحوه لود شدن تصاویر در وب
• وارد کردن تصاویر درون یک صفحه وب
• تغییر سایز تصاویر توسط HTML
• آشنایی با متن جایگزین عکس
• لینک ها
• ساخت لینک ها در صفحه وب
• آشنایی با انواع لینکها
• نحوه آدرس به لینکها

لیست ها

• آشنایی با انواع لیست ها
• ساخت لیست های ترتیبی و غیرترتیبی
• ساخت لیست های توضیحی

جداول

• آشنایی با جداول و کاربردهای آن در صفحات وب ساخت اولین جدول
• تعیین حاشیه کنار جدول
• تعیین فاصله درونی و بیرونی سلول جدول
• ساخت جدولهای حرفه ای تر

فرم ها

• نقش فرم ها در صفحات وب
• ساخت اولین فرم
• ساخت دکمه های رادیویی و چک باکس ها
• فیلدهای مخفی و کاربردهای آن
• آشنایی با دکمه های Submit و Reset
• قراردادن عکس به جای دکمه تایید فرم
• فیلدهای فقط خواندنی

مقدمات کار باCSS

• درک مفهوم CSS و جایگاه آن در کنار HTML
• آشنایی با استایل ها و روش های مختلف نوشتن آن
• درک ساختار یک دستور CSS
• نوشتن دستورات CSS در کنار یکدیگر
• فرمت دهی متن و فونت توسط CSS
• تعیین نوع فونت مورد نظر
• تعیین سایز فونت
• آشنایی با ویژگی های یک فونت: style, weight, variant
• تعیین تورفتگی یک متن از کناره ها
• تعیین فاصله بین حروف و فاصله بین خطوط یک متن
• کار با CSS3
• تایپوگرافی
• افکت سایه
• انیمیشن در CSS3
• تعیین موقعیت المان ها
• آشنایی با انواع مختلف تعیین موقعیت یک المان و کاربردهای آن
• درست کردن ساختار (Layout) توسط CSS
• آشنایی با صفحات تک ستونی
• آشنایی با صفحات چندستونی
• ساخت صفحات دوستونی
• ساختار اسناد HTML5
• مالتی مدیا در وب
• مفهوم مالتی مدیا در وب
• استفاده ویدیو در وب
• کار با کنترلر های اشیاء ویدیو
• کار با media screen

آموزش بوت استرپ

• شروع کار با بوت استرپ
• کار با شبکه بندی در بوت استرپ
• کار با صفحه بندی در بوت استرپ
• و امکانات دیگر

آموزش جاوا اسکریپت

• آموزش شروع به استفاده از جاوااسکریپت
• مقدمه ای بر جاوااسکریپت
• ساختار کدهای جاوااسکریپت
• نوشتن دستورهای شرطی
• کارکردن با عملگرها
• بررسی حلقه ها و ساختار های کنترلی در جاوا
• حلقه سازی در جاوااسکریپت
• ساخت توابع در JavaScript
• کارکردن با رخدادها و Event Listener ها
• آشنایی با برخی خطاهای رایج جاوااسکریپت
• استفاده از جاوااسکریپت برای مدیریت داده های فرم ها
• جلوگیری از ارسال یک فرم با داده های نامعتبر به سرور
• متغیر ها در جاوا اسکریپت

آموزشJQuery

• مقدمه ای بر jQuery
• ایجاد یک صفحه ساده دارای jQuery
• بازیابی محتوای صفحه با jQuery
• انیمیشن ها و افکت ها در jQuery
• مخفی سازی و نمایش المان ها بوسیله jQuery

آموزش طراحی قالب با نرم افزار فتوشاپ

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