دوره های یک دپارتمان

دوره: وب دیزاین 1 Web Design I ( HTML5, CSS3 with Dreamweaver) - گروه 13 (لپ تاپ همراه داشته باشید)

دپارتمان: کامپیوتر و ICT

توضیحات دوره:

پیش نیاز

  • پیش نیاز این دوره، مهارت های پایه است.
  • مسلط به کار با ویندوز
 

کسب توانایی

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

سرفصل ها

  • آشنایی با مفهوم و تاریخچه وب و زیرساختهای نرم افزاری و سخت افزاری لازم برای ایجاد، استقرار و نگهداری وب سایت ها
  • معرفی مفاهیم شبکه ای مرتبط با وب مانند Domain،Host،Web Server،DNS Server
  • معرفی مفاهیم نرم افزاری مرتبط با طراحی وب مانند HTML و CSS
  • بررسی مفهوم Markup Language
  • بررسی مفهوم Cascading Style Sheet
  • تشریح نحوه عملکرد Web Browser ها
  • بررسی مفهوم Search Engine
  • بررسی مفهوم SEO
  • بررسی مفهوم UI (واسط کاربری)
  • بررسی مفهوم UX
  • بررسی مفهوم Responsive (واکنش گرا)
  • بررسی عبارت های مصطلح روز وب مانند Single Page ،Parallax و …
  • بررسی مفهوم Tag و ساختار یک سند HTML استاندارد
  • بررسی نسخه های HTML و ویژگی ها HTML5
  • معرفی DOCTYPE
  • آموزش روش آماده سازی بستر طراحی وب و نرم افزار های مربوطه
  • معرفی Project Structure در طراحی وب
  • ارائه طبقه بندی تگ ها مانند Text Level و Block Level ،List و …
  • بررسی نکات مربوط به List ها
  • بررسی پاراگراف ها، span و کلیه تگ های طبقه بندی شده
  • معرفی مفهوم Attribute
  • معرفی مفهوم Comment و دلائل استفاده از آن
  • معرفی و ارائه مثال از تگ های مربوط به هر طبقه
  • بررسی استاندارد های نامگذاری المانها
  • بررسی مفهوم Validation در اسناد HTML
  • معرفی CSS
  • بررسی نقش CSS در آرایش تگ ها
  • معرفی قابلیت های Design Environment مانند منو ها و قسمت های مختلف Dream Weaver
  • بررسی روشهای مختلف اعمال Style روی تگها مانند Inline،Internal،External
  • معرفی انواع Selector ها در CSS
  • بررسی نحوه استفاده از تصاویر در سند HTML
  • بررسی انواع File Path
  • بررسی مفهوم Save/Export For Web
  • بررسی نحوه Load شدن تصاویر
  • بررسی پسوندهای مختلف تصاویر
  • بررسی تصاویر PNG و مشکلات نمایشی مرورگرها
  • بررسی نکات مربوط به تصاویر مانند Transparency و …
  • بررسی Image Map
  • بررسی نحوه ویرایش و بهینه سازی تصاویر برای وب با نرم افزار های مربوطه
  • بررسی نحوه استفاده از تصاویر در Background
  • بررسی نکات مربوط به استفاده از تصاویر در Background مانند Repeat و …
  • بررسی نحوه استفاده از صدا و تصویر در Background
  • معرفی IFrame و روش استفاده از آن
  • بررسی روش استفاده از Google Map و سایر موارد مرتبط با IFrame
  • ایجاد انیمیشن با تصاویر و ابزار های مربوطه
  • بررسی نحوه استفاده از رنگ
  • بررسی نحوه استفاده از فونت
  • بررسی نکات مربوط به فونت مانند Size و Weight و …
  • معرفی انواع فونت ها و پسوندهای مربوطه
  • بررسی Icon ها و فونت های گوگل
  • بررسی روش استفاده از کاراکترهای خاص در سند HTML
  • معرفی مفهوم Hyper Link و نکات مربوط به Navigation
  • آشنایی با مفهوم Anchor و Hash
  • ایجاد Shortcut برای لینک ها
  • بررسی Site Map و روش ایجاد آن
  • بررسی روش ایجاد منو و انواع آن
  • بررسی روشهای مختلف آدرس دهی لینکها مانند Internal و External
  • بررسی نکات جدید HTML5 در مورد لینکها مانند Download
  • بررسی تگ Table و اجزاء مختلف آن
  • بررسی معایب و مزایای Table
  • بررسی نحوه استفاده از Table برای چیدمان
  • بررسی نحوه اختصاص اندازه به المانها
  • بررسی نکات مربوط به Formatting در Table
  • بررسی نکات جدید HTML5 در جداول
  • بررسی مفهوم Layout های Tableless
  • بررسی Div و نکات مربوطه در حیطه Positioning
  • بررسی روش های تقسیم بندی صفحه
  • بررسی مفاهیم Margin و Padding
  • بررسی Border و نکات مربوطه
  • بررسی نکات مربوط به Text مانند Direction ،Decoration ،Align و …
  • بررسی نکات مربوط به Positioning در CSS3
  • بررسی نکات حرفه ای تر در CSS3 مانند Animation و TransitionBottom of Form
  • بررسی انواع Effect ها در CSS3
  • بررسی نکات مربوط به Transform در CSS3
  • بررسی انواع Layout ها
  • بررسی Localization برای زبانهای RTL
  • معرفی مفهوم Float و Absolute و …
  • معرفی مفاهیم مرتبط با Boxing
  • بررسی Form و انواع Input ها
  • معرفی تگ های مفهومی HTML 5 و بررسی نقش هر یک
  • بررسی امکانات مرتبط با شبکه های اجتماعی
  • طرح مشکل نمایش وب سایت در مرورگرهای متفاوت و نکات مربوطه
  • بررسی Drag & Drop
  • بررسی Canvas و نحوه استفاده از آن
  • بررسی SVG و نحوه استفاده از آن
  • معرفی Edge و Illustrator و کاربرد آنها
  • معرفی Muse و کاربرد آن
 

بازار کار

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

توضیحات

  • اگر شما می‌توانید ساعات زیادی را با کامپیوتر بگذرانید، کمی استعداد طراحی و گرافیکی دارید، از انجام کارهای خلاقانه لذت می‌برید، شغل طراحی وب سایت مناسب شماست. طراحان سایت معمولاً افراد با تلاشی هستند و باید ساعات زیادی از روز را پای سیستم بگذرانند.
  • هر روز با چالش‌هایی روبه‌رو می‌شوند که ممکن است بسیاری از آنها را قبلاً تجربه نکرده‌ باشند. بنابراین اگر می‌خواهید طراح وب سایت باشید باید روحیه‌ی شکست ناپذیری را در خود تقویت نمایید.
  • شما با شرکت در این دوره اولین قدم برای یادگیری طراحی وب را برداشته اید. چرا که در دنیای وب سایت ها همه چی با HTML و CSS شروع و پایان می یابد. یادگیری این دوره دروازه ای برای ورود به شاخه هایی همچون سئو و بهینه سازی وب سایت و یادگیری یک زبان برنامه نویسی وب مانند PHP و JS می باشد.