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

Web development for beginners

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: یاد بگیرید که از مفاهیم توسعه وب استفاده کنید. آموزش ایجاد طرح‌بندی وب‌سایت با html و css آموزش کدنویسی رزومه، نمونه کارها، رویدادها و وب‌سایت‌های محتوا آموزش استفاده از مفاهیم توسعه وب برای ایجاد وب‌سایت آموزش کدنویسی وب‌سایت‌های شخصی از ابتدا پیش نیازها: تنها چیزی که نیاز دارید این است که ایده خلاقانه و دانش سطح پایه یا مبتدی HTML، CSS

در اینجا در این دوره برجسته شده است

- بخش براش سریع که حاوی توضیحاتی در مورد

است

- برچسب های اصلی Html که در دوره

استفاده می شود

-انواع مختلف استایل CSS (داخلی، داخلی، خارجی) با مثال

-روش های مختلف اعمال ویژگی های سبک (برچسب، انتخابگر شناسه، انتخابگر کلاس) با مثال


- پس زمینه: انواع مختلف پس زمینه توضیح داده شده (ساده، پارتیشن، ثابت، در حال تغییر)

- پیمایش: انواع مختلف پیمایش توضیح داده شده است (متن، تصویر، دکمه، پیمایش با مختصات)

- دکمه: توضیح در

-نحوه طراحی یک دکمه ساده به دکمه متحرک،

-نحوه اعمال خصوصیات سبک مختلف برای یک دکمه،

-نحوه دریافت کد از مولدهای دکمه آنلاین،

-نحوه طراحی یک نوار پیمایش عمودی و افقی با ویژگی های دکمه

- صوتی و تصویری: توضیح در

-نحوه گنجاندن فایل های صوتی و تصویری

-نحوه اضافه کردن موسیقی پس‌زمینه و ویدیوی پس‌زمینه

-پس زمینه ویدیو توضیح داده شد

ویژگی‌های جاسازی: توضیح در

-نحوه جاسازی ویجت های ضروری (به عنوان مثال: ساعت، تقویم، آب و هوا، ماشین حساب، فرهنگ لغت و غیره،)

-نحوه پیوند دادن وب سایت خارجی

-نحوه افزودن انیمیشن های متنی

-نحوه جاسازی پی دی اف و نقشه ها

طرح‌بندی وب‌سایت: توضیح داده شده

-موقعیت آرم

-طراحی Div

-Div Positioning

طراحی واکنشگرا:

توضیح داده شده عناصر پورت مشاهده و راه‌های ایجاد وب‌سایت متناسب با اندازه‌های نمایش متفاوت.

وب سایت نمونه 1: وب سایت رزومه

وب سایت نمونه 2: وب سایت نمونه کارها

وب سایت نمونه 3: وب سایت رویداد

وب سایت نمونه 4: وب سایت متحرک متنی


منابع:

کپی از تمام کدهای استفاده شده در طول جلسه برای مرجع آپلود شده است.




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

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

نمایش نظرات

نظری ارسال نشده است.

آموزش توسعه وب برای مبتدیان
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
2 hours
47
Udemy (یودمی) udemy-small
10 تیر 1400 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
19,747
4 از 5
دارد
ندارد
ندارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Rathinagowri Srinivasan Rathinagowri Srinivasan

علاقه مندان به فناوری، یادگیرنده مادام العمر

من Rathinagowri هستم و در SQA، توسعه front-end و طراحی UI متخصص هستم. من یک یادگیرنده مادام العمر هستم و همیشه دانش فنی خود را گسترش می دهم. اخیراً برنامه های بالقوه بلاک چین را بررسی کرده ام. همچنین، من در حال غواصی در هوش مصنوعی هستم، با هدف استفاده از اصول هوش مصنوعی در کار طراحی و توسعه خود برای امکانات جدید.

فراتر از فناوری، من عاشق به اشتراک گذاشتن آنچه می دانم هستم. آموزش طراحی و توسعه UI من را خوشحال می کند. کمک به دیگران در پیمایش در این زمینه بسیار خوشحال کننده است. من به ساده و در دسترس نگه داشتن چیزها اعتقاد دارم. من فقط اهل فن آوری نیستم. من اینجا هستم تا در دنیای هیجان انگیز فناوری مشارکت کنم، رشد کنم، و تفاوت ایجاد کنم.

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

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