آگهی
article

چگونه برای سایت یا وبلاگ خود قالب طراحی کنیم؟

web-design

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

برای طراحی قالب وب از کجا شروع کنیم؟


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

تسلط بر HTML و CSS


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

یادگیری فتوشاپ (Photoshop) و تکنیک های طراحی


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

استفاده از نرم افزارها


برای طراحی و کدنویسی قالب های وب معمولا نرم افزارهایی مورد استفاده طراحان و توسعه دهندگان قرار می گیرد، از جمله در زمینه قالب های آماده که بیشتر به کار طراحان کم تجربه تر می آید می توان به برنامه Artisteer اشاره کرد، در زمینه کدنویسی پیشرفته نیز برنامه Adobe Dreamweaver یکی از معروف ترین ها است که می تواند استفاده چند منظوره (طراحی و کدنویسی) داشته باشد، برنامه phpStorm برای توسعه دهندگان حرفه ای زبان برنامه نویسی PHP نیز گزینه واقعا قوی و مطرح دیگری است، استفاده از نرم افزارها در کدنویسی و طراحی قالب سایت و وبلاگ به موارد گفته شده محدود نمی شود، با یک جستجوی کوتاه در وب می توانیم موارد دیگری را نیز پیدا کنیم که ممکن است کار با آنها به نظرمان ساده تر و جذابتر باشد.

آشنایی با تگ های اختصاصی سایت یا سرویس وبلاگی


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

کاربرد تگ های اختصاصی قالب و نمونه کدها


قبل از اینکه بخواهیم قالبمان را خودمان طراحی و ایجاد کنیم باید به تگ های اختصاصی و معنی کدهای سیستم مدیریت محتوای سایت یا سرویس وبلاگی خود اشراف داشته باشیم، معمولا سیستم های مدیریت محتوای سایت یا سرویس های ارائه دهنده خدمات ایجاد وبلاگ برای نمایش امکانات و بخش های مختلف از کلمات مشخصی به عنوان تگ اختصاصی در قالب ها استفاده می کنند، به طور مثال اگر برای سیستم وبلاگی خاصی قالب طراحی می کنیم باید بدانیم که تگ های اختصاصی آن چیست، به فرض ممکن است تگی با نام
<-PostContent->
در آن سیستم سازنده بخش مطالب باشد و برای نظرات عبارات قراردادی دیگری مانند
<-BlogComment->
استفاده شود و... یعنی اگر در کد قالب آن سرویس وبلاگی چنین عبارتی را درج کنیم، به جای این عبارات قسمت مربوط به آنها (به فرض بخش مطالب، بخش نظرات و...) در خروجی HTML صفحه وب نمایش داده خواهد شد، خوشبختانه اکثر CMS ها و سرویس های ایجاد وبلاگ راهنمای خوبی در این مورد در اختیار طراحان قرار می دهند که با مراجعه به آدرس آنها یا در بخش ویرایش کد قالب در دسترس است، لذا در اولین گام باید به این بخش ها مراجعه و با تگ های اختصاصی طراحی قالب سیستم مدیریت محتوای سایت یا سرویس وبلاگی آشنا شویم، در کنار انجام این کار می توانیم چند نمونه کد قالب آماده را از بخش قالب های پیش فرض انتخاب و بررسی نمائیم، این کار نقش زیادی در بدست آوردن درک کلی از اینکه قالب چیست و چه شیوه کدنویسی در آن به کار گرفته شده است، خواهد داشت.

نمونه فرضی کد قالب وب


جهت درک بهتر، آشنایی بیشتر و داشتن دورنمای کلی از طراحی قالب وب، یک نمونه فرضی کد قالب وبلاگ را به همراه پیش نمایش آنلاین آن در زیر درج کرده ایم (نمونه زیر کاملا فرضی و کدنویسی آن ناقص می باشد، صرفا جهت آشنایی بیشتر درج شده است):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>وبگو | نمونه کد فرضی قالب وبلاگ</title>
<!-- Webgoo.ir -->
<style type="text/css">
body{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    direction:rtl;
}
a, a:hover{
    text-decoration:none;
}
#header{
    background:#15ACD3;
    width:100%;
    height:200px;
    text-align:center;
}
#menu{
    background:#9A070A;
    width:100%;
    height:50px;
}
#main{
    background:#F0F0F0;
    min-height:200px;
    width:100%;
}
.sidbar-right{
    background:#E5E5E5;
    display:inline-block;
    width:25%;
    text-align:justify;
    text-align:center;
}
.center{
    background:#E9E9E9;
    display:inline-block;
    width:50%;
    text-align:justify;
    text-align:center;   
}
.sidbar-left{
    background:#E5E5E5;
    display:inline-block;
    width:25%;
    text-align:center;
}
#footer{
    background:#333;
    color:#FFFFFF;
    width:100%;
    height:50px;
    text-align:left;
}
</style>
</head>
<body>
<div id="header">
<h1><-BlogTitle-> عنوان صفحه</h1>
<h3><-BlogDescription-> شرح صفحه</h3>
</div>
<div id="menu"><a href="#">صفحه اصلی</a> <-BlogTopMenu-></div>
<div id="main">
<div class="sidbar-right">
کدهای مربوط به سایدبار سمت راست <-BlogAbout->
</div><div class="center">
کدهای مربوط به قسمت مطالب <-BlogContent->
</div><div class="sidbar-left">
کدهای مربوط به سایدبار سمت چپ <-BlogAds->
</div>
</div>
<div id="footer">
کدهای مربوط به قسمت فوتر قالب <-BlogFooter->
</div>
</body>
</html>
پیش نمایش آنلاین
در پایان این مطلب یادآور می شویم پیش نیاز فراگیری مهارت طراحی قالب وب طی دوره های آموزش مقدماتی HTML و CSS است و نمی توان در یک یا چند مطلب جزئیات مختلف این مهارت را آموزش داد، در این یادداشت سعی شد تا دورنمای کلی کار و اطلاعات اولیه مورد نیاز برای علاقمندان شرح داده شود.
sectionدسته بندی: مهارتهای وب » طراحی وب
related مطالب بیشتر:
» طراحی هدر قالب سایت و وبلاگ با فتوشاپ و CSS
» طراحی قالب سه بعدی وب با فتوشاپ و CSS
» زیبا سازی فرم های وب با CSS
» طراحی باکس جستجو با فتوشاپ و CSS
» قابلیت های کاربردی CSS3 در طراحی وب
commentنظرات (۱۵۹ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
نویسنده: poya
زمان: ۱۷:۳۷:۲۹ - تاریخ: ۱۳۹۷/۰۶/۱۳
سلام
یه سوال ازتون داشتم
من خیلی علاقه دارم که یه قالب وبلاگ (مثل قالب سایت) طراحی کنم و مثلا مثل همین سایت شما توش مطلب آموزشی بزارم الانم طبق چیزی که خودم میدونم HTML رو ۹۰٪ و CSS رو ۸۵٪ تقریبا بلدم به نظر شما برای این کار باید این دو زبان رو کاملا (۱۰۰٪) بلد باشم یا همین مقدار برای ساخت یه وبلاگ آموزشی کوچیک کافیه؟ البته خودمم میدونم که برای پویا سازی وبلاگ باید جاوا اسکریبت هم بلد باشم
پاسخ: 
برای شروع طراحی قالب وبلاگ این مقدار از آشنایی با HTML و CSS کاملا مناسب است، در گام های نخست بهتر است از نمونه قالب های موجود الگوبرداری کنید و رفته رفته ایده ها و کدهای خودتان را عملی نمائید، بخش زیادی از دانش و مهارت در حین کار به دست می آید، اما برای آموزش این موارد قاعدتا باید به تسلط کاملی از مفاهیم و نحوه کاربرد دستورات دست پیدا کنید و تجربه عملی کافی داشته باشید.
نویسنده: محدثه
زمان: ۰۲:۴۳:۴۵ - تاریخ: ۱۳۹۷/۰۹/۳۰
سلام من تازه صفحه وبلاگ ساختم چند تا هم متن گذاشتم اما وقتی صفحمو باز میکنم قسمت درباره من یا پیوندهای روزانه نیستن و فقط نوشته وجود دارن باید چیکار کنم تا صفحم مثل بقیه وبلاگا بشه؟!
پاسخ: 
آدرس وبلاگ را درج نکرده اید، امکان بررسی دقیق وجود ندارد! با توجه به توضیحات اگر در پنل مدیریت وبلاگتان متن درباره من و پیوندهای روزانه را اضافه کرده اید و همچنان این مشکل وجود دارد به احتمال قوی کدهای قالب وبلاگتان ناقص است، می توانید از قسمت انتخاب و ویرایش کد قالب در پنل مدیریت یک قالب جدید انتخاب کنید.
نویسنده: یکی
زمان: ۰۱:۱۷:۲۲ - تاریخ: ۱۳۹۷/۱۰/۱۸
سلام میخوام یه تصویر زمینه بسیار زیبا برای وبلاگم طراحی کنم .
لطفا کمککککککککککککککک
پاسخ: 
مشخص نکرده اید مشکل دقیقا در کدام قسمت است؟ در بخش طراحی باید کار با برنامه های گرافیکی نظیر فتوشاپ و در بخش کدنویسی باید زبان هایی مانند HTML و CSS را بلد باشید.
نویسنده: john
زمان: ۱۳:۴۴:۱۵ - تاریخ: ۱۳۹۸/۱۰/۱۸
سلام خدمت شما ببخشید آیا میشه از کد های پی اچ پی هم داخل وبلاگ استفاده کرد؟
پاسخ: 
در سرویس های متداول وبلاگی خیر، مگر اینکه از برنامه های مدیریت محتوا مانند وردپرس بر روی دامنه و هاست شخصی استفاده کنید.
نویسنده: محیا
زمان: ۱۳:۴۳:۴۱ - تاریخ: ۱۳۹۹/۰۲/۰۲
نمیشه با برنامه فتوشاپ اول طراحی کنیم بعد کد رو بده بهمون؟ چون من دیده بودم که کد css برای استفاده در وبلاگ ها داشت
پاسخ: 
برنامه فتوشاپ امکان ارائه استایل CSS را از منوی Layer دارد که در فرآیند تبدیل می تواند کمک کننده باشد، منتها قالب های وب باید به صورت HTML اسکلت بندی و سپس با CSS فرم بگیرند، لذا صرف فتوشاپ کفایت نمی کند.
نویسنده: mahdi
زمان: ۱۸:۰۲:۰۷ - تاریخ: ۱۳۹۹/۰۲/۰۸
سلام استاد عزیز و گرامی ، من برای طراحی سایت آیا نیازی هست که به زبان php مسلط باشم یا حداقل یکمی ازش بلد باشم کافیه؟
این سوالو کامل اگر توضیح بدی خیلی خیلی خیلی ممنونت میشم که در چه سطحی از کار طراحی سایت باید به php مسلط بود؟
سر دوراهی موندم که آیا زمانم رو بزارمو برنامه نویسی اندروید یاد بگیرم یا php ... فکر خودم اینه که من نمیخوام سایتهای بزرگی مثلا مثل آپارات یا دیجی کالا و .... طراحی کنم چون قصدم کار شخصی و تکی هست نه با گروه و برای همین فکر میکنم نیازی نداره کلی از زمانمو بزارم برای یادگیری php و آخر سر هم که یادگیریم تموم شد ببینم که هیچ کار خاصی باهاش انجام نخواهم داد .... بنظر خودم چیزایی که لازم دارم آموزش ببینم اینا هستن
html, css, jsvascript, jquery, react, angular, json, ajax و sql و اندکی php
آیا بنظرتون من درست فکر میکنم ؟
لطفا یه توضیح کامل و جامع بهم بدید خیلی درگیر این موضوع شدم
و اگر php و sql باید به مقدار لازم بلد باشم ، لطفا بگید تا چه حد باید بلد باشم و چه مبحثایی رو باید یاد بگیرم؟
خیلی ممنونتم استاد بخدا هیچکسو جز شما ندارم این سوالارو ازش بپرسم ، خیلی ممنونت میشم رو این سوالام وقت بزاری و یه جواب کامل بهم بدی تا از این سردرگمی دربیام ، خیلی ممنونتم موفق باشی
پاسخ: 
اگر می خواهید با سرعت بیشتر وارد بحث تجاری و بازار کار شوید معمولا استفاده از کتابخانه ها، فریم ورک ها و برنامه های آماده قابل سفارشی سازی (به فرض جی کئوری، وردپرس، ادیتورهای WYSIWYG و...) توصیه می شود و نیازی نیست و نباید درگیر برنامه نویسی مجدد ابزارهایی که به صورت عمومی در دسترس هستند شوید، اما در هر حال گذراندن دوره های مقدماتی هرچند فشرده لازمه کار است، برنامه نویسی یک حرفه فنی است و نباید انتظار داشته باشید که بدون کسب مهارتها و تجربه بتوانید همه ایده هایتان را به راحتی تبدیل به واقعیت کنید، خیلی از دانستنی ها صرفا حین کار کسب می شوند! در خصوص PHP همان دوره مقدماتی را بگذرانید برای شروع کار کفایت می کند، بعد از این مرحله باید تمرکزتان را روی متدهای برنامه ای که قرار است از آن استفاده کنید بگذارید، به فرض اگر پایه کارهایتان وردپرسی است سعی کنید از زیر و بم آن (ساختار، نحوه کار ماژول ها، ویرایش و سفارشی سازی قالب و...) سردربیاورید تا بتوانید برای هر مشتری متناسب با نیاز و سلیقه آن محصول نهایی داشته باشید، در خصوص Android یادگیری آن توصیه می شود و منافاتی با برنامه نویسی وب ندارد، در واقع اگر هر دو را بلد باشید برای کارتان بهتر است، بسیاری از اپلیکیشن ها باید به صورت آنلاین کار کنند و این یعنی باز هم پای برنامه نویسی وب در میان است، در واقع این زبان ها به هم مرتبط هستند به فرض مبحث شی گرائی برای هر دو زبان اصول مشابه و مشترکی دارد، ضمن اینکه امروزه اپلیکیشن و سایت مکمل هم هستند، باید سعی کنیم نه محدود به یک یا چند زبان و نه سردرگم در چندین زبان نامرتبط باشیم، باید تعادل برقرار کنیم و به نظر یادگیری مجموعه زبان هایی که خودتان اشاره کردید در کنار Android مهارت شغلیتان را کامل می کند، کمی هم گرافیک برداری (Vector) و برنامه هایی نظیر After Effects بلد باشید پکیج تکمیل می شود!
برای ورود به بازار کار اول چند پروژه آزمایشی طراحی کنید، اگر مشکلی نداشتید سفارش گیری کنید، تهیه نسخه های پشیبان از اطلاعات پروژه ها را فراموش نکنید مخصوصا در اوایل کار اشتباهات ناخواسته زیادی ممکن است رخ دهد!
نویسنده: mahdi
زمان: ۱۰:۵۹:۴۶ - تاریخ: ۱۳۹۹/۰۲/۰۹
سلام ، خیلی ممنون استاد عزیز و بزرگوار ، پس من آموزش php رو هم کم کم شروع می کنم ، موفق باشی
نویسنده: mahdi
زمان: ۱۹:۰۰:۳۹ - تاریخ: ۱۳۹۹/۰۲/۰۹
سلام استاد عزیز , اینو یادم رفتم بپرسم ، گفتین که کمی هم After Effects بلد باشم خوبه ، فتوشاپ رو تا حدود کمی بلدم ولی نرم افزار کورل رو تقریبا تسلط کامل دارم که وکتوری هم هست و بنظرم بهترین نرم افزار وکتوریه ، میشه حتی خروجی svg با اشکال مختلف گرفت بطوریکه مستقیم در صفحه ایندکس هم برای عکس هم برای بکگراند با حجم خیلی کم استفاده بشه ، افتر افکت رو فقط اسمشو شنیدم ولی هیچوقت نرفتم ببینم چیه ، بنظرتون لازمه از اون هم یکم بلد باشم؟
یه سوال دیگه هم داشتم اینکه آموزشهای w3school توی ری اکت و انگولار و نود جی اس از لحاظ صرفا تئوری بنظرتون کامله (منظورم بغیر از اون تجربه هایی هست که گفتین حین کار بدست میاد)؟
خیلی ممنون استاد عزیز و مهربان و دوست داشتنی ...
پاسخ: 
کورل یا فتوشاپ بودن مهم نیست، مهم اینکه نیازهای گرافیک حوزه وب را پوشش دهد و با نحوه کار آن برنامه راحت باشید، در خصوص افترافکتز با توجه به اینکه گفتید می خواهید شخصی کار کنید برای ساخت تیزرهای کوتاه و کلیپ های آموزشی به صورت موشن گرافیک کاربرد دارد و در کل یک برنامه مهارتی حرفه ای و پرکاربرد از مجموعه ادوبی است که اگر بلد باشید به خصوص در مورد ویدئوهای تبلیغی یا آموزشی به کار می آید، بهتر است یادگیری آن را به مراحل آخر موکول کنید.
در خصوص w3school در کل هیچ وقت به یک منبع بسنده نکنید، اگر مبحثی را کامل متوجه می شوید شاید همین منبع کفایت کند اما در صورتی که احساس می کنید مثال ها کم یا ابهامی وجود دارد در گوگل جستجو کنید! آموزش های w3school صرفا برای شروع گزینه مناسبی هستند، خیلی از نمونه کدهای برنامه ها را باید در جاهای دیگر پیدا کنید.
نویسنده: میترا
زمان: ۱۸:۱۵:۱۰ - تاریخ: ۱۳۹۹/۰۳/۰۲
با سلام
ببخشید مطلبتون خیلی خوب بود
یه سوال من با فتوشاپ انلاین کار می کنم نمی دونم چرا نمی تونم باهاش قالب بسازم
ببخشید
پاسخ: 
لطفا در خصوص مشکل بیشتر و به صورت موردی توضیح دهید تا امکان راهنمایی دقیقتر وجود داشته باشد، در حالت کلی فتوشاپ عموما یک ابزار کمکی و برای ترسیم شکل کلی یا اجزاء گرافیکی قالب است و مهمتر از آن باید کدنویسی HTML و استایل CSS بلد باشید.
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- مواردی که به کلی خارج از موضوع این مطلب هستند را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم، غیرضروری و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ کوتاه و مختصر داده خواهد شد!
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- تمام یادداشت ها بررسی و برای هر کاربر زمان مشخصی جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.





2 × 5
 refresh
آخرین دیدگاه ها
more برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.
form سحر
در:
سلام من وقتی میخوام توی قسمت صفحات جداگانه وبلاگم گزینه ادامه مطلب رو بیارم باید چیکار کنم چون فقط قسمت نوشته جدید همچین قابلیتی...
۱۵:۰۸:۱۹ ۱۳۹۹/۰۳/۰۸

form علی
در:
با سلام و درود فراوان یه کد جاوا دارم می خوام هر ثانیه نام یه فایل یا پوشه ای رو بگیرم برای مقایسه تا...
۱۱:۰۶:۲۲ ۱۳۹۹/۰۳/۰۸

form علیرضا
در:
با سلام مجدد در پاسخ یکی از کامنت هایم فرمودین که جهت فراخوانی (اجرای) یک فایل در سرور راس ساعت مشخص و صرف...
۱۱:۲۸:۲۴ ۱۳۹۹/۰۳/۰۵

form علیرضا
در:
سلام اگر بخواهیم صفحات سایت رأس ساعت مشخصی مثلا ساعت 12 ظهر رفرش بشه چه کدی رو باید استفاده کنیم. ممنون
۰۴:۴۳:۴۷ ۱۳۹۹/۰۳/۰۵

form علی
در:
با سلام من یه فانکشن نوشتم چطور میشه از توی جاوااسکریپت اون رو صدا بزنم در حقیقت می خوام از توی جاوا یه فانکشنی...
۲۰:۵۹:۰۹ ۱۳۹۹/۰۳/۰۴

form رویا
در:
سلام. خسته نباشید من جدیدا در بلاگفا وبلاگی راه اندازی کردم اما مشکلی دارم. وقتی قسمتی از متن رو انتخاب میکنم و لینک میکنم،...
۱۹:۵۴:۰۰ ۱۳۹۹/۰۳/۰۴

form علی
در:
چطور میشه همزمان با کلیک بر روی «تعویض کد» یعنی کد زیر: پوشه ساخته بشه. با سپاس
۰۹:۵۰:۲۷ ۱۳۹۹/۰۳/۰۳

form علی
در:
با سلام... من یه متغیر تعریف کردم مثلا رو بهش متصل کنیم ممنون از پاسختون.
۰۶:۱۶:۲۷ ۱۳۹۹/۰۳/۰۳

form یاسمن
در:
سلام یه برنامه ای که رشته رو به عنوان password دریافت کنه و کاراکتر فاصله نباشد طول رشته هم از 8 تا 50 باشه عدد...
۱۸:۵۲:۴۴ ۱۳۹۹/۰۳/۰۲

form مرتضی ق
در:
سلام خسته نباشید. یک سایت اصلی و مادر دارم مثلا www.m.com حالا سه سایت دیگر زیر مجموعه مثلا m1 و m2 و m3 من...
۱۸:۲۵:۱۱ ۱۳۹۹/۰۳/۰۲

form میترا
در:
با سلام ببخشید مطلبتون خیلی خوب بود یه سوال من با فتوشاپ انلاین کار می کنم نمی دونم چرا نمی تونم باهاش...
۱۸:۱۵:۱۰ ۱۳۹۹/۰۳/۰۲

form fatemeh
در:
پاراگراف زیر را داریم. چه تنظیماتی در CSS و HTML نیاز است تا در صفحه وببدرستی نمایش داده شود؟ میشه برا جواب این سوال...
۱۶:۳۲:۲۳ ۱۳۹۹/۰۳/۰۱

form علی
در:
با سلام و عرض ادب من یه فانکشن تعریف کردم و کدهای فایل ajax-loading-message.php رو درونش گذاشتم
۰۸:۴۲:۲۱ ۱۳۹۹/۰۳/۰۱

form Maryam
در:
سلام .. من میخاستم کدی بنویسم که خروجی آن دکمه on .. of باشه که با زدن دکمه رنگ پس زمینه تغییر کند ممنون میشم...
۰۲:۲۱:۳۴ ۱۳۹۹/۰۲/۳۱

form amir
در:
سلام ممنون از سایت خوبتون چطور میشه با جاوااسکریپت ایجکس و پی اچ پی بتونم تمامی جدول های دیتابیس رو هر کدوم با یه...
۲۰:۴۵:۵۲ ۱۳۹۹/۰۲/۳۰
form علی
در:
با سلام و عرض ادب بسیار سایت پر محتوایی دارید تبریک... می خواستم بپرسم اگر بخواهیم مثلا کاربر روی یک لینکی در سایت...
۰۷:۲۲:۰۱ ۱۳۹۹/۰۲/۳۰
form Edward ASharp
در:
سلام میشه همين فایلای کاملشو به من بدید؟
۰۰:۰۲:۲۱ ۱۳۹۹/۰۲/۳۰
form میکاییل
در:
سلام من پروزه ای دارم با mvc نوشته شده و در روت سایت فایل htacsess دارم که کد های زیر توشه ...
۰۲:۳۰:۰۲ ۱۳۹۹/۰۲/۲۹
form mahdi
در:
سلام استاد عزیز ، این درسته که با node.js دیگه نیازی به یادگیری php نخواهیم داشت؟
۲۲:۳۹:۳۶ ۱۳۹۹/۰۲/۲۸
form امیر مهدی
در:
سلام ممنونم از اینکه کمکم کردید ولی من منو رو با زیر منوها می خواستم کد شما زیر منوها رو از بین برد. منظور من...
۲۲:۳۰:۱۵ ۱۳۹۹/۰۲/۲۸
form امیر مهدی
در:
سلام. من در طراحی منو سایت با مشکل برخوردم. من منو خودم رو ساختم و متوجه شدم که منو من مقداری فضا از سمت چپ...
۱۹:۲۴:۰۱ ۱۳۹۹/۰۲/۲۸
form امین
در:
خیلی خیلی ممنون از اینکه جواب دادید اما الان که امتحان کردم مجموع همه ی سفارشات رو میزنه یعنی اگر 3 نفر سفارش دادن...
۱۳:۴۶:۵۵ ۱۳۹۹/۰۲/۲۸
form امین
در:
درود به شما خسته نباشید یک سوال داشتم خیلی گشتم اما پیدا نکردم من دیتابیسی برای مثال invert دارم میخوام یک صفحه...
۰۱:۰۰:۴۵ ۱۳۹۹/۰۲/۲۸
form امیر
در:
عالی بود. سپاس گذارم
۱۰:۱۹:۴۴ ۱۳۹۹/۰۲/۲۷
form فرامرز اسماعیلی
در:
سلام خسته نباشید. من داخل ویرایشگرهای notepad++ یا Braket دستور html رو می نویسم یعنی فایل متنی به صورت index.html رو می خواهم اجرا کنم...
۲۲:۴۱:۴۳ ۱۳۹۹/۰۲/۲۶
form پری
در:
سلام بعضی از سایت ها وقتی اهنگ بعدی رو پلی میگنیم اهنگ قبلی که در حال پخش است به طور خودگار قطع میشود میشه این...
۱۴:۲۲:۲۵ ۱۳۹۹/۰۲/۲۶
form ilia Delbar
در:
خیلییییییییییی خوبه! فقط دلم می خواد یه برنامه درست کنم رنگ ها رو نشون بده (رنگ تگ ها)
۱۳:۱۵:۱۹ ۱۳۹۹/۰۲/۲۶
form زهیر صفری
در:
با سلام چطور میتونم تاریخ تولد فرد ایرانی رو بگیره مثلا از input و سن فرد رو در input بعدی نمایش بده میتونید...
۱۲:۳۸:۵۷ ۱۳۹۹/۰۲/۲۶
form حبیب
در:
با سلام بنده از طریق مودم خانه به اینترنت وصل شدم هم با کامپیوتر و هم با موبایل. اما ای پی در هر...
۰۳:۱۲:۵۴ ۱۳۹۹/۰۲/۲۶
form امین
در:
سلام خسته نباشید امیدوارم جوابمو بدید من داخل یک صفحه این کد جاوا رو دارم میخوام خروجی که میده رو داخل...
۱۳:۴۴:۳۳ ۱۳۹۹/۰۲/۲۵
form امیر هادی نجاتی
در:
ممنون از شما. این قسمت (استفاده از جاوا اسکریپت برای غیر فعال کردن کلیک راست) واقعا به دردم خورد .
۲۱:۰۳:۵۰ ۱۳۹۹/۰۲/۲۴
form لیلا
در:
سلام ، ببخشید من میخوام یک مدرک رو در سایت آپلود کنم ولی ارور زیر رو میده . میشه راهنماییم کنید. ممنون
۱۴:۵۲:۴۷ ۱۳۹۹/۰۲/۲۴
form زهرا جعفری
در:
با سلام بنده میخواهم در جاوااسکریپت یک textbox داشته باشم که در آن یک دکمه چشمک زن بذارم وسط متن و وقتی روی...
۱۰:۰۱:۵۱ ۱۳۹۹/۰۲/۲۴
form جواد
در:
سلام. مقادیر و اطلاعاتی از یک سایت دیگه با همین متد file get contents میگیرم که روی لوکال هاست سرعتش خوبه، روی سرور هم بد...
۲۲:۰۳:۲۲ ۱۳۹۹/۰۲/۲۳
form علی رضایی
در:
در خط آخر خطای نحوه ارسال آرگومان می دهد. خطای syntax است یا دستور مورد دارد؟
۱۳:۲۹:۴۹ ۱۳۹۹/۰۲/۲۳
form علی
در:
سلام میخوام مطالب مرتبط با موضوعات سایتم رو در پایین اونها نمایش بدم چجوری میتونم این کار رو بکنم
۰۱:۲۸:۰۰ ۱۳۹۹/۰۲/۲۳
form امیرحسین
در:
با سلام. من تو css میخوام از اتریبیوت border-radius استفاده کنم ولی وقتی مقدارشو مثلا توی div زیاد میذارم متن داخل div بیرون میاد میخواستم...
۱۹:۵۲:۳۰ ۱۳۹۹/۰۲/۲۲
form امیرعلی
در:
با سلام بنده میخواستم بدانم که میشود تگ div را با این روش ها پنهان کرد من میخواهم افزونه ی وردپرسی را...
۱۲:۳۹:۲۶ ۱۳۹۹/۰۲/۲۲
form یوسف رضایی
در:
با سلام و خسته نباشید خواستم بپرسم خروجی یک فرم (با چند گزینه) بر روی برووزر که اماده برای ارسال برای سرور هست را توی...
۱۱:۱۴:۰۳ ۱۳۹۹/۰۲/۲۲
form سعیده
در:
سلام من یه اهنگ که تو وبلاگم میزارم صفحه پخش اهنگ میاد و بلندگوش ولی اون مثلث پلی کنندش نمیاد یعنی عملا واسم...
۱۵:۴۱:۰۵ ۱۳۹۹/۰۲/۲۱
form مجید اسکندری فر
در:
سلام حدود 700 تصویر رو در وبلاگم بارگذاری کردم و حدود 6000 بازدید داشته علت عدم نمایش تصاویر بارگذاری شده در وبلاگم چیست؟ خیلی زحمت...
۱۰:۳۲:۴۵ ۱۳۹۹/۰۲/۲۱
form علیرضا
در:
سلام، ممنون از مطلب کاملتون یه نکته رو هم من اضافه کنم برای کاملتر شدن مقاله، هر آدرس آی پی از یک شناسه هاست...
۰۹:۳۷:۵۰ ۱۳۹۹/۰۲/۲۱
form mahdi
در:
سلام استاد عزیز ، خیلی ممنون از راهنمایی ، انجامشون میدم، فکر میکنم همه این کارارو بلد باشم فقط WYSIWYG رو اصلا نشنیده بودم که...
۰۷:۱۸:۳۷ ۱۳۹۹/۰۲/۲۱
form معصومه
در:
سلام، امروز دیدم که عکس های وبلاگم حذف شده چرا؟ چطور میتونم برشون گردونم؟ عکس ها رو از سایت پیکو فایل آپلود میکردم، هرچقدرم سعی...
۱۴:۵۳:۵۱ ۱۳۹۹/۰۲/۲۰
form mahdi
در:
سلام استاد عزیز و گرامی ، یه درخواستی داشتم ازتون میخوام اگه براتون ممکنه من رو در جاوا اسکریپت بسنجی که بدونم چیا بلدم...
۱۴:۱۸:۵۸ ۱۳۹۹/۰۲/۱۹
form امیر
در:
با سلام، خدمت دوستان عزیز دو جدول به نام‌های Messages و Comments موجود هستند. در جدول Comments فیلدی به نام IDElement وجود دارد که...
۰۵:۲۹:۳۸ ۱۳۹۹/۰۲/۱۹
form ehsan hoseini sianaki
در:
سلام خیلی عالی و کاربردی بود. خسته نباشید.
۲۳:۰۰:۵۱ ۱۳۹۹/۰۲/۱۷
form امید
در:
با سلام و عرض ادب فیلتری میخوام که تعداد جوابهای فیلترهای سایت tse بورس که با جاوا نوشته شده رو بگه مثلا قرار...
۰۰:۱۰:۵۱ ۱۳۹۹/۰۲/۱۷
form احسان
در:
سلام ببخشید من هر کار میکنم تو گوشی اندروید با Html یه عکس رو در سایت خودم بزارم هیچی نمیشه فقط یه علامت عکس میاد...
۲۲:۲۸:۳۷ ۱۳۹۹/۰۲/۱۶
form hasti
در:
سلام . وقت بخیر . میشه مثالی بزنید که right over join برابر با inner join (داخلی) بشه . /با order و customer/ ...
۲۰:۰۵:۱۷ ۱۳۹۹/۰۲/۱۶
form میثم
در:
سلام مجدد من دیگه اینقدر با این کدها ور رفتم دیوونه شدم. این کل تابع منه. شما می تونید برای حل مشکلی که...
۱۷:۳۰:۳۱ ۱۳۹۹/۰۲/۱۶
form میثم
در:
سلام در تکمیل سوالی که خدمت شما عرض شد: ببینید ما دو تا فیلد فایل داریم توی اولی عکس اپ میشه و توی...
۱۶:۲۶:۲۶ ۱۳۹۹/۰۲/۱۶
form ماردین
در:
سلام من میخواستم ببینم چکار کنم که اولین query رو بدون حذف بقیه query ها حذف کنم
۱۵:۵۲:۵۴ ۱۳۹۹/۰۲/۱۶
form میثم
در:
سلام یه سوال خدمت شما داشتم. من با جاوا اسکریپت میخوام بخش فایل توی فرمم رو چک کنم. توی فرم 2 تا فیلد...
۱۱:۴۷:۵۲ ۱۳۹۹/۰۲/۱۶
form amir mtf
در:
سلام ببخشید من میخواستم در تگ این‌پوت برخی از کلمات و علامت ها رو حذف کنم. یک درخواست دیگر هم دارم اگه میشه کد...
۱۲:۳۷:۰۵ ۱۳۹۹/۰۲/۱۵
form کیوان
در:
سلام ممنون از سایت خوبتون، من یه فرم دارم که اطلاعاتش رو از دیتابیس میگیره، چطور میتونم با نوشتن حلقه بعد از چاپ سه...
۱۸:۲۲:۲۴ ۱۳۹۹/۰۲/۱۳
form mohammad
در:
آموزشتون خیلی فهما و دقیق بود ممنون
۲۱:۵۵:۳۸ ۱۳۹۹/۰۲/۱۲
form محمودی
در:
سلام چطوری میتونم برای سایت ثبت نام کدبورسی و ثبت نام ارز دیجیتال بک لینک بگیرم
۱۵:۲۶:۰۷ ۱۳۹۹/۰۲/۱۲
در انتظار بررسی: ۰