همه چیز درباره طراحی وب

*KhatKhati* · 21/9/20

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

چرا نیاز به وب سایت دارم؟
محاسن داشتن یک وب سایت برای من چیست؟
معایب داشتن یک وب سایت برای من چیست؟
چه میزان می خواهم برای اینکار هزینه نمایم؟
آیا هدف من از داشتن وب سایت، هدفی بلند مدت است یک تنها هدفی کوتاه مدت؟
سایت من از کدام نوع است؟ شخصی، فروشگاهی، شرکتی، سازمانی، و یا اجتماعی؟
آیا من وقت کافی برای مدیریت کردن یک سایت را دارم؟
آیا در سایت من، بازدید کنندگان می توانند نظر دهند و یا سیستم ثبت نامی وجود دارد؟
چه طرحی را برای وب سایتم در نظر گرفته ام؟
آیا دوست دارید وب سایت تان همانند دیگر وب سایت ها باشد یا چیزی متفاوت از دیگر وب سایت ها؟
آیا محتوا و متون وب سایت من، آماده هستند؟
آیا می دانم چه بخش هایی برای این وب سایت مورد نیاز است؟
حدس می زنید پس از 1 ماه، 6 ماه، و 1 سال، چند بازدید کننده در روز خواهید داشت؟

اینها بخشی از سئوالاتی هستند که شما پیش از هر کاری باید به آنها پاسخ دهید. چنانچه نتوانید پاسخ مناسبی را برای سوالات تان بدست آورید توصیه ما به شما آن است که سراغ طراحان وب سایت نروید. زیرا اینکار تنها منجر به اتلاف زمانی و اقتصادی برای شما خواهد شد.

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

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

*KhatKhati* · 21/9/20

پروتکل HTTP چیست؟

پروتکل HTTP یا Hyper Text Transfer Protocol اصطلاحا به پروتکلی گفته می شود که برای ایجاد ارتباط، دریافت، و ارسال داده ها بین سرور و کلاینت استفاده می شود. این پروتکل از پروتکل TCP/IP برای بستن پلی میان سرور و کلاینت استفاده می کند. طریقه کار ارتباط کلاینت با سرور، با استفاده از پروتکل HTTP به این ترتیب است که داده ها، از طریق بسته های اطلاعاتی، بین سرور و کلاینت رد و بدل می شود. به این ترتیب که برای برای ارسال داده ای به سمت مقصد، در ابتدا، داده، به بخش های کوچکتری شکسته می شود و سپس از هر کدام به سمت مقصد و با ترتیب مشخص ارسال می شوند.

جزییات بیشتری از پروتکل HTTP
لازم به ذکر است که این پروتکل از Handshaking برای ارسال و دریافت داده ها استفاده می کند. در Handshaking برای شروع و پایان عملیات دریافت و ارسال بسته های اطلاعاتی بین سرور و کلاینت، سوالاتی از مقصد پرسیده می شود.

بعنوان مثال فرض کنید کلاینت A می خواهد از سرور B داده هایی را دریافت نماید. برای این منظور A در ابتدا درخواستی را به B می فرستد تا آمادگی B را برای ارسال پرسوجو نماید. در اینحالت A صبر خواهد کرد تا B جوابی را به این پرسش ارسال نماید. پس از آنکه B آمادگی را خود اعلام کرد، A پیامی را سمت B می فرستد و از او می خواهد تا داده های اطلاعاتی را بفرستد. B پیام را دریافت می کند و اطلاعات را آماده می کند و آن را به بسته های کوچکتری تقسیم می کند و توسط پروتکل Handshaking آنها را پشت سر هم و به ترتیب ارسال می کند.

لازم به ذکر است که پروتکل TCP/IP که در پروتکل HTTP مورد استفاده قرار می گیرد، امنیت داده ها و تضمین ارسال آنها را تماما بر عهده گرفته است. این پروتکل بر روی لایه هایی قرار دارد و معماری این پروتکل بصورت چند لایه است.

*KhatKhati* · 21/9/20

جاوا اسکریپت چیست؟
جاوا اسکریپت زبان برنامه نویسی می باشد که درون کدهای HTML قرار می گیرد و بر روی مرورگر بازدید کننده اجرا می شود. جاوا اسکریپت توانایی تغییر در محتویات المانهای نمایش داده شده را بر روی مرورگر فرد بازدید کننده دارد بطوریکه امکان پویا سازی یا دینامیک شدن صفحات بوجود می آید.

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

امکان تغییر در متون نمایش داده شده در مرورگر
امکان تغییر رنگها، رنگ پس زمینه و موقعیت قرار گیری المانهای استفاده شده در طراحی وب سایت
تغییر در مشخصه های المانها و CSS آنها
متحرک سازی، انیمیشن و پویا نمایی
تعامل با کاربر و از طریق المانهای ورودی نظیر Textbox ها، RadioButton ها، TextArea و غیره
عکس العمل نشان دادن به واکنش های کاربران نظیر تغییر عکسها با حرکت موس روی آنها
نمایش اخطار و یا پیام به کاربران
انجام محاسبات ریاضی
ساخت و تولید کد HTML بصورت پویا و برحسب شرایط مورد نیاز
منوهای جالب همراه با انیمیشن
جمع آوری اطلاعات کاربران از سایت و آمارگیری

مزایای جاوا اسکریپت
در زیر لیستی از مزایای استفاده از جاوا اسکریپت آورده شده است. لازم به ذکر است که مزایا این زبان برنامه نویسی تنها به این موارد ختم نمی شود:

دادن پویایی به صفحات استاتیک وب سایت ها
برخی از عملیات را نمی توان بدون استفاده از این زبان برنامه نویسی انجام داد. نظیر تعامل با کاربر، یافتن اطلاعات کاربری بازدید کنندگان نظیر IP های آنها و موارد دیگر
نزدیک بودن این زبان برنامه نویسی به زبانها برنامه نویسی دیگر نظیر C, C++ و یا C#
امکان استفاده از کتابخانه های آماده این زبان برنامه نویسی نظیر کتابخانه های استاندارد ریاضی
سادگی در برنامه نویسی و پیاده سازی بدون درگیر شدن با کامپایلرهای پیچیده.

معایب جاوا اسکریپت
از جمله معایب جاوا اسکریپت می توان موارد برتر زیر را بر شمرد:

کند بودن در زمان اجرا بدلیل عدم کامپایل شدن کدها.
دیباگ کردن آن بسیار مشکل است.
چنانچه خطایی در اجرای برنامه رخ دهد، در برخی از موارد بدون دادن پیامی یا ارائه هیچگونه راهنمایی، از برنامه خارج می شود.
در همه مرورگرها قابل اجرا نمی باشد (در مرورگرهای قدیمی) و نیز برخی کاربران، برای سو استفاده سایت ها، امکان اجرای اینگونه اسکریپت ها را بر روی مرورگر خود لغو می کنند.
بر روی مرورگر اجرا می شود در نتیجه هیچگونه امکانی برای مبادله با سرور سایت را ندارد.

نکته ای که در پایان بار دیگر می خواهیم متذکر شویم این است که جاوا اسکریپت برنامه تی است که روی کامپیوتر کلاینت یا همان مرورگر اجاره می شود (در مقایسه با اسکریپت هایی که بر روی سرور اجرا می شوند نظیر ASP یا PHP)

*KhatKhati* · 21/9/20

CSS چیست و چه کاربردی دارد؟
زمانی که HTML پا به عرصه دنیای اینترنت گذاشت، فرض بر این که این زبان تنها برای نمایش متن و عکس بوجود آمده است. عملا در آن زمان، کسی حتی فکر آن را نمی کرد که روزی برسد که اینترنت به خانه های صدها میلیون آدم و بر روی کامپیوترهای شخصی نفوذ کند.

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

CSS چیست؟
CSS یا Cascade Style Sheets زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است. عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر کردن نقاط ضعف و خلاء های آن دارد.

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

برای این منظور مثالی را می زنیم. تصور کنید که سایت شما شامل 100 صفحه استاتیک می باشد و شما آنها را تماما به زبان HTML نوشته اید. بعد از یک هفته تصمیم گرفته اید تا فونت تمام کلمات را کمی بزرگتر کنید. گفتن اینکه فونت تمام کلمات بزرگتر شود بسیار کار راحتی است و تنها یک جمله است. ولی آیا در عمل تغییر 100 صفحه نیز به همان راحتی خواهد بود؟

قطعا نه. CSS دقیقا همان زبانی است که جمله یک خطی شما را تبدیل به همان یک جمله خواهد کرد. شما تنها کافی است تا استیل مورد نیازتان را در طراحی تغییر دهید و آن هم تنها با تغییر یک یا چند مورد کوچک.

جمله آخر اینکه، استفاده از CSS باعث تمیزتر شدن کدهای برنامه نویسی تان می شود، تغییرات آتی را آسان می کند و همچنین دید شما را بیشتر به طراحی معطوف می کند تا سر و کله زدن با کدهای برنامه نویسی.

*KhatKhati* · 21/9/20

انتخاب چه هاستی برای وب سایت من مناسب است؟
این سوالی است که شاید هر کسی یکبار هم که شده آن را از خود پرسیده باشد. از بین این همه هاست و شرکت های گوناگون، چه هاستی برای سایت شما مناسب است؟

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

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

لینوکس
ویندوز

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

ارزان بودن آن نسبت به هاست ویندوز
امنیت بالاتر در مقابله با هکرها
امکان برنامه نویسی به زبانهای دات نت و ASP در آن وجود ندارد.

مشخصه های هاست ویندوز به قرار زیرند:

گرانتر بودن در مقایسه با هاست لینوکس
امکانات بیشتر در مقایسه با هاست لینوکس
امکان برنامه نویسی به تمامی زبان ها در آن وجود دارد.

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

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

*KhatKhati* · 21/9/20

چرا در بعضی مواقع، سایت off می شود؟
مواردی وجود دارد که بنا به دلایلی، سرور سایت off می شود. Off شدن یک سرور، عملا به معنای قطع شدن تمامی وب سایت هایی می باشد که روی آن سرور هاست شده اند. ولی چه دلایلی می تواند منجر به قطعی در هاست و سرور شود؟

در زیر برخی از دلایل عدیده ای را آورده ایم که ممکن است یکی از دلایل برای قطع شدن سرور باشند. توجه به این نکته نیز ضروری است که اینها تنها برخی از دلایل قطعی در سرور و خاموشی در سایت هستند و دلایل دیگری نیز ممکن است وجود داشته باشند:

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

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

*KhatKhati* · 21/9/20

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

بعنوان مثال فرض کنید هاستی را خریداری کرده اید که نرخ پایداری آن، 99 درصد است. این به معنی آن است که سایت شما در در طول یکسال، بطور میانگین 4 روز یا معادل 96 ساعت قطع می باشد. توصیه ما به شما آن است که هنگام خرید هاست، همواره به ایم موضوع توجه داشته باشید و هرگز گول عدد و رقم های ارائه شده نظیر 99 درصد را نخورید و خودتان را به حساب و کتاب عادت دهید.

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

*KhatKhati* · 21/9/20

نحوه ارتباط CSS با HTML
اطلاعات CSS می تواند از منابع مختلفی تامین شوند. CSSها می توانند بصورت فایلی مجزا ضمیمه کدهای HTML شوند و یا درون کدهای HTML جاسازی شوند. میتوان در یک صفحه، چندین فایل CSS را از بیرون فراخوانی کرد. حتی می توان CSSهای کاملا متفاوتی را برای نسخه چاپی و نسخه نمایشی تهیه و استفاده کرد. برای مثال، نسخه نمایشی (آن چیزی که بر روی مرورگرها نشان داده می شود)، می تواند کاملا متفاوت از نسخه چاپی همان صفحه باشد بطوریکه طراحان می توانند با دقت بالاتری، نیازهای طراحی را در این دو محیط جداگانه، طراحی و پیاده سازی نمایند.

الویت در منابع CSS
الویت در منابع CSS (از بالاترین به پایینترین):
CSSهای نوشته شده توسط طراحان وب سایت:

CSSهای درون خطی: درون کدهای HTML صفحات، ویژگیهای طراحی برای یک المان خاص، با استفاده از "style" مشخص می شوند.
CSSهای جاسازی درونی، بلوکی از کدهای CSS درون خود صفحه HTML
CSSهای خارجی، یعنی فایلی جداگانه از CSS که از صفحه HTML به آن ارجاع داده می شود.

CSSهای کاربران:

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

CSSهای پیش فرض:

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

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

*KhatKhati* · 21/9/20

طریقه استفاده از کدهای CSS
پیش از ظهور CSS، تقریبا تمامی ویژگیهای طراحی کدهای HTML صفحات سایت ها، درون خود تگها و کدهای HTML قرار داده می شدند. تمامی فونت ها، رنگ ها، پیش زمینه ها، همطرازی ها، حاشیه ها و سایزها می بایست بصورت صریح بیان می شدند و اغلب تکراری از مکررات، در کدهای HTML به چشم می خورد. CSS به طراحان این اجازه را داد تا اکثر اطلاعات به بخشی جداگانه که برای این منظور طراحی شده بود، منتقل کنند که منجر به افزایش چشمگیری در سادگی و خوانایی کدهای HTML شد.

سر تیترها (تگ های h1)، زیر تیترها (h2)، و غیره، بطور ساختاری با HTML تعریف می شوند. در نسخه چاپی و نسخه نمایشی، انتخاب فونت ها، رنگ ها، و غیره، کمی توانند کاملا متفاوت باشند.

پیش از ظهور CSS، طراحان صفحات اینترنتی، که می خواستند چنین مشخصه های تایپوگرافی را مثلا به تمام h2 ها اعمال کنند، مجبور بودند تا از تگ font و دیگر تگ ها که از تگ های HTML است برای تمام h2 استفاده کنند. ویژگی های طراحی وقتی به کدهای HTML اضافه می شوند، صفحات را پیچیده خواهند کرد و بیشتر از همه اعمال تغییرات آتی در صفحات را مشکلتر خواهند کرد. در نسخه چاپی، CSS می تواند رنگ، فونت، همطرازی متون، سایز، حاشیه، فاصله، موقعیت و بسیاری دیگر از مشخصه های تایپوگرافی طراحی را در خود جای دهد.

اینکار می تواند بطور کاملا مجزا برای هر یک از نسخه های چاپی و نمایشی مورد استفاده قرار گیرد. CSS همچنین ویژگیهای غیر بصری را نیز تعریف می کند، ویژگیهایی نظیر سرعت خواندن و تاکید بر روی متونی که توسط ابزارها و نرم افزارهای پخش صوتی متون مورد استفاده قرار می گیرند. کنسرسیوم شبکه جهانی وب W3C هم اکنون مزیت CSS را برای تعریف تمام ویژگیهای طراحی صفحات HTML بر تمامی روشهای دیگر ارجح می داند بطوریکه با ظهور CSS، استفاده محض از HTML بدون CSS، جلوه بدی را بخود گرفته است.

فایلهای CSS، با استفاده از قوانین زیر، درون صفحات HTML قرار داده می شوند:

<link rel="stylesheet" href="http://example.com/css/style.css" type="text/css" />

*KhatKhati* · 21/9/20

قوانین CSS
CSS ها ساختارهای ساده ای دارند و از تعدادی کلمات کلیدی انگلیسی برای مشخص کردن ویژگیهای مختلف در طراحی استفاده می کنند. یک CSS از تعدادی قوانین تشکیل شده است. هر یک از این قوانین، از یک یا تعداد بیشتری انتخاب کننده یا selector تشکیل شده است و هر کدام از آنها دارای یک بلوک توصیف هستند. بلوک توصیف، از تعدادی توصیف تشکیل شده است که همه آنها درون یک بلوک آکلاد ({}) قرار گرفته اند. هر توصیف به خودی خود، از یک مشخصه یا property، یک کالن (:)، و یک مقدار تشکیل شده است. چنانچه چندین توصیف در یک بلوک وجود داشته باشد، از سمی کالن (

، برای جداسازی آنها استفاده می شود.

در CSS، انتخاب کننده ها مشخص می کنند که ویژگیهای طراحی، به کدام تگ یا المان می بایست اعمال شوند. انتخاب کننده ها همچنین می توانند به تمان المانهای یک آیتم خاص در صفحه اعمال شوند و یا می توانند تنها به المانهایی که ویژگیهای مشخصی را دارند اعمال شوند. المانها ممکن است بسته به اینکه در صفحه، به چه نحوی نسبت به هم قرار گرفته اند، با یکدیگر منطبق شوند. ارتباط المانهای والد و فرزند نیز در صفحات سایت ها می تواند به نوعی انطباق محسوب شود.

شبه کلاسها نوعی دیگری از ویژگیهایی هستند که در CSS ها مورد استفاده قرار می گیرند تا به المانهای روی صفحه، هویت بخشند. در برخی حالات، از - های یکتا برای اعمال بلوکی از CSS ها استفاده می شود. یکی از مرسوم ترین مثالها در این مورد، شبه کلاسها، کلاس :hover است که هنگامیکه کاربر موس خود را روی المانی می برد، کلاس خاصی را به آن المان اعمال می کند. این کلاس، به انتخاب کننده ای متصل می شود نظیر a:hover و یا #elementid:hover. بعنوان مثالهای دیگر، می توان به شبه کلاسها و شبه المانهای :first-line و :visited یا :before اشاره کرد.

شبه کلاسها، کل المانها را انتخاب می کنند. بعنوان مثال، :link یا :visited ، درحالیکه شبه المانها عناصری را انتخاب می کنند که ممکن است از المانهای ریزتری تشکیل شده باشند، نظیر :first-line یا :first-letter.

انتخاب کننده ها ممکن است به شکلهای دیگری نیز با هم ترکیب شوند تا انعطاف پذیری بیشتری بدست آید، بویژه در CSS 2.1.

مثال زیر، کل قوانین بالا را در خود خلاصه کرده است:

selector [, selector2, ...] [

seudo-class] {
property: value;
[property2: value2;
...]
}
/* comment */

خوش آمدید به رمان ۹۸ | بهترین انجمن رمان نویسی

ما را در شبکه‌های اجتماعی دنبال کنید

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

ما را در شبکه‌های اجتماعی دنبال کنید

درباره ما

لینک‌های پیشنهادی رمان ۹۸

آمار آنلاین