Loading…

جزیره طراحی و توسعه وب

  • مرتب سازی بر اساس
  • تعداد نمایش در هر صفحه
mostafa lor
نکته: انتخاب نام برای برند سازی
انتخاب نام برای برند سازی -- عرض سلام خدمت همگی دوستان در itpro -- تا حالا شده بخوایید یه اسم بسازید و پیش خودتون فکر کنید این اسم رو هیشکی تو دنیا نداره و اولین بار میخوا ساخته شه ولی وقتی تو نت چک میکنید میبینید 100 نفر قبل شما این کارو کردن؟ ممد : اره حاجی شده من یه بار میخواستم یه سایت بزنم ولی اون چیزی که تو ذهن من بود یکی 3 سال پیش این کارو کرده بود مصی : دوستان شما هر وقت خواستید یه برند بسازید قبلش حتما بر...
ارسطو عباسی
نکته: آموزش: آموزش گام بە گام CSS: قسمت پانزدهم: Viewport چیست؟
آموزش: آموزش گام بە گام CSS: قسمت پانزدهم: Viewport چیست؟ ViewPort به قسمت قابل مشاهده کاربر می گویند. مقادیر ViewPort متغیر است برای مثال در موبایل های هوشمند کوچکتر از کامپیوتر ها می باشد. همانطور که قبلا توضیح دادم، در ابتدای ساخت صفحات وب، صفحات مطابق با دستگاه تغییر سایز یا در واقع تغییر اندازه (ViewPort) نمی دادند. با آمدن تکنولوژی HTML5 توانایی در اختیار گرفتن ViewPort برای ما بسیار ساده تر شده است. برای اینکار از تگ meta استفاده می شود. <...
araf56
نکته: تعیین حد بزرگنمایی صفحات در فایرفاکس
تعیین حد بزرگنمایی صفحات در فایرفاکس تعیین میزان حدأکثر و حدأقل بزرگ‌نمایی صفحات وب و محتویات داخل آنها -- یکی از روشهایی که می توان صفحات وب را بزرگ و یا کوچک کرد، بدین صورت است که دکمه Ctrl را پائین نگه داشته و غلتک موس را به سمت پایین و یا بالا ، صفحات را بزرگ و یا کوچک کرد. اما با ترفند زیر می توان میزان حداقل و حداکثر بزرگنمایی را تغییر داد. برای انجام این کار باید طبق مراحل زیر عمل کنید 1 ورود به محیط about:config فایرفاک...
araf56
نکته: آمار کاری کاربران در جستجوگر بومی
آمار کاری کاربران در جستجوگر بومی بر اساس بررسی و تحلیل انجام گرفته بر روی لاگ های یکی از موتور های جستجوگر بومی در سطح کلیک کاربران، پرس وجوها و ... که توسط آزمایشگاه ارزیابی خدمات وب مرکز تحقیقات مخابرات ایران (وب آزما) انجام گرفته، نتایج جالبی به دست آمده، البته به نظر من با توجه به اینکه اطلاعات حاصل شده بر اساس لاگ های موتور جستجو گر بومیه، شاید نتونه گزارش دقیقی باشد ولی باز نتایج حاصله قابل توجه و تامله. نکته :بیشترین مراج...
araf56
نکته: موزیلایی سریعتر با موتور جدید
موزیلایی سریعتر با موتور جدید موزیلا با موتور کوانتوم -- مرورگرهای وب و رقابت تگاتنگ در عرصه ارائه کاوشگرهایی قوی تر که با سخت افزارهای حال حاضر همخوانی بیشتری داشته باشند و بتوانند از تمام توانایی پردازش پردازنده های چند هسته ای بهره ببرند.مرورگرهایی چون موزیلا، گوگل کروم، مرورگر edge متعلق به مایکروسافت و ... . البته در این بازار داغ ، همچنان رقابت بین دو مرورگر موزیلا فایرفاکس و گوگل کروم است و مایکروسافت هم تلاش می کند ...
SEOMaster
نکته: چگونه سئو به محتوای قدیمی سایت کمک می کند:: قسمت پایانی
چگونه سئو به محتوای قدیمی سایت کمک می کند:: قسمت پایانی 4. ترافیک سایت رو به سمت دارایی های با دوام خودتون هدایت کنید -- در حالی که بازدیدهای صفحه به طور مستقیم بر روی رتبه بندی جستجو تاثیر نمیذاره، اما یک سیگنال کلی رو به همراه داره، و اونم اینکه بازدیدکننده رو همچنان در متنی که شما در صفحه قرار دادید نگه می داره، به قول خودمون نفر متن های صفحه رو سر سری رو نمی کنه و صفحه رو ببنده. این امر سبب می شه که میزان Bounce rate(نرخ بیهودگی محتوا) کاهش پی...
araf56
نکته: نکات کلیدی موفقیت در طراحی وب سایت
نکات کلیدی موفقیت در طراحی وب سایت 1. انتخاب یک هاست(host) معتبر و مناسب ، متناسب با فضای مورد نیاز برای وب سایت. 2. تهیه و تدوین یک معماری مرتب، منظم و مناسب برای سایت 3. انتخاب نام و دامین مناسب (کاربر پسند که فراموش نشود)برای سایت. 4. انتخاب محتوایی مناسب ، مفید و سودمند ( دقت در نوع محتویات که زمان کمتری برای لود شدن صرف شود) 5. انتخاب رنگبندی مناسب برای قسمتهای مختلف وب سایت جهت جذابیت و نظم مطالب داخل وب سایت 6. استفاده ...
ارسطو عباسی
نکته: آموزش گام به گام CSS قسمت سیزدهم: شفافیت
آموزش گام به گام CSS قسمت سیزدهم: شفافیت اگر تا به حال با فوتوشاپ کار کرده باشید، مطمئنا با حالت opacity لایه ها آشنایی دارید، این حالت برای کم رنگ کردن یک لایه استفاده می شود. در CSS نیز ما با چنین حالتی روبرو هستیم. برای مثال می توانید تصویری را کم رنگ کرده و تا زمانی که ماوس روی تصویر hover می شود در همان حالت باقی بماند. برای اینکار باید از خاصیت opacity با مقادیر 0.1 تا 1 استفاده کنید. به مثال زیر توجه داشته باشید: در این حالت تمام...
ارسطو عباسی
نکته: آموزش گام به گام CSS قسمت دهم: Display و Max-width
آموزش گام به گام  CSS قسمت دهم: Display و Max-width در جلسه گذشته درباره استایل های جداول نکاتی آموختیم امروز می خواهیم با دو خاصیت پرکاربرد دیگر آشنا شویم پس با من همراه باشید! حالت های نمایش یا Display: قالب نمایشی عناصر وب عمدتا یکسان هستند, اما گاهی اوقات باید تغییر کنند. پیش از اینکه وارد دستورات مورد نظر شوم می خواهم چند تعریف از شیوه های نمایش عنصر در صفحه وب را به شما بیاموزم. • حالت اول block: خیلی اوقات یک عنصر وب بدون باقی گذاشتن فضا ی...
ارسطو عباسی
نکته: آموزش گام به گام HTML قسمت بیست و سوم (پایانی) - مدیریت بهتر لایه های وب
آموزش گام به گام HTML قسمت بیست و سوم (پایانی) - مدیریت بهتر لایه های وب در آخرین قسمت از دوره آموزش گام به گام HTML می خواهم بحث لایه های HTML5 برای مدیریت بهتر یک صفحه وب توضیح دهم. شاید به صورت کلی یک صفحه وب شامل یک سربرگ، منو، بخش محتوی، کناره و فوتر باشد. اما چطور می توان بهتر این قسمت ها را مدیریت کرد و یا بعدا بهتر بتوانیم قسمت های مورد نظر را ویرایش کنیم. درست است می توانیم بجای استفاده از تگ های لایه بندی از همان div استفاده کنیم اما این کار مطابق با HTML5 ا...
ارسطو عباسی
نکته: آموزش گام به گام CSS قسمت دوم: شیوه های استفاده از CSS
آموزش گام به گام CSS قسمت دوم: شیوه های استفاده از CSS برای آنکه کدهای CSS را به یک فایل HTML ارتباط دهیم سه راه متفاوت وجود دارد: • External style sheet • Internal style sheet • Inline style External Style Sheet: اولین و استانداردترین راه استفاده از CSS استفاده از فایل CSS خارجی است. معمولا وقتی پروژه طراحی سایت بزرگ باشد از این راه استفاده می کنند. فایل CSS معمولا style.css نام گذاری می شود و در همان پوشه ای قرار می گیرد که فایلهای HTML قرار دار...
ارسطو عباسی
نکته: آموزش گام به گام HTML قسمت بیست و یک: خاصیت های تگ input در HTML
آموزش گام به گام HTML قسمت بیست و یک: خاصیت های تگ input در HTML شاید در طول سه جلسه قبلی در بعضی از مثال ها چندین خاصیت input را یاد گرفته باشید، اما به در این جلسه می خواهم مهمترین خاصیت های تگ input را به شما یاد بدهم. یکی از مهترین خاصیت های تگ input خاصیت type بود که برای تعیین نوع ورودی استفاده می شود. اما جدای از این خاصیت، خاصیت های مهم و تعیین کننده دیگری نیز وجود دارد: خاصیت disabled: این خاصیت برای غیر فعال کردن یک ورودی استفاده می شود. خاصیت maxle...
ارسطو عباسی
نکته: آموزش گام به گام HTML قسمت نوزدهم: کنترل ها و (اجزای فرم در HTML5)
آموزش گام به گام HTML قسمت نوزدهم: کنترل ها و (اجزای فرم در HTML5) اجزای کنترلی معمولا بدون احتیاج به تگ form ساخته می شوند. برای این اجزا کافی است که تگ ها و المنت های آن را استفاده کنید. لیست Drop-Down: از این نوع لیست ها برای انتخاب بین چند آیتم به صورت کشویی استفاده می شود. تگ اصلی این لیست select می باشد، مقادیری که می تواند انتخاب شوند را می توانید با تگ option وارد کنید. تگ option زیر مجموعه تگ select است و به تنهایی هیچ کاربردی ندارد. به صورت پیشفر...
ارسطو عباسی
نکته: آموزش گام به گام HTML قسمت هفدهم: چند قانون ساده در HTML
آموزش گام به گام HTML قسمت هفدهم: چند قانون ساده در HTML تا الان با برخی از اجزای و تگ های HTML آشنا شده اید، نوشتن دستورات به نظر خیلی آسان می آیند و در حقیقت هم همینگونه است. اما در این قسمت می خواهم چندین نکته و قانون ساده درباره نوشتن دستورات را به شما یاد بدهم. نوبت دهی به تگ های تو در تو: یک متن همزمان که استایل b را گرفته می تواند i را نیز دریافت کند. ولی اولین تگی که باز شده است آخرین تگی خواهد بود که بسته می شود. اشتباه: درست: تگ های اچ ت...
ارسطو عباسی
نکته: آموزش گام به گام HTML قسمت چهاردهم: قاب بندی در HTML
آموزش گام به گام HTML قسمت چهاردهم: قاب بندی در HTML یک قاب یا Iframe در صفحه اچ تی ام ال موجب می شود که همزمان چند صفحه وب مختلف را در یک صفحه نمایش دهید. این کار توسط تگ <iframe> و با استفاده از خاصیت های مختلف امکان پذیر است. این تگ دارای خاصیت های src مشخص کننده لینک مورد نظر برای نمایش، width , Height برای تعیین طول و عرض قاب می باشد. یکی از قابلیت های جالب این تگ اینست که می تواند به عنوان target در تگ a قرار بگیرد. برای این کار کافی اس...
ارسطو عباسی
نکته: آموزش گام به گام HTML قسمت سیزدهم: بلاک و کلاس ها در HTML
آموزش گام به گام HTML قسمت سیزدهم: بلاک و کلاس ها در HTML تمام تگ هایی که در اچ تی ام ال وجود دارد، می توانند به صورت مستقل یکسری استایل ها و دسترسی ها را داشته باشند، به عنوان مثال وقتی متنی درون تگ p قرار می گیرد خیلی راحت می توان در سی اس اس به آن استایل داد. اما گاهی اوقات متنی یا شی می تواند داخل یک بلاک باشد که خودمان آن را درست کرده ایم. همچنین می توانید با این کار چندین تگ را با هم در یک بلاک قرار دهیم. برای اینکار می توانید از تگ div استفاده کنی...
ارسطو عباسی
نکته: آموزش گام به گام HTML قسمت دهم: تصاویر در HTML
آموزش گام به گام HTML قسمت دهم: تصاویر در HTML همانطور که پیشتر اشاره کردم با استفاده از اچ تی ام ال شما می توانید امکانات چند رسانه ای را به وبسایتتان اضافه کنید. در این قسمت می خواهم که چگونگی اضافه کردن تصویر به همراه امکانات آن را به شما آموزش دهم. به صورت کلی سینتکس مربوط به تصاویر در اچ تی ام ال به صورت زیر می باشد: Src مخفف کلمه source یا منبع می باشد. در بین کوتیشن ها شما باید آدرس عکس مورد نظر را وارد نمایید. البته تگ img دارای خاصی...
مهدی عادلی
نکته: معرفی فایل wp-config.php برای پیکربندی وردپرس
معرفی فایل wp-config.php برای پیکربندی وردپرس سلام به دوستان Itpro. یکی از مهمترین تنظیماتی که در وردپرس وجود دارد تنظیمات پایگاه داده می‌باشد. تنظیمات پایگاه داده هنگام نصب وردپرس انجام می‌شود ولی اگر بخواهیم بعد از اینکه وردپرس را نصب کردیم تغییری در تنظیمات پایگاه داده به وجود آوریم باید از کجا این عمل را انجام دهیم. این تنظیمات گفته شده در وردپرس در داخل فایلی به نام wp-config.php قرار دارد. دراین مطلب قصد داریم که در مورد این فایل مطالبی...
UNITY
نکته: منظور از اسکریپ نال شده یا Null Script چیست ؟
منظور از اسکریپ نال شده یا Null Script چیست ؟ اگر کمی در حوزه وب و حداقل کار کردن با محصولاتی مثل جوملا و وردپرس و .. درگیر شده باشید حتما با واژه ای به نام Null یا اسکریپ Null شده برخورد کرده اید. در واقع زمانیکه صحبت از اسکریپت Null شده می شود یعنی نرم افزاری که بدون استفاده از لایسنس اصلی و بدون پرداخت هرگونه هزینه ای تهیه شده است و شرکت تولید کننده هم از این محصول هیچ پشتیبانی نمی کند. به زبان ساده تر اسکریپ Null شده یعنی اسکریپت کرک شد...
ارسطو عباسی
نکته: آموزش گام به گام HTML قسمت نهم : لینک ها در HTML
آموزش گام به گام HTML قسمت نهم : لینک ها در HTML لینک های اچ تی ام ال در واقع ابرلینک هستند، یعنی با انتخاب یک لینک در صفحه وب یک صفحه دیگری باز می شود. در جلسات اول چگونگی نوشتن لینک را توضیح دادم اما در این جلسه می خواهم به صورت کامل درباره لینک ها توضیح دهم. نوشتن کد برای لینک ها در اچ تی ام ال به صورت زیر می باشد: Url تعیین کننده مسیری است که با کلیک روی نوشته link text باز می شود. Href همانطور که قبلا عرض کردن یکی از صفات مهم تگ a می باشد....
ارسطو عباسی
نکته: آموزش گام به گام HTML قسمت هفتم : استفاده از رنگ ها در HTML
آموزش گام به گام HTML قسمت هفتم : استفاده از رنگ ها در HTML -- در اچ تی ام ال برای تعیین رنگ هر چیزی شما چند راه مختلف پیش رو دارید: * استفاده از نام رنگ * استفاده از کدهای RGB * استفاده از کدهای HEX استفاده از نام رنگ: خب در واقع این روشی است که کمتر مورد استفاده طراحان وب استفاده می شود به خاطر اینکه تعداد گزینه های انتخاب رنگ محدود هستند. برای انتخاب رنگ ها در این صورت شما تنها باید نام انگلیسی مربوط به رنگ را بلد باشید. مثلا: Red, Blue, Green و......
ارسطو عباسی
نکته: آموزش گام به گام HTML قسمت ششم : نقل قول و درج توضیحات
آموزش گام به گام HTML قسمت ششم : نقل قول و درج توضیحات -- احتمالا تا حالا گفتاورد یا نقل قول را شنیده اید، برای نقل قول کردن در یک فایل اچ تی ام ال می توانید از دو تگ <q> و <blackquote> استفاده کرد. تفاوت کلیدی این دو تگ در زیر بیان شده است: * <q>: در این صورت در ابتدا و انتهای متن علامت "" (کتیشن) قرار می گیرد. * <blackquote>: در این صورت ابتدا و انتهای متن با فاصله از کناره ها متن قرار می گیرد. مثال زیر را اجرا...
ارسطو عباسی
نکته: آموزش گام به گام HTML قسمت پنجم : استایل و فرمت متن ها
آموزش گام به گام HTML قسمت پنجم : استایل و فرمت متن ها -- استایل: توسط تگ style می توان برای اجزای اچ تی ام ال یا در واقع تگ های اچ تی ام ال یک استایل کلی تعیین کرد: خب در قسمت tagname شما باید نام تگ مورد نظر را بنویسید. مثلا تگ h1 در قسمت property نام استایل مورد نظرتان را بنویسید. مثلا استایل color (در مورد این استایل ها صحبت خواهیم کرد.) و در قسمت Value مقدار property مورد نظر را باید بنویسید مثلا برای color می توانید مقدار red را ذکر نمایید. در...
ارسطو عباسی
نکته: آموزش گام به گام HTML قسمت چهارم : عنوان بندی و تگ های جدید
آموزش گام به گام HTML قسمت چهارم : عنوان بندی و تگ های جدید -- اگر یادتان باشد در قسمت های قبلی به تگ های عنوان بندی اشاره کردم در این جلسه میخواهم کمی بیشتر در رابطه با آنها حرف بزنیم. خب همانطور که گفته شد تگ های عنوان بندی با حرف h و یک عدد بین 1 تا 6 نوشته می شود. یکی از نکات مهم این تگ این هستش که عدد مورد نظر اگر بیشتر باشد سایز نوشته کوچک خواهد بود اما توجه کنید که محدوده این عدد دربین 1 تا 6 می باشد. تگ های عنوان بندی چه از نظر سئو و یا محتوا بس...
ارسطو عباسی
نکته: آموزش گام به گام HTML قسمت دوم : دستورات مقدماتی و معرفی ساختار
آموزش گام به گام HTML قسمت دوم : دستورات مقدماتی و معرفی ساختار -- برای نوشتن کدهای اچ تی ام ال شما مجبور به استفاده از برنامه های پیچیده و سنگین نیستید هر چند که اگر از آنها استفاده کنید سهولت و آسانی در نوشتن به همراه دارد اما در همین اوایل کار که با پروژههای سنگینی طرف نیستیم می توانیم از خود نوت پد در ویندوز استفاده کنیم. اکثر برنامه های ویرایشگر متن این امکان را دارند که بتوانند سند اچ تی ام ال بسازند، البته برنامه ورد برای این کار مناسب نیست، چون در هنگ...
nafiseh9098
نکته: انتقال اطلاعات از Controller به View در MVC
انتقال اطلاعات از Controller به View در MVC در این نکته قصد داریم اولین ارتباط را بین Controller و View برقرار کنیم .برای پاس دادن اطلاعات از Controller به View راه های متفاوتی وجود دارد یکی از این راهها استفاده از viewBag میباشد.viewBag یک کلاس نوع داینامیک است ،یعنی در زمان کد نویسی به تعداد دلخواه و با نام دلخواه میتوان برای آن Property در نظر گرفت . برای اینکار مثال زیر را باهم مرور ...
nafiseh9098
نکته: ایجاد یک view در ساختار MVC
قسمت محاوره ای و ارتباط با کاربران در تمامی نرم افزار هایی که با ساختار MVC پیاده سازی میشوند با استفاده از لایه ی VIEW انجام میگیرد.ذات اصلی لایه ی VIEW بر اساس HTML است.برای ایجاد یک VIEW ساده ابتدا روی Controller کلیک راست کرده و Add ->controller را کلیک میکنیم از پنجره باز شده Mvc Controller Empty را انتخاب کرده و گزینه Add را کلیک میکنیم.حال نام پیش فرض HomeController را برای آن انتخ...
حسین احمدی
نکته: ایجاد DropDown برای enum ها در ASP.NET MVC
ایجاد DropDown برای enum ها در ASP.NET MVC در این مطلب قصد دارم نحوه ایجاد DropDown برای enum ها در ASP.NET MVC را به دوستان عزیز ITPRO آموزش دهم. فرض کنید کلاسی به صورت زیر داریم: همانطور که مشاهده می کنید برای کلاس Person یک خاصیت به نام Gender ایجاد کردیم که جنسیت را مشخص می کند. در ادامه می خواهیم بر اساس enum جنسیت مقادیر در View ما نمایش داده شود. برای اینکار یک فرم به صورت زیر ایجاد می کنیم: متد EnumDropDownListFor که در...
حسین احمدی
نکته: استفاده از رویداد change در textarea با کمک jquery
استفاده از رویداد change در textarea با کمک jquery فرض کنید در یک صفحه وب، یک کنترل textarea قرار دادید و می خواهید زمانی که محتویات textarea تغییر کرد یک رویداد فراخوانی شود. در حالت عادی باید برای textarea رویداد های keyDown یا keyUp را استفاده کنید. اما مشکلی که این رویداد دارد در صورت استفاده از arrow key ها نیز رویداد فراخوانی خواهد شد. برای حل این مشکل راهکار دیگری وجود دارد که در این نکته با آن آشنا خواهید شد. فرض کنید کنترلی به صورت زیر در...
mrsoheil
نکته: قابلیت امکان چت در وردپرس
با سلام. قابلیت چت کردن با مدیر سایت چیزیه که اکثر کاربرهای بهش نیاز دارن تا اگه سوالی داشته باشن به صورت زنده به گفت و گو با مدیر وبسیات بپردازند.به طور مثال اگه وبسایت وردپرسی فروش ساعت دارید و یا هر هر فروشگاه دیگه ،کاربران احتیاج دارند که با شما به صورت انلاین به گفت و گو بپردازند.این گفت و گو توسط افزونه chat که در ادامه معرفی میکنم میتونه بهتون کمک کنه. افزونه chat به دو نسخه پولی و رایگان...