آموزش جذاب طراحی وب


Гео и язык канала: не указан, не указан
Категория: не указана


دنيا زماني گلستان ميشه..
كه همديگرو تشويق كنيم..
براي رشد هم ديگه وقت بذاريم..
اگر يك قدم براي رشد كسي وقت بذاريم..
خودمون ده قدم رشد خواهيم كرد..
تشويق كنيم تا تشويق بشيم..
ممنونم از حضورت رفيق?
ارادتمند شما موالی❤
????????
@propher_mohammad

Связанные каналы

Гео и язык канала
не указан, не указан
Категория
не указана
Статистика
Фильтр публикаций


🍀🍀شعبان همیشه بوی آمدنتان را دارد
دلخوشیم به اینکه جشن میلادتان را در محضرتان برپا کنیم...

🌺اللهم عجل لولیک الفرج🌺
🌿@ShimaSadatMavali


⚪سلااااام رفقاااا امیدوارم حالتون عالیه عالییییی باشه وپرانرژی😍❤

🔶امروز میخواهیم درمورد خصوصیات درhtmlصحبت کنیم

✅#خصوصیات یاattribute

✍🤓دوستان یک سری تگها هستند که خصوصیات پیش فرض دارند
مثل تگ عنوانی که در درس گذشته بهش اشاره کردیم
که از جمله خصوصیات پیش فرض اون میتوانیم به blodکردن متن وتغییر سایز متن اشاره کنیم

🈳اما همین تگها یک سری خصوصیات قابل کنترل دارند یعنی میشودآنها رو کنترل کرد😉

🈴همچنین بوسیله خصوصیات درhtml میتوانیم ویژگیهاوتنظیمات خاصی رو به تگهای htmlاعمال کنیم وکنترل بیشتری بر روی تگهایhtmlداشته باشیم

⚠از این رو خصوصیات یکی از مهمترین واصلی ترین بخشها درhtmمحسوب می شوند

♻خصوصیات درhtmlبه دو دسته

❗عمومی

❗اختصاصی

تقسیم میشوند

⁉خصوصیات عمومی :
خصوصیاتی هستند که در بین تگهای html مشترک هستند ودرتمام تگها کار یکسانی رو انجام میدهند

🔆بعنوان مثال:
خصوصیت alignدرتگp نحوه چینش متن پاراگراف رو کنترل میکنه

⁉خصوصیات اختصاصی:
خصوصیاتی هستند که منحصرا برای تگهای خاصی هستند

🔆بعنوان مثال خصوصیتtypeبرای تگinputیک خصوصیت اختصاصی محسوب می شود

#ویژه کاربران ناشنوای دوستداشتنی❤
📚#جزوه درس دوازدهم
📖موضوع :#خصوصیات(بخش اول)
👩‍💻تهیه شده:مهندس موالی
🌺هزینه این آموزش"صلوات برمحمد وآل محمد"🌺

🆔 @ShimaSadatMavali


❌بهونه ممنوع❌
✅اگه كسي چيزي رو بخواد...
✅بالاخره راهشو پيدا ميكنه...
✅براش وقت ميذاره...
✅بقيه چيزا بهونست..
💯علم اونقدر پیشرفت کرده که تووو به هدفت برسی رفیق وبه یک طراح حرفه ای تبدیل شییی😍👏
نگوو لپ تاپ ندارم یا کامیپوتر ندارم یا خرابن نمیتونم کدنویسی رویادبگیریم😔
کافیکه بری تو این سایت وتمرین کنی ونتیجه کدهاتو ببینی
🌐https://chasboon.ir/editor/trymycode


🔄#معرفی سایت
🈴#ادیتورآنلاین
🆔@ShimaSadatMavali
🌐https://chasboon.ir/editor/trymycode


سلااااام رفقاااا امیدوارم حالتون عالیه عالیییی باشه وپرانرژی 😍❤
⁉⁉شاید برای شما ی سوال پیش اومده که چطور متوجه بشیم سایتی که توی مرورگر باز کردیم وداریم از خدماتش بهره مند میشیم وردپرسی هست یا نه؟؟؟؟🤔
🏁جای نگرانی نیست امروز میخواهیم راههای تشخیص یک سایت وردپرسی رو باهم بررسی کنیم😋👏👏👏👏

📌اولین راه برای تشخیص یک سایت وردپرسی😊

✴بررسی کدهای وب سایت

↩کافیه که بر روی قسمتی ازسایت راست کلیک کرده گزینه
View page Source
رو انتخاب کنید درپنجره که برای شما باز می شود سورس کد سایت مورد نظر قرار دارد .
سپس دکمه های Ctrl+F  رو باهم فشار دهید ، در کادر بازشده عبارت
wp-content
تایپ کنید و دکمه اینتر را فشار دهید...
‌*درصورت یافتن این عبارت شما به راحتی توانستید تشخیص دهید که سایت مدنظر شما وردپرسی هست*😍👏👏👏

🈳استفاده از آدرس پنل ادمین در وردپرس

روش دیگر برای شناسایی سایت‌های وردپرسی، وارد کردن wp-admin در انتهای آدرس وبسایت است.
اگرچه امروزه بسیاری از وبسایت‌ها برای حفظ ایمنی وبسایت آن روتغییر می‌دهند
اما باز هم باید احتمالات را در نظر بگیریم😊
✅ شما علاوه بر wp-admin می‌توانید گزینه‌هایی زیر را نیز بررسی کنید👇👇👇

1⃣wp-login.php
2⃣wp-trackback.php


🈵 استفاده از سایت برای تشخیص یک سایت وردپرسی

یکی از سایتها سایتbuiltwith.comهست کافیه که
وارد این سایت شوید آدرس سایت مورد نظرتون رو در قسمت مربوطه وارد کنید
تا کل اطلاعات اون سایت رو براتون لیست کنه اطلاعاتی از قبیل : سیستم مدیریت محتوا ، نوع سرور ، افزونه های استفاده شده در سایت ، محل سرور ، و.....
⛔این سایت اطلاعات کاملی با تمام جزییات رو برای شما از سایت مورد نظر فراهم می کند .

🌐سایتهای دیگری هم هست ازجمله
سایت
themechi.com
وردپرسی بودن سایت و نام قالب و افزونه سایت وردپرسی رو تشخیص میده
و....
✳ استفاده از افزونه‌ مرورگرها

در مروگر کروم و فایرفاکس افزونه یا Extention هایی موجود است که می‌توانید به کمک آن‌ها امکان شناسایی سایت‌های وردپرسی را فراهم کنید.
یکی ازافزونه ها wappalyzerهست

📚#اصطلاحات
📖موضوع :#وردپرس(بخش سوم)
👩‍💻تهیه شده:مهندس موالی
🌺هزینه این آموزش"صلوات برمحمد وآل محمد"🌺

🆔 @ShimaSadatMavali


🔴نام او وحید رجبلوست، بنیانگذار استارت‌آپ توانیتو؛ کسی که فقط 2 درصد بدنش کار می‌کند اما بیش از 200 سایت طراحی کرده، یک تیم 12 نفره را رهبری می‌کند و مهم تر از همه اینها با ناامیدی و تسلیم شدن، بیگانه است

✴و کماکان با یک دست کار می‌کردی؟ چطور کد می‌زدی و چطور سایت طراحی می‌کردی؟

✍بله، تا آن زمان همچنان تنها با یک دست کار می‌کردم، اما چون نمی‌توانستم با کیبورد کار کنم، موبایل لمسی (تاچ) خریدم و براساس آن یک اپلیکیشن نوشتم که به لپ‌تاپ وصل می‌شد و من با موبایل تایپ می‌کردم.

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

✅جزییاتشو حتمااااا بخونید فوق العاده اس فوق العاده👏👏👏👏👏👏
#جوان موفق

🆔 @ShimaSadatMavali
🌐https://virgool.io/@shanbemag/%D9%88%D8%AD%DB%8C%D8%AF-%D8%B1%D8%AC%D8%A8%D9%84%D9%88-%DB%8C%DA%A9-%D8%B1%D9%88%DB%8C%D8%A7-%D8%AF%D8%A7%D8%B1%D8%AF-fxekkmgzd8jq




.


Видео недоступно для предпросмотра
Смотреть в Telegram
🗂جلسه‌ هفدهم
🎥 ایجاد لینک داخل همان صفحه(لینک به نقاط مختلف همان صفحه)
🗄دسته:html
👩‍💻مدرس:مهندس موالی
🆔 @ShimaSadatMavali


🌺♻مطالب آموزشی ارسال شده♻🌺
✍دامنه
https://t.me/ShimaSadatMavali/324

✍پدراینترنت
https://t.me/ShimaSadatMavali/327

✍هاست
https://t.me/ShimaSadatMavali/340

✍هاست لینوکس-هاست ویندوز(قسمت اول)
https://t.me/ShimaSadatMavali/341

✍هاست لینوکس-هاست ویندوز(قسمت دوم)
https://t.me/ShimaSadatMavali/344

✍هاست لینوکس-هاست ویندوز(قسمت سوم)
https://t.me/ShimaSadatMavali/349

✍اصطلاحات(backend)
https://t.me/ShimaSadatMavali/368

✍زبانهای سمت کاربر-زبانهای سمت سرور(جزوه درس اول)
https://t.me/ShimaSadatMavali/374

✍اصطلاحات(frontend)
https://t.me/ShimaSadatMavali/386

✍سایت استاتیک-سایت داینامیک(جزوه درس دوم)
https://t.me/ShimaSadatMavali/392

✍معرفی وب سایت
https://t.me/ShimaSadatMavali/396

✍معرفی html(جزوه درس سوم)
https://t.me/ShimaSadatMavali/402

✍اصطلاحات(کلاینت)
https://t.me/ShimaSadatMavali/403

✍نحوه درخواست یک صفحه html(جزوه درس چهارم)
https://t.me/ShimaSadatMavali/411

✍اصطلاحات(مرورگرها)
https://t.me/ShimaSadatMavali/416

html&css✍
(جزوه درس پنجم)
https://t.me/ShimaSadatMavali/424

✍شروع کدنویسی(جزوه درس ششم)
https://t.me/ShimaSadatMavali/431

✍اصطلاحات(ui&ux)
https://t.me/ShimaSadatMavali/442

✍وردپرس(بخش اول)
https://t.me/ShimaSadatMavali/445

✍اصطلاحات_بخش دوم(ui&ux)
https://t.me/ShimaSadatMavali/449

✍تگهای پرکاربرد head(جزوه درس هفتم)
https://t.me/ShimaSadatMavali/456

✍وردپرس(بخش دوم)
https://t.me/ShimaSadatMavali/461

✍تگهای پرکاربردhead(جزوه درس هشتم)
https://t.me/ShimaSadatMavali/466
✍معرفی سایت
https://t.me/ShimaSadatMavali/471

✍اخبار دنیای وب
https://t.me/ShimaSadatMavali/481

✍تگ پاراگراف(جزوه درس نهم)

https://t.me/ShimaSadatMavali/484

✍خطاهای رایج دنیای وب( بخش اول)
https://t.me/ShimaSadatMavali/486

✍معرفی وب سایت
https://t.me/ShimaSadatMavali/494

✍تگ هدینگ(جزوه درس دهم)
https://t.me/ShimaSadatMavali/503

✍فریمورک(بخش اول)
https://t.me/ShimaSadatMavali/513

✍معرفی وبسایت
https://t.me/ShimaSadatMavali/514

✍تگ هدینگ_بخش دوم(جزوه درس یازدهم)
https://t.me/ShimaSadatMavali/530


سلام دوستان امیدوارم حالتون عالیه عالی باشه😍❤
امروز میخواهم ادامه تگ عنوان رو خدمتتون عرض کنم🤗

🈳دوستان تگ عنوان بصورت H1تاH6‌‌‌‌ نمایش داده می شود

✴برای اینکه ما مطلبی رو بصورت تیتر ویا عنوان (بمانند روزنامه ها )در صفحه وبسایتمون ایجاد کنیم از یکی از تگهای H1تاH6 استفاده می کنیم😎
🈵درواقع این تگها به عناوین ما درجه واهمیت می بخشند😋

✅ که براساس درجه اهمیتشون از
H1تاH6
مورد استفاده قرار میگیرند

♋بدین ترتیب که از کوچیک به بزرگ یعنی ازH1بهH6 ارزش اونها کاسته می شود.

🔹🔸یعنی

H1⬆
دارای بیشترین اهمیت
و

H6⬇
دارای کمترین اهمیت
از دید موتورهای جستجو محسوب می شوند.

📣پس سعی کنید در طراحی وب سایت به این موارد دقت داشته باشید

👩‍💻👨‍💻برای بررسی عملکرد تگها میخواهیم یک مثال بزنیم🤗
✍مثال:


shimasadatmavali
< meta charset="utf_8">

 
amoozesh tarahi web
amoozesh tarahi web
amoozesh tarahi web
amoozesh tarahi web
amoozeh tarahi web
amoozesh tarahi web


😄نتیجه=>
دوستان نتیجه به این صورت خواهد بود که محتوا از نظر ظاهری Blodمیشه وهمچنین سایزمتنش به ترتیب از H1بهH6کوچکتر می شود

⁉یعنی چی؟🙁

دوست من یعنی محتوای H1سایز متنش نسبت به سایر تگهای H2تاH6
بزرگتر می شود
برایH6کاملاقضیه اش برعکس هست
یعنی محتوای درون تگ‌ H6‌
نسبت به سایر تگهای H1تاH5کوچکتر می شود😄

✍امیدوارم از این آموزش بهره کافی رو برده باشید

#ویژه کاربران ناشنوای دوست داشتنی❤
📚#جزوه درس یازدهم
📖موضوع :#تگ‌هدینگ یا تگ عنوان(بخش دوم)
👩‍💻تهیه شده:مهندس موالی
🌺هزینه این آموزش"صلوات برمحمد وآل محمد"🌺

🆔 @ShimaSadatMavali






🈳در صورت نبودن زبان فارسی در لیست میتوانید از قسمت Edit زبان فارسی را بصورت زیر اضافه کنید #راهنما
👇👇👇👇👇👇👇👇


🈵به منظور بهره مندی از آموزش بصورت" زبان فارسی" میتوانید از لیست مورد نظر زبان فارسی رواضافه کنید #راهنما




#راهنما


🔄#معرفی سایت
⚠#آموزش برنامه نویسی
🈴سایتی جذاب ومتفاوت

🆔 @ShimaSadatMavali
🌐https://developer.mozilla.org


سلاام دوستان روز شنبه تون بخیر وشادی❤😊
امروز میخواهم درمورد #فریمورک صحبت کنم

موافقید😍
خوب می‌خواهیم ببینیم اصلا فریمورک چیه وچه کاربردی در برنامه نویسی ودنیای وب داره؟؟😍👏👏

دوستان دردنیای برنامه نویسی نام فریمورک رو بارها وبارها شنیده اید؟
درسته؟!🤔

🈵دوستان فریمورک از لحاظ لغوی به معنای چارچوب هستش

🈳در واقع یک چارچوب منسجم و استاندارد از مجموعه ای از کتابخانه های برنامه نویسی وهمچنین قوانین برنامه نویسی شده برای توسعه سریع، استاندارد و امن برنامه ها "توسط برنامه نویسان" هستش.

⁉اما دلیل استفاده از فریمورک چیه؟🤔

دوستان فریمورک به برنامه نویسان کمک میکنه که کدهای کمتری بنویسند ودرزمان‌کمتری نتیجه مطلوب رو بگیرند😌
بجای اینکه مابیایم چندین هزار خط کدبنویسیم از کدهای فریمورک استفاده می کنیم وبه عبارتی با کمترین کد بیشترین کارایی روبدست میاریم😉

✳برای زبانهای مختلف برنامه نویسی فریمورکهای مختلفی موجود هستند

📌بطور مثال
برای طراحی وب سایت بازبانphp
فریمورکهای مختلفی ازجمله:
✅Laravel
✅zend
✅symfony
و...

موجود هستند.

1⃣با استفاده از این فریمورکها کدهای تکراری رو میتونیم به حداقل برسونیم
2⃣وهمچنین سرعت توسعه را افزایش دهیم
3⃣وامنیت رو میتونیم بهبودبخشیم و همچنین کمک کنیم تا توسعه پذیری کد بهبود یابد👏👏

✴بطور کلی می تونیم نتیجه بگیریم که فریمورکها واسط بین برنامه نویس وسیستم عامل است
#Framework
ادامه دارد.....
📚#اصطلاحات
📖موضوع :#فریمورک(بخش اول)
👩‍💻تهیه شده:مهندس موالی
🌺هزینه این آموزش صلوات برمحمد وآل محمد🌺
🆔 @ShimaSadatMavali


🌺♻کلیپهای آموزشی ارسال شده♻🌺
🎥جلسه اول_مقدمه
https://t.me/ShimaSadatMavali/321

🎥جلسه دوم_htmlچیست؟
https://t.me/ShimaSadatMavali/323

🎥جلسه سوم_درخواست یک صفحه html

https://t.me/ShimaSadatMavali/325

🎥جلسه چهارم_شروع کدنویسی
https://t.me/ShimaSadatMavali/331

🎥جلسه پنجم_تگهای پرکاربردhead
https://t.me/ShimaSadatMavali/346

🎥جلسه ششم_تگ پاراگراف
https://t.me/ShimaSadatMavali/353

🎥جلسه هفتم_تگ عنوان
https://t.me/ShimaSadatMavali/356

🎥جلسه هشتم_خصوصیات۱
https://t.me/ShimaSadatMavali/363

🎥جلسه نهم_خصوصیات۲
https://t.me/ShimaSadatMavali/381

🎥جلسه دهم_ تگهای i,b,strong,em
https://t.me/ShimaSadatMavali/381

🎥جلسه یازدهم_تگهایu,del,ins,S
https://t.me/ShimaSadatMavali/406

🎥جلسه دوازدهم_ تگهای sub,sup
https://t.me/ShimaSadatMavali/418

🎥جلسه سیزدهم_تگهای mark,Comment
https://t.me/ShimaSadatMavali/434

🎥جلسه چهاردهم_تگهایSmall,big
https://t.me/ShimaSadatMavali/448

🎥جلسه پانزدهم_لینکها
https://t.me/ShimaSadatMavali/468

🎥جلسه شانزدهم_ایجاد لینک جهت ارسال ایمیل
https://t.me/ShimaSadatMavali/477

Показано 20 последних публикаций.

2 598

подписчиков
Статистика канала