آموزش توسعه وب برای مبتدیان

سرفصل ها و درس ها

HTML و CSS - Brush up HTML and CSS- Brush up

• تگ های HTML HTML Tags

• CSS CSS

• انواع استایل Styling Types

• انتخابگر شناسه Id Selector

• انتخابگر کلاس Class Selector

• یک فایل html را اجرا کنید Run a html file

زمینه Background

• پس زمینه ساده Simple Background

• تقسیم بندی Partition

• تغییر پس زمینه Changing Background

• پس زمینه ثابت Fixed Background

جهت یابی Navigation

• متن به عنوان هایپرلینک Text as Hyperlink

• تصویر به عنوان هایپرلینک Image as Hyperlink

• دکمه به عنوان هایپرلینک Button as Hyperlink

• پنجره بازشو Popup window

• ناوبری تصویر قابل کلیک Clickable image navigation

• یافتن مختصات Finding Co-ordinates

دکمه ها Buttons

• دکمه ها Buttons

• ایجاد دکمه 1 Button Creation1

• ایجاد دکمه 2 Button creation 2

• نوار ناوبری Navigation Bar

• موارد اضافی Extras

صوتی و تصویری Audio and Video

• شامل فایل صوتی Include Audio file

• صدای پس زمینه Background audio

• مخفی کردن کنترل های صوتی Hide Audio controls

• شامل فایل ویدیویی Include Video file

• پس زمینه ویدیو Video Background

ویژگی های جاسازی Embedding Features

• معرفی Introduction

• مثال 1 Example1

• مثال 2 Example2

ویژگی ها و موقعیت یابی DIV DIV Properties and Positioning

• معرفی Introduction

• موقعیت یابی لوگو Logo Positioning

• Div Style1 Div Style1

• Div Style2 Div Style2

• Div Style 3 Div Style 3

• موقعیت 1 Position 1

• موقعیت 2 Position 2

نمایش یکنواخت وب سایت Uniform Display of Website

• نمایش یکنواخت وب سایت Uniform display of Website

یک وب سایت رزومه ساده A simple curriculum vitae website

• قسمت 1 Part1

• قسمت 2 Part2

• قسمت 3 Part3

• نمایش یکنواخت وب سایت Uniform display of Website

وب سایت نمونه کار خود را کد کنید Code your Portfolio website

• قسمت 1 Part1

• قسمت 2 Part2

• نمایش یکنواخت وب سایت Uniform display of Website

یک وب سایت رویداد ایجاد کنید Create an event website

• نمونه وب سایت رویداد Sample Event Website

• نمایش یکنواخت وب سایت Uniform display of Website

وب سایت متحرک متنی Text animated Website

• وب سایت نمونه Sample Website

نمونه ایده های پروژه کوچک Sample Mini Project Ideas

• ایده پروژه کوچک 1: از ناوبری تصویر قابل کلیک برای نمایش جزئیات محصول استفاده کنید Mini Project Idea 1: Use Clickable Image Navigation to display product details