سایت خود را بسازید ، به روش saalek110

saalek110

Well-Known Member
مشخصات ذولفقار ۲:

آپلود عکس دارد.
رفرر دارد. یعنی اگر از لینکی در سایتی بیایند سایت شما ، آدرس اون سایت ضبط می شود.
قابلیت ساخت صفحات متعدد دارد.
 
آخرین ویرایش:

saalek110

Well-Known Member
نمایش عمومی ورژن ۲ :



ورژن ۲ را ریختم روی این سایت تا ورژن ۲ را ببینید.
با یوزر admin و پسورد 1234 لوگین کنید.
یک صفحه یونیورسیتی کنار فایل صفحه اول سایت اضافه شده.
یک لیست فایل پایین صفحه است که می توانید بین فایلها بچرخید.


Screenshot_۲۰۲۴-۱۱-۱۶_۲۰۳۰۴۰.jpg


فعلا دارم دروس یونیورستی را تکمیل می کنم. الان تا درس ۹ داره. دروس صفحه یونیورسیتی را ببینید.

سایت بالا آپلود عکس نداره ، بخاطر مسائل امنیتی.ولی ورژن ۲ آپلود داره.

توضیحات کاملتر در مورد ورژن دو ذولفقار را در تالار دولفقار بخوانید:
 
آخرین ویرایش:

saalek110

Well-Known Member
.... ورژن ۲ ذولفقار ،

از نظر کارکرد تکمیل است ولی از نظر ظاهر جای کار دارد.

اگر شما می خواهید با این سایت ساز کار کنید، باید با css آشنایی خوبی داشته باشید
و با پارت ساز این نرم افزار هم آشنا بشوید. زبان پارت سازی اون را در یونیورسیتی روی سایت نمونه یا در توضیحات تالار مربوطه یاد بگیرید.
کار باهاش راحته و خیلی طراحی های جالبی میشه باهاش کرد. ولی این دو چیز را باید یاد بگیرید.


.....، شما هم خودتون را آماده کنید، با یادگیری css و پارت سازی. پارت سازی در حقیقت جداول html است و چیز خاصی نیست. اصل کار با css است. پس css یاد بگیرید.

lion3.jpg
 
آخرین ویرایش:

saalek110

Well-Known Member
برگشتن تاپیک به حالت آموزشی قبلی :
کم کم باید از پروژه ذولفقار رد بشیم تا تاپیک بتواند به کار خود ادامه بدهد.
البته این پروژه به کار خود ادامه خواهد داد ولی تاپیک هم باید به کار آموزشی خودش ادامه بدهد.
 
آخرین ویرایش:

saalek110

Well-Known Member
تهیه راهنما برای ذولفقار:
بعضی دوستان به فروم من دسترسی ندارند و شاید باید راهنمای دیگری براشون تهیه شود.
من الان وقت برای تهیه بسته راهنما را برای ذولفقار ندارم ، چون درگیر ساخت خود ذولفقار هستم.
شاید بعدا به تهیه راهنما اقدام کنم.
 
آخرین ویرایش:

saalek110

Well-Known Member
چگونگی ارتقای بعدی ورژن ۲:
یکی از مسائل ذولفقار ، چگونگی ارتقای بعدی ورژن ۲ است. البته ذولفقار ورژن ۲ ، تلاش شده کامل باشه و نیازهای صاحب سایت را برآورده کند ولی بهرحال میشه بهترش کرد.
اینکه این ارتقا چگونه باید باشد تا به سایت آسیب نخورد ، بحث من است.
مثلا ۶ فایل css با نامهای a تا f برای صاحب سایت در نظر گرفته شده که css های خود را در آنها بنویسد. که باید حفظ شود ولی بقیه فایلهای css را می شود عوض کرد. یا جدولهای پست و پارت را نمیشه عوض کرد چون محتویات سایت داخلشه ولی جدولهای پست و پارت یونیورسیتی را می شود جایگزین کرد.

به غیر از قسمت یونیورستی ، صفحات دیگر سایت مثل صفحه ادمین می تواند نو شود. یا حتی صفحه index.php یعنی صفحه اول می تواند بعدا نو شود. چون صفحات سایت فقط با اسمشان در دیتابیس شناخته می شوند. و اگ اسمشان عوض نشود ، پارتهای خود را از دیتابیس دریافت می کنند. صفحه پست ها هم کارش دریافت مست ها از دیتابیس و ادیت اونهاست و بدنه صفحه می تواند نو شود.

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

saalek110

Well-Known Member
Css صفحات:
من تلاش کردم همه صفحات ، فایل css در پوشه css داشته باشند. البته فرصت نشد صفحات کانل و جالبی تهیه کنم. مثلا صفحه لوگین و ثبت نام بسیار ساده است یا مثلا صفحه ادمین خیلی ساده است. ولی برای این صفحات فایل css ساختم ، تا پایه ای بشود برای ورژن های بعدی که صاحب سایت با کار بر فایلهای css بتواند تغییرات زیادی در صفحات ایجاد کند.
 

saalek110

Well-Known Member
سالک:
اول آذر ۱۴۰۳ : در مورد انتشار ذولفقار،مشخص نیست چه زمانی منتشر شود.

۱۲ آذر ۱۴۰۳ : فعلا یکی از دوستانم نصبش کرده ، مشکلی هم ندارد.
 
آخرین ویرایش:

saalek110

Well-Known Member
اسکلت جالب و ابداعی ذولفقار:

با ذولفقار ، هم چارچوب بندی صفحه دست صاحب سایت است و هم css اون.
و فقط نیاز است صاحب سایت css یاد بگیرد که css بسیار ساده و قابل فهم است.
نه نیاز است صاحب سایت html یاد بگیره نه php و نه sql و نه جاوا اسکریپت. فقط باید css یاد بگیرد . و با یادگیری ۲۰ دستور css فکر کنم سایتهای جالبی میشه ساخت. و هر چه بیشتر css یاد بگیرد و بیشتر پارت سازی یعنی قالب بندی سایت را یاد بگیرد سایتهای جالب تری می تواند بسازد.


و دوما اسکلت ذولفقار بسیار ساده است. و سادگی اون مانع میشود مشکلات برایش پیدا شود.

من از سایت ساز های مشابه خارجی و ایرانی بی اطلاعم و هنوز فرصت نکردم در مورد آنها جستجو کنم.

شاید یک روزی ، یک سایت ساز دیگر ساختم که علاوه بر css ، صاحب سایت html هم بلد باشد و هر دو را خودش بنویسد.
 
آخرین ویرایش:

saalek110

Well-Known Member
خلاصه کار ذولفقار:

شما مثلا یک جدول می سازید و به table آن و ستون های آن چند css وصل می کنید.
یا می توانید داخل ستون ها div اضافه کنید یا div را به تنهایی استفاده کنید و به div هم میشه css وصل کرد.
شماره پستها این شکلی post23 داخل سلولهای جدول یا داخل div قرار می گیرد. و پست ها جای دیگری درادیتور دیگری ساخته می شود.
 

saalek110

Well-Known Member
سرویس های ذولفقار:

در مورد سرویس های ذولفقار هنوز کار زیادی نشده. شاید تنها سرویسی که موجود است شمارشگر صفحه است... که برای استفاده اون توضیحاتی ارائه شده.
سرویس دیگر ، لوگین و لوگات و ثبت نام است ، که فعلا به شکل ساده ای است و هنوز به شکل سرویس که منعطف و قابل تغییر باشد نیست.
سرویس های زیادی میشه اضافه کرد، مثلا رای گیری. آلبوم عکس. و خیلی چیزهای دیگر.

یک سرویسی که اضافه شده به ادمین ، گزارش صفحه رفرر است. یعنی بازدیدکننده سایت از لینک از چه سایتی به سایت شما اومده. البته این سرویس چون قسمت نمایشی برای بازدید کننده ندارد ، جزو اون سرویس هایی که مدنظر من بود نیست. منظور من از سرویس ابزارهایی است که بشه در بدنه سایت گذاشت مثلا همین لوگین یا شمارشگر. یا رای گیری.
 

saalek110

Well-Known Member
جای کار زیادی دارد ذولفقار....


میشه ذولفقار را خیلی زیاد توسعه داد و ارتقا داد و اصلاح کرد.
 

saalek110

Well-Known Member
صفحه ۳۹ :
افزودن فونت



از آنجایی که فونت‌های پیش فرض مرورگرها چندان جذاب نیستند، باید به سراغ اضافه کردن فونت به وب‌سایت خود برویم......



اگر شما یک وب‌فونت دانلود کنید مشاهده می‌کنید که با چند فرمت مختلف از جمله TTF، WOFF، OTF و… مواجه هستید. فونت‌های وب دارای چندین فرمت مختلف هستند که هرکدام در مرورگر خاصی پشتیبانی می‌شوند.

برای مثال فونت با فرمت EOT فقط در مرورگر اکسپلورر پشتیبانی می‌شود در حالی که فرمت TTF در اکثر مرورگر‌های معروف قابل استفاده است.


Screenshot_۲۰۲۴-۱۱-۱۹_۲۱۰۰۳۴.jpg

سالک: گویا ttf و woff همه را پشتیبانی می کند و woff2 هم بدک نیست. سالک: عکس بالا در سایت w3school هم هست.

در سایت بالا ، فونت وزیر را برای دانلود گذاشته.




سالک: لینک بالا داخل فایل readme اون فونت وزیر بود که از سایت بالا دانلود کردم.ولی توصیه نمی کنم دانلود کنید.

CSS:
@font-face {
 font-family: Vazir;
 font-style: normal;
 font-weight: normal;
 src: url('fonts/Vazir.eot');
 src: url('fonts/Vazir.eot?#iefix') format('embedded-opentype'),
 url('fonts/Vazir.woff2') format('woff2'),
 url('fonts/Vazir.woff') format('woff'),
 url('fonts/Vazir.ttf') format('truetype');
}
@font-face {
 font-family: Vazir;
 font-style: normal;
 font-weight: bold;
 src: url('fonts/Vazir-Bold.eot');
 src: url('fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
 url('fonts/Vazir-Bold.woff2') format('woff2'),
 url('fonts/Vazir-Bold.woff') format('woff'),
 url('fonts/Vazir-Bold.ttf') format('truetype');
}

کد بالا از سایت مذکور است.

و بعدش این طوری از فونت استفاده می کنیم:

CSS:
body{
font-family: 'Vazir', Arial, sans-serif;
font-weight:normal;
}

سایت مذکور گفته:

در پوشه‌ی اصلی پروژه خود یک فولدر جدید به نام fonts‌ ایجاد کنید و تمامی فرمت‌های فونت را در آن قرار دهید.

توجه کنید که تمامی فونت‌ها به صورت مستقیم در فولدر fonts قرار بگیرند و در هیچ فولدر دیگری نباشند.




......................................

نکات و توضیحات

فرمت woff و woff2 بیشترین سازگاری و پشتیبانی رو در مرورگرها داره، سعی کنید حتما و فقط از این ۲فرمت استفاده کنید، و دیگه بقیه فرمت ها نیاز نیست.

فرمت EOT فقط بروی مرورگر اینترنت اکسپلورر یا IE پشتیبانی میشود، خوده مرورگر IE هم دیگه میدونید خیلی وقته به رحمت خدا رفته، اگه هم کسی رو میشناسید که هنوز از مرورگر اینترنت اکسپلورر استفاده میکنه، من همینجا اعلام میکنم که این شخص رو زنده میخوام

قبلا فرمت SVG هم بود ولی خب این فرمت کلا از رده خارج شده ( پس اینم نباید ازش استفاده کنید )

سالک: ۱۰ خط آخر این پست از سایت زیر است:

 
آخرین ویرایش:

saalek110

Well-Known Member
در سایت پست قبل ، سایت زیر را معرفی کرده:


که گویا از یک فونت ، فونت های نوع دیگر را می سازد.

در سایت فری لرن این سایت را معرفی کرده:


شرح بیشتر در:
 
آخرین ویرایش:

saalek110

Well-Known Member
در سایت دو پست قبل ، در بسته ای که برای دانلود گذاشته بود ، انواع مدیوم و لایت و thin هم بود ولی در کد فقط به معمولی و بولد اشاره کرده بود. شاید باید برای بقیه هم کد بنویسیم.
 

saalek110

Well-Known Member
سایت دومی لینک دانلود فونت فارسی ایرانسنس در اختیار شما قرار داده

لینک سایت:

سایت بالا گفته:
به غیر از فونت ایران سنس شما از فونت‌های زیر می توانید در ساختار صفحه html خود استفاده نمایید.

  • فونت یکان
  • فونت شبنم
  • فونت وزیر
  • فونت تنها
  • فونت ساحل
  • فونت صمیم
  • فونت پرستو
Screenshot_۲۰۲۴-۱۱-۲۰_۰۴۲۴۲۴.jpg

خیلی شبیه وزیر است ولی اگر دقت کنید شکل حروف فرق داره.
 
آخرین ویرایش:
بالا