ترم سوم برنامه نویسی

سرفصل HTML (ترم اول)

جلسه یک:

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

جلسه 2:

عناصر اصلی html

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

جلسه 3:

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

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

جلسه 4:

لینک در html

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

جلسه 5:

تصاویر در html

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

جلسه 6: 

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

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

جلسه 7:

لیست ها در html

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

جلسه 8:

جداول در html

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

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

جلسه 9:

فرم ها در 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,sub
mit,tel,time,url,week)

•  تگ  lable 

جلسه 10: 

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

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

جلسه 11:

• تگ div
• تگ video

جلسه 12 :

• آموزش Global Attributes

جلسه 13:

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

جلسه 14:

مقدمه ای بر CSS

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

جلسه15:

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

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