مجله الكترونيكي

مفهوم Page Class Suffix در جوملا

ممكن است از خودتان پرسيده باشيد كه چگونه مي توان براي صفحات مختلف در جوملا، استايلهاي متفاوت تعريف كرد. از آنجاييكه وبسايتهاي مبتني بر جوملا تنها از يك قالب براي نمايش خروجي استفاده مي كنند (البته امكان تعريف بيش از چند قالب و استفاده از آنهادر كنار همديگر وجود دارد كه مورد بحث اين مقاله نيست) انجام چنين كاري در ابتدا كمي نا ممكن به نظر مي رسد ولي با استفاده از Page Class Suffix مي توان چنين قابليتي را در قالبهاي جوملا پديد آورد. شما با استفاده از Page Class Suffix مي توانيد براي صفحات مختلف، تصاوير پس زمينه متفاوت تعريف كنيد و يا رنگ متن و رنگ پس زمينه صفحات خاصي از وب سايت خود را تغيير دهيد و بطور كلي هر استايلي را كه بخواهيد براي صفحات دلخواه، تعريف كنيد. به عبارتي ديگر، براي تمامي المانهاي موجود دريك صفحه (يا صفحات) دلخواه مي توانيد با استفاده از Page Class Suffix استايل تعريف كنيد (چه عكس و چه نوشته).

Page Class Suffix دقيقآ عملكردي شبيه به Module Class Suffix دارد با اين تفاوت كه Module Class Suffix بر روي ماجولهاي جوملا تاثير مي گذارد و شما با استفاده از آن مي توانيد استايلهاي مختلف براي ماجولها تعريف كنيد در حاليكه Page Class Suffix بر روي Main Body اثر مي گذارد بنابراين براي تمامي آنچه كه در Main Body نمايش داده مي شود (اعم از صفحات محتوايي و يا خروجي كامپوننتهاي جوملا) مي توان استايلهاي متفاوت تعريف كرد.

چگونه Page Class Suffix را به صفحات خود اختصاص دهيم؟

فرض كنيد كه ما صفحه اي داريم كه مي خواهيم از لحاظ ظاهري با بقيه صفحات متفاوت باشد. براي اين منظور بايد به آن صفحه Page Class Suffix اختصاص دهيم. براي اختصاص Page Class Suffix به يك صفحه مراحل زير بايد طي گردد:

ابتدا بايد منويي كه به صفحه مورد نظر پيوند ايجاد كرده است را از منوي Menus انتخاب كنيم. حال وارد صفحه Menu Item Manager مي شويم.

Joomla Menu Manager

برروي آيتمي كه به صفحه مورد نظر لينك ايجاد كرده است كليك مي كنيم تا وارد صفحه تنظيمات آيتم منو شويم. در سمت راست صفحه، بر روي Parameters – System كليك مي كنيم تا منوي كشوئئ باز شود.

Page Class SUffix Parameter

همانطور كه در شكل نشان داده شده است، شما مي توانيد پارامتر Page Class Suffix را در اين قسمت تنظيم كنيد. مثلآ مقدار -suffix1 را در اين فيلد وارد مي كنيم و بر روي Save كليك مي كنيم تا تغييرات اعمال شده در سيستم ذخيره گردد. با اين كار شما توانستيد كه به يك صفحه خاص Page Class Suffix اختصاص دهيد. حال بايد بررسي كنيم كه اين پسوند چگونه مي تواند خروجي توليد شده توسط جوملا را تغيير دهد. بعد از اضافه كردن Page Class Suffix بايد استايلهايي كه مد نظرمان هست را به فايل template_css.css اضافه كنيم ولي قبل از اينكه به اين موضوع بپردازيم، نحوه ايجاد خروجي صفحات توسط جوملا را بررسي مي كنيم.

در جوملا محتويات مقالات - Content Items درون يك جدول HTML بنام contentpaneopen نمايش داده مي شوند. هنگامي كه به يك صفحه Page Class Suffix اختصاص مي دهيم، پسوند تعريف شده، به انتهاي نام كلاس contentpaneopen اضافه مي شود و كلاس جديدي بنام contentpaneopen-suffix1 بوجود مي آورد. همين مساله در مورد كلاسهاي contentheading و blog نيز صادق است. بنابراين، جوملا بجاي اينكه محتويات صفحه مورد نظر را در داخل جدول table.contentpaneopen نمايش دهد، آنرا درون table.contentpaneopen-suffix1 نمايش مي دهد. همچنين عنوان مقاله درون سلول td.contentheading-suffix1 به نمايش در مي آيد.

بنابراين شما مي توانيد با تعريف استايلهاي مختلف براي كلاسهاي ايجاد شده، ويژگيهاي ظاهري المانهاي موجود درصفحه مورد نظر را تغيير دهيد:

table.contentpaneopen-suffix1{
	/* Put your css styles here */
}
td.contentheading-suffix1{
	/* Put your css styles here */
}

همين كار را ما مي توانيم به جاي اينكه برروي يك صفحه محتوايي – Content Item انجام دهيم، بر روي خروجي يك كامپوننت اعمال كنيم. مثلآ اگر بخواهيم استايل خاصي را فقط براي كامپوننت Contact us اختصاص دهيم، ابتدا از ليست منوها، منويي كه حاوي لينك به صفحه تماس با ما است را انتخاب كرده و بر روي آيتم منو كليك مي كنيم تا وارد صفحه تنظيمات آيتم منو شويم. دوبار مثل حالت قبل از قسمت Parameter – System مقدار پارامتر Page Class Suffix را وارد مي كنيم. جوملا محتويات كامپوننتها را درون div.contentpane و عنوان كامپوننت را درون div.componentheading نمايش مي دهد. هنگامي كه به يك كامپوننت Page class suffix اختصاص مي دهيم، اين پسوند به اسم كلاسهاي فوق اضافه مي شود و كلاسهاي جديدي را بوجود مي آورد. Div.contentpane-suffix1 و div.componentheading-suffix1 حال نوبت به تعريف استايل براي كلاسهاي فوق است. شما مي توانيد هر استايلي را كه دوست داشته باشد براي اين كلاسها تعريف كنيد.

بنابراين با استفاده از Page Class Suffix ما مي توانيم خروجي تك تك صفحات وب جوملا را سفارشي كنيم به گونه ايكه آنها ازلحاظ ظاهر با همديگر تفاوت داشته باشند.

منبع: سايت پرشيا سئو

+ نوشته شده در جمعه پانزدهم آذر 1387ساعت توسط مدیر نشریه |

مدهاي كاري مرورگرهاي وب و مفهوم DOCTYPE

مدهاي Quirks و Strict دو مد كاري مختلف هستند كه مرورگرهاي مدرن براي تفسير كدهاي CSS از آنها استفاده مي كنند.

هنگامي كه Netscape 4 و اينترنت اكسپلورر 4 تفسير قوانين CSS را در مرورگرهاي خود تعبيه كردند، پشتيباني آنها از CSS با استانداردهاي W3C مطابقت نداشت. پشتيباني از كدهاي CSS مطابق با استانداردهاي W3C در مرورگر نت اسكيپ 4 بسيار ضعيف بود ولي اينترنت اكسپلورر 4 توانست تا حدودي خودش را با استانداردهاي W3C مطابقت دهد ولي اين همخواني با استانداردها بطور ناقص بود. اگرچه اكسپلورر 5 توانست مشكلات و باگهاي اكسپلورر4 را تا حدودي برطرف كند ولي خود اكسپلورر 5 مشكلات جديدي را بوجود آورد. (مخصوصآ در مدل Box)

براي اينكه طراحان وب مطمئن شوند كه وب سايت هايشان به درستي در مرورگرهاي مختلف نمايش داده مي شود، مجبور بودند كه كدهاي CSS را مطابق با خواسته ها و استانداردهاي تك تك مرورگرها بكار ببرند. استفاده از CSS به اين شكل باعث مي شد كه صفحات وب بطور كامل با استانداردهاي W3C مطابقت نداشته باشند.

از اينرو، با مهمتر شدن مسئله پيروي از استانداردها، شركتهاي سازنده مرورگرهاي وب، با انتخاب سختي روبرو شدند. آنها بايد خودشان را با استانداردها مطابقت مي دادند و اين مستلزم بكاربردن قوانين استاندارد CSS در مرورگرهايشان بود. از طرف ديگر با تغيير اين قوانين در مرورگرهاي خود باعث مي شد كه وبسايتهايي كه قبلا مطابق با قوانين قديمي مرورگرها ساخته شده بودند با مشكل بزرگي مواجه شوند. چرا كه مرورگر ها قوانين CSS را به گونه اي ديگر تفسير مي كردند.

بنابراين نزديك شدن به استانداردهاي W3C و تعبيه كردن آنها در مرورگر ها باعث ايجاد مشكلات بزرگي ميشد. از طرف ديگر عدم تطابق با استانداردهاي W3C باعث چندگانگي در قوانين و سردرگمي طراحان وب گشت.

راه حل:
هر راه حلي كه براي اين مشكل ارائه مي شود بايد بتواند:
به طراحان وب امكان انتخاب اينكه مرورگردر چه مدي كار كند را بدهد.
مرورگرها بتوانند صفحات قديمي را كه مططابق با قوانين قديمي طراحي شده اند را نمايش دهند.

به عبارت ديگر، تمامي مرورگرها بايد بتوانند در دو مد مختلف كار كنند. مد Quirks براي قوانين CSS قديمي و مد Strict براي قوانين CSS استاندارد.
اولين مرورگري كه توانست در دو مد مختلف كار كند اكسپلورري بود كه در كامپيوتر هاي Mac نصب بود و اكسپلورر 6 و Saffari و Opera و Mozilla مرورگرهايي هستند كه در دو مد مختلف كار مي كنند. اكسپلورر 5 و مرورگرهاي قديمي نظير Netscape 4 براي هميشه در مد Quirks كار مي كنند و نمي توان مد كاري را در اين مرورگر ها تغيير داد.

براي تعيين اينكه مرورگر در چه مدي كاري كند، نياز به يك تريگر است و اين تريگر در DOCTYPE بوجود آمد. طبق استانداردهاي W3C ، هر سند XHTML بايد يك DOCTYPE داشته باشد كه به مرورگر بفهماند در چه مدي كار كند.

صفحات قديمي كه قبل از پديده استانداردشدن صفحات نوشته شده اند، DOCTYPE ندارند. بنابراين عدم وجود DOCTYPE با اين مفهوم است كه مرورگر بايد در مد Quirks كند. يعني صفحه وب را بايد مطابق با قوانين قديمي CSS نمايش دهد.

در مقابل، اگر طراح وب به اندازه كافي با DOCTYPE آشنا باشد، بي شك دقيقا مي داند كه چه كاري دارد انجام مي دهد. اكثر DOCTYPE ها مرورگر را در مد Strict قرار مي دهند. يعني نمايش صفحه كاملا مطابق با استاندارد هاي W3C

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

هر DOCTYPE جديد و ناشناخته اي مرورگر را در مد Strict قرار مي دهد.

مشكل ديگري كه وجود دارد اينست كه برخي از صفحاتي كه در مد Quirks نوشته شده اند نيز داراي DOCTYPE هستند. بنابراين هر يك از مرورگرها ليستي از DOCTYPE ها را دارند كه مرورگر را در مد Quirks قرار ميدهد.

دقت كنيد كه صفحه شما نياز ندارد كه حتمآ در DOCTYPE تعريف شده Validate شود. بلكه تنها ذكر DOCTYPE براي قرار دادن مرورگر در مد Strict كافي خواهد بود. (قرار گرفتن در مد Strict نياز به داشتن كد معتبر و Valid نيست)

مشكل بغرنج ديگر: Almost Strict Mode
در آزمايشها و بررسي هاي اوليه كه بر روي مد Strict انجام شد، به اين پديده پي برده شد كه تصاوير بكار رفته در صفحه داراي اندكي حاشيه خالي در قسمت پايين تصوير بودند كه قابل حذف هم نبود. علت اين مسئله در اينجا نهفته بود كه در مد كاري Strict، بر چسب بصورا يك المان درون خطي – Inline Level عمل مي كرد و از آنجائيكه براي المانهاي درون خطي به علت وجود كاراكترهايي نظير g,j و q مقداري فضاي خالي از سمت پايين رزرو مي شود (به علت ادامه دار بودن قسمت پاييني اين كاراكترها)، براي برچسب هم اين فضا اختصاص داده مي شد.

براي حل اين مشكل، برچسب بايد بصورت يك المان Block Level تعريف مي شد.

img{display:block;}

با اين حال، اكثر سازندگان مرورگرهاي وب، مخصوصا شركت موزيلا، تصور كردند كه اين مسئله باعث سردرگمي طراحان مي شود. براي همين منظور آنها مد كاري جديدي را تحت عنوان مد Almost Strict را بوجود آوردند. اين مد دقيقآ مشابه مد Strict بوده با اين تفاوت كه برچسب به صورت يك المان Block Level عمل مي كند. لازم به ذكر است كه اغلب DOCTYPE ها مرورگر را در مد كاري Almost Strict قرار مي دهند.

XML PROLOG مخصوص اكسپلوررهاي ويندوز:
در اينترنت اكسپلورر 6 بر روي سيستم عامل ويندوز، مايكروسافت قانون جديدي را تعبيه كرد. اين قانون بصورت زير است:
اگر قبل از اعلان DOCTYPE كه مرورگر را در مد Strict قرار مي دهد، يك XML PROLOG قرار داده شود، صفحه در مد Quirks نمايش داده خواهد شد. اين قابليت به طراحان وب امكان ميدهد كه صفحه وب Valid داشته و با اينحال در مد Quirks باقي بمانند.

XML PROLOG لازم براي اينكار بايد قبل از اعلان DOCTYPE و در اولين سطر از سورس صفحه قرار گيرد.

توجه كنيد كه اين قابليت در اينترنت اكسپلورر 7 حذف شده است.

تفاوتهاي مدهاي كاري Strict و Quirks در نمايش المان هاي صفحه:
اول از همه، تمامي امكانات پيشرفته CSS در مرورگر IE 7 فقط در مد Strict كار خواهند كرد. تفاوتهاي ديگري نيز وجود دارند كه بطور خلاصه ذيلآ با آنها اشاره خواهم كرد.

تفاوت در ارائه مدل BOX:
دو نوع مختلف از BOX Model وجود دارد. نوع قديمي و نوع W3C . پر واضح است كه مدل W3C جزو استاندارد محسوب مي شود. در مدل W3C - مقادير padding و borders در محاسبه width منظور نمي شوند. به عبارت ديگر در مدل استاتدارد، اگر يك BOX با عرض 300 پيكسل تعريف كنيم و براي اين BOX مشخصات padding و border را به ترتيب برابر 20 و 5 پيكسل تعريف كنيم، عرض واقعي اشغال شده توسط BOX برابر خواهد بود با:

300+2*20+2*5 = 350

در اينترنت اكسپلورر، اگر مد كاري را بر روي Quirks قرار داده باشيم، مدل BOX قديمي بكار برده خواهد شد. يعني در محاسبه عرض المان مقادير Borders و Padding منظور خواهد شد. ولي اگر مرورگر در مد Strict قرار گرفته باشد، مدل BOX استاندارد براي نمايش صفحه بكار برده خواهد شد.

پس براي اينكه در اينترنت اكسپلورر 6 تعيين كنيم ازچه مدلي براي BOX استفاده شود، تنها راه استفاده از DOCTYPE است. (قرار دادن مرورگر در مد Quirks يا Strict)

در مرورگرهاي Opera و Mozilla و اكسپلورر MAC مي توان با استفاده از ويژگي box-sizing نوع مدل مورد BOX را انتخاب كرد. مرورگر Saffari تنها مدل استاندارد BOX را پشتيباني مي كند.

استثناء: دكمه هاي HTML در مرورگر هاي اينترنت اكسپلورر و موزيلا، بر اساس مدل BOX قديمي نمايش داده مي شوند حتي اگر مرورگر در مد Strict باشد.

تفاوت در تفسير white-space: pre
طبق استاندارد W3C ويژگي white-space: pre بايد در همه مرورگرها عمل كند. اين ويژگي در مرور
گر اكسپلورر ويندوز تنها در مد Strict كار مي كند ولي در بقيه مرورگر ها هم در مد Quirks و هم در مد Strict عمل خواهد كرد.

تفاوت در تفسير margin: auto و width: auto
طبق استاندارد W3C براي اينكه الماني را در مركز صفحه قرار دهيم بايد از ويژگي margin: 0 auto استفاده كنيم. اين ويژگي در اكسپلورر ويندوز تنها در مد Strict عمل مي كند.

تفاوت در نحوه تفسير مقادير بدون واحد اندازه گيري:
طبق استاندارد W3C ، بايد در كنار مقادير، واحد اندازه گيري آنها نيز ذكر شود و اگر واحد يك مقدار مشخص نباشد، آن مقدار ناديده گرفته مي شود. تقريبآ همه مرورگر ها در مد Quirks براي مقادير بدون واحد از واحد پيكسل استفاده مي كنند ولي در مد Strict از استاندارد پيروي مي كنند.

تفاوت در نمايش تصاوير و تفسير برچسب
طبق استاندارد، تصاوير به صورت المانهاي Inline Level در نظر گرفته مي شوند.بنابراين كمي فضاي خالي در قسمت پايين تصاوير صفحه وجود خواهد داشت. (بنا به دليلي كه بالا توضيح داده شد.)
در مد Quirks تصاوير بصورت Block Level در نظر گرفته مي شوند. در اينترنت اكسپلورر چه در مد Quirks و چه در مد Strict، تصاوير بصورت المانهاي Block Level در نظر گرفته مي شوند (از استاندارد پيروي نمي كنند) در بقيه مرورگرها نظير موزيلا، در مد Almost Strict ، تصاوير بصورت المانهاي Block Level در نظر گرفته مي شوند و در مد Really Strict بصورت المانهاي Inline Level . براي قرار دادن مرورگر در مد Really Strcit از DOCTYPE زير استفاده مي شود.

تفاوت در نحوه تفسير overflow: visible
طبق استاندارد، اگر شما به يك المان، ارتفاع مشخصي را با استفاده از ويژگي height اختصاص دهيد، و ويژگي overflow را برابر با مقدار visible (حالت پيش فرض) قرار دهيد، اگر محتويات محصور در المان طولاني باشد به گونه ايكه در آن ابعاد نگنجد، از محدوده تعيين شده براي المان به بيرون سرريز مي شود.
اكسپلورر 6 همواره ارتفاع المان را بطور اتوماتيك به گونه اي تنظيم مي كند كه محتويات المان به بيرون سرريز نشود. يعني اكسپلورر 6 از استاندارد پيروي نمي كند چه در مد Quirks چه در مد Strcit.

در اكسپلورر 7 و Opera اين حالت فقط در مد Quirks اتفاق مي افتد. بقيه مرورگر ها چه در مد Quirks و چه در مد Strict از استاندارد پيروي مي كنند.

تفاوت در نحوه تفسير ويژگي width براي المان هاي Inline Level
طبق استاندارد، المانهاي Inline Level نمي توانند ويژگي width داشته باشند.
در مد Quirks اكسپلورر سعي مي كند با اختصاص ويژگي display: inline-blobk براي المان هاي درون خطي، از ويژگي width پشتيباني نمايد.
تفاوت در نحوه تفسير ابعاد فونت در خانه هاي جدول:
طبق استاندارد، قانون td { font-size: 80% } مشخص مي كند كه ابعاد فونت بكار رفته درون سلولهاي جدول مي بايستي، 80% ابعاد فونت بكار رفته در Body صفحه باشد.
با اين وجود در مد Quirks ، منظور از قانون فوق اينست كه متن موجود در داخل سلول جدول بايد با فونتي به ابعاد 80% سايز فونت تعريف شده بصورت پيش فرض در مرورگر كاربر نمايش داده شود. (سايز پيش فرض غالبا برابر 16 پيكسل است).

منبع: سايت پرشيا سئو

+ نوشته شده در جمعه پانزدهم آذر 1387ساعت توسط مدیر نشریه |

واحدهاي اندازه گيري در CSS

در CSS براي اندازه گيري، واحدهاي متعددي وجود دارد كه هر كدام براي مقاصد خاص استفاده مي شود. واحد هاي اندازه گيري در CSS عبارتند از:

واحد اندازه گيري Points و Picas:

اگر شما صفحه تان را براي نمايش براي مانيتور طراحي مي كنيد، نبايد از واحدهاي Points و Picas استفاده كنيد. چرا كه اين واحدها براي مقاصد چاپي بوجود آمده اند. هر Point معادل يك هفتادو دوم اينچ مي باشد. (1 Point: 1/72 Inch) و هر Pica معادل يك ششم اينچ مي باشد. (1 Pica = 1/6 Inch) بنابراين هر Pica معادل 12 point خواهد بود. اگر صفحه تان را براي چاپ طراحي مي كنيد (نسخه قابل چاپ) استفاده از واحد هاي نقطه و پيكا، بهترين انتخاب خواهند بود. بنابر اين براي طراحي صفحات وب نبايد از اين واحد ها استفاده شود. چرا كه در platform ها و مرورگر هاي مختلف، متون با ابعاد متفاوتي ظاهر خواهند شد.

واحد اندازه گيري پيكسل:

اغلب طراحان وب از واحد پيكسل براي انداره گيري استفاده مي كنند. چرا كه اين واحد اندازه گيري، در همه سيستمهاي عامل و مرورگر ها به صورت يكساني نمايش داده مي شود. با اين وجود استفاده از واحد اندازه گيري پيكسل، تنظميات پيش فرض مرورگر كاربران براي اندازه فونت را ناديده مي گيرد و كاربران قادر به تغيير اندازه متن صفحه نخواهند بود. بنابراين كاربراني كه مشكل بينايي دارند و تمايل به بزرگتر كردن فونت براي خوانايي بهتر صفحه را دارند، با مشكل مواجه خواهند شد (يك مشل Accessibility). بنابراين از آنجائيكه استفاده از واحد پيكسل انتخاب آساني است، ولي به خاطر مشكلي كه ذكر گرديد بايد از واحد اندازه گيري ديگري استفاده كرد. همچنين استفاده از واحد اندازه گيري پيكسل براي نسخه هاي چاپي متون توصيه نمي شود. همانطوريكه براي نمايش متون بر روي مانيتور نبايد از واحدهاي اندازه گيري پيكا و پوينت استفاده كرد.

واحد اندازه گيري Ems:

واحد em يك واحد اندازه گيري نسبي براي فونت متون صفحه وب مي باشد. يك Em بنابر تعريف، معادل ارتفاع حرف M در فونت پيش فرض مي باشد. در CSS يك em در واقع معادل اندازه فونت پيش فرض كاربر مي باشد. به عبارتي ديگر، كاربر خواهد توانست اندازه فونت بكار رفته در صفحه وب شما را تغيير دهد.
به عنوان طراح وب، اين قابليت تغيير اندازه فونت توسط كاربر، ممكن است زياد خوش آيند نباشد. ولي از ديد كاربران اين امكان سودمند خواهند بود كه بتوانند صفحه وب شما را با فونت بزرگتر مشاهده كنند.

شما با استفاده از واحد EM مي توانيد ابعاد فونت را با اعداد اعشاري نيز تعريف نماييد. مثلا اگر بخواهيد ابعاد فونت متنتان 10% كوچكتر از مقداري كه توسط كاربر در مرورگرش تنظيم شده است نمايش دهيد، كافيست از قانون زير استفاده كنيد:

font-size:0.9em;

و اگر بخواهيد ابعاد متن شما 10% بزرگتر از ميزاني كه توسط كاربر در مرورگرش تنظيم شده است، باشد از قانون زير مي توانيد استفاده كنيد:

font-size:1.1em;

واحد اندازه گيري Exes:

واحد ex يك واحد اندازه گيري نسبي براي فونت متون صفحه وب مي باشد. يك Ex بنابر تعريف، معادل ارتفاع حرف كوچك x در فونت پيش فرض تنظيم شده توسط كاربر مي باشد. متاسفانه مرورگر هاي مدرن هنوز از اين واحد اندازه گيري به طور كامل پشتيباني نمي كنند. لذا استفاده از اين واحد اندازه گيري توصيه نمي شود.

واحد اندازه گيري درصدي – Percentage:

مشابه واحد هاي اندازه گيري Ems و Exes ، واحد درصدي به كاربران اجازه مي دهد كه ابعاد فونت را تغيير دهند. براي نمايش متن با ابعادي كه بطور پيش فرض توسط مرور گر كاربر تنظيم شده است، كافيست ابعاد فونت را برابر با 100% دهيد. (100% معادل 1em مي باشد(. با افزايش و كاهش ميزان درصد، مي توان متن را بزرگتر و كوچكتر نمايش داد:

font-size:100%;

استفاده از كلمات كليدي رزرو شده:

شما همچنين مي توانيد با استفاده از كلمات كليدي رزرو شده ابعاد فونت را هم بصورت مطلق و هم بصورت نسبي تغيير دهيد.

كلمات كليدي براي تغيير ابعاد فونت بصورت مطلق:
در CSS براي تغيير ابعاد فونت بصورت مطلق از هفت كلمه كليدي استفاده مي شود:

xx-small
x-small
small
medium
large
x-large
xx-large

اين كلمات نسبت به همديگر تعريف مي شوند و در مرورگر هاي مختلف بطور متفاوت تعبير مي شوند. بيشتر مرورگرها سايز Medium را مشابه متني كه قانوني براي ان تعريف نشده است نمايش مي دهند. و بقيه سايز ها را نسبت به سايز Medium بزرگتر و يا كوچكتر نمايش مي دهند. اينترنت اكسپلورر 5 (و اينترنت اكسپلورر 6 بسته به نوع سند تعريف شده در DOCTYPE ) سايز small را مشابه متني كه استايل براي آن تعريف نشده است نمايش مي دهند و بقيه سايز ها را نسبت به small بزرگتر و يا كوچكتر نمايش مي دهند.

اين واحد ها از آنجائيكه از المان پدر هيچ چيزي را به ارث نمي برند، مطلق خوانده مي شوند ولي بر خلاف واحدهاي پيكسل و پوينت، به كاربر اين امكان را مي دهند كه سايز متن را در مرورگر خود افزايش و يا كاهش دهند. مشكل عمده اي كه در رابطه با استفاده از كلمات كليدي براي واحد هاي اندازه گيري مطلق وجود دارد اينست كه بطور مثال متني كه سايز آن برابر x-small قرار داده شده است ممكن است در يك مرورگر به خوبي قابل مشاهده باشد ولي در مرورگر ديگر قابل خواندن نباشد.

كلمات كليدي براي تغيير ابعاد فونت بصورت نسبي:
كلمات كليدي كه براي اندازه گيري نسبي از آنها استفاده مي شود عبارتند از larger و smaller . كه ابعاد خود را از المان پدر – Parent Element اخذ مي كنند. (مشابه واحد هاي اندازه گيري em و % ). بنابراين اگر شما اندازه متن موجود در برچسب

را به small تنظيم كرده باشيدو بخواهيد قسمتي از متن را با تاكيد بيشتري نمايش دهيد، كافيست قوانين زير را تعريف كنيد:

p{ font-size:small;}
em{font-size:larger}

در كد HTML زير متن موجود بين برچسبهاي با فونت بزرگتر نسبت به بقيه متنهاي موجود در پاراگراف نمايش داده مي شوند. (در اين مثال المان

در واقع پدر – Parent المان مي باشد)

This is a sample text which shows how relative keywords are used in css

واحد هاي اندازه گيري نسبي و مسئله وراثت – Inheritance:
هنگامي كه شما از واحد هاي اندازه گيري نسبي استفاده مي كنيد، به اين نكته توجه داشته باشيد كه المان مربوطه سايز خود را از المان پدر به ارث مي برد. (همانگونه كه در مثال فوق مشاهده كرديد) اين موضوع به راحتي در ساختارهاي ساده به راحتي قابل درك است. اما اين وراثت در Layout و چيدمانهاي پيچيده و تو در تو كه در آنها المان پدر براحتي قابل تشخيص نمي ياشد ممكن است كمي مشكل ساز باشد. براي روشن شدن موضوع به ذكر يك مثال اكتفا مي كنيم.

فرض كنيد شما مي خواهيد متني كه درون سلولهاي يك جدول (در HTML براي مشخص كردن يك خانه از برچسب استفاده مي شود) نمايش داده مي شود به اندازه 80% سايز پيش فرض تعيين شده در مرورگر كاربر باشد. براي اين منظور قانون CSS را بصورت زير تعريف مي كنيم.

td{ font-size:100%;}

در صفحه اي كه از جداول تودرتو خبري نيست، متن كمي كوچكتر از حالت پيش فرض نمايش داده خواهد شد. ولي در ساختاري كه از جداول تودرتو استفاده شده است، موضوع كمي عجيب به نظر مي رسد.

بطور مثال در كد زير، متن رفته رفته كوچكتر نمايش داده مي شود چرا كه هر المان ابعاد فونت المان پدر را به عنوان سايز پايه در نظر مي گيرد. به عبارتي ديگر در ساختر فوق متن اول به اندازه 80% سايز پيش فرض و متن دوم به اندازه 64% پيش فرض و متن سوم به اندازه 51.2% سايز پيش فرض نمايش داده مي شود.


	
		
	
 جدول اولي
			



									جدول دوم
						



															جدول سوم 							
						

					 				
			

		
 

منبع: سايت پرشيا سئو

+ نوشته شده در جمعه پانزدهم آذر 1387ساعت توسط مدیر نشریه |

كارگاه آموزشي ادوردز - Adwords Workshop

در اين مقاله ميخوام نحوه ايجاد آگهي تبليغاتي در ادوردز گوگل را براي سايت نيازمندي ها بطور عملي نشان دهم. سايتي كه مي خوام براش تبليغات تو گوگل درست كنم سايت نيازمندي ايران هستش كه تازه راه افتاده و مسئوليت تبليغات ادوردز اون به عهده من گذاشته شده است. ممكن است در ابتدا يكسري از مفاهيم براي شما ناآشنا باشد كه من سعي خواهم كرد تا آنجئيكه ممكن است آنها را در اين مقاله توضيح دهم.
در ابتدا وارد حساب ادوردز مي شويم. و در صفحه Campaign Summary بر روي New Online Campaign كليك مي كنيم. يك منوي كشويي باز مي شود كه از شما نوع Campaign رو كه مي خواهيد ايجاد كنيد را مي پرسد. اگر شما مي خواهيد تبليغات CPC ايجاد كنيد، بايد گزينه Start With Keywords را انتخاب كنيد ولي اگر تبليغات CPM مي خواهيد، گزينه بعدي يعني Start with placements را انتخاب كنيد.

پس از انتخاب نوع Campaign وارد صفحه تنظيمات Campaign مي شويم. در سيستم تبليغاتي ادوردز گوگل، مجموعه آگهيهاي مرتبط با هم يك Adgroup و مجموعه adgroup ها يك Camapign را تشكيل مي دهند. يعني در داخل يك Campaign شما مي توانيد چندين Adgroup و در داخل هر adgroup چندين Ad يا آگهي داشته باشيد.

درصفحه تنظيمات Campaign ، ابتدا براي Campaign و Adgroup خود يك اسم انتخاب مي كنيم. سپس در قسمت Target Customers by Language زبانهايي كه آگهي ما ميخواهيم در داخل آن به نمايش درآيد رو انتخاب مي كنيم. شما مي توانيد چندين زبان را با نگه داشتن كليد CTRL انتخاب كنيد. اگر توجه كرده باشيد، مي بينيد كه زبان فارسي در بين آنها به چشم نمي خورد. من زبان انگليسي را براي آگهي خود انتخاب مي كنم. اين باعث ميشه كه آگهي شما در دومين Google.Com نمايش داده بشه. البته متن آگهي ما فارسي خواهد و كلمات كليدي كه اين تبليغ توسط آنها نمايش داده خواهد شد نيز كلمات فارسي و يا انگليسي تشكيل خواهند داد. پس از انتخاب زبان، موقعيت جغرافيائي يا كشوري كه مي خواهيم آگهي ما در آن منطقه به نمايش درآيد را انتخاب مي كنيم. با كليك بر روي Change Targeting صفحه اي باز خواهد شد كه در آن مي توانيم كشور يا مناطق جغرافيايي مقصد را انتخاب كنيم. متاسفانه كشور ايران در اين ليست موجود نمي باشد و براي اينكه بتوانيد تبليغات خود را در كشور ايران به نمايش در بياوريد، بايد گزينه All Countries and Territories را از ستون Bundlesانتخاب كنيم. در اين حالت آگهي شما در همه كشورها منجمله ايران پخش خواهد شد. پس از اينكه محل جغرافياي نمايش آگهي را انتخاب كرديد، بر روي Done كليك كنيد تا به صفحه تنظيمات Campaign وارد شويد.

پس از اعمال تنظيمات بر روي دكمه Continue كليك مي كنيم تا وارد ايجاد متن آگهي شويم. در اين صفحه متن آگهي خود را وارد مي كنيم. هر آگهي از چهار سطر تشكيل شده است كه قبلا در مقاله مقدمه اي بر گوگل ادوردز در مورد نحوه نوشتن آگهي توضيح داده شده است.

پس از ايجاد متن آگهي خود بر روي Continue كليك مي كنيم. گوگل متن آگهي و وبسايت مقصد را بررسي مي كند تا با قوانين خود مغايرت نداشته باشد. مرحله بعدي كه مي توان گفت مهمترين مرحله در ايجاد آگهي هاي CPC است، تعيين كلمات كليدي و قيمت آنهاست. اينكه تبليغات شما براي چه واژه هايي به نمايش درآيد چيزي است كه شما در اين مرحله تعيين مي كنيد. در مقاله تحقيق بر روي كلمات كليدي نحوه انتخاب واژه ها توضيح داده شده است.

براي سايت نيازمندي ايران مي توان از واژه هاي زير استفاده كرد. انتخاب واژه هاي دقيقتر در هدفمند تر كردن ترافيك ادوردز نقش بسيار مهمي را ايفا خواهد كرد.
ثبت آگهي
دادن آگهي
درج آگهي
درج آگهي آنلاين
درج آگهي رايگان
سايت آگهي
سايت آگهي آنلاين
سايت تبليغات
سايت تبليغات آنلاين
نمايش تبليغات
نيازمندي
نيازمندي آنلاين
نيازمندي ها
نيازمندي هاي آنلاين
نيازمنديها
پس از وارد نمودن كلمات كليدي، نوبت به تعيين بودجه تبليغاتي روزانه و قيمت پايه اي براي هر كلمه كليدي مي رسد. بطور مثال اگر شما بخواهيد كه روزانه بيشتر از 20 دلار هزينه نكنيد، مقدار 20 را درفيلد Enter your daily budget وارد مي كنيد. قيمت كلمات كليدي را نيز در فيلد Maximum CPC bid وارد مي كنيد. بعدآ خواهيد ديد كه شما مي توانيد براي هر كلمه كليدي قيمت مجزا تعين كنيد. مثلآ براي كلمات مهمتر قيمت بيشتر و براي كلمات من اهميت تر قيمت كمتري بپردازيد. هر چقدر Maximum CPC بالاتر باشد رتبه آكهي شما در بين آگهي هاي موجود براي آن واژه بالاتر خواهد رفت و آگهي شما در مكانهاي اول نمايش داده خواهد شد.
پس از وارد نمودن مقادير فوق، بر روي دكمه Continue كليك كنيد تا وارد صفحه بعد شويد. در اين صفحه پيش نمايشي از متن آگهي و كلمات كليدي انتخاب شده و ساير پارامترها براي شما به نمايش در مي آيد كه شما مي توانيد آنها را مرور كرده و يا حتي ويرايش نماييد. پس از اينكه همه پارامترهاي را بررسي كرديد، برروي دكمه Save Campaign كليك كنيد تا اطلاعات شما ذخيره گردد. تا زماينكه شما Campaign خود را ذخيره نكرده ايد، گوگل آگهي شما را پخش نخواهد كرد.
حالا بايد منتظر بمانيد تا كاربري، كلمه كليدي را كه مرتبط با كلمات كليدي تعيين شده توسط شما، است را در گوگل سرچ كند و بر روي تبليغات شما كليك كند و وارد سايت شما شود!

منبع: سايت پرشيا سئو

+ نوشته شده در جمعه پانزدهم آذر 1387ساعت   توسط مدیر نشریه |

مزاياي استفاده از CSS

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

همانطور كه مي دانيد استفاده از فونت sans-serif (فونتهايي نظير Arial, Verdana, Tahoma) بسيار رايج مي باشد. ولي از آنجائيكه فونت پيش فرض مرورگر هاي وب از نوع serif (نظير Times New Roman) مي باشد، لذا براي ايجاد يك صفحه وب كه براي نمايش متن از فونت sans-serif استفاده كند، بايد از برچسب به كرار استفاده كرد. شما ممكن است در يك آرايش پيجيده از يك صفحه وب دهها مورد از برچسب را مشاهده كنيد كه فقط براي تعريف فونت صفحه بكار رفته اند. حال اگر فرض كنيم وبسايت شما از 50 صفحه تشكيل شده و در هر صفحه 15 بار از برچسب استفاده شده، در اينصورت تعداد كل برچسبهاي برابر با عدد 750 خواهد بود! يعني فقط براي تعريف يك قانون بسيار ساده ما نيازمند به تعريف 750 تا برچسب خواهيم بود
حال بيائيد كمي مشكل را حادتر كنيم! فرض كنيد مشتري شما به شما زنگ مي زند و از شما مي خواهد از فونت ديگري براي طراحي صفحه استفاده كنيد. شما بايد هزاران برچسب را كه در داخل چندين صفحه وب استفاده كرده ايد را ويرايش كنيد!
اگر شما با HTML بخوبي آشنا باشيد مي دانيد كه استفاده از برچسب مشكل استفاده از برچسب را حل مي كند ولي با اين حال حتي اگر شما از برچسب نيز استفاده كرده باشيد، بايد تك تك صفحاتتان را باز كرده و اين برچسب را ويرايش كنيد.
بنابراين استفاده از HTML براي قالب بندي و تعريف ظاهر صفحه پيشنهاد نمي شود. همچنين ذكر اين نكته هم حائز اهميت است كه استفاده از برچسبهايي نظير در نسخه هاي بعدي استانداردهاي W3C ممنوع شده است. بطور مثال اگر شما نوع سند HTML (DOCTYPE) را از نوع Strict انتخاب كنيد (نظير HTML 4.01 Strict ويا XHTML 1.0 Strict) در اينصورت اين برچسبهاي قابل استفاده نخواهد بود. بنابر اين بهتر است از اين برچسبهاي HTML دوري كنيد و از قوانين CSS براي تنظيم ظاهر المانهاي صفحه استفاده كنيد.

منبع: سايت پرشيا سئو

+ نوشته شده در جمعه پانزدهم آذر 1387ساعت   توسط مدیر نشریه |

ازكجا شروع به ياد گيري SEO بكنيم؟

خب! پاسخ دادن به اين سوال كمي تا قسمتي مشكله! در اين آشفته بازار اطلاعات و تكنولوژيهايي كه روز به روز به تعدادشون و پيچيدگيهاشون افزورده ميشه اگه يه كم آدم دير بجنبه مي بينه كه از قافله خيلي عقب مونده. شما يه وبسايتي داريد كه مي خواين اونو معرفيش كنين و اولين و ارزانترين چيزي كه به ذهنتون ميرسه اينه كه از موتورهاي جستجوگر ترافيك بگيرين و سايتتون رو تو اين موتورها بكشين بالا و اين مستلزم اينه كه شما با تكنيكها و ابزارهاي لازم براي اين كار آشنائي داشته باشين. ما تو اصطلاح خودمون به مجموعه كارهايي كه يه وبمستر انجام ميده تا رتبه سايتش رو تو موتورهاي جستجو ببره بالا، سئو يا SEO ميگيم. SEO مخفف كلمه Search Engine Optimization هست كه امروزه هر شركت يا موسسه اي كه ميخواد مشتريهاي خوب و پاياداري از موتورهاي جستجوگر بگيره بايد در زمينه SEO فعاليت بكنه.

هرچي ميگذره SEO هم سختتر ميشه. رقابت زياد و همچنين تغيير در الگوريتم موتورهاي جستجوگر و هوشمندتر شدن آنها، اين حرفه رو تبديل به يك هنر كرده تا يه سري فرمولهاي رياضيك و مهندسي. بعضيها، براي اينكه ترافيك بگيرن، يه سري ايبوك درست ميكنن و اونها رو رايگان منتشر مي كنن و داخل ايبوك هاشون بطور ضمني و خيلي ماهرانه سرويسها و يا محصولات خودشون رو تبليغ مي كنن. بعضيها ميان فروم راه ميندازن و همين طور بگير برو جلو!

خب حالا كه چي! ما كه مي خوايم SEO ياد بگيريم بايد از كجا شروع كنيم؟ و چه منابعي رو مطالعه كنيم؟ من سعي كردم تا اونجائي كه ممكن است ليست كاملي از منابع و روشهايي كه شما رو در يادگيري اين حرفه كمك مي كنه رو تو اين مقاله ذكر كنم. باقيش رو مي ذارم به عهده خودتون!

كتابهاي سئو – SEO Books
فكر كنم بهترين جايي كه ميتوان شروع به يادگيري سئو كرد، استفاده از كتابهايي هست كه در اين زمينه وجود دارد. مزيتي كه كتاب نسبت به ساير روشهاي يادگيري داره اينه كه مطالب در داخل كتابها طبقه بندي شده و شما اگه بعدآ به مشكلي در زمينه SEO خورديد ميتونيد براحتي به بخش مربوطه در داخل كتاب مراجعه كرده و مطلب مورد نظر رو مطالعه كنيد. ولي از آنجائيكه سئو دائما در حال تغيير هست و هر روز تكنيكها و متد هاي جديدي بوجود مي آيد، كتابهاي سئو نيز تاريخ مصرف پيدا مي كنند و ممكن است كتابي كه در سال 2005 نوشته شده ديگه در سال 2008 كارائي نداشته باشه. بعضي از منتشران كتابهاي الكترونيكي سئو، مطالب كتابهاي خود را بروز مي كنند و ويرايشهاي جديدتري از كتابهاي خود را بمرور زمان منتشر مي كنند كه توصيه ميشه كه حتما آخرين نسخه كتاب مطالعه بشه. از كتابهاي مفيد SEO م يتوان به موارد زير اشاره كرد:

Professional Link Builder’s Guide ($29)
SEO Fast Start (Free)
Small Business Guide to Search Engine Marketing ($79)
SEO Handbook ($10)

مقالات آنلاين سئو - SEO Guides

مقالات آموزشي بسيار زيادي در زمينه سئو توسط متخصصين اين حرفه منتشر شده كه شما مي تونيد از اونها بطور رايگان استفاده كنيد. البته باز هم بايد به اين نكته دقت كنيد كه حتمآ مقالاتي رو كه جديدآ منتشر يا بروز شده اند رو مطالعه كنيد.
Beginners guide to SEO
Local small business SEO basics
Bloggers guide to SEO
11 Experts on Link building
SEO Theory guides
SEO guide to information architecture
5 Easy SEO tips for your website (video)
FireHorse guide to Google personalized search

برنامه ها و كلاسهاي آموزشي آنلاين سئو - SEO Trainings
اگر به دنبال سيستم جامعي براي يادگيري SEO هستين، مواردي كه ذيلآ اشاره شده، منابع قابل اعتمادي هستند كه برنامه هاي آموزشي منسجمي را براي اعضا خود فراهم ميارن.
SEO Book Training
Link Ninjas
Link Bait Coaching
SEOmoz Pro membership
Learn SEO Live
Search Engine College
SEOmoz Video training series
the Joomla SEO Book Club

سمينارها و كنفرانسهاي سئو - SEO Conferences
خب ما كه امكاناتش رو نداريم كه تو اين كنفرانسها و سمينار ها شركت كنيم ولي بعضي از اونها مطالبي رو كه تو اين جلسات مطرح ميشن رو در سايتشون قرار ميدن و بصورت مقالات مختلف در اختيار كاربران قرار ميدن.
SMX
SES
PubCon
SEO ToolSet
Elite Retreat
SEMPO Training
SEO Class
SEM Canada
وبلاگهاي سئو - SEO Blogs
وبلاگهاي بسيار زيادي در زمينه سئو وجود دارد كه برخي از اونها به ذكر مطالب بسيار ابتدائي و پيش پا افتاده مي پردازند و در برخي ديگه از اونها مطالب و مسائل بسيار پيشرفته و پيچيده سئو مطرحي ميشه. بنابران شما مي تونيد هر گونه مطلبي رو كه تصور مي كنيد از لابلاي اين منابع استخراج كنيد.
SEO by the Sea
SEO Theory Blog
Bruce Clay Blog
Top Rank Blog
Search Engine People
SEO Scoop
Snydey Sense
SEO Smarty
the FireHorse Trail
Pole Position
Local SEO Guide
10e20 Blog
SEM Scholar
the Link Spiel
AimClear Blog
SEO Book Blog
Blog Storm
Wiep Knoll Link building blog
SEOptimize
Brian Chappell
Fuel Interactive
Hamlet Batista
Jordan Kasteler
SEM Portland
SEOpscenter
Jennifer Slegg
Search Rank
SEM Insights
SEO Design Solutions
SEOmoz Blog
Audette Media
Cornwall SEO
ژورنالهاي خبري سئو - SEO Journals
اگه شما مي خواين كه از هرچي كه تو دنياي سئو ميگذره آگاهي داشته باشين و با تكنولوژيهاي جديدي كه در زمينه SEO مطرح ميشن آشنا بشين، حتما به سايتهاي زيرسر بزنيد و اخبار سئو رو از طريق اونها دنبال كنين:

Search Engine Land
Search Engine Journal
Search Engine Watch
Search Engine Guide
Marketing Pilgrim
Search Marketing Gurus

فرومهاي سئو - SEO Forums
من خودم توصيه نمي كنم كه براي شروع يادگيري به سراغ فرومها و تالارهاي گفتگو بريد. فرومها محلي براي تبادل انديشه و نظرات شخصي افراد هست و ممكن است پراكندگي مطالب و همچنين در برخي موارد، مطالب نادرست شما رو گمراه كنه. ولي پس از اينكه كمي با سئو آشنا شديد و وارد دنياي عملي شديد، مشاركت در بحثهاي اينگونه فرومها مي تونه نكته هاي ظريفي رو به شما آموزش بده كه در هيچ منبع ديگري نمي تونين اونها رو پيدا كنين!
Site Reference
Digital Point
SEO Chat
SEO Roundtable
Web WorkShop
WebmasterWorld Forum
Internet Business.co.uk
Google WebMaster Help
WebPro World
SEO Guy
SEO Refugee
Cre8aSite Forum
HighRankings Forum
IHelpYou Forum
Search Engine Watch Forums

منبع: سايت پرشيا سئو

+ نوشته شده در جمعه پانزدهم آذر 1387ساعت   توسط مدیر نشریه |

بررسي هدر هاي HTTP

براي اينكه مطمئن باشيد كه موتورهاي جستجوگر ساختار وبسايت شما را به درستي مي فهمند، شما بايد هدرهاي HTTP هر يك از صفحات وب خود را كنترل كنيد. سرور شما بايد تمامي درخواست هاييكه براي دريافت صفحات وب توسط مرورگر كاربران يا نرم افزار هاي ديگر به آن ارسال مي شود را به خوبي پاسخ دهد كه اين در افزايش تعداد دفعاتي كه موتور جستجوگر صفحات شما را ويزيت (Crawl) مي كند و همچنين در بهبود رنكينگ صفحات شما در موتورهاي جستجوگر كمك خواهد كرد.

مفهوم كدهاي وضعيت هدرهاي HTTP:
بطور نوعي، 5 وضعيت اصلي هدرهاي HTTP كه از بعد سئو اهميت دارند عبارنتداز:
Informational (1xx)
Successful (2xx)
Redirection (3xx)
Client Error (4xx)
Internal Server Error (5xx)
ازبين كدهاي وضعيت فوق، موارد زير از بعد SEO از اهميت بيشتري برخوردار مي باشند:
200: تقاضا با موفقيت توسط سرور پاسخ داده شده است
301: صفحه مورد درخواست بطور هميشگي به آدرس ديگري منتقل شده است
404: صفحه مورد درخواست پيدا شنده است
بطور مثال هنگاميكه يك درخواست براي صفحه اي كه وجود ندارد به سرور ارسال ميشود، در پاسخ به اين تقاضا يك صفحه بهينه سازي شده به منبع ارسال كننده درخواست صادر شود. يكي از مسائلي كه از بعد سئو اهميت زيادي دارد، مسئله مربوط به آدرس www دار و آدرس بدون www است. اگر سرور شما براي آدرسهاي www دار و بدون www پاسخهاي متفاوتي با كد وضعيت 200 دهد، اين از بعد سئو وضعيت مطلوبي نخواهد بود و شما بايستي يكي از اين دو آدرس را به آدرس ديگر Redirect كنيد.
همان مسئله در ارتباط با index.html و شاخه اصلي سايت شما مطرح است كه بهتر است آدرس http://www.yourdomain.com/index.html به آدرس http://www.yourdomain.com ريدايركت شود.
ابزارهاي بررسي هدرهاي HTTP
ابزارهاي مبتني بر وب متعدديوجود دارند كه هدرهاي HTTP صفحات وب را به شما نشان ميدهند كه مي توان به موارد زير اشاره كرد:
Web Sniffer
HTTP Header Checker
Header Checker
Firefox extension
منبع: سايت پرشيا سئو

+ نوشته شده در جمعه پانزدهم آذر 1387ساعت   توسط مدیر نشریه |

تبديل قالبهاي جوملا 1.0 به جوملا 1.5

همانطور که می دونید، برای اینکه قالبهای جوملا سری 1.0 را بتوان در نسخه های 1.5 مورد استفاده قرار داد، باید پلاگین legacy را فعال کرد ولی این روش توصیه نمی شود چرا که بسیاری از امکانات قالبهای 1.5 را از دست خواهیم داد. همچنین برخی از کلاسهای تعریف شده در خروجیهای تولید شده توسط هسته مرکزی 1.5 در فایل css نسخه های 1.0.x وجود ندارد لذا خروجی کاملآ یکسانی را دریافت نخواهیم کرد.

بدین منظور توصیه می شود که قالب را به نسخه 1.5 ارتقاء داده و به عبارتی بصورت Native از آن استفاده کرد. منظور از واژه Native، اینست که قالبهایی که برای سری 1.0 طراحی شده اند همان کارائی خود را در سری 1.5 و بدون استفاده از پلاگین legacy حفظ خواهند کرد.
برای شروع کار تبدیل، کافیست که فایلهای index.php, templateDetails.php را ویرایش کنیم. مراحل کار بصورت زیر است:

1. ابتدا فایل index.php را در ادیتور دلخواه خود باز کرده و دستور زیر را پیدا می کنیم:
defined ('_VALID_MOS') or die ('Direct Access to this file is not allowed');
?>
حال دستور فوق را با دستور زیر جایگزین می کنیم:
defined( '_JEXEC' ) or die( 'Restricted index access' );
?>
بعد از دستور فوق عبارتهای مربوط به DOCTYPE را مشاهده می کنیم که یکی از بخشهای مهم فایل index.php به شمار می آید. در جوملا 1.0.15 این دستورات به صورت زیر است:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
برای جوملای 1.5 تغییرات زیر را اعمال می کنیم:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
xml:lang="language; ?>"
lang="language ?>" dir="direction; ?>">
با این تغییرات در واقع ما امکان استفاده از زبانهای بین المللی و همچنین تغییر جهت نوشتاری برای زبانهایی نظیر فارسی و عربی و ... را پیدا می کنیم.
مرحله بعدی ویرایش کدهای موجود در قسمت HEAD فایل index.php است. در نسخه های 1.0.x این دستورات در قسمت HEAD قرار می گرفتند:
if ( $my->id ) {
initEditor();
}
mosShowHead();
?>
در جوملای 1.5 به جای استاده از کدهای فوق کافیست از دستور ساده تر زیر استفاده کنیم:
مرحله بعدی، ویرایش کدهای مربوط به بارگذاری فایل CSS قالب و آیکون Favicon است. این کد ها در سری 1.0.x بصورت زیر می باشد:
rel="stylesheet" type="text/css" />

در سری 1.5 کدهای فوق به صورت زیر تغییر می کنند:
rel="stylesheet" type="text/css" />

همانطور که می بینید، استفاده از دستور
منسوخ شده و همچنین بجای دستور طولانی
getTemplate(); ?>
از عبارت کوتاهتر
template ?>
استفاده شده است.

مرحله بعدی، ویرایش کدهای موجود در بخش Body فایل index.php است. در این قسمت کدهای مربوط به بارگذاری ماجولها، pathway و محتویات اصلی صفحه main body تغییر خواهند کرد.

همانطور که می دونید در نسخه های 1.0.x برای لود کردن ماجولها درون یک position خاص، از عبارت زیر استفاده می شد:

که position name نام موقعیتی بوده که ماجولهای تعریف شده در آن موقعیت در صفحه لود شوند و پارامتر option نحوه تولید خروجی HTML لازم برای نمایش محتویات ماجولها در صفحه می باشند که می تواند مقادیر -3,-2,-1,0,1 را به خود اختصاص دهد.

در نسخه 1.5 از دستور متفاوتی استفاده می شود:
پارامتر option می تواند مقادیر زیر را به خود اختصاص دهد:
rounded(-3)
xhtml(-2)
raw(-1)
table(0)
horiz(1)
بطور مثال در هر کجای Body فایل Index.php دستور زیر را مشاهده کردید:
آنرا با عبارت زیر جایگزین کنید:

یکی از نکات مهمی که در طراحی قالبهای جوملا باید به آن دقت کرد، ایجاد حالت Collapsible برای position های قالب است. بطوریکه اگر در داخل یک Position هیچ ماجولی لود نشود، آن position نباید در صفحه بصورت یک جای خالی نمایش داده شود. به این ویژگی Collapsible بودن position های قالب گفته می شود. در نسخه های سری 1.0.x برای بوجود آموردن چنین امکانی، از دستورات شرطی برای بررسی وجود ویا عدم وجود ماجولها درون position مربوطه استفاده می شد. بطور مثال، برای بررسی اینکه آیا ماجولی در موقعیت Left وجود دارد یا نه از دستور زیر استفاده می شود:
بنابراین، در هر کجا فایل index.php که به دستورات فوق برخورد کردیم، کافیست معادل آنرا برای 1.5 بصورت زیر قرار دهیم:
countModules('left')) : ?>
اگر با دستورات شرطی ترکیبی مانند عبارت زیر روبرو شدیم،
معادل آن بصورت زیر خواهد بود:
coundModules('user5 or user6')) :?>
آخرین مرحله از ویرایش فایل index.php تغییر دستورات مربوط به بارگذاری Pathway و MainBody است. در نسخه های 1.0.x برای لودکردن Pathway از دستور زیر استفاده می شد.
در نسخه های 1.5 برای نمایش Pathway از عبارت زیر استفاده می شود:
به عبارتی دیگر، Pathway بصورت یک ماجول در نسخه های 1.5 در آمده است.
همچنین، در نسخه 1.0.x برای بارگذاری محتویات اصلی صفحه از دستور:
استفاده می شد که در نسخه های 1.5 ازعبارت جایگزین زیر استفاده می شود:
در اینجا ویرایش فایل index.php به پایان می رسد. در قسمت بعدی نحوه ویرایش فایل templateDetails.xml را بررسی می کنیم.
ویرایش فایل templateDetails.xml
آخرین مرحله در ارتقای قالبهای 1.0.x به 1.5.x ویرایش فایل xml قالب است. این فایل را در ادیتور دلخواه خود باز کرده و در ابتدا دستور زیر را پیدا می کنیم:
وبا دستور زیر جایگزین می کنیم:
همچنین تگهای پایانی رو هم به همین صورت ویرایش می کنیم، یعنی به جای
از تگ:

استفاده می کنیم.
مرحله بعدی در ویرایش فایل xml تعریف position هایی است که درون index.php از آنها استفاده کرده ایم. برای این منظور از دستورات زیر استفاده می کنیم:

top
left
right
user1
...
همچنین برای استفاده از سیستم یونیکد، دستور زیر را پیدا کرده:
و encoding را به utf-8 تغییر می دهیم:

منبع: سايت پرشيا سئو

+ نوشته شده در جمعه پانزدهم آذر 1387ساعت   توسط مدیر نشریه |

كارگاه آموزشي ادوردز - Adwords Workshop

در اين مقاله ميخوام نحوه ايجاد آگهي تبليغاتي در ادوردز گوگل را براي سايت نيازمندي ها بطور عملي نشان دهم. سايتي كه مي خوام براش تبليغات تو گوگل درست كنم سايت نيازمندي ايران هستش كه تازه راه افتاده و مسئوليت تبليغات ادوردز اون به عهده من گذاشته شده است. ممكن است در ابتدا يكسري از مفاهيم براي شما ناآشنا باشد كه من سعي خواهم كرد تا آنجئيكه ممكن است آنها را در اين مقاله توضيح دهم.
در ابتدا وارد حساب ادوردز مي شويم. و در صفحه Campaign Summary بر روي New Online Campaign كليك مي كنيم. يك منوي كشويي باز مي شود كه از شما نوع Campaign رو كه مي خواهيد ايجاد كنيد را مي پرسد. اگر شما مي خواهيد تبليغات CPC ايجاد كنيد، بايد گزينه Start With Keywords را انتخاب كنيد ولي اگر تبليغات CPM مي خواهيد، گزينه بعدي يعني Start with placements را انتخاب كنيد.

پس از انتخاب نوع Campaign وارد صفحه تنظيمات Campaign مي شويم. در سيستم تبليغاتي ادوردز گوگل، مجموعه آگهيهاي مرتبط با هم يك Adgroup و مجموعه adgroup ها يك Camapign را تشكيل مي دهند. يعني در داخل يك Campaign شما مي توانيد چندين Adgroup و در داخل هر adgroup چندين Ad يا آگهي داشته باشيد.

درصفحه تنظيمات Campaign ، ابتدا براي Campaign و Adgroup خود يك اسم انتخاب مي كنيم. سپس در قسمت Target Customers by Language زبانهايي كه آگهي ما ميخواهيم در داخل آن به نمايش درآيد رو انتخاب مي كنيم. شما مي توانيد چندين زبان را با نگه داشتن كليد CTRL انتخاب كنيد. اگر توجه كرده باشيد، مي بينيد كه زبان فارسي در بين آنها به چشم نمي خورد. من زبان انگليسي را براي آگهي خود انتخاب مي كنم. اين باعث ميشه كه آگهي شما در دومين Google.Com نمايش داده بشه. البته متن آگهي ما فارسي خواهد و كلمات كليدي كه اين تبليغ توسط آنها نمايش داده خواهد شد نيز كلمات فارسي و يا انگليسي تشكيل خواهند داد. پس از انتخاب زبان، موقعيت جغرافيائي يا كشوري كه مي خواهيم آگهي ما در آن منطقه به نمايش درآيد را انتخاب مي كنيم. با كليك بر روي Change Targeting صفحه اي باز خواهد شد كه در آن مي توانيم كشور يا مناطق جغرافيايي مقصد را انتخاب كنيم. متاسفانه كشور ايران در اين ليست موجود نمي باشد و براي اينكه بتوانيد تبليغات خود را در كشور ايران به نمايش در بياوريد، بايد گزينه All Countries and Territories را از ستون Bundlesانتخاب كنيم. در اين حالت آگهي شما در همه كشورها منجمله ايران پخش خواهد شد. پس از اينكه محل جغرافياي نمايش آگهي را انتخاب كرديد، بر روي Done كليك كنيد تا به صفحه تنظيمات Campaign وارد شويد.

پس از اعمال تنظيمات بر روي دكمه Continue كليك مي كنيم تا وارد ايجاد متن آگهي شويم. در اين صفحه متن آگهي خود را وارد مي كنيم. هر آگهي از چهار سطر تشكيل شده است كه قبلا در مقاله مقدمه اي بر گوگل ادوردز در مورد نحوه نوشتن آگهي توضيح داده شده است.

پس از ايجاد متن آگهي خود بر روي Continue كليك مي كنيم. گوگل متن آگهي و وبسايت مقصد را بررسي مي كند تا با قوانين خود مغايرت نداشته باشد. مرحله بعدي كه مي توان گفت مهمترين مرحله در ايجاد آگهي هاي CPC است، تعيين كلمات كليدي و قيمت آنهاست. اينكه تبليغات شما براي چه واژه هايي به نمايش درآيد چيزي است كه شما در اين مرحله تعيين مي كنيد. در مقاله تحقيق بر روي كلمات كليدي نحوه انتخاب واژه ها توضيح داده شده است.

براي سايت نيازمندي ايران مي توان از واژه هاي زير استفاده كرد. انتخاب واژه هاي دقيقتر در هدفمند تر كردن ترافيك ادوردز نقش بسيار مهمي را ايفا خواهد كرد.
ثبت آگهي
دادن آگهي
درج آگهي
درج آگهي آنلاين
درج آگهي رايگان
سايت آگهي
سايت آگهي آنلاين
سايت تبليغات
سايت تبليغات آنلاين
نمايش تبليغات
نيازمندي
نيازمندي آنلاين
نيازمندي ها
نيازمندي هاي آنلاين
نيازمنديها
پس از وارد نمودن كلمات كليدي، نوبت به تعيين بودجه تبليغاتي روزانه و قيمت پايه اي براي هر كلمه كليدي مي رسد. بطور مثال اگر شما بخواهيد كه روزانه بيشتر از 20 دلار هزينه نكنيد، مقدار 20 را درفيلد Enter your daily budget وارد مي كنيد. قيمت كلمات كليدي را نيز در فيلد Maximum CPC bid وارد مي كنيد. بعدآ خواهيد ديد كه شما مي توانيد براي هر كلمه كليدي قيمت مجزا تعين كنيد. مثلآ براي كلمات مهمتر قيمت بيشتر و براي كلمات من اهميت تر قيمت كمتري بپردازيد. هر چقدر Maximum CPC بالاتر باشد رتبه آكهي شما در بين آگهي هاي موجود براي آن واژه بالاتر خواهد رفت و آگهي شما در مكانهاي اول نمايش داده خواهد شد.
پس از وارد نمودن مقادير فوق، بر روي دكمه Continue كليك كنيد تا وارد صفحه بعد شويد. در اين صفحه پيش نمايشي از متن آگهي و كلمات كليدي انتخاب شده و ساير پارامترها براي شما به نمايش در مي آيد كه شما مي توانيد آنها را مرور كرده و يا حتي ويرايش نماييد. پس از اينكه همه پارامترهاي را بررسي كرديد، برروي دكمه Save Campaign كليك كنيد تا اطلاعات شما ذخيره گردد. تا زماينكه شما Campaign خود را ذخيره نكرده ايد، گوگل آگهي شما را پخش نخواهد كرد.
حالا بايد منتظر بمانيد تا كاربري، كلمه كليدي را كه مرتبط با كلمات كليدي تعيين شده توسط شما، است را در گوگل سرچ كند و بر روي تبليغات شما كليك كند و وارد سايت شما شود!

منبع: سايت پرشيا سئو

+ نوشته شده در جمعه پانزدهم آذر 1387ساعت   توسط مدیر نشریه |

با ده انگشت تایپ کنید!!!

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

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

دو انگشت سبابه خود را روی دکمه Space مستقر نموده و 6 انگشت باقیمانده را به ترتیب روی دکمه های کنار حروف F و J بگذارید (البته بدون فشردن دکمه ها). با مستقر شدن دستتان در این حالت، موقعیت تمامی دیگر کلیدها، نسبت به این 8 کلید ردیف وسط، قابل پیدا کردن می باشد.

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

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

کلیات ماجرا همین بود، اما یادتان باشد که میزان سرعت و مهارت شما در تایپ کامپیوتری فقط و فقط بستگی به میزان تمرین و تجربه تان خواهد داشت. چنانچه زمانی برسد که بتوانید 180 حرف در دقیقه تایپ کنید (با احتساب کسر 5 حرف به ازای هر غلط) ، یعنی شایستگی دریافت مدرک بین المللی این رشته را داشته و از نظر سازمان فنی و حرفه ای کشور، یک تایپیست حرفه ای به شمار می آیید. پس اگر این مهارت را فرا گرفته اید بایستی به خود ببالید.
به یاد هم داشته باشید مدت دوره آموزش تایپ حرفه ای، به طور معمول در آموزشگاه های فنی و حرفه ای 4 ماه است که گاهی بیشتر نیز می شود. اما جهت آموزش این مهارت به افرادی که واقعأ انگیره و پشتکار یادگیری آن را داشته باشند، یک جلسه نیز کافی بوده و بعد از آن در صورتی که تمرین مرتب و مکرر کنند، به مرور زمان در حد تایپیست های حرفه ای آموزش دیده ظاهر خواهند شد.

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

به نقل از ترفندستان

+ نوشته شده در شنبه بیست و پنجم آبان 1387ساعت   توسط مدیر نشریه |

افزودن تصویر پشت زمینه به ایمیل در Outlook 2007

ممکن است این سوال برای شما نیز پیش آمده باشد که آیا امکان افزودن یک تصویر پشت زمینه یا Background در داخل ایمیل های ارسالی وجود دارد؟ اگر از نرم افزار Outlook 2007 استفاده میکنید پاسخ شما مثبت است! Outlook 2007 یکی از نرم افزارهای بسته نرم افزاری آفیس 2007 است که آن را میتوان در حال حاضر پیشرفته ترین برنامه مخصوص مدیریت ایمیل دانست. در این ترفند به معرفی نحوه افزودن تصویر پشت زمینه در Outlook 2007 میپردازیم.

برای اینکار:

Outlook 2007 را اجرا نمایید.
سپس یک ایمیل جدید که قصد ارسال آن را دارید را باز کنید.
اکنون تب Options را انتخاب نمایید.
بر روی دکمه Page Color کلیک کنید تا لیست آبشار گونه آن باز گردد.
سپس گزینه Fill Effects را در انتهای منوی باز شده انتخاب کنید.
در پنجره باز شده تصویر پشت زمینه خود را با استفاده از یکی از افکت های Gradient ، Texture ، Pattern و یا یک تصویر ثابت که میتواند از روی هارد انتخاب شود ، برگزینید.
تصویر یا افکت شما باید متناسب رنگ متن شما باشد تا طبعأ متن خوانا گردد. یک ترکیب رنگ متضاد بین تصویر پشت زمینه و رنگ متن میتواند بهتر جلوه کند.
با انتخاب OK تصویر پشت زمینه در داخل ویرایشگر متن ایمیل جای میگیرد.

دقت نیز داشته باشید برای انجام عملیات فوق ایمیل باز شده توسط شما در حالت HTML یا Rich Text تنظیم شده باشد.

به نقل از ترفندستان

+ نوشته شده در شنبه بیست و پنجم آبان 1387ساعت   توسط مدیر نشریه |

چند ترفند جهت داشتن عکس های دیجیتالی بهتر

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

تثبیت تعادل و میزان رنگ
دوربین شما هر بار که عکسی را می‌گیرد نور را تنظیم کرده و تعادل در رنگ را طوری تنظیم می‌کند که همه رنگ‌های موجود در یک منظره به نظر دقیق و مناسب هستند. اگر رنگ آبی یا قرمز تصاویر بیش از حد باشند، در این صورت تعادل رنگ سفید شما به هم می‌خورد. یک روش برای استخراج رنگ‌های دقیق و درست، تنظیم دستی تعادل رنگ سفید قبل از گرفتن عکس است. به کتابچه راهنمای دوربین برای اطلاع از دستور‌العمل‌های دستیابی به کنترل تعادل رنگ سفید آن مراجعه نمایید. تنظیمات طراحی شده‌ای برای موارد و شرایط دلخواه خود را انجام دهید (مثل میزان نور و روشنایی در روز یا داخل خانه).
گزینه دیگر اصلاح رنگ‌ها بوسیله یک برنامه ویرایش تصویر است. در برنامه Photoshop Elements برای مثال باید روی جدول Quick Fix کلیک کرده و اسلایدر Temperature را تا زمانی که رنگ‌ها متعادل و میزان شوند، بکشید.

اصلاح نوردهی
حتی احتمال این وجود دارد که گاهی یک عکس کم نور یا پر نور جلوه نماید. شما می‌توانید اکثر تصاویر خود را با استفاده از کنترل Histogram یا Levels در ویرایشگر تصویر خود بهینه سازید. در برنامه Photoshop Elements باید تصویر مورد نظر را باز نموده و به ترتیب Enhance، Adjust، Lighting و Levels را انتخاب نمایید. نموداری را مشاهده می‌کنید (به نام Histogram) که توزیع پیکسل‌های تاریک و روشن تصویر شما را نشان می‌دهد. اگر تعداد زیادی از این پیکسل‌ها در سمت راست نموارد جمع شوند، تصویر پرنور و یا بالعکس اگر پیکسل‌ها در گوشه سمت چپ نموارد جمع شوند، تصویر کم نور دیده می‌شود. برای روشن کردن کل تصویر باید White point را به سمت راست نموار سمت چپ بکشید. جهت تاریک کردن تصویر باید Black را به سمت چپ نمودار سمت راست بکشید. جهت تنظیم رنگ میانی تصویر باید فلش میانی را به سمت راست یا چپ بکشید.

تنظیم خطوط عمودی
آیا تا به حال تصویر برخی را دیده‌اید که به نظر در حال سقوط باشد؟ این اثر Perspective Distortion نامیده می‌شود. در عکاسی از سخت‌افزار گرانی برای اجتناب از این اثر استفاده می‌شود.اما می‌توان از ترفندهای نسبتأ دیجیتال بجای این سخت‌افزار استفاده نمود. در برنامه Photoshop Elements می‌توانید شدت کجی را با انتخاب فیلتر و عبارت Correct Camera Distortion کاهش دهید. برای کاهش کجی تصویر و منظره باید به تنظیم Vertical Perspective بپردازید (باید تصویر را جهت حذف قسمت نهایی باریک شده ببرید). بسیاری از افراد ترجیح می‌دهند از یک فیلتر ضمیمه فتوشاپ استفاده کنند که برای اصلاح تصویر طراحی شده بکار می‌رود، مثل محصول 119 دلاری شرکت Andromeda Software به نام LensDoc . این برنامه تاثیر خرابی و کجی لنز را اصلاح کرده و طرحی به تصاویر شما می‌دهد که به نظر صاف و دقیقا مثل برج پیزا به نظر می‌آیند که در سال 1173 احداث آن آغاز شده است.

به نقل از ترفندستان

+ نوشته شده در شنبه بیست و پنجم آبان 1387ساعت   توسط مدیر نشریه |

VCDCuter چيست؟

نرم افزاري است براي ويرايش و تبديل فايل هاي ويديويي. اگر قصد داريد قسمت هايي از يك فيلم را حذف كنيد، صداي آن را جدا كنيد يا يك موزيك جايگزين صداي متن فيلم كنيد و....

VCDCutter انتخابي است مناسب براي كساني كه مي خواهند در كمترين زمان به سادگي هرچه تمام تر ويرايش هاي ساده اي را بر روي فايل هاي ويديويي انجام دهند.

امكان تبديل فرمت يكي از امكانات ديگر اين نرم افزار است.

البته توجه داشته باشيد كه بايد از VCDCutter رجيستر شده استفاده كنيد زيرا در غير اين صورت تنها مي توانيد 7 ثانيه از فيلم را ويرايش كنيد .

گرفتن عكس از فيلم

براي دريافت كامل مقاله اينجا را كليك كنيد

+ نوشته شده در چهارشنبه هشتم آبان 1387ساعت   توسط مدیر نشریه |

آموزش فلش

ماکرومديا فلش ( Macromedia Flash) يکي از بهترين نرم افزار هايي است که شما ميتوانيد جهت افزودن افکت های مخصوص و انیمیشن های کامپیوتری به وب سایت از آن استفاده کنید .در این جزوه سعی شده تمامی نکات با ذکر مثال و انیمیشن برای شما ارائه گردد . امید است این منبع جهت استفاده ی شما عزیزان مفید واقع شود.
برای مطالعه ی این دوره ی آموزشی نیاز است کاربران محترم آشنایی با سیستم عامل ویندوز داشته باشند .

ضمنا سیستم شما باید دارای مشخصات سخت افزاری ذیل باشد :

- حداقل سیستم مورد نیاز پنتیوم 233
- 16 مگابایت Ram
- حدود 600 مگا بایت فضای آزاد
- کارت گرافیکی 64 گیگا بایت

براي دريافت كامل مقاله اينجا را كليك كنيد

+ نوشته شده در چهارشنبه هشتم آبان 1387ساعت   توسط مدیر نشریه |

آموزش جاوا اسكرسپت (Java Script)

JavaScript چيست؟

آشنايي با زبان اسکريپتي جاوا اسکریپت

تفاوت هاي اكشن اسكريپت و جاوا اسكريپت

براي دريافت كامل مقاله اينجا را كليك كنيد

+ نوشته شده در چهارشنبه هشتم آبان 1387ساعت   توسط مدیر نشریه |

آموزش CSS - طراحی یک سایت بدون استفاده از جدول ها

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

چرا باید بجای جدول از کد CSS استفاده کرد ؟

اول اینکه کد شما خیلی کوتاه تر میشه ، حتی نصف !

دوم اینکه سرعت لودینگ سایت شما بیشتر میشه .

راحت تر تغییر مییابد : شما یک فایل CSS را تغییر می دهید و کل سایت شما تغییر می یابد .

مطالب از قالب سایت میشود .

براي دريافت كامل مقاله اينجا را كليك كنيد

+ نوشته شده در چهارشنبه هشتم آبان 1387ساعت   توسط مدیر نشریه |

آموزش نکات HTML پیشرفته

آموزش نکات HTML پیشرفته
براي دريافت كامل مقاله اينجا را كليك كنيد

+ نوشته شده در چهارشنبه هشتم آبان 1387ساعت   توسط مدیر نشریه |

آموزش طراحی سایت داینامیک در دریم ویور

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

براي دريافت كامل مقاله اينجا را كليك كنيد

+ نوشته شده در چهارشنبه هشتم آبان 1387ساعت   توسط مدیر نشریه |

آشنايي با برنامه Acrobat Reader

مقدمه:
وقتي شما قصد داريد مستندات خودتان را در Internet و يا هر جاي ديگر به اشتراک بگذاريد مشکلات زيادي جلوي راه شما قرار دارد. از اين دسته مشکلات مي توان به موارد زير اشاره کرد.
آيا سند شما به راحتي در يک سيستم عامل به غير از سيستم عاملي که در آن سند را ايجاد کرده ايد باز خواهد شد.
آيا سند شما به راحتي در يک platform به غير از platform شما باز خواهد شد.
آيا سند شما همانطور که در ماشين شما نمايش داده مي شود در ماشين مقابل نمايش داده خواهد شد.
آيا شماره ي کلي سندتان بهم خواهد خورد...
و از اين قبيل موارد.
براي برطرف کردن چنين مشکلاتي من در اين مقاله قصد دارم به معرفي نرم افزار Acrobat Reader و همچنين روش تبديل مستندات Word رابه مستندات Acrobat، بپردازم.
باز کردن مستندات PDF
Adobe Acrobat Reader امکان باز کردن و مشاهده فايلهاي (PDF)Portable Document Format را مي دهد.

براي دريافت كامل مقاله اينجا را كليك كنيد

+ نوشته شده در چهارشنبه هشتم آبان 1387ساعت   توسط مدیر نشریه |

تغییر سریع اندازه تصویر در paint

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

بدین منظور:
از منوی Start به مسیر All Programs > Accessories رفته و Paint را انتخاب نمایید.
سپس با استفاده از منوی File و انتخابOpen ، تصویر مورد نظر خود را وارد برنامه کنید.
اکنون از منوی Image گزینه Stretch/Skew را انتخاب کنید.
در پنجره باز شده، در بخش Stretch و دو قسمت Horizontal و Vertical عدد 100 را مشاهده می‌کنید که به معنی این است که تصویر را در اندازه واقعی مشاهده می‌کنید.
حال با کم کردن و یا زیاد نمودن درصد اندازه تصویر (در 2 قسمت افقی و عمودی) می‌توانید تصویر خود را به میزان مورد نظر کوچک یا بزرگ کنید. به طور مثال وقتی هر دو قسمت "50" باشد سایز تصویر، نصف اندازه واقعی خواهد شد.
در پایان با استفاده از File > Save as تصویر تغییر داده شده خود را با فرمت مورد نظر ذخیره کنید.
همچنین با استفاده از قسمت Skew می‌توانید تصویر را با زاویه دلخواه (بصورت مورب) تغییر دهید.

منبع: ترفندستان

+ نوشته شده در چهارشنبه هشتم آبان 1387ساعت   توسط مدیر نشریه |