Codefun.pro

📌 #سوال
📌 #وب
📌 #طراحی_سایت

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

✅ گام اول : زبان استاتیڪ 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 ڪہ ورژن هاے مختلفے ارائہ شده.

⁉ ڪلا چند نوع سایت داریم؟
1. استاتیڪ یا ثابت : ڪہ نیازے بہ پایگاہ دادہ ندارہ و نمی‌توان محتوا رو تغییر داد فقط ڪسے ڪہ سایت رو طراحے ڪردہ و پشتیبانش هست می‌تواند تغییر بدهد، زبان html استاتیڪ هست و براے زمانے خوب هست ڪہ شما می‌خواهید فقط یڪ آموزش خاصے را فقط قرار بدین و بہ آپدیت نیاز نداره.
2. داینامیڪ یا پویا : ڪہ در اینجا نیاز بہ یہ پایگاہ دادہ داریم مثہ mysql یا sql server ڪہ اطلاعات رو از اونجا بخواند، زبان‌هاے php و asp پویا هستند و براے زمانے خوب هست ڪہ مدام باید اطلاعات تغییر ڪند مثل سایت خبرے یا فروشگاهے و از این دستہ (منظور از مدام میتونہ دقیقہ بہ دقیقہ یا روز بہ روز باشه)

➖➖➖➖➖➖➖
@codefunpro

👍6

154 views16:22