دوره طراحی وب   HTML و CSS Web Design HTML & CSS

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

در این دوره کد نویسی صفحات وب را بصورت کاملا مستقل و بدون نیاز به نرم افزار جانبی فراخواهید گرفت به گونه ای که شما قادرید سایت خود را حتی در نرم افزار Notepad ویندوز طراحی نمایید، گرچه برای راحتی کار از ابزارها و نرم افزارهای خاص استفاده می کنیم اما تگ ها و مفاهیم به گونه ای آموزش داده خواهند شد که شما بتوانید بصورت مستقل در هر بستری طراحی خود را انجام دهید.
همچنین با توجه به درکی که از تگ ها و مفاهیم آن در طول دوره کسب کرده اید میتوانید قالب های سیستم های مدیریت محتوا مانند WordPress ، Joomla ، Drupal و یا حتی انجمن های vBulletin ، MyBB و بطور کل هر سیستمی که ساختار Template Base داشته باشد، را بر اساس نیاز و سلیقه خود تغییر دهید و ویرایش کنید.


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

این دوره برای دانشجویان و افرادی طراحی شده است که با مبانی اولیه اینترنت آشنایی دارند و تمایل دارند وارد مقوله ی طراحی وب (Web Design) شوند.


پیش نیاز :

برای شرکت در این دوره نیاز به تخصصی خاصی ندارید فقط باید با مبانی کامپیوتر و اینترنت آشنایی داشته باشید.


در پایان دوره انتظار می رود :

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


مباحث اصلی و کلی دوره :


  • آشنایی با HTML , تگ های رایج و کاربردی آن
    • تعریف HTML و مفهوم آن
    • تگ های بدنه
    • تگ های یک قسمتی و دو قسمتی
    • آشنایی با خصوصیات تگ ها
    • تگ های نوشتاری
      • تگ های h
      • تگ p
      • تگ span
      • تگ b
      • تگ i
      • تگ u
      • تگ strong
      • تگ em
      • تگ sub
      • تگ sup
      • تگ pre
      • تگ br
      • تگ hr
      • تگ comments
    • تگ تصویر
      • خصوصیت src
      • خصوصیت alt
      • خصوصیت width
      • خصوصیت height
      • خصوصیت title
    • تگ لینک
      • خصوصیت href
      • خصوصیت target
      • خصوصیت rel
      • خصوصیت title
    • تگ head و تگ های مورد استفاده در آن
      • تگ title
      • تگ style
      • تگ script
      • تگ link
      • تگ meta
        • meta keywords
        • meta description
        • meta author
        • meta charset
    • تگ ساخت جدول
      • تگ table
      • تگ tr
      • تگ td
      • تگ th
    • تگ های لیست
      • لیست های مرتب
      • لیست های نا مرتب
      • خصوصیت type
      • خصوصیت start
    • تگ div
    • تگ های ساخت فرم
  • آشنایی با CSS و نحوه استفاده از سلکتورها و ویژگی ها
    • css چیست؟
    • ساختار زبان css
    • نحوه تلفیق کد css با صفحات html
      • روش inline
      • روش internal
      • روش external
      • الویت بندی روش های فوق
    • انواع سلکتورها
      • سلکتور class
      • سلکتور id
      • سلکتور tag
      • سلکتور attribute
      • انتخاب گروهی سلکتورها
      • انتخاب های تو در تو
    • معرفی انواع ویژگی ها در CSS
      • ویژگی متن
        • ویژگی text-align
        • ویژگی text-decoration
        • ویژگی direction
        • ویژگی color
        • ویژگی letter-spacing
        • ویژگی line-height
        • ویژگی vertical-align
        • ویژگی wihte-space
      • ویژگی فونت
        • ویژگی font-family
        • ویژگی font-size
        • ویژگی font-weight
        • ویژگی font-style
      • ویژگی لینک
        • ویژگی a:link
        • ویژگی a:visited
        • ویژگی a:hover
        • ویژگی a:active
      • ویژگی لیست
        • ویژگی list-style-type
        • ویژگی list-style-image
        • ویژگی list-style-position
        • ویژگی list-style
      • ویژگی پس زمینه
        • ویژگی background-color
        • ویژگی background-image
        • ویژگی background-repeat
        • ویژگی background-position
        • ویژگی background
      • ویژگی باکس
        • ویژگی border
        • ویژگی margin
        • ویژگی padding
      • ویژگی نمایش
        • ویژگی display
        • ویژگی visibity
      • ویژگی موقعیت
        • ویژگی float
        • ویژگی clear
        • ویژگی static
        • ویژگی fixed
        • ویژگی relative
        • ویژگی absolute
        • ویژگی overflow
        • ویژگی cursor
  • آشنایی با صفحه بندی وب Layout
    • Layout چیست؟
    • معرفی انواع layout
      • لایه بندی استاتیک Static
      • لایه بندی شناور Liquid
      • لایه بندی تطبیقی Adaptive
      • لایه بندی واکنش گرا Responsive
    • نحوه ایجاد لایه بندی استاتیک Static Layout
    • نحوه ایجاد لایه بندی شناور Liquid Layout




  • برای ثبت نام در دوره های آموزشی کیان سایت ابتدا قوانین ثبت نام را با دقت مطالعه نمایید.
    قوانین ثبت نام

دوره خصوصی

مدرس :


داود مرادیان

مدت زمان دوره :

16 ساعت

تعداد جلسات :

8 جلسه 2 ساعته

تعداد هنرجو :

1 نفر

شهریه دوره :

160,000 تومان

شماره حساب بانکی

شماره حساب :

2079209030

شماره کارت :

6104-3372-3375-2334

نام بانک :

بانک ملت

نام صاحب حساب :

داود مرادیان