مقالات آموزش طراحی سایت

کد نوشتن نقل قول در html

کد نوشتن نقل قول در html
 ۱۶ فروردین ۱۴۰۰      موضوعات: آموزش طراحی سایت وبلاگ 

شاید در بسیاری از موارد شما نیاز داشته باشید که در طراحی سایت خود چه با سیستم ها مدیریت محتوا و چه اختصصاصی از نقل قول استفاده کنید. نقل قول برای بیان سخنی از دیگران است. اما لزوم استفاده از نقل قول چیست؟ با ایران وبر همراه باشید. در بسیاری از سیستم های مدیریت محتوا و همچنین ویرایشگر های متن که در سیستم های اختصاصی استفاده می شد گزینه ی نقل قول به راحتی قابل استفاده است. لذا طرح دهی مختلف برای نقل قول می تواند به زیبایی سایت وطراحی شما کمک کنید. کد اختصاصی نقل قول، blockqoute است. که در ادامه مثالی از استفاده از ان را مشاهده خواهید کرد: <blockquote> خلاقیت به معنی مرتبط و متصل کردن موارد مختلف به یکدیگر است. وقتی شما از افراد خلاق می پرسید چطور مسئله یی را پدید آوردند، ممکن است قدری احساس گناه کنند. چونکه احتمالاً در پس ذهنشان متصورند کار اصلی را آنها انجام نداده اند. دیدگاه متفاوت این افراد، به خلق یک امر دگرگون شده منجر گشته است و البته بعد از مدتی این مسئله برای خودشان نیز واضح خواهد شد. استیو جابز </blockquote> نتیجه ی این بلاک به صورت زیر است. ...

برچسب‌ها: , ,

کد ایجاد خط جدید در html

کد ایجاد خط جدید در html
 ۱۵ فروردین ۱۴۰۰      موضوعات: آموزش طراحی سایت 

یکی از بخش های پایه ای html روش ایجاد خط جدید است. در html چندین تگ برای این کار وجود دارد. که ما بر اساس نیاز یکی از این تگ ها را استفاده می کنیم. در ادامه با ما همراه باشید. روش اول ایجاد یک خط جدید با br در این روش باید پس از نوشته یک br اضافه نمایید. به مثال پایین دقت نمایید. <p> علی آمد.<br/> علی رفت </p> همانطور که از کد بالا مشاهده نمودید یک کد br به شکل بالا در متن اضافه می کنیم. نتیجه کار به صورت زیر خواهد شد: علی آمد. علی رفت در کد br از یک کد استفاده کرده و حتما کد br را با علامت / پایان دهید تا در کد شما و آنالیز کد شما توسط موتور های جستجو و استاندار های طراحی وب مشکلی ایجاد نشود. روش دوم استفاده از پاراگراف دوم به مثال زیر توجه کنید: <p> علی آمد. </p> <p> علی رفت </p> نتیجه در این مثال هم همانند قبل بوده و یک پاراگراف جدید ایجاد شده است. نتیجه: علی آمد. علی رفت توجه داشته باشید که برای روش دوم از تگ p استفاده شده است و در تگ p باید تگ باز شونده و بسته شونده داشته باشیم و همانند تگ br فقط با یک کد امکان ایجاد خط جدید وجود ندارد. شما می ...

روش تغییر رنگ اسکرول مرورگر در طراحی سایت

روش تغییر رنگ اسکرول مرورگر در طراحی سایت
 ۱۱ اسفند ۱۳۹۸      موضوعات: آموزش طراحی سایت وبلاگ 

یکی از موضوعاتی که ممکن است در سایت شما برای شما مهم باشد، اختصاصی کردن رنگ اسکرول مرورگر است. تغییر رنگ اسکرول مرورگر، قابلیت است که می توانید با استفاده از css در مرورگر های جدید انجام دهید. تمامی مرورگر های بروز همچون کروم، موزیلا، اج و ... از این قابلیت پشتیبانی می کنند. با ایران وبر همراه باشید. روش تغییر رنگ اسکرول تغییر رنگ اسکرول به چه معنی است؟ شاید شما به وضوح متوجه نشدید که ما از چه موضوعی صحبت می کنیم. همانطور که در تصاویر پایین مشخص است شما می تونید نوار سمت چپ مطالب سایت را شخصی سازی کنید و مطابق با سایت خود طراحی نمایید.  در تصویر پایین ما اسکرول را ویرایش داده و مطابق با نظر خودمان طراحی کرده ایم. نمونه کد نویسی تغییر اسکرول مروگر همانطور که بیان شد برای تغییر اسکرول مرورگر باید استایل یا فایل css سایت خود را ویرایش کنید. به این منظور برای این که اسکرولی همانند تصویر پایین داشته باشید می توانید از این استایل استفاده کنید: <style> /* width */ ::-webkit-scrollbar { width: 20px; } /* Track */ ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { background: red; border-radius: 10px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #b30000; } </style> شما می توانید به راحتی هر کدام ...

برچسب‌ها: , ,

طراحی اپلیکیشن و سایت با nodejs و جاوا اسکریپت

طراحی اپلیکیشن و سایت با nodejs و جاوا اسکریپت

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

برچسب‌ها: , ,

آموزش mysqli prepare برای query ها

آموزش mysqli prepare برای query  ها
 ۳۰ شهریور ۱۳۹۷      موضوعات: آموزش طراحی سایت وبلاگ 

یکی از مباحثی که در طراحی سایت و  php باید توجه لازم را به آن داشت، بحث روش کد نویسی برای جلوگیری از sql injection می باشد. sql injection یک نوع از حملات است که با تزریق دیتا به داده ها امکان تغییر دیتابیس وجود دارد.در صورتی که شما از mysqli استفاده می کنید یکی از روش های بسیار موثر  mysqli prepare می باشد. در ادامه به توضیح این مورد خواهیم پرداخت. با ایران وبر همراه باشید. برای شروع بهتر است یک نمونه کد mysqli prepare رو با هم ببینیم: <?php $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "myDB"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); } $stmt = $conn->prepare("INSERT INTO MyGuests (firstname, lastname, email) VALUES (?, ?, ?)"); $stmt->bind_param("sss", $firstname, $lastname, $email); $firstname = "John"; $lastname = "Doe"; $email = "john@example.com"; $stmt->execute(); $firstname = "Mary"; $lastname = "Moe"; $email = "mary@example.com"; $stmt->execute(); $firstname = "Julie"; $lastname = "Dooley"; $email = "julie@example.com"; $stmt->execute(); echo "New records created successfully"; $stmt->close(); $conn->close(); ?> کد بالا نمونه کدی است که برای یک mysqli prepare استفاده می شود. خب بهتر است جز به جز کد را با هم بررسی کنیم تا بخش های ان را بیشتر درک کنیم: بخش اول - اتصال mysqli به پایگاه داده $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "myDB"; $conn = new mysqli($servername, $username, $password, $dbname); در کد بالا ابتدا به پایگاه داده متصل می شویم. این کد نیاز به توضیح خاصی ندارد چون در این مقاله به ...

برچسب‌ها: , ,

طراحی سایت کلینیک زیبایی و پوست و مو در تهران

طراحی سایت کلینیک زیبایی و پوست و مو در تهران

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

برچسب‌ها: , ,

طراحی سایت رستوران در تهران

طراحی سایت رستوران در تهران
 ۲۱ مرداد ۱۳۹۷      موضوعات: آموزش طراحی سایت طراحی سایت طراحی سایت تهران 

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

برچسب‌ها: , ,

تغییر دادن لوگوی ورود به پنل مدیریتی وردپرس

تغییر دادن لوگوی ورود به پنل مدیریتی وردپرس
 ۲۸ آذر ۱۳۹۵      موضوعات: آموزش طراحی سایت 

تغییر دادن لوگوی ورود به پنل مدیریتی وردپرس : در صفحه ورود به بخش مدیریت وردپرس تصویر ثابتی وجود دارد، اما می‌توانید این تصویر را به‌دلخواه خود تغییر دهید تا تفاوتی برای ورود به پنل مدیریتی شما ایجاد شود. معمولاً این روش برای سایت‌هایی مناسب است که امکان عضویت کاربران مختلف وجود دارد و می‌خواهند ظاهر متنوعی به سایتشان بدهند. شاید تغییر لوگو را بتوان بخشی از شخصی‌سازی وردپرس در نظر گرفت. اکنون کدی را به شما ارائه می‌دهیم تا بدون افزونه بتوانید به هدف خود برسید. در این کد از هوک ها استفاده شده، نیاز است بدانید وردپرس از طریق هوک ها یا قلاب‌ها انعطاف‌پذیری بالایی دارد. از طریق کد ارائه‌شده می‌توانید هر تصویری را در صفحه ورود به سایتتان قرار دهید . در ابتدا باید عکس موردنظر را در فایل images قالب خود قرار دهید و کد زیر را در فایل functions.php بنویسید تا کار به‌درستی انجام شود. <?php function custom_loginlogo() { echo '<style type="text/css"> h1 a {background-image: url('.get_bloginfo('template_directory').'/images/ weber-pic-logo.png) !important; } </style>'; } add_action('login_head', 'custom_loginlogo');  ?> باید نام تصویر خود را در قسمت weber-pic-logo در کد بالا تغییر دهید. تصویر موردنظرتان با سایز 80*80 پیکسل در قسمت ورود به پنل مدیریتی نشان داده می‌شود اما می‌توانید سایز دیگری هم به آن بدهید.

برچسب‌ها: , , , , ,

آموزش قرار دادن ساعت و تاریخ شمسی در سایت وردپرسی

آموزش قرار دادن ساعت و تاریخ شمسی در سایت وردپرسی
 ۲۷ آذر ۱۳۹۵      موضوعات: آموزش طراحی سایت 

نمایش ساعت و تاریخ شمسی در سایت : حتماً در بعضی سایت‌ها دیده‌اید ساعت و تاریخ در بالای صفحه نشان داده می‌شود، این کار برای کاربران زیادی جالب و البته موردنیاز است؛ اما آیا می‌دانید چطور می‌توان ساعت رسمی و تاریخ شمسی را در سایت وردپرسی خود نمایش دهید؟ برای این کار می‌توانید از افزونه یا کدهای جاوا اسکریپتی استفاده کنید، اما ما در نظر داریم روش بهتری به شما معرفی کنیم. شما می‌توانید از طریق استفاده از توابع دل‌نشین وردپرس ساعت و تاریخ شمسی را در هر جای سایت که می‌خواهید نمایش دهید. برای این کار کافی است کد زیر را در فایل header.php سایت خود قرار دهید، البته ممکن است قالب سایتتان فایل هدر نداشته باشد، پس این کد را در در فایل index.php در تگ body بگنجانید. امروز : <?php echo jdate('l j F Y'); ?> ساعت : <?php echo jdate('H:i:s'); ?> اگر می‌خواهید ساعت و تاریخ در دیگر قسمت‌های سایت چون سایدبار یا فوتر هم نشان داده شود، کد را کپی کرده و در قسمت موردنظرتان پیست کنید. به همین سادگی شما می توانید از کد های پی اچ پی در سایت وردپرس خود استفاده کرده و به نتیجه ی دلخواه برسید. شما برای طراحی لوگو و مشاوره ...

برچسب‌ها: , , , , , , ,

چگونه کلیک راست یا راست کلیک را در سایت وردپرسی مان غیرفعال کنیم؟

چگونه کلیک راست یا راست کلیک را در سایت وردپرسی مان غیرفعال کنیم؟
 ۲۵ آذر ۱۳۹۵      موضوعات: آموزش طراحی سایت 

غیر فعال سازی راست کلیک : حتماً برای شما هم پیش آمده که برای آماده کردن یک مطلب ناب و دست اول زحمت زیادی می‌کشید، اما ناگهان آن را به‌صورت کپی شده در سایت‌های دیگری می‌بینید. بعضی سایت‌ها که مدیران آن ها اغلب افراد تازه‌کار هستند دائم در حال کپی و پیست کردن در فضای مجازی اند، هر مطلبی که می‌بینند به‌سرعت در سایت خبری یا آموزشی خود  کپی می‌کنند. همان‌طور که گفتیم این افراد آشنایی زیادی با سئو و ترفندهای وردپرس ندارند، پس اگر چند مانع سر راهشان بگذارید از سایت شما صرف‌نظر می‌کنند و به سراغ دیگر سایت‌ها می‌روند. در این مطلب قصد داریم به شما آموزش دهیم چطور رایت کلیک را روی تمام صفحات تان غیرفعال کنید. برای انجام این کار دو پیشنهاد برای شما داریم: -استفاده از افزونهز برای غیر فعال کردن راست کلیک با نصب این افزونه از هرگونه راست کلیک در سایت شما جلوگیری می‌شود، درواقع هیچ جای سایت راست کلیک عمل نخواهد کرد. پس کاربران نمی‌توانند متنی را در سایت شما انتخاب کنند و تمام کلیدهای ترکیبی برای دسترسی به محتوای سایت غیرفعال می‌شود. حتی وقتی کاربری می‌خواهد از طریق دکمه‌ی Ctrl+A متنی را انتخاب و کپی کند، با پیام هشداری روبه‌رو ...

برچسب‌ها: , , ,
با ما تماس بگیرید!
021-91078422
آدرس
تهران- بلوار سردار جنگل- بالاتر از تقاطع مخبری - خیابان رجایی - پلاک 36 - واحد 6