HTML – طراحان | طراحی وب سایت حرفه ای |طراحی فروشگاه اینترنتی http://tarahan.com حرفه ای ترین طراحی وب سایت و فروشگاه اینترنتی | T A R A H A N Mon, 05 Dec 2016 05:50:52 +0000 fa-IR hourly 1 https://wordpress.org/?v=5.6.10 بایدها و نبایدهای الگوهای طراحی در HTML و CSS http://tarahan.com/html-css/ http://tarahan.com/html-css/#respond Sun, 07 Feb 2016 11:38:21 +0000 http://tarahan.com/?p=5547 […]]]> بسیاری از افراد هستند که از عملکرد الگوهای طراحی در HTML و CSS آگاهی دارند ولی گاهاً در این رابطه دچار سردرگمی می شوند. بدین ترتیب، در این مطلب به نکاتی درمورد بایدها و نبایدهای الگوهای طراحی در HTML و CSS اشاره شده است.

5020724 orig 300x217 بایدها و نبایدهای الگوهای طراحی در HTML و CSS

بایدهای الگوهای طراحی در HTML و CSS

  • استانداردسازی کدها

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

  • فراهم کردن شرایط UI (واسط کاربری) ثابت

در زمینه واسط های دیجیتال، هر کاربر سطح مشخصی از انتظارات را تجربه می‌کند که عموماً این انتظارات بر اساس تکرار ایجاد می‌شوند و درعوض به ما کمک می‌کنند تا استانداردهای درستی را تعیین نماییم. تنها یک الگوی UI نمی‌تواند برای تمامی موارد مناسب باشد ولی بهتر است با شلوغی بیش از حد الگوهای طراحی در HTML و CSS، کاربران دچار سردرگمی نشوند. نکته حائز اهمیت این است که محصولات دیجیتال تنها نباید طراحی و تولید شوند بلکه باید رضایت کاربران را نیز فراهم کنند.

  • امکان استفاده مجدد و قابلیت نگهداری

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

نبایدهای الگوهای طراحی در HTML و CSS

  •  کد اسنیپت‌ها (خرده کدها یا Code Snippets)

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

  • رفع نیاز به بررسی

زمان بررسی الگوهای UI، عموماً باید از تمامی تعاملات بین کاربران و واسط‌ ها اطمینان حاصل کرد. بنابراین، براحتی می‌توان فرض کرد که دیگر نیازی به امتحان و بررسی نیست و الگوها برای کاربران مناسب هستند. البته این نوع تصمیم‌گیری بسیار پرمخاطره است و کاربران با ویژگی‌های جمعیت‌شناسی، صنایع و یا محیط‌های مختلف رفتار‌های متنوعی را انتظار دارند. حتی اگر بدنبال راه‌حلی برای کاربران پیشین خود می‌گردید باید در نظر داشته باشید که استانداردهای تجربه کاربر با گذشت زمان متحمل تغییراتی می‌شوند.

  • تهیه یک رویکرد برای هر پروژه

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

منبع: www.webdesignermag.co.uk

]]> http://tarahan.com/html-css/feed/ 0 تبدیل تم‌های فتوشاپ به صفحات HTML http://tarahan.com/%d8%aa%d8%a8%d8%af%db%8c%d9%84-%d8%aa%d9%85-%d9%87%d8%a7%db%8c-%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be-%d8%a8%d9%87-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-html/ http://tarahan.com/%d8%aa%d8%a8%d8%af%db%8c%d9%84-%d8%aa%d9%85-%d9%87%d8%a7%db%8c-%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be-%d8%a8%d9%87-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-html/#respond Tue, 09 Feb 2016 08:14:04 +0000 http://tarahan.com/?p=5606 […]]]> این مقاله درصدد است تا تبدیل تم‌های فتوشاپ به صفحات HTML را آموزش دهد. فتوشاپ در طراحی سایت نقش مهمی بازی می‌کند و مطلوب بسیاری از طراحان وب است. با ورود CSS3 به نظر می‌رسید که دیگر نیاز به فتوشاپ کمتر شده است ولی ازآنجایی که CSS3 توسط تمامی مرورگرها پشتیبانی نمی‌شود پس همچنان فتوشاپ از محبوبیت خاصی برخوردار است. فتوشاپ ابزار مناسبی برای خلق گرافیک‌های جالب است. هرچه تبدیل تم‌های فتوشاپ به صفحات HTML آسان‌تر باشد بهتر و ماهرانه‌تر می‌توان در دنیای طراحی وب کار کرد.

۱. اولین مرحله از تبدیل تم‌های فتوشاپ به صفحات HTML ایجاد یک فولدر جدید به نام webdites است که داخل آن نیز می‌بایست دو فولدر دیگر تحت عناوین images و css نیز ایجاد کنید. در این دو فولدر تمامی فایل‌های مربوط به تبدیل تم‌های فتوشاپ به صفحات HTML ذخیره می‌شوند.

۲. مرحله دوم  با باز کردن فایل فتوشاپ تم شروع می‌شود. در اینجا آموزش روی یک لوگو نمایش داده می‌شود. در نرم‌افزار فتوشاپ تمامی لایه‌های مرئی غیر از لایه Logo را نامرئی کنید. در قسمت Image گزینه Trim را انتخاب نموده و Transparent Pixels را تیک بزنید. در نهایت می‌توانید تصویر خود را در فولدر images به نام logo.png ذخیره نمایید.

۳. در این مرحله تغییراتی در تصویر پس‌زمینه داده می‌شود پس می‌بایست تمامی لایه‌ها به استثنای لایه background غیرفعال باشند. بعد می‌توان با گزینه Crop اندازه تصویر را کوچک کرد. پس از انجام تغییرات فایل را با فرمت png. ذخیره نمایید.

۴. اکنون وقت آن است که به سراغ xhtml رفته و تنظیمات قسمت عنوان را انجام داد. اینجا بهتر است از ویرایشگر متن Dreamweaver استفاده نموده و کدی که در ادامه آمده است کپی نمایید. این اولین ایندکس ایجاد شده در html است که می‌توان آن را در فولدر websites ذخیره نمود.

stage 41 تبدیل تم‌های فتوشاپ به صفحات HTML

۵. باز به فتوشاپ برمی گردیم و لایه welcome box را فعال می‌کنیم. در این صورت، با استفاده از ابزار Crop از چپ به راست و از بالا به پایین کادر برش را حرکت داده و به اندازه ۵ پیکسل در پایین کادر فاصله قرار می‌دهیم. در نهایت آن را در فولدر images تحت عنوان welcome-bg.png ذخیره می‌کنیم.

step 5 تبدیل تم‌های فتوشاپ به صفحات HTML

۶. برای مرحله ششم، تمامی کارهای مرحله پنجم را تکرار می‌کنیم با این تفاوت که حرکت برش باید از پایین به بالا انجام شود. در نهایت می‌توان تصویر را تحت عنوان welcomebg-bottom.png ذخیره کرد.

۷. تا اینجا تنظیمات عکس‌ها انجام شده و تنها کاری که باید انجام داد این است اضافه کردن استایل، رنگ و تعیین موقعیت المان‌هاست. پس در  Dreamweaver یک فایل css.  ایجاد کرده و کد زیر را در آن کپی نمایید. این فایل را در فولدر css و به نام style.css ذخیره نمایید.

stage7 تبدیل تم‌های فتوشاپ به صفحات HTML

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

stage 81 تبدیل تم‌های فتوشاپ به صفحات HTML

۹. در مرحله بعد برای گذاشتن تصاویر thumbnail تنها کاری که باید کرد این است که به فتوشاپ مراجعه کرده و با استفاده از ابزار Crop تک تک تصاویر را برش می‌زنیم. بهتر است برای هر تصویر به اندازه ۵ پیکسل فاصله بگذاریم.

step 9 تبدیل تم‌های فتوشاپ به صفحات HTML

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

stage 101 تبدیل تم‌های فتوشاپ به صفحات HTML

۱۱. مرحله بعد در فرآیند تبدیل تم‌های فتوشاپ به صفحات HTML مربوط به قرار دادن markup ها در فایل html است که همراه با تگ های تصویری می باشند. دقت داشته باشید که دستور div به تنهایی در markup ها استفاده می شود و این امر برای قرار گرفتن div ها در موقعیت اصلی خود ضروری است. کدها زیر، شما را در این قضیه راهنمایی می نمایند.

stage 111 تبدیل تم‌های فتوشاپ به صفحات HTML

 

۱۲. برای تنها کادر پس‌زمینه از تکنیک بکار رفته برای welcome box استفاده می‌کنیم. به فتوشاپ مراجعه نموده، لایه About me box را فعال کزده و عمل برش را با استفاده از ابزار crop انجام دهید. همانطور که در مراحل ۵ و ۶ آورده شده است یک بار crop کرد از بالا یه پایین و بار دیگر از پایین به بالا خواهد بود.

step 12 تبدیل تم‌های فتوشاپ به صفحات HTML

۱۳. برای داشتن button باید دو تصویر ایجاد شود پس در فتوشاپ لایه بالای لایه button که دربرگیرنده متن می باشد را نامرئی نمایید. سپس یک بار از بالا و یک بار از پایین عمل crop را انجام دهید.

۱۴. در این قسمت از فرآیند تبدیل تم‌های فتوشاپ به صفحات HTML باید مجدداً  از ابزار crop استفاده کرده و عنوان تصویر بلاگ را برش بزنیم.

step 14 تبدیل تم‌های فتوشاپ به صفحات HTML

۱۵. در پایان هم نوبت به علائم شبکه‌های اجتماعی می‌رسد. پس در فتوشاپ تصاویر مربوط به هر کدام را crop کرده و تصاویر را در فولدر images ذخیره نمایید.

step 15 تبدیل تم‌های فتوشاپ به صفحات HTML

منبع: www.webdesignermag.co.uk

 

]]> http://tarahan.com/%d8%aa%d8%a8%d8%af%db%8c%d9%84-%d8%aa%d9%85-%d9%87%d8%a7%db%8c-%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be-%d8%a8%d9%87-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-html/feed/ 0 طراحی صفحه سایت (بخش اول) http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b5%d9%81%d8%ad%d9%87-%d8%b3%d8%a7%db%8c%d8%aa-1/ http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b5%d9%81%d8%ad%d9%87-%d8%b3%d8%a7%db%8c%d8%aa-1/#respond Wed, 17 Feb 2016 09:33:24 +0000 http://tarahan.com/?p=5866 […]]]> اولین طراحی صفحه سایت (بخش اول)

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

برای طراحی صفحه سایت ۳ روش به شما پیشنهاد می شود.

web1 طراحی صفحه سایت (بخش اول)

۱. بکارگیری قالب های از پیش طراحی شده: قالب طراحی سایت چیست؟

قالب های طراحی سایت از پیش ساخته شده اند و قابلیت ایجاد تغییرات مرتبط با فعالیت هر شرکت را دارند. این قالب ها در فرمت های فوتوشاپ و HTML وجود دارند و اغلب مواقع سازگار با ویرایشگرهای HTML از قبیل Dreamweaver و FrontPage و GoLive است.

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

۲. استفاده از ویرایشگر HTML مانند NetObjects Fusion یا Dreamweaver:

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

۳. کدنویسی HTML در ویرایشگر متن مانند Notepad:

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

تگ HTML چیست؟

تگ های HTML، متون فرمت شده ای هستند که علائمی را برای خواندن و تفسیر توسط مرورگر سایت ارائه می کنند. این علائم مشخص می کنند که مرورگر چه چیزهایی را در سایت نمایش دهد. تگ ها اطراف و داخل متون و تصاویری قرار می گیرند که می خواهید در سایت شما نمایش داده شوند. HTML متشکل از مجموعه ای تگ هاست که هر طراحی می تواند برای ساخت سایت خود از آن ها استفاده نماید. همانطور که پیش تر ذکر شد، تگ ها ساختار ویژه ای دارند. زمانی که مرورگر صفحه HTML را می‌خواند، بطور خودکار تمایز بین تگ ها و متون معمولی را تشخیص می دهد. غالباً، تگ ها کلمات یا مخفف کلماتی است که داخل پرانتزهای شکسته قرار <> می گیرند. بعنوان مثال، چنانچه بخواهیم متن را پررنگ (bold) نماییم، تگ آن در HTML به صورت زیر نوشته می شود:

<b>This text will be bolded</b>

منبع: www.how-to-build-websites.com

]]> http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b5%d9%81%d8%ad%d9%87-%d8%b3%d8%a7%db%8c%d8%aa-1/feed/ 0 طراحی صفحه سایت (بخش دوم) http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b5%d9%81%d8%ad%d9%87-%d8%b3%d8%a7%db%8c%d8%aa-%db%b2/ http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b5%d9%81%d8%ad%d9%87-%d8%b3%d8%a7%db%8c%d8%aa-%db%b2/#respond Thu, 18 Feb 2016 21:01:15 +0000 http://tarahan.com/?p=5875 […]]]> اولین طراحی صفحه سایت (بخش دوم)

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

جدول تگ ها؛ طراحی صفحه سایت

همانطور که در مقاله قبلی مشاهده شد، تگ های HTML بصورت جفت ظاهر می شوند. در HTML هم تگ آغازگر < نام تگ> وجود دارد و هم تگ پایانی </نام تگ>. تنها تفاوتی که در این دو تگ دیده می شود، وجود slash است.

tagImageDiagram طراحی صفحه سایت (بخش دوم)

مثال هایی از تگ های HTML:

html طراحی صفحه سایت (بخش دوم)

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

مقایسه کد HTML و صفحه سایتی که بوسیله آن بوجود می آید.

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

نمونه صفحه سایت 

نمونه کد HTML

ساختار یک صفحه HTML؛ طراحی صفحه سایت

یک صفحه HTML به دو بخش عمده تقسیم می شود:

عنوان

در یک صفحه HTML، قسمت عنوان (<head>) شامل داده های بنیادینی می باشد که بطور کلی در صفحه سایت نمایش داده نمی شود. بااین وجود، بخش عنوان می تواند در نحوه نمایش صفحه سایت موثر باشد.

متن

بخش متن (<body>) شامل مطالبی است که در صفحه اصلی سایت دیده می شوند. این مطالب همان متون، تصاویر و فیلم هایی هستند که کاربران مشاهده می کنند. این بدان معناست که تگ ها تمام این مطالب را فرمت می کنند.

همانطور که مشاهده کردید هر دو بخش عنوان و متن در صفحه HTML با تگ های مربوط به خودشان نوشته می شوند: (<head> و <head/>) و (<body> و <body/>)

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

تگ (<html> و <html/>) اصلی ترین تگ است که اولین و آخرین تگ استفاده شده در زمان نوشتن صفحه است. هر صفحه ای باید با این تگ آغاز شده و در نهایت به پایان برسد در غیر این صورت، مرورگر قادر به نمایش دادن صفحه نخواهد بود. سایر تگ ها با توجه به ضرورت استفاده، می توانند بطور اختیاری استفاده شوند.

منبع: www.how-to-build-websites.com

 

]]> http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b5%d9%81%d8%ad%d9%87-%d8%b3%d8%a7%db%8c%d8%aa-%db%b2/feed/ 0 طراحی صفحه سایت (بخش سوم) http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b5%d9%81%d8%ad%d9%87-%d8%b3%d8%a7%db%8c%d8%aa-3/ http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b5%d9%81%d8%ad%d9%87-%d8%b3%d8%a7%db%8c%d8%aa-3/#respond Sat, 20 Feb 2016 07:12:08 +0000 http://tarahan.com/?p=5896 […]]]> اولین طراحی صفحه سایت (بخش سوم)

در مقالات قبلی به معرفی برخی اصطلاحات اولیه مربوط به طراحی سایت پرداختیم و در ادامه مباحث مرتبط با طراحی صفحه سایت، به توضیح بیشتر مراحل ساخت صفحات HTML می پردازیم.

مرحله اول: نوشتن کدهای ‌HTML؛ساخت صفحه HTML در طراحی سایت

در ویرایشگر متن Notepad متن زیر را تایپ نمایید (برای ایجاد فایل html در سیستم مک از PDF استفاده نمایید):

14 طراحی صفحه سایت (بخش سوم)

مرحله دوم: ذخیره سازی فایل در قالب HTML؛ ساخت صفحه HTML در طراحی سایت

فایل HTML را بوسیله ویرایشگر متن ذخیره نمایید و نام آن را webPage.html انتخاب نمایید.

البته برای انتخاب نام با توجه به چهار قانون زیر می توانید هر اسمی را انتخاب کنید:

۱. در اسامی صفحات وب نباید فاصله وجود داشته باشد مانند: web page.html

۲. اسم باید به فرمت html. یا htm. باشد؛ با استفاده از این فرمت، به کامپیوتر اعلام می کنیم که این فایل یک صفحه سایت است و برای مشاهده آن باید از مرورگر یا نرم افزاری ای قادر به خواندن صفحه وب باشد، استفاده کرد.

۳. از علائمی مانند $, %,^,& در نام صفحه استفاده نکنید و تنهابه حروف و اعداد اکتفا نمایید.

۴. در Notepad، فایل را به فرمت UTF-8 ذخیره نمایید.

فایل ایجاد HTML در سیستم Mac OSX

مرحله سوم: مشاهده صفحه خود؛ ساخت صفحه HTML در طراحی سایت

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

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

منبع: www.how-to-build-websites.com

]]> http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b5%d9%81%d8%ad%d9%87-%d8%b3%d8%a7%db%8c%d8%aa-3/feed/ 0 طراحی سایت (بخش اول) http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-1/ http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-1/#respond Sat, 20 Feb 2016 11:12:00 +0000 http://tarahan.com/?p=5910 […]]]> حال که اولین صفحه سایت خود را طراحی نمودید و از مفاهیم بنیادین این مقوله آگاهی کامل دارید، می توانید طراحی سایت خود را آغاز کنید.

معرفی: وب سایت چیست؟؛ طراحی سایت

یک وب سایت مجموعه ای از صفحاتی است که توسط لینک ها به هم متصل شده اند. در HTML، تگ بخصوصی بنام تگ “link” وجود دارد و به شکل زیر است:

<a href="..."></a>

مثالی از نحوه استفاده از این لینک در ادامه آورده شده است:

<a href=" http://www.sites.com ">Go to sites.com</a>

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

Absolute URL در مقابل Relative URL؛ طراحی سایت

برای لینک دادن از یک صفحه به صفحه دیگر در سایت خود، باید میان دو نوع آدرس انتخاب کنید: آدرس Absolute یا مطلق (کامل) و آدرس Realative یا نسبی (جزئی).

آدرس Absolute آدرس کاملی از صفحه است که براحتی از هر موقعیتی در اینترنت پیدا می شود. بعنوان مثال: چنانچه صفحه ای تحت عنوان contact.html در روت سایت وجود داشته باشد و نام دامنه سایت www.yoursite.com باشد، آدرس absolute صفحه مذکور http://www.yoursite.com/contact.html می شود.

url طراحی سایت (بخش اول)

در این جا اصطلاح دیگری که بکار برده می شود “روت” است.

فایل ها (صفحات، تصاویر و غیره) که سایت شماره را تشکیل می دهند در فولدرهایی سازماندهی می شوند. هاست، در سرور فضایی را در اختیار شما قرار می دهد که می توانید فایل های سایت خود را درون آن قرار دهید. این فضایی که به شما اختصاص داده می شود همان “روت” در سایت نامیده می شود و بدین معناست که هر فایلی در این فولدر از قبیل فایل های html، تصاویر و سایر فولدرها مستقیماً توسط نام دامنه شما قابل دسترسی می باشد.

منبع: www.how-to-build-websites.com

 

 

 

]]> http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-1/feed/ 0 جداول HTML http://tarahan.com/%d8%ac%d8%af%d9%88%d9%84-html/ http://tarahan.com/%d8%ac%d8%af%d9%88%d9%84-html/#respond Mon, 29 Feb 2016 10:50:56 +0000 http://tarahan.com/?p=6018 […]]]> امروزه بجای طراحی گرافیکی وب سایت که همراه با بارگذاری آهسته است، استفاده از جداول HTML بسیار رواج دارد که ظاهری حرفه ای به صفحات سایت داده و بارگذاری آن ها سریع تر می باشد. در این مقاله به بررسی جداولی می پردازیم که برای طراحی صفحات سایت بسیار کاربردی هستند و در کنار هر یک، مثال ها و کدهایی برای استفاده از آن ها داده شده است.

نکات استفاده از جداول HTML 

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

در ادامه به بررسی طراحی های جالب بوسیله انواع جداول HTML می پردازیم.

جداول HTML با کادر سفیدtable 1 جداول HTML

نکته کلیدی در این جداول استفاده از تصویر شفاف (۱*۱ پیکسل) است که shim نامیده می شود. این نوع جدول از ۳ ردیف و ۳ ستون تشکیل شده است. عرض و ارتفاع ردیف وسط ۱ پیکسل است. ارتفاع جدول کمتر از ۵ پیکسل نمی تواند باشد و باید یک تصویر در آن قرار داشته باشد. بدین ترتیب، شما جدولی خواهید داشت که می توانید بوسیله آن بخش های مهم صفحه سایت خود را نمایش دهید.

جداول HTML با کادر باریکtable 2 جداول HTML

آیا تاحالا به فکر طراحی جدولی با کادر باریک افتاده اید؟ یا شاید فقط می خواستید جدولی داشته باشید که فقط دورش کادری باریک داشته باشد. در این شرایط می توان دو جدول ساخت که عرض یکی به دلخواه متغیر است بعنوان لایه ای برای جدول اصلی در نظر گرفته می شود. در مرحله بعد می توانید جدول خود را با عرض ۱۰۰% در این لایه قرار دهید. بهتر است توجه داشته باشید که فاصله خانه های بین دو جدول صفر باشد.

جداول HTML در دل یک جدولtable3 جداول HTML

در این نوع طراحی می توان چندین جدول را در یک خط قرار داد. گزینه های متنوعی برای رنگ های پس زمینه ستون ها وجود دارند. در تصویر زیر ۲ ردیف و ۵ ستون وجود دارد. در ردیف اول متن مربوط به قسمت عنوان نوشته شده است و در ردیف دوم متن مربوط به داخل جدول. هر جدول عرض و ارتفاع ۱۰۰% دارد. فضای سفید میان جداول خود یک ستون است که عرض ۳ پیکسل دارد. توجه داشته باشید که نمی توانید ۳ جدول متفاوت بسازید که همگی در یک خط بیایند. در این شرایط می توانید جداول را در یک ستون قرار دهید نه در یک ردیف.

table 4 جداول HTMLجداول HTML با کادر برای تمامی خانه های

در اینجا ساده ترین روش برای ساختن یک جدول با کادر برای تمامی خانه ها نمایش داده شده است. می توان از border property برای ایجاد کادر دور تمامی خانه ها استفاده کرد. توجه داشته باشید در مرورگر Netscape این کادر به رنگ خاکستری دیده می شود.

ادغام خانه ها در یک جدولtable 5 جداول HTML

برای داشتن طراحی جالب و جذابی از یک جدول می توان خانه ها را با هم ادغام یا جدا نمود. برای این کار باید از گزینه های “rowspan” و “columnspan” در HTML استفاده کرد. با استفاده از این روش می توان طراحی های شگفت انگیزی از یک جدول ارائه کرد.

 

 

منبع: www.entheosweb.com

]]> http://tarahan.com/%d8%ac%d8%af%d9%88%d9%84-html/feed/ 0 افزایش سرعت بارگذاری سایت http://tarahan.com/%d8%a7%d9%81%d8%b2%d8%a7%db%8c%d8%b4-%d8%b3%d8%b1%d8%b9%d8%aa-%d8%a8%d8%a7%d8%b1%da%af%d8%b0%d8%a7%d8%b1%db%8c-%d8%b3%d8%a7%db%8c%d8%aa/ http://tarahan.com/%d8%a7%d9%81%d8%b2%d8%a7%db%8c%d8%b4-%d8%b3%d8%b1%d8%b9%d8%aa-%d8%a8%d8%a7%d8%b1%da%af%d8%b0%d8%a7%d8%b1%db%8c-%d8%b3%d8%a7%db%8c%d8%aa/#respond Sun, 30 Oct 2016 07:22:52 +0000 http://tarahan.com/?p=6558 […]]]> ما همیشه به دنبال روش‌ها و افزونه‌هایی هستیم که به ما در سرعت بخشیدن به سایت‌هایمان کمک کند. در خصوص سایت‌های فروشگاهی، سرعت بارگذاری سایت تاثیر به سزایی در میزان فروش دارد. یکی از روشهایی که بسیاری از طراحان برای افزایش سرعت بارگذاری سایت خود استفاده می کنند، CDN یا شبکه توزیع محتوا می‌باشد. نکته حائز اهمیت این است که CDN می‌بایست در کنار سایر تکنیک‌های بهینه سازی به کار رود تا بتواند سرعت بارگذاری سایت را پایین نگه دارد، در غیر این صورت اثر آن محسوس نخواهد بود. از آنجایی که تجارت جهانی روز به روز بیشتر به سمت دیجیتالی شدن سوق پیدا می‌کند، تجارت آنلاین و به خصوص سرعت سایت از اهمیت بیشتری برخوردار می‌شوند. بنا بر این لازم است تا سایت خود را با ویژگی‌های زیر مجهز کنید.

  • یک هاست خوب انتخاب کنید

Server 300x133 افزایش سرعت بارگذاری سایت

بنا بر تحقیقات انچام گرفته توسط سایت Akamai، تقریباً نیمی از مردم توقع دارند صفحات سایت در زمانی کمتر از ۲ ثانیه لود شوند و حدود ۴۰% از مردم گفته‌اند که اگر این زمان تنها یک ثانیه افزایش پیدا کند، صفحه را ترک می کنند. سایت‌های فروشگاهی با دنبال کردن اهدافی همچون جذب مشتری و افزایش فروش، بیش از سایر سایت‌ها به سرعت لود و بار گذاری مطالب اهمیت می‌دهند. مطالعه‌ای با عنوان “چرا عملکرد سایت اهمیت دارد. آیا سایت شما مشتری‌ها را دور می‌کند؟” ادعا می‌کند در ساعات اوج ترافیک، بیش از ۷۵% از مشتری‌ها ترجیح داده‌اند به جای انتظار در صفحه فعلی برای لود مطالب، سایت را بسته و سایت‌های رقیب را مطالعه کنند. سایت‌هایی که به سرورهای اختصاصی با سرعت بالا، پیکر بندی و منابع بهینه مجهزند. این قبیل سرورها با وجود گران بودن، برای شما با ترافیک بازدید بالا، یک ضرورت به شمار می‌آیند. از طرفی دیگر، هاست‌های اشتراکی سایت شما را در کنار صدها سایت دیگر بر روی یک سرور قرار داده و منابع سرور چه سخت فزاری و چه نرم افزاری بین صدها سایت به اشتراک گذاشته می‌شود که در نتیجه منابع محدودتری به سایت شما تخصیص می‌یابد. بنا بر این مطمئن باشید که هاستینگ اختصاصی بهترین گزینه برای ثبات، عملکرد و ارتقا سایت شما می‌باشد. هرچند همیشه هم شرکت‌های هاستینگ مقصر نیستند. گاهی اوقات قدرت سرورهای هاست افت می‌کند. به هر حال بهترین روش آن است که از شرکتی خدمات هاستینگ خود را بگیرید که هم پشتیبانی خوبی داشته باشند و هم بتوانند در ساعات اوج شلوغی، ترافیک سایت را خوب مدیریت و کنترل کند.

  • بهینه سازی تصاویر

PhotoOptimization 300x125 افزایش سرعت بارگذاری سایت

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

  • فعال کردن فشرده سازی

ZipFile 300x300 افزایش سرعت بارگذاری سایت

همانند عکسها، فشرده سازی صفحات بزرگ وب نیز می‌تواند باعث کاهش پهنای باند صفحات و در نتیجه کاهش سرعت لود شود. بدین منظور کافی است فایل‌ها را قبل از آپلود به فرمت Gzip فشرده کنید. بنا بر ادعای یاهو، پس از این کار، سرعت لود تا ۷۰% کاهش می‌یابد. بهتر است که اولین منبع فشرده سازی را Gzip انتخاب کنید؛ زیرا ۹۰% کاربران اینترنت از مرورگرهایی بهره می‌جویند که از فرمت Gzip پشتیبانی می‌کنند. علاوه بر این، Gzip از سمت سرور نیز قابل دست رسی می‌باشد و می‌توان از طریق پوشه‌های  .htaccess, nginx.conf یا web.config آن را تنظیم کرد.

  •  ذخیره سازی مرورگر

BrowserCache 300x198 افزایش سرعت بارگذاری سایت

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

بهترین حالت این است که بتوان تمام منابعی که قابلیت ذخیره سازی دارند را حداقل یک هفته و ترجیحاً یک سال نگه داری کرد. نکته مهم بعدی برای سرعت بخشیدن به دانلود عناصر HTTP این است که هدرهای HTTP keep-alive را فعال کنیم.. به این ترتیب مر.رگر و سرور با یک اتصال می‌توانند اقدام به دریافت و ارسال چند فایل کنند. در واقع  هنگامی که کاربر از سایت شما بازدید می‌کند، اتصال سرور باز باقی می‌ماند و دیگر نیازی نیست تا برای هر در خواستیک اتصال جدید اتفاق بیفتد. برای فعال کردن keep-alive تنها کافیست چند خط کد ساده به .htaccess, nginx.cong یا web.config file اضافه کنید.

  • اسکریپت و CSS

Js Css 300x176 افزایش سرعت بارگذاری سایت

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

  • پیکربندی CDN

CDN 300x169 افزایش سرعت بارگذاری سایت

بسیاری تصور می‌کنند که CDN نکته طلایی سرعت سایت می‌باشد. به همین دلیل در این مقاله اول موارد دیگر بررسی شد تا ثابت کنیم این طرز تفکر اشتباه است. CDN لزوماً و به تنهایی سرعت سایت را بالا نمی‌برد. سی دی ان می‌تواند بعد از اجرای روش‌های ذکر شده، عامل موثر بعدی در افزایش سرعت سایت باشد. CDNها، سرورهایی هستند که در مناطق و جاهای مختلف قرار گرفته‌اند و امکانات پایداری را به کاربر ارائه می‌دهند. هنگامی که شبکه در خواستی را دریافت می‌کند، داده‌ای که در نزدیک‌ترین سرور قرار گرفته سرعت لود صفحه را بالا می‌برد و در نتیجه، سرعت دانلود نیز بهبود پیدا می‌کند. محتوای مورد نظر بین چند سرور تقسیم می‌شود و به این ترتیب مسائلی که باعث تاخیر پاسخ گویی سرور می‌شوند، کاهش پیدا می‌کنند و بالطبع سرعت دانلود بالا می‌رود به علاوه، به دلیل پخش سرورها، up-time سایت هم افزایش پیدا می‌کند و اگر یکی از سرورها به هر دلیل نتواند به در خواست پاسخ بدهد، درخواست برای سرور نزدیک بعدی فرستاده می‌شود. این فایل‌های استاتیک به صورت جدا (و در بیشتر موارد در URLهای مختلف) از HTML مرکزی صفحه‌ای سرو شده‌اند. در نتیجه ساختمان صفحه شما به مرورگر فرستاده می‌شود. به این ترتیب نه تنها سرعت بار گذاری صفحه بالا می‌رود، بلکه اجازه نمایش صفحات قبل از لود کامل را نمی‌دهد. استفاده از CDN عملکرد سایتتان را در سر تا سر دنیا بهبود می‌بخشد و از این جهت ارزش سرمایه گذاری را دارد. باید به خاطر داشته باشید که سی در ان به تنهایی و به طور جادویی سرعت سایتتان را افزایش نمی‌دهد. استفاده از CDN  در کنار سایر نکات ذکر شده، باعث نتیجه گیری حداکثری خواهد شد.
حرف آخر
روش هایی که در این مقاله ارائه شدند واقعاً ارزشمند هستند و می‌توانند سایت وردپرسی شما را تا آخرین حد ممکن سریع کنند. اما نباید انتظار داشته باشید که فقط با کمک یکی از این روش‌ها سرعت لود صفحات سایتتان بالا برود. این تکنیک‌ها در کنار هم سرعت بار گذاری را افزایش می‌دهند. CDN  به تنهایی نمی‌تواند سرعت لود را بالا ببرد. ذخیره سازی مرورگر و فشرده سازی فایل‌های بزرگ می‌توانند منجر به دانلود سریع‌تر عناصر از سرور به کامپیوتر کاربر شود. ضمناً شما می‌توانید سرعت سایتتان را از طریق Google PageSpeed Insight  و یا GTmetix بررسی کنید و ببینید که صفحات سایت شما در مقیاس سرعت بارگذاری، اندازه صفحات و تعداد درخواست‌ها چطور عمل می‌کند. هدف سایت، ایجاد یک تجربه کاربری خوب است و اولین قدم برای نیل به این هدف  افزایش سرعت بار گذاری صفحات می‌باشد تا کاربر در اولین کلیک از سایت شما ناامید نشود.

]]> http://tarahan.com/%d8%a7%d9%81%d8%b2%d8%a7%db%8c%d8%b4-%d8%b3%d8%b1%d8%b9%d8%aa-%d8%a8%d8%a7%d8%b1%da%af%d8%b0%d8%a7%d8%b1%db%8c-%d8%b3%d8%a7%db%8c%d8%aa/feed/ 0 الگوریتم جدید گوگل http://tarahan.com/%d8%a7%d9%84%da%af%d9%88%d8%b1%db%8c%d8%aa%d9%85-%d8%ac%d8%af%db%8c%d8%af-%da%af%d9%88%da%af%d9%84/ http://tarahan.com/%d8%a7%d9%84%da%af%d9%88%d8%b1%db%8c%d8%aa%d9%85-%d8%ac%d8%af%db%8c%d8%af-%da%af%d9%88%da%af%d9%84/#respond Mon, 31 Oct 2016 07:50:25 +0000 http://tarahan.com/?p=6597 […]]]>

این یک واقعیت است که گوگل انقلاب در صنعت تلفن‌های همراه را هدایت می‌کند، بنا بر این به طور مرتب از الگوریتم جدید گوگل در نتایج جست و جوی کاربران خود استفاده می‌کند. گوگل بزرگ‌ترین ارائه کننده پلتفرم تلفن‌های همراه جهان است (اندروید). گوگل هم چنین بزرگ‌ترین ارائه دهنده موتور جست و جو برای تلفن‌های همراه در جهان می‌باشد. علاوه بر این، گوگل بزرگ‌ترین فروشگاه نرم افزارهای تلفن همراه را در اختیار دارد که با نام Google Play شناخته می‌شود. به عبارت دیگر، گوگل تلاش دارد تا تمام ارتباطات عصر جدید با تلفن همراه انجام شوند. با وجود تحقق تمام این اتفاق‌ها، این غول بزرگ کامپیوتری، با داشتن سهم بزرگی از دستگاه‌های موبایلی، جست و جو و نرم افزارها راضی نمی‌شود؛ بلکه می‌خواهد  تمام امواج موجود در هوا را نیز به خود اختصاص دهد. در این مقاله سعی داریم تا سایت‌هایی با مواضع موبایلی گوگل سقوط خواهند کرد را به شما معرفی کرده و راه کارهای مقابله و جلوگیری از این اتفاق را بیان کنیم.

گوگل الگوریتم جست و جوی خود را برای حمایت از سایت‌های سازگار با تلفن همراه (Mobile-Friendly) بازسازی خواهد کرد. طبق اعلان مرکز مدیریت وب سایت گوگل (Google Webmaster Central)، الگوریتم جدید گوگل مهم‌‎ترین تغییر الگوریتم موبایلی خود را در تاریخ زیر اعمال خواهد کرد:

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

یک وب سایت سازگار با تلفن همراه یا mobile-friendly چیست؟ خوش بختانه فهمیدن این موضوع بسیار آسان است و فقط می‌بایست وب سایت خود را در صفحه تست گوگل برای سازگاری با تلفن همراه اجرا نمایید. لازم به ذکر است که این تست بدون نقص نیست. گوگل خودش با قرار دادن یک فرم بازخورد، به این موضوع اقرار می‌کند. با این حال، تست سازگاری با تلفن همراه به طور کلی یک سنجش مفید از عملکرد موبایلی یک وب سایت است. یک روش دیگر برای چک کردن یک وب سایت، جست و جوی آن از طریق دستگاه‌های تلفن همراه می‌باشد. اگر در نتایج این جستو جو سایت مورد نظر برچسب mobile friendly بخورد در این صورت این سایت مورد تایید گوگل می‌باشد. در نهایت، شما باید وب سایت خود را از طریق گزارش قابلیت موبایلی گوگل در webmaster tools، اجرا کنید تا به توصیه‌های مربوطه آن دست بیابید که استفاده موبایلی سایت شما را بهبود بخشد.

Google 300x169 الگوریتم جدید گوگل

این تغییر الگوریتم “قابل توجه” خواهد بود

گوگل مجدداً در اعلامیه خود درباره این الگوریتم از واژه تغییر قابل توجه استفاده کرده است. “این تغییر روی جست و جو های موبایلی در همه زبان‌های سراسر جهان تاثیر خواهد گذاشت و هم چنین تاثیر قابل توجهی در نتایج جست و جوی گوگل خواهد داشت.”

تاثیر واقعی یک تغییر الگوریتم وقتی گفته می‌شود این تغییر قابل توجه است، چقدر خواهد بود؟ با جست و جوی آرشیو وبلاگ وب مسترها برای کلمه قابل توجه در مورد :تغییرات الگوریتم‌ها، به تغییرات الگوریتم بزرگ زیر می‌رسیم که گوگل در اعلام آن‌ها از واژه تغییر قابل توجه استفاده کرده است

• Crawling – ۲۰۱۲

• Markup – ۲۰۱۰

• Linking – ۲۰۰۹

• Panda 1.0 – ۲۰۱۲

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

پیش بینی‌های اولیه ما این است که صفحات بهینه نشده برای سازگاری با موبایل‌ها در رتبه بندی موبایلی و احتمالاً رتبه بندی desktop شاهد افت خواهند بود و هر صفحه فاقد بهینه سازی موبایلی دیگر رتبه‌ای برای کلمات کلیدی شان به دست نخواهد آورد. دیگر این که در صفحه اول نتایج جست و جو برای هر کلمه کلیدی فقط وب سایت‌های mobile-friendly قرار خواهند گرفت. الگوریتم جدید گوگل هر صفحه را به صورت جداگانه ارزیابی می‌کند. یکی از ویژگی‌های قابل توجه الگوریتم جدید گوگل، تجزیه و تحلیل سازگاری موبایلی بر اساس صفحه به صفحه می‌باشد به جای این که بر اساس کل وب سایت تحلیل شود.

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

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

Seo 300x160 الگوریتم جدید گوگل

آن چه برای دسکتاپ خوب است برای موبایل هم خوب است

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

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

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

گوگل مراحل زیر را برای تسهیل ایندکس شدن برنامه‌ها توصیه می‌کند:

– اضافه کردن لینک پشتیبانی خوب و مشخص کردن چگونگی رسیدن به محتوای خاص در برنامه.

– تایید وب سایت رسمی برنامه تان در کنسول Google play.

– ارائه لینک‌های خوب برای هر صفحه مرتبط وب سایت.

– بررسی خطاها در webmaster tools و برطرف کردن آن‌ها.

نتیجه گیری: در مورد این الگوریتم جدید گوگل چه باید کرد .

۱. به عنوان اولین اقدام، وب سایت خود را با موبایل سازگار نمایید. سایت ریسپانسیو، بهترین گزینه است.

۲. دوم این که در webmaster tools گوگل به تمام مشکلات قابلیت استفاده موبایلی وب سایت خود رسیدگی کنید.

۳. اگر برنامه اندرویدی مرتبط با وب سایت خود دارید، هر چه سریع‌تر آن را به وب سایت خود متصل کنید و ایندکس هم نمایید.

۴. بر معیارهای خود با دقت نظارت کنید تا زمان اجرای الگوریتم جدید گوگل در تاریخ ۲۱ آوریل و پس از آن.

]]> http://tarahan.com/%d8%a7%d9%84%da%af%d9%88%d8%b1%db%8c%d8%aa%d9%85-%d8%ac%d8%af%db%8c%d8%af-%da%af%d9%88%da%af%d9%84/feed/ 0 مدیریت وب سایت http://tarahan.com/%d9%85%d8%af%db%8c%d8%b1%db%8c%d8%aa-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa/ http://tarahan.com/%d9%85%d8%af%db%8c%d8%b1%db%8c%d8%aa-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa/#respond Mon, 31 Oct 2016 09:01:23 +0000 http://tarahan.com/?p=6624 […]]]>

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

به طور کلی، فرایندهای مربوط به وب سایت ها در دو دسته می‌گنجد:

  • فرایند طراحی، ایجاد و راه اندازی وب سایت.

  • فرایند مدیریت، نگهداری و پشتیبانی وب سایت.

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

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

CMS1 300x143 مدیریت وب سایت

قلمرو مدیریت وب سایت

تصور رایج این است که مدیریت وب سایت، چیزی جز به روزرسانی و ارسال اطلاعات به وب سایت نیست؛ حال آن که حتی در ساده‌ترین وب سایت‌ها نیز وظایف مدیر وب سایت فراتر از این است. مدیر وب سایت، مانند مدیر یک پروژه، یا مدیر یک سازمان، رسیدگی به همه امور وب سایت را بر عهده دارد. همان گونه که مدیر یک پروژه یا مدیر یک سازمان، امور مربوط به پروژه یا سازمان را با همکاری و همفکری گروهی از همکاران سامان می‌دهد، مدیر وب سایت نیز در انجام امور مربوط به وب سایت، از همکاری و همفکری گروهی از افراد متخصص و با تجربه بهره می‌برد.

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

پاره‌ای از مهم‌ترین وظایف مربوط به مدیریت وب سایت از این قرار است:

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

آغاز فرایند مدیریت وب سایت

بهترین زمان برای آغاز کار تیم مدیریت وب سایت، آغاز مراحل طراحی و ایجاد وب سایت است؛ اما چنین رایج است که معمولاً گروه مدیریت وب سایت، پس از طراحی و راه اندازی وب سایت به کار گمارده می‌شوند.

وب سایت‌ها نیز مانند اغلب سازمان‌ها و ادارات، از بخش‌ها و ساخت‌های مختلفی تشکیل می‌شوند و همان گونه که هر یک از بخش‌های سازمان، به وسیله فرد یا افرادی مدیریت می‌شود، مدیریت وب سایت نیز بر عهده فرد یا افرادی گذاشته می‌شود. مدیریت هر وب سایت به وسیله گروهی از افراد با مهارت‌های مختلف، و با سرپرستی مدیر اصلی وب سایت پی گیری می‌شود. البته مشارکت تعداد افراد در مدیریت وب سایت به نوع و حجم کارهای وب سایت بستگی دارد؛ گاهی ممکن است همه امور وب سایت را یک یا دو نفر اداره کنند و چه بسا هر بخش از وب سایت، به وسیله گروهی از افراد به سرپرستی مدیر گروه و نهایتاً زیر نظر مدیر اصلی وب سایت اداره شود.

CMS2 300x208 مدیریت وب سایت

مسائل مشترک بیشتر وب سایت ها، ازاین قرار است:

  1. سیاست و راهبرد وب سایت؛
  2. امور فنی (نرم افزار مدیریت محتوای وب سایت)؛
  3. انواع محتوا؛
  4. طراحی و گرافیک؛
  5. خدمات، امکانات و ابزارها؛
  6. امنیت؛
  7. زمان بندی، بودجه و مسائل مالی؛
  8. تبلیغات؛
  9. تعامل با موتورهای جستجو؛
  10. امور کاربران وب سایت.
]]> http://tarahan.com/%d9%85%d8%af%db%8c%d8%b1%db%8c%d8%aa-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa/feed/ 0 اهمیت رنگ در طراحی سایت http://tarahan.com/%d8%a7%d9%87%d9%85%db%8c%d8%aa-%d8%b1%d9%86%da%af-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa/ http://tarahan.com/%d8%a7%d9%87%d9%85%db%8c%d8%aa-%d8%b1%d9%86%da%af-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa/#respond Sat, 05 Nov 2016 06:17:14 +0000 http://tarahan.com/?p=6637 […]]]>

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

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

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

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

رنگ در طراحی سایت

یک بهترین رنگ نداریم!

در مدیریت نوین یک اصل پذیرفته شده وجود دارد که یک بهترین شیوه مدیریت در کار وجود ندارد. ترکیب و هماهنگی و استقرار یک نظام در رنگ بندی صفحات وب نیز، چنین رویکردی دارد. تجربه و نوع علاقه و هنر web designer هست که سایتی را برای ما جذاب و سایتی دیگر را next می‌کنیم. نکاتی که می‌بایست در زمان طراحی گرافیکی سایت در نظر داشته باشیم به شرح زیر هستند.

اثر روان شناسی رنگ

  • قابلیت خواندن متون صفحات سایت . مثل سایت : (www.iranbusinesstime.com)
  • رنگ متمم رنگ‌های انتخابی برای بک گراند ، گرافیک‌ها ، لینک‌ها و متون ( مثل سایت www.ray-com.com )
  • وجود تطبیق رنگی بین لوگوها و آرم‌های صفحات با رنگ بندی متون و مطالب به کار گرفته شده (مثل سایت www.mrhost.ir )
  • وجه به نوع مخاطب و بازدیدکننده بخش‌های مختلف سایت .

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

۵ اصل مهم

لیست زیر مشخصه‌هایی از رنگ‌ها را که هنگام طراحی باید مد نظر داشته باشید بیان می‌کند:

  • رنگ‌ها اثر زیادی روی احساسات ما در ۹۰ ثانیه اول دیدن می‌گذارند.
  • اثر رنگ می‌تواند بیننده را ترغیب به خرید یک جنس از شما کند.
  • رنگ‌ها رفتار ما را در برابر یک موضوع فقط تشدید نمی‌کنند، بلکه اثر خود را کاملاً در رفتار ما نشان می‌دهند.
  • اثر گذاری رنگ در فرهنگ‌های مختلف گوناگون است!
  • هر رنگ به تنهایی یک پیام مخصوص به چشم بیننده می‌فرستد. به قول مک لوهان، رسانه همان پیام است.

روان شناسی رنگ‌ها

Colors1 300x176 اهمیت رنگ در طراحی سایت

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

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

سیاه : اشاره دارد به ظرافت، قدرت، دلیری، شهامت، فریبندگی، شیطان، مهارت و باستان. مشکی برای رنگ متن روی یک پس زمینه روشن ایده آل است. این رنگ به عنوان رنگ پس زمینه چشم را خسته می‌کند.

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

آبی : امنیت، اعتماد، مسیولیت پذیری، سرما، ایمان، وفاداری، وابستگی و جاه و جلال. آبی دومین رنگ عوام پسند است. در تجارت به معنای ضمانت مالی است .

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

قهوه ای : تاثیر گذاری، متانت، توانگری مالی و کمک کننده بودن. قهوه‌ای رنگ کره خاکی ماست و در طبیعت بسیار فراوان است .

خاکستری : صمیمیت زیاد، اعتبار و نفوذ و عملی بودن. در تجارت به معنای سنت گرایی است .

صورتی : ملایمت، شیرینی، ظرافت و زنانگی، خوب بودن، بی گناهی و پرورش کودک .

بنفش : وقار، معنویت، شاهانه بودن، عیش و نعمت، دارایی، اعتبار و نفوذ، سوگواری و مهارت. در تجارت بزرگ نشان دادن است. بنفش طرفداری از سبک‌های هنرمندانه است.

نارنجی : سرزندگی و شوخی، لذت و خوشگذرانی، تعادل گرمایی، تشویق کردن، چالاکی و نیرو، تحمل و بلند همتی.

زرد : نور خورشید، گرمی، خوشی، نامردی، ترسویی و حسادت. در تجارت درخواست از نوع روشنفکرانه است و برای تاکید نیز خوب است. زرد باعث افزایش تمرکز شده، سوخت و ساز را زیاد می‌کند و سخت‌ترین رنگ برای چشم‌هاست .

طلایی : نشانگر گران بودن و پرستیژ است .

نقره ای : سرما  علمی بودن و اعتبار و پرستیژ است .

پس وقتی می‌خواهید رنگی انتخاب کنید باید درباره بازار نهایی کار خود بیاندیشید. چه احساساتی را می‌خواهید برانگیخته کنید؟ اول کمی درباره چشم انداز احساسی هدفتان فکر کنید و نیز پیامی که از راه دید می‌خواهید منتقل کنید. بعد رنگ خود را انتخاب کنید! توجه داشته باشید که گرافیک صفحات وب، امروزه نقش زیادی را در ارائه دکترین رفتار سازمانی الکترونیکی مراکز رسانه‌ای غرب به مخاطبان در اختیار دارند و LOGO ، BANNER ، TEASERها، فوق العاده در تحکیم مفاهیم به مخاطبان وبی، موثر هستند.

]]> http://tarahan.com/%d8%a7%d9%87%d9%85%db%8c%d8%aa-%d8%b1%d9%86%da%af-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa/feed/ 0 طراحی سایت تک صفحه ای http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%b5%d9%81%d8%ad%d9%87/ http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%b5%d9%81%d8%ad%d9%87/#respond Sat, 05 Nov 2016 13:02:16 +0000 http://tarahan.com/?p=6647 […]]]> در طراحی سایت تک صفحه‌ای یا بدون صفحه تمامی اطلاعات در یک صفحه نمایش داده می‌شود که با اسکرول خوردن و بالا و پایین رفتن در صفحه می‌توان تمامی اطلاعات مورد نظر آن سایت را به دست آورد. اما در اکثر سایت‌ها اطلاعات در صفحات مختلفی قرار دارند که باید با کلیک کردن بر روی آن‌ها وارد صفحه جدید شد و اطلاعات را کسب نمود.

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

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

مزایای سایت‌های بدون صفحه یا تک صفحه‌ای

۱- سازگاری با گوشی‌های موبایل و جذب کاربر:

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

۲- پیمایش راحت تر صفحه و رساندن پیام به مخاطب:

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

۳- سازماندهی بهتر مطالب:

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

در زیر نمونه‌ای از یک وب سایت تک صفحه‌ای را می‌توانید مشاهده کنید:

screencapture iranhydrogroup 1478350717999 125x300 طراحی سایت تک صفحه ای

]]> http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%b5%d9%81%d8%ad%d9%87/feed/ 0 طراحی سایت و حفظ اعتبار برند http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d9%88-%d8%ad%d9%81%d8%b8-%d8%a7%d8%b9%d8%aa%d8%a8%d8%a7%d8%b1-%d8%a8%d8%b1%d9%86%d8%af/ http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d9%88-%d8%ad%d9%81%d8%b8-%d8%a7%d8%b9%d8%aa%d8%a8%d8%a7%d8%b1-%d8%a8%d8%b1%d9%86%d8%af/#respond Mon, 07 Nov 2016 08:52:14 +0000 http://tarahan.com/?p=6653 […]]]> حفظ اعتبار برند و طراحی سایت

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

Brand2 300x200 طراحی سایت و حفظ اعتبار برند

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

۱.دریابید که در اطرافتان چه اتفاقاتی می‌افتد.

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

۲.اطمینان حاصل کنید که پست‌های شخصیتان، خصوصی باقی می‌ماند.

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

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

۳. نرم افزارهای خود را به روز نگاه دارید.

هیچ چیز بیشتر از داشتن اطلاعات ویروسی و اشتراکشان با دیگران، نمی‌تواند به هویت برند و وب سایتتان آسیب بزند. از این رو بسیار اهمیت دارد تا نرم افزار آنتی ویروس،  Vpn (شبکه‌های مجازی شخصی)، اسکنرهای بد افزار و دیگر برنامه‌ها و نرم افزارهایتان فعال و به روز رسانی شده باشد. این موارد شامل سیستم اجرایی وب سایتتان نیز می‌باشد. اطمینان حاصل کنید که از نسخه‌های به روز نرم افزارها برای امنیت بیشتر، دانلود کرده و نصب می‌نماید.

۴.از رمز عبورهای قدرتمندی استفاده کنید.

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

  • حروف بزرگ
  • اعداد
  • نشانه‌ها

شما رمز عبوری می‌خواهید که برای حدس زدن ساده نباشد، از این رو از اسم‌های معمول فامیلی و یا تاریخ تولد و یا شماره همراه و غیره برای تنظیم رمز عبور خودداری کنید. یک برنامه خوبی که می‌توانید برای ساخت رمز عبور قدرتمند از آن کمک بگیرید، ۱password می باشد.

۵. بسط دادن فعالیت‌های آنلاین خود

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

شما این کار را می‌توانید با ایمیل‌های وب سایت نیز انجام دهید- به هنگام طراحی سایت یک ایمیل برای خود بسازید و زمانی می‌توانید از آن استفاده کنید که کاربر وب سایت در سایت شما ثبت نام کرده و عضو شده باشد. ایمیلی برای خود باید تنظیم کنید که مخصصوص وب سایت و دیگری مخصوص رسانه‌های اجتماعی باشد. شاید تعدد آدرس ایمیل‌ها برای شما گیج کننده باشد، اما در نهایت به راحتی می‌توانید روی ایمیل‌های هر بخش خود به راحتی مدیریت داشته باشید.

۶. آیا از اپلیکیشن‌ها استفاده می‌نمایید؟

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

۷.کوکی‌های مرورگر خود را بررسی کنید.

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

۸. باید بدانید مواردی را که حدف می‌کنید، در پایگاه داده و یا آرشیو هم چنان موجود است.

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

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

]]> http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d9%88-%d8%ad%d9%81%d8%b8-%d8%a7%d8%b9%d8%aa%d8%a8%d8%a7%d8%b1-%d8%a8%d8%b1%d9%86%d8%af/feed/ 0