• info@shidschool.com

Tag Archives: آموزش طراحی وب

web

آموزش طراحی وب

طرح درس طراحی وب سایت

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

فعالیت در حوزه وب به دو بخش کلی طرای وب و برنامه نویسی وب تقسیم می شود. ای تقسیم بندی از آن جا ناشی می شود که نرم اقزارهای مبتنی بر معاری وب دارای دو بخش هستند. بخش اول، بخش سمت مشتری (Client Side) بوده که فرد، در کامپیوتر شخصی خود به کمک یک نرم اقیزار به نام مرور گر که معمولا گوگل کروم و یا فایر فاکس است به بخش سرویس دهنده متصل شده واز او درخواست اطلاعات می کند. ایجاد آن بخش از نرم افزار تحت وب که مشتری در مرورگر خود می بیند را ما به اصلاح طراحی وب می نامیم . بنابر این طراحی وب تمام تکنیک ها و ابزارهایی است که به شما اجازه می دهد صفحات وبی را ایجاد کنید که مشتری با آن ها کار می کند، شما برای ایجاد صفحات وب می بایست دوره های HTML، CSS، JavaScript و jQuery را فرا گیرد.بخش دوم، بخش سرویس دهنده (Server Side) است. این بخش معمولا بر روی یک کامپیوتر راه  دور (Server) قرار دارد و کاربر از طریقی صفحات وب در مرورگر خود با این بخش ارتباط  برقرار می کند. برای ایجاد بخش سرویس دهنده یک نرم افزار تحت وب، شما می بایست برنامه نویسی وب را فرا بگیرد. برنامه نویسی وب تمامی ابزارها و تکنولوژی هایی است که به شما اجازه آن را می دهد که بخش سرویس دهنده یک وب سایت را ایجاد کنید. این بخش، اطلاعاتی که می بایست برای مشتری نمایش داده شوند را به مرورگر  او بر می گرداند و وظیفه اش سرویس دهی به مشتریان راه دور است. در این حوزه شما می توانید برنامه نویسی به زبان PHP یا ASP.NET و یا Java Web Programming  را  فرا گیرید. به طور کلی  زبان های برنامه  نویسی فراوانی وجود دارند که می توانید به کمک آن ها بخش سرویس دهنده را ایجاد نمایید.

سرفصل های آموزش طراحی وب سایت:

برای ایجاد صفحات وب می بایست دوره های مفاهیم وب، HTML، CSS، JavaScript   و jQuery را فرا گرفت.

دوره مفاهیم وب (web foundation):

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

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

مدت دوره:  ۵ ساعت

دوره HTML:

بوسیله HTML صفحات وب سایت را می توان ایجاد کرد. در این دوره با مفاهیم این زبان از جمله Tag، Attribute، class، idو … به صورت کاربردی آشنا می شوید.

جلسه اول :

  • مفاهیم و ساختار HTML، محیط های کد نویسی برای HTML، عناصر HTML، Attribute ها. هدف:(آشنایی با زبان HTML)

جلسه دوم :

  • Heading، Paragraphs، Formatting، computer code،Quotations. هدف: (ایجاد اولین صفحه)

جلسه سوم :

  • Lists،Tables، Images، links، Comments. هدف: ( آموزش تگ های اساسی و مهم HTML )

جلسه چهارم :

  • Responsive، layout، Classes،Head Blocks،Styles ،Colors. هدف: (آشنایی با مفاهیم طراحی صفحه، رنگ، استایل، تگ هدر)

جلسه پنجم :

  • Entities،CSS  HTML، HTML  Javascript ، Symbols، charset، URL Encode، XHTML هدف: (مقدمات CSS، JavaScript،)

جلسه شیشم :

  • forms، Input Types، Form Elements،Input Attributes هدف: (ایجاد فرم در HTML )

جلسه هفتم :

  • Elements، Support، HTML5 Intro Style Guide، Migration، Semantics هدف: ( آموزش HTML5 )

جلسه هشتم :

  • Audio،Video،Media،SVG،Canvas،You Tube، Plug-ins هدف: (آموزش تگ های HTML5 )

جلسه نهم :

  • HTML Tags ( مرور کلیه تگ های HTML به صورت دسته بندی )

جلسه دهم :

  • HTML Events، HTML Attributes هدف: ( مرور کلیه خصوصیت تگ ها و وقایع HTML )

جلسه یازدهم :

ورک شاپ و سنجش سطح آموخته دانشجو

دوره CSS:

بوسیله CSS  صفحات وب سایت که با زبان HTML  نوشته شده اند را می توان استایل داد.

سرفصل ها:

جلسه اول :

  • مفاهیم CSS، دستور زبان CSS، نحوه انتخاب عناصر HTML، نحوه فراخوانی و استفاده کدهای CSS (آشنایی با CSS و نحوه استفاده از آن در طراحی )

جلسه دوم :

  • Lists، links، Fonts، Text، Backgrounds Tables (استایل دادن به متن، لینک، لیست، جدول و ایجاد پس زمینه )

جلسه سوم :

  • Margin، Outline،Border، Box model Dimension، Padding (ایجاد کادر، حاشیه، اندازه )

جلسه چهارم :

  • Float، Position،Max-width، Display Align،Inline- block (نحوه نمایش و قرار گیری عناصر در صفحه )

جلسه پنجم :

  • Pseudo- ،Pseudo-class-Combinatory Navigation Bar  element، ( ترکیب عناصر و استایل دادن به آنها )

جلسه شیشم :

  • Image Gallery، Image Opacity، Media Types، Attribute Selectors ( استایل دادن به تصاویر، آشنایی با دستور مدیا و استایل دادن به عناصر با توجه به خصوصیت آن )

جلسه هفتم :

  • آشنایی با مفاهیم CSS3، Rounded Corners، Border Images، Backgrounds، Colors، Gradients، shadows، Text، Fonts ( آشنایی به css3  و آموزش دستورات آن  )

جلسه هشتم :

  • ۳d Transforms، ۲d  Transform، Transitions،  Box Sizing، Animations، Columns Multiple ، User Interface   ( آموزش دستورات CSS3 )

جلسه نهم :

  • کاربرد CSS  در واکنشگرایی، Viewport، Grid  View، Media Queries، Images، Videos، Frameworks ( نحوه بکارگیری CSS در ایجاد یک صفحه وب سایت واکنشگرا )

جلسه دهم :

  • ورک شاپ و سنجش سطح آموخته دانشجو

دوره JavaScript:

JavaScript یک زبان برنامه نویسی برای HTML و وب است که بوسیله آن بر اساس خواسته یک محاسبه بر روی مقادیر انتخاب شده در سایت انجام گرفته و خروجی آن نمایش داده می شود و یا برای کار دیگری استفاده می گردد.

جلسه اول :

  • مقدمه و تعریف مفاهیم، نحوه فراخوانی و استفاده آن در سایت، خروجی و دستورزبان Java Script ( آشنایی با کلیت JavaScript )

جلسه دوم :

  • Statement،Comment، Variables

جلسه سوم :

  • Operators، Arithmetic، Assignment، Data Types

جلسه چهارم :

  • Functions ، Objects، Scope، Events

جلسه پنجم :

String، String Methods، Numbers، Number Methods

جلسه شیشم :

  • Date، Date Formats   Math Method،Dates

جلسه هفتم :

  • Arrays، Array Methods، Booleans، Comparisons

جلسه هشتم :

  • Break، loop While،Loop For ،Switch

جلسه نهم :

  • Errors، RegExp،Type Conversion، Debugging

جلسه دهم :

Style Guide Strict Mode، Hoisting

جلسه یازدهم :

Performance، Mistakes، Best Practices،Reserved Words

جلسه دوازدهم :

  • JSON

جلسه سیزدهم :

  • ورک شاپ و سنجش سطح آموخته دانشجو

JQUERY:

JQuery  یک کتابخانه از زبان برنامه نویسی Java Script می باشد که با رویکرد ساده سازی آن برای استفاده و بکارگیری در وب ایجاد گردیده است.

جلسه اول :

  • آموزش مفاهیم، دستورزبان، نحوه انتخاب عناصر و Event ها ( آشنایی با کلیت jquery )

جلسه دوم :

  • افکت ها: Animate، Slide، Fade، Hide/Show

جلسه سوم :

  • افکت ها: Stop، Callback، Chaining

جلسه چهارم :

  • remove: html ,add, set , get

جلسه پنجم :

  • Dimensions: CSS Class، Dimensions

جلسه شیشم :

  • Traversing، Ancestors، Descendants، Filtering، Sibling

جلسه هفتم :

  • Get/Post،Load ،AJAX Intro

جلسه هشتم :

  • معرفی کامل متدهای jQuery برای HTML و CSS

جلسه نهم :

  • معرفی کامل Eventها

جلسه دهم :

  • معرفی کامل Selector ها

جلسه یازدهم :

  • معرفی کامل متدهای AJAX

جلسه دوازدهم :

  • معرفی متدهای متفرقه

جلسه سیزدهم :

  • ورک شاپ و سنجش سطح آموخته دانشجو

دوره Boot strap:

bootstrap  یک فریم ورک HTML، CSS و JavaScript برای طراحی وب به صورت واکنشگرا (responsive) می باشد.

جلسه اول :

  • آموزش مفاهیم، Grid  Basic، Typography

جلسه دوم :

  • Wells، Jumbotron، Images، Tables

جلسه سوم :

  • اButton Groups .Buttons. Alerts

جلسه چهارم :

  • Fontawsome . Glyphicons

جلسه پنجم :

  • Progress Bars.Badges/labels Panels،List Groups،  Pager Pagination

جلسه شیشم :

  • Tabs/Pills، Collapse ، Dropdowns Navbar

جلسه هفتم :

  • Input Sizing، Input 2، Inputs،  Forms

جلسه هشتم :

  • Popover، Tooltip، Modal، Carousel Scrollspy

جلسه نهم :

  • ورک شاپ و سنجش سطح آموخته دانشجو

 

 

شید