eitaa logo
👩‍💻💻آموزش طراحی سایت| حانا
315 دنبال‌کننده
437 عکس
174 ویدیو
18 فایل
با حانا، طراحی وب را آسان و لذت‌بخش بیاموزید. به ما بپیوندید و اولین گام را برای تبدیل شدن به یک طراح وب حرفه‌ای بردارید! 🚀 چرا حانا؟ ✅ آموزش گام‌به‌گام ✅ آشنایی با جدیدترین فناوری‌ها ✅ پاسخ به سوالات شما ارتباط با ادمین👇 @CSharpprogramer
مشاهده در ایتا
دانلود
1.6M حجم رسانه بالاست
مشاهده در ایتا
🎥 حس غرور مردم از عملکرد خوب پدافند هوایی ایران./ ایران وطنممممم🥹🤍🤍❤️🟢
6.5M حجم رسانه بالاست
مشاهده در ایتا
وطن بسوزد و من در جوش و خروش نباشم؟ خدا کند که بمیرم و وطن فروش نباشم .‌.. ‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌@RuqyahComputerAssociation
چرا نباید از !important توی CSS زیاد استفاده کنیم؟ 🚫 ✅ !important باعث می‌شه اولویت‌بندی استایل‌ها به هم بریزه! ✅ بهتره از specificity و cascading درست استفاده کنی. ✅ تنها جایی که !important منطقیه: ✔ استایل‌های موقتی برای دیباگ ✔ زمانی که کنترل روی کدهای اصلی نداری (مثلاً در قالب‌های آماده) 🔥 کد تمیز = تغییر راحت‌تر و مشکلات کمتر! 🖥 @RuqyahComputerAssociation
فونت‌های استاندارد وب چیا هستن؟ 🔤 ✅ Sans-serif (خوانا و مدرن): ✔ Roboto ✔ Open Sans ✔ Montserrat ✅ Serif (کلاسیک و رسمی): ✔ Merriweather ✔ Playfair Display ✔ Lora ✅ Monospace (برای کد و تکنولوژی): ✔ Source Code Pro ✔ Fira Code 🔥 فونت درست، تجربه کاربری سایت رو متحول می‌کنه 🖥 @RuqyahComputerAssociation
چرا نباید از px توی طراحی سایت استفاده کنیم؟ 🤯 ✅ px مقیاس‌پذیر نیست، ولی rem/em واکنش‌گرا هستن! ✅ rem: اندازه نسبی نسبت به root (html { font-size: 16px; }) ✅ em: اندازه نسبی نسبت به والد (p { font-size: 1.5em; }) ✅ % و vw/vh: برای تنظیمات بهتر در نمایشگرهای مختلف. 🔥 از rem و em استفاده کن تا سایتت توی همه صفحه‌ها عالی باشه! 🖥 @RuqyahComputerAssociation
✅ شرت کات های محبوب 𝗩𝘀 𝗖𝗼𝗱𝗲 ▫️𝗖𝘁𝗿𝗹 + 𝗕 بستن و باز کردن پنجره سمت چپ ▫️𝗖𝘁𝗿𝗹 + 𝗫 کپی خطی که در آن هستید ▫️𝗖𝘁𝗿𝗹 + 𝗖 کپی خطی که در آن هستید ▫️𝗖𝘁𝗿𝗹 + 𝗩 جایگذاری آن خط ▫️𝗛𝗼𝗺𝗲 رفتن به اولین خط ▫️𝗘𝗻𝗱 رفتن به آخرین خط ▫️𝗣𝗮𝗴𝗲 𝗨𝗽 رفتن به اولین خط کد ها ▫️𝗣𝗮𝗴𝗲 𝗗𝗼𝘄𝗻 رفتن به آخرین خط کد ها ▫️𝗖𝘁𝗿𝗹 + ➡️ 𝗢𝗿 ⬅️   کلمه به کلمه عقب یا جلو رفتن ▫️𝗖𝘁𝗿𝗹 + 𝗦𝗵𝗶𝗳𝘁 + ➡️ 𝗢𝗿 ⬅️ انتخاب کلمات جلو یا عقب ▫️𝗖𝘁𝗿𝗹 + 𝗗𝗲𝗹𝗲𝘁𝗲 پاک کردن کلمه به کلمه ▫️𝗙1 باز کردن پنجره بالا ▫️𝗦𝗵𝗶𝗳𝘁 + 𝗛𝗼𝗺𝗲 انتخاب انتهای متن با ابتدا ▫️𝗦𝗵𝗶𝗳𝘁 + 𝗘𝗻𝗱 انتخاب ابتدا و انتهای کد ▫️𝗖𝘁𝗿𝗹 + 𝗗 تغییر چند متن پشت هم(کلمات یکسان) ▫️𝗖𝘁𝗿𝗹 + 𝗦𝗽𝗮𝗰𝗲 آوردن پیشنهاد ها ▫️𝗖𝘁𝗿𝗹 + / کامنت کردن ▫️𝗖𝘁𝗿𝗹 + 𝗟 انتخاب خط به خط کد ها ▫️𝗖𝘁𝗿𝗹 + 𝗣 جابه‌جایی فولدر ها ▫️𝗖𝘁𝗿𝗹 + 𝗙 پیدا کردن یک نام یا کلمه ▫️𝗖𝘁𝗿𝗹 + 𝗧𝗮𝗯 جا به جایی بین فایل ▫️𝗔𝗹𝘁 + ⬆️ 𝗢𝗿 ⬇️ جابه‌جایی کد ▫️𝗖𝘁𝗿𝗹 + 𝗔𝗹𝘁 + ⬇️ 𝗢𝗿 ⬆️ ویرایش چند کد همزمان ♨️ @RuqyahComputerAssociation
۵ نکته فنی برای طراحی یه سایت حرفه‌ای که کاربرا عاشقش بشن! 🛠 ۱. ساختار و معماری سایت (Website Architecture): ساختار سایت باید تمیز و منظم باشه. از HTML Semantic Tags مثل <header>, <main>, و <footer> استفاده کن. اینطوری هم سئو بهتر می‌شه، هم کد سایتت خواناتر می‌شه. نکته مهم: تا جایی که می‌تونی از تکرار کد جلوگیری کن و بخش‌های مشترک رو توی کامپوننت‌های مجزا قرار بده. 🎨 ۲. طراحی رابط کاربری (UI) و تجربه کاربری (UX): تو طراحی سایت، حتماً از Grid System استفاده کن که چینش المان‌ها درست و منظم باشه. رنگ‌بندی سایت رو بر اساس تئوری رنگ‌ها تنظیم کن و برای فونت‌ها از Web Safe Fonts استفاده کن. نکته: حواست به فاصله‌گذاری‌ها (Padding & Margin) باشه تا همه‌چیز مرتب دیده بشه. ⚡ ۳. بهینه‌سازی سرعت سایت (Performance Optimization): سرعت سایت مستقیم روی تجربه کاربری و رتبه گوگل تاثیر می‌ذاره. چیکار کنی؟ فایل‌های CSS و JS رو فشرده کن. از Lazy Loading برای تصاویر استفاده کن. حتماً از Content Delivery Network (CDN) استفاده کن تا سایتت سریع‌تر لود بشه. 📱 ۴. ریسپانسیو کردن سایت (Responsive Design): از Media Queries استفاده کن تا سایتت روی همه دستگاه‌ها درست نمایش داده بشه. همچنین از Flexbox و Grid برای چینش استفاده کن تا دیگه نگران بهم‌ریختگی نباشی. نکته: هیچ‌وقت طراحی موبایل رو دست‌کم نگیر! بیشتر کاربرا از موبایل وارد سایت می‌شن. 🔍 ۵. سئو تکنیکال (Technical SEO): برای اینکه سایتت توی گوگل رتبه خوبی بگیره، باید به سئوی تکنیکال توجه کنی: URL Structure: لینک‌ها باید کوتاه و قابل فهم باشن. Meta Tags: برای هر صفحه عنوان (Title) و توضیحات (Meta Description) مناسب بنویس. از Schema Markup استفاده کن تا گوگل بهتر محتوای سایتت رو درک کنه. 🎉 جمع‌بندی: اگه این نکات رو رعایت کنی، سایتت هم حرفه‌ای به نظر می‌رسه، هم کاربرا راحت باهاش کار می‌کنن، هم توی گوگل راحت پیدا می‌شی. 💻 موفق باشی رفیق! 🖥️ @RuqyahComputerAssociation
719.2K حجم رسانه بالاست
مشاهده در ایتا
✅فهرست کدهای خطای سایت ..!! ✴️ مکانیک ماشین خودت باش 🔥🔥👇👇 @RuqyahComputerAssociation
1.7M حجم رسانه بالاست
مشاهده در ایتا
✅مقایسه عملکرد مدل‌های هوش مصنوعی در کدنویسی @RuqyahComputerAssociation