برنامه نویسی ترم اول (Html Css)

جلسه اول :

• html و کاربرد های آن
• انواع رنگ و به دست اوردن کد رنگی یک رنگ خاص
• معرفی نرم افزار code vs و ایجاد پروژه جدید
• Notepad برای ایجاد پروژه
• ساختار اصلی یک صفحه html
• کامنت نویسی

جلسه دوم:

عناصر اصلی html

• تگ های head, title, body
• تگ های h1 , p, br, hr تا h6 
•  معرفی ویژگی align و color و -bgcolor و dir

جلسه سوم:

فرمت بندی متن در html

• تگ های b, strong, i, em, mark, small, del, ins, sub, sup,em,u , span
• تگ font

جلسه چهارم:

لینک در html

• تگ a
• توضیح ویژگی target و title
• ایجاد لینک داخلی
• ایجاد لینک بین صفحات (آموزش باز کردن صفحه از دایرکتوری متفاوت)

جلسه پنجم:

تصاویر در html

• تگ img( توضیح ویژگی title )
• تگ picture( توضیح ویژگی orientation , type )
• توضیح ویژگی دانلود

جلسه ششم:

ادامه تصاویر در html

• تغییر سایز عکس(با نرم افزار – با ویژگی height , width )
• تگ map

جلسه هفتم:

لیست ها در html

• تگ های li,ol,ul( توضیح ویژگی های start , type )
• تگ های dl,dt,dd 

جلسه هشتم:

جداول در html

• تگ های(border , colspan , rowspan, width, height, bordercolor, bgcolor ویژگی )table,th,tr,td
• تگ caption

❖ تمرین : ایجاد قالب کلی سایت با استفاده از جدول , ایجاد برنامه هفتگی دروس

جلسه نهم:

فرم ها در html

• آموزش Html Input Attributes: 

             (outoFocus, disable, height,maxLength,name,placeholder,readonly,required,width)

• تگ form(ویژگی هایaction,method,target,autocomplete,enctype,navalidate)
• تگ Input :
          (text,button,checkbox,color,date,email,file,hidden,number,password,radio,range,search,submit,tel,time,url,week)
• تگ lable

جلسه دهم:

ادامه فرم ها در html

• تگ select(ایجاد لیست باکس و کمبوباکس)
• تگ optgroup
• تگ fieldset
• تگ dataList
• تگ textarea
• تگ progress

جلسه یازدهم:

• تگ div
• تگ video

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

• آموزش Global Attributes

جلسه سیزدهم:

• آشنایی با SEO
• متاتگ ها (keyword , Description, Revisit-After, Robots,Author) :

جلسه چهاردهم:

مقدمه ای بر CSS

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

جلسه پانزدهم:

پروژه عملی- طراحی وبسایت (مقدماتی)

• طراحی صفحات یک وب سایت