💻🔥 سورس کد سایت نمونه‌کار برنامه‌نویسی

🚀 با این سورس می‌تونی یک سایت شخصی شیک و حرفه‌ای برای معرفی خودت و پروژه‌هات داشته باشی!

✨ امکانات سایت:

✅ طراحی مدرن با تم تیره
✅ سازگار با موبایل و کامپیوتر 📱💻
✅ بخش معرفی برنامه‌نویس
✅ نمایش پروژه‌ها و نمونه‌کارها
✅ بخش مهارت‌های برنامه‌نویسی
✅ بخش تماس و ارتباط با شما
✅ منوی موبایل و افکت‌های جذاب

🛠 زبان‌های استفاده‌شده:
🔹 HTML
🔹 CSS
🔹 JavaScript

📦 محتویات فایل ZIP:
📄 "index.html" — ساختار سایت
🎨 "style.css" — طراحی و استایل سایت
⚙️ "script.js" — عملکردهای تعاملی سایت
📘 "README.txt" — راهنمای اجرا و ویرایش

🎯 مناسب برای: تمرین طراحی وب، ساخت رزومه آنلاین و شروع ساخت نمونه‌کار شخصی.

📥 فایل رو دانلود کن، از حالت فشرده خارج کن و "index.html" رو با مرورگر باز کن!

💙 CodeMastersWeb | یادگیری، تمرین، پیشرفت

🔗 کانال ما: https://t.me/CodeMastersWeb

#سورس_کد #HTML #CSS #JavaScript #طراحی_وب #برنامه_نویسی

🔥💻 دنبال سورس‌کد آماده برای پروژه‌هات هستی؟

🚀 سورس‌کدهای کاربردی HTML و CSS
🎨 قالب‌های مدرن و جذاب طراحی سایت
📦 مناسب تمرین، یادگیری و پروژه‌های وب

💰 فروش سورس‌کدهای آماده با قیمت مناسب

📩 برای مشاهده نمونه‌کارها و اطلاع از قیمت، پیام بده:
👉 @CodeMastersAdmin

🙏🔥 از ما حمایت کن و با ما حرفه‌ای‌تر شو!

این سورس کد به فروش می‌رسد جهت خرید به اینجا مراجعه کنید @CodeMastersAdmin 🙏

🔥آموزش html جلسه ۱۱👇🔥

💻 آموزش HTML | جلسه ۱۱
📌 موضوع: ساخت جدول با HTML

رفقا، امروز یاد می‌گیریم چطور با HTML جدول بسازیم! 🚀

🔹 تگ‌های مهم:

- "<table>" ساخت جدول
- "<tr>" ساخت ردیف
- "<th>" عنوان ستون
- "<td>" سلول اطلاعات

🧑‍💻 مثال کد:

<table border="1">
<tr>
<th>نام</th>
<th>سن</th>
</tr>
<tr>
<td>علی</td>
<td>16</td>
</tr>
<tr>
<td>رضا</td>
<td>17</td>
</tr>
</table>

📌 نکته: برای طراحی حرفه‌ای جدول بهتر است از CSS استفاده کنیم.

🎯 تمرین: یک جدول با سه ستون «نام»، «شهر» و «سن» بسازید.

💙 CodeMastersWeb | یادگیری، تمرین، پیشرفت

🔥آموزش html جلسه ۱۲👇🔥

💻 آموزش HTML | جلسه ۱۲
📌 موضوع: لیست‌ها در HTML

با لیست‌ها می‌تونیم اطلاعات رو مرتب و خوانا نمایش بدیم. 😍

🔹 تگ‌های مهم:

- "<ul>" لیست بدون شماره
- "<ol>" لیست شماره‌دار
- "<li>" یک آیتم از لیست

🧑‍💻 مثال کد:

<h2>زبان‌های برنامه‌نویسی</h2>

<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>

<h2>مراحل یادگیری</h2>

<ol>
<li>یادگیری HTML</li>
<li>یادگیری CSS</li>
<li>یادگیری JavaScript</li>
</ol>

🎯 تمرین: یک لیست از پنج بازی یا زبان برنامه‌نویسی مورد علاقه‌ات بساز.

💙 CodeMastersWeb | یادگیری، تمرین، پیشرفت

🔥آموزش html جلسه ۱۳👇🔥

💻 آموزش HTML | جلسه ۱۳
📌 موضوع: نمایش ویدئو در صفحه وب

امروز یاد می‌گیریم چطور یک ویدئو به سایت اضافه کنیم! 🎥

🔹 تگ‌های مهم:

- "<video>" نمایش ویدئو
- "<source>" مشخص کردن فایل ویدئو
- "controls" نمایش دکمه‌های کنترل

🧑‍💻 مثال کد:

<video width="400" controls>
<source src="video.mp4" type="video/mp4">
مرورگر شما از پخش ویدئو پشتیبانی نمی‌کند.
</video>

📌 نکته: فایل "video.mp4" باید در مسیر مشخص‌شده وجود داشته باشد.

🎯 تمرین: یک ویدئو به صفحه HTML خودت اضافه کن و دکمه‌های پخش و توقف را امتحان کن.

💙 CodeMastersWeb | یادگیری، تمرین، پیشرفت

🔥آموزش html جلسه ۱۴👇🔥

💻 آموزش HTML | جلسه ۱۴
📌 موضوع: پخش فایل صوتی در HTML

می‌خوای به صفحه وب خودت فایل صوتی اضافه کنی؟ 🎧

🔹 تگ‌های مهم:

- "<audio>" پخش صدا
- "<source>" معرفی فایل صوتی
- "controls" نمایش کنترل‌های صدا

🧑‍💻 مثال کد:

<audio controls>
<source src="music.mp3" type="audio/mpeg">
مرورگر شما از پخش صدا پشتیبانی نمی‌کند.
</audio>

📌 نکته: فایل "music.mp3" باید کنار فایل HTML قرار داشته باشد یا مسیر درست آن را بنویسی.

🎯 تمرین: یک فایل صوتی به صفحه خودت اضافه کن.

💙 CodeMastersWeb | یادگیری، تمرین، پیشرفت

🔥آموزش html جلسه ۱۵👇🔥

💻 آموزش HTML | جلسه ۱۵
📌 موضوع: اتصال فایل CSS به HTML
رفقا، HTML اسکلت سایت رو می‌سازه و CSS ظاهرش رو زیباتر می‌کنه! 🔥
🔹 روش اتصال فایل CSS:

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
  <meta charset="UTF-8">
  <title>سایت من</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>به سایت من خوش آمدید!</h1>
  <p>این اولین صفحه من است.</p>
</body>
</html>

🎨 کد داخل فایل style.css:

body {
  background-color: #f0f0f0;
  font-family: sans-serif;
  text-align: center;
}

h1 {
  color: green;
}

p {
  color: #333;
  font-size: 18px;
}

📌 نکته: فایل‌های index.html و style.css را در یک پوشه قرار بده.
🎯 تمرین: رنگ عنوان را آبی کن و اندازه متن را تغییر بده.
💙 CodeMastersWeb | یادگیری، تمرین، پیشرفت

🔥این هم آموزش html تا جلسه ۱۵ برای شما عزیزان 🌹🔥

🔥جلسه بعد css شروع میشه 🔥