💢 به زودی فعالیت این کانال آغاز میشه.

👈 به درخواست کاربران این کانال ایجاد شد.

🔴 سوالات متداول

⁉️ طراحی سایت از کجا شروع کنم؟

✅ گام اول: باید HTML بخونید و HTML یه زبان استاتیک است ولی این یک زبان نیست و در واقع باید گفت این یک زبان نشانه گذاری است.

✅ گام دوم: css برای خصوصیت و ویژگی به عناصر و تگ ها که با دو روش می‌توان به تگ ها خصوصیت بدیم:
1. کلاس: کلاس با نقطه یا دات (.) شروع می‌شود و بعد نام دلخواه. مثال:
.test{
           color: red;
           background-color: #ffff00;
}

2. آیدی: آیدی با شارپ (#) شروع می‌شود و بعد نام دلخواه. مثال :
#test{
           color: green;
           background-color: yellow;
}

‼️ نکته: البته بهتر است رنگ‌های پس زمینه را رنگ‌های جیغ و پر رنگ نذاریم.

روش‌های مقداردهی css را هم می‌توان به 3 شکل انجام بدیم:
1. خطی یا Inline: یعنی درون همون تگ
<div style="color : red; "></div>

2. داخلی یا Internal: یعنی درون تگ نباشه کلی توی همون صفحه باشه که در این صورت باید به عنصر کلاس یا آیدی داد
<div class="test"></div>
داخل صفحه css :
.test{
          color: green;
}

3. خارجی یا External: یعنی نه داخل صفحه باشه و نه درون تگ. در یه صفحه دیگه با پسوند css باشه مثلاً style.css
.test{
          color: blue;
}

‼️ نکته: بهتر است از خارجی استفاده کنین چون در روش داخلی و خطی در بین مثلاً 17000 خط کد اگه جایی رو اشتباه نوشته باشیم نمی‌توانیم به راحتی تغییر بدهیم.
  
✅ گام سوم: یادگیری جی کوئری و جاوا اسکریپت

✅ گام چهارم: یادگیری بوت استرپ => برای ریسپانسیو کردن سایت

⁉️ ریسپانسیو کردن چیست؟
به این معنا که سایت در دستگاه‌های مختلف از جمله موبایل، کامپیوتر، لپ تاپ و... در اندازه‌های مختلف به درستی اجرا شود و سایت به هم نریزه.

✅ گام پنجم: بهینه سازی وبسایت یا سئو

⁉️ بهینه سازی وبسایت یا سئو چیست؟
به این معنا که سایت ما در موتور جستجوها از جمله گوگل و... در اولین صفحات موتور جستجوها برامون بیاره (رسیدن به رتبه بالا)، هر چه کلمه کلیدی بیشتر در meta تگ تعریف کنیم وقتی کاربر آن کلمه را سرچ کند برایش میاورد و در نتیجه بازدید سایت هم بالا میره.

✅ گام ششم: یادگیری CMS مانند (جوملا، وردپرس - دروپال - مامبو و ...)

✅ گام هفتم: در اینجا شما باید تصمیم بگیرید که می‌خواهید سمت Front end کار کنید یا Back end.

👈 قسمت Front End به توسعه رابط کاربری و ظاهر سایت اشاره داره. مثل: تمام بخشی که در وبسایت‌های مختلف می‌بینید ترکیبی از HTML و CSS و JavaScript هستند.

👈 قسمت Back End به توسعه هسته سایت و بخش سمت سرور اشاره داره، مثل PHP و Ruby و Python البته برای راحتی کار فریمورک‌های مختلفی ایجاد شده‌اند که از بین آن‌ها می‌توان به Laravel و Django و Ruby on Rails که مهم‌ترین هستند اشاره کرد

✅ گام آخر: با توجه به اینکه شما بخواهید Front End کار کنید و یا Back End ما در php و asp یکی دیگر هم داریم که معماری سه لایه ای را پشتیبانی می‌کنند به اسم های php mvc و asp.net mvc البته دوستانی که asp می‌خواهند کار کنند قسمت دیگری هم داره به اسم asp.net core که ورژن‌های مختلفی ارائه شده.

📍 کانال تخصصی HTML
⭐️ @HTML_Developers

🔴 سوالات متداول

⁉️ کلا چند نوع سایت داریم؟

1. استاتیک یا ثابت:
⏺ نیازی به پایگاه داده نداره و نمی‌توان محتوا رو تغییر داد فقط کسی که سایت رو  طراحی کرده و پشتیبانش هست می‌تواند تغییر بدهد، زبان HTML استاتیک هست و برای زمانی خوب هست که شما می‌خواهید فقط یک آموزش خاصی را فقط قرار بدین و به آپدیت نیاز نداره.

2. داینامیک یا پویا:
⏺ در اینجا نیاز به یه پایگاه داده داریم مثه MySQL یا SQL Server که اطلاعات رو از اونجا بخواند، زبان‌های PHP و ASP پویا هستند و برای زمانی خوب هست که مدام باید اطلاعات تغییر کند مثل سایت خبری یا فروشگاهی و از این دسته (منظور از مدام میتونه دقیقه به دقیقه یا روز به روز باشه)

📍 کانال تخصصی HTML
⭐️ @HTML_Developers

✅ آموزش طراحی سایت با HTML

⏺ زبان: فارسی
⏺ مدت: ۳۰ دقیقه
⏺ کیفیت: بسیار خوب
⏺ تعداد ویدئوها: ۵ ویدئو
⏺ سطح آموزش: مقدماتی
⏺ مدرس: عابد فتحعلی پور
⏺ سورس: نداره
⏺ منبع: فرانش

#طراحی_سایت #HTML

📍 کانال تخصصی HTML
⭐️ @HTML_Developers

✅ آموزش طراحی سایت با HTML

⏺ پارت ۱- معرفی فایل HTML

#طراحی_سایت #HTML

📍 کانال تخصصی HTML
⭐️ @HTML_Developers

✅ آموزش طراحی سایت با HTML

⏺ پارت ۲- تگ‌های HTML

#طراحی_سایت #HTML

📍 کانال تخصصی HTML
⭐️ @HTML_Developers

✅ آموزش طراحی سایت با HTML

⏺ پارت ۳- معرفی attribute ها در HTML

#طراحی_سایت #HTML

📍 کانال تخصصی HTML
⭐️ @HTML_Developers

✅ آموزش طراحی سایت با HTML

⏺ پارت ۴- معرفی style ها در HTML

#طراحی_سایت #HTML

📍 کانال تخصصی HTML
⭐️ @HTML_Developers

✅ آموزش طراحی سایت با HTML

⏺ پارت ۵- قالب‌بندی در HTML

#طراحی_سایت #HTML

📍 کانال تخصصی HTML
⭐️ @HTML_Developers

✅ آموزش طراحی سایت با HTML

⏺ تمام پارت‌ها یک‌جا

#طراحی_سایت #HTML

📍 کانال تخصصی HTML
⭐️ @HTML_Developers

🔴 سوالات متداول

⁉️ چرا باید طراحی سایت یاد بگیریم؟

🌟 ۱- شروع آسان
      💠 ۱-۱- بدون نیاز به مدرک تحصیلی: برای فعالیت در این زمینه نیاز به هیچ مدرک تحصیلی خاصی نخواهید داشت

      💠 ۱-۲- بدون نیاز به تخصص های قبلی: یادگیری و فعالیت در حوزه طراحی سایت پیش نیاز قبلی و تخصص قبلی لازم نداره.

      💠 ۱-۳- بدون نیاز به وسایل سخت افزاری خاص: برخلاف بسیاری از شغل‌های مرتبط در این حوزه، برای طراحی سایت نیاز به وسایل بسیار حرفه‌ای نخواهید داشت.

🌟 ۲- اقتصادی
💠 ۲-۱- یک راه درآمدی به روز و مطمئن: قابلیت کسب درآمد به روش‌های مختلف از این حرفه ممکن است.

      💠 ۲-۲- یک تخصص کارآمد برای راه اندازی کسب و کار اختصاصی: شما می‌تونید تنها با داشتن دانش طراحی سایت کسب و کار اختصاصی خود را راه‌اندازی کنید.

🌟 ۳- اجتماعی
      💠 ۳-۱- شغلی به روز و منحصر به فرد: شاغلین این حوزه دارای شغلی بروز و منحصر به فرد هستند.

      💠 ۳-۲- جایگاه شغلی مناسب و سطح بالا: جایگاه شغلی افراد فعال در حوزه طراحی سایت در جامعه بسیار مورد پسند و در سطح بالا شناخته میشه.

🌟 ۴- سایر
      💠 ۴-۱- یک تخصص همیشه مورد تقاضا: تخصص شما همیشه نیاز جامعه و مردم است چه به صورت یک شغل ثابت و چه دریافت سفارشات مختلف.

      💠 ۴-۲- زمان کار منعطف و دلخواه: زمان کار شما معمولاً توسط خودتون تعیین میشه و وابستگی یا زمان اجباری برای انجام کار نخواهید داشت.

✍️ درسا سادات ضرابی

📍 کانال تخصصی HTML
⭐️ @HTML_Developers

وقتی میگن HTML زبان برنامه نویسیه ! 😅

#طنز

📍 کانال تخصصی HTML
⭐️ @HTML_Developers

✅ آموزش طراحی سایت با HTML

⏺ زبان: فارسی
⏺ مدت: ۷ ساعت
⏺ کیفیت: بسیار خوب
⏺ تعداد ویدئوها: ۴۰ ویدئو
⏺ سطح آموزش: مقدماتی تا پیشرفته
⏺ مدرس: حمیدرضا عبادی
⏺ پیش‌نیاز: نداره
⏺ سورس: نداره
⏺ منبع: سبزلرن

#طراحی_سایت #HTML

📍 کانال تخصصی HTML
⭐️ @HTML_Developers

✅ آموزش طراحی سایت با HTML

⏺ پارت ۱- معرفی دوره

#طراحی_سایت #HTML

📍 کانال تخصصی HTML
⭐️ @HTML_Developers

✅ آموزش طراحی سایت با HTML

⏺ پارت ۲- توصیه و نکات برای یادگیری بهتر

#طراحی_سایت #HTML

📍 کانال تخصصی HTML
⭐️ @HTML_Developers