طراحی وب سایت در کرج
026-34204893
09101013858

بایگانی برچسب‌ها : css

html | طراحی سایت در کرج | طراحی وب سایت در کرج | کیان تجارت فاوا

استفاده از اشکال تگ HTML

استفاده از اشکال تگ HTML

تگ های HTML پایه ای برای طراحی صفحه وب را فراهم می کنند. برای ارائه انعطاف پذیری بیشتر با طراحی HTML، ویژگی ها برای تگ های HTML تعریف شده اند تا رفتار هر تگ خاص HTML را تغییر دهند.

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

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

بعضی از برچسب ها، مانند مورد استفاده برای ارائه یک تصویر ()، هیچ چیز را بدون داشتن حداقل یک ویژگی تعریف می کنند. در مورد تگ تصویر، شما باید یک ویژگی داشته باشید که به مرورگر می گوید که تصویر را نمایش می دهد.

با استفاده از bgcolor و پس زمینه با برچسب بدن

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

به طور پیش فرض، پس زمینه مورد استفاده مرورگرها هنگام برخورد با برچسب سفید است. اگر میخواهید یک رنگ پسزمینه به غیر از سفید، از ویژگی bgcolor استفاده کنید. تگ های زیر رنگ پس زمینه یک صفحه وب را از پیش فرض سفید تا خاکستری تغییر می دهد:

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

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

پیوند با استفاده از برچسب لنگر

مزیت بنیادی جهانی وب به توانایی آن در پیوند دادن اسناد و ارتباطات سریع از یک صفحه به صفحه مرتبط دیگر کمک می کند. پیوند اسناد در HTML با استفاده از برچسب anchor () انجام می شود. تگ لنگر به خودی خود به مرورگر به کجا لینک نمی دهد. در عوض، شما باید ویژگی href را در مثال زیر ذکر کنید:

بازدید از حامی ما

این تکه از کد HTML به مرورگر می گوید که متن “Visit our sponsor” متن متنی برای پیوند است. هنگامی که کاربر بر روی متن لنگر کلیک می کند، آن را به url oursponsorswebsite.com منتقل می کند.

نمایش عکس با استفاده از برچسب تصویر

صفحات HTML بدون استفاده از تصاویر بسیار خسته کننده خواهند بود. نیاز به گفتن مرورگر که در آن برای پیدا کردن یک تصویر یک مثال خوب از نحوه استفاده از ویژگی های HTML است. تصاویر شامل استفاده می شود.

همانند تگ لنگر مثال بالا، استفاده از برچسب به تنهایی کافی نیست. tag tag attribute “src” لازم است تا مرورگر را به جایی که تصویر را برای نمایش داده می شود، به عنوان مثال زیر:

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

این تصویر تصویر را ۱۵۰ پیکسل عرضی محدود می کند. به راحتی، ارتفاع تصویر در صورتی که مشخصه عرض مشخص شده باشد، محدود می شود.

Tagged
css | طراحی سایت در کرج | طراحی وب سایت در کرج | کیان تجارت فاوا

۸ اسرار آموزش CSS سریع

ساده ترین کار در طراحی وب با CSS (Cascading Style Sheets) یک ظاهر طراحی شده است. هنگامی که شما شروع به یادگیری نحوه استفاده از CSS، شما ممکن است با مقدار مواد برای یادگیری غرق شوید. اگر نگاهی کلی به تصویر کلی داشته باشید، ممکن است بخواهید حرفه خود را تغییر دهید.

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

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

هنگامی که شما می دانید که آنها چه هستند و استفاده از آنها، شما می دانید چه چیزی از CSS استفاده می کنید و چه CSS قادر نخواهد بود برای شما انجام دهد.

۲ : یادگیری و درک HTML و مدل DOM. شما هیچ وقت قادر به استفاده از CSS موثر نخواهید بود اگر شما درک مدل DOM ندارید. با شناخت مناسب از مدل DOM، شما می توانید انتخابگرها را که بخش اصلی بخشی از دو بخش CSS است، به کار ببرید. با دانستن HTML و مدل DOM، yu تقریبا به نصف در یادگیری CSS خواهد بود.

شما هرگز به اشتباه در مورد استفاده از selectors با آن دانش نروید.

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

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

همانطور که پیش می روید، می توانید انتخابگرها را هم ترکیب کنید.

۴ : هنر یادگیری CSS به دو بخش کلیدی تقسیم می شود: یادگیری برای استفاده از عناصر CSS و بهترین شیوه های CSS. اگر دو حوزه را در یک زمان می گذرانید، احتمالا غرق خواهید شد و مسابقه را رها کنید. با یادگیری عناصر شروع کنید.

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

۵ : کل CSS را به ماژول ها متصل کنید. شناسایی تمام زمینه ها در CSS و سپس آنها را به بخش ها تقسیم کنید. نگاهی به بهترین وب سایت های طراحی شده داشته باشید. این به شما یک پیش نمایش دزدکی از آنچه شما نیاز به یادگیری را به من بدهید.

شما همچنین یک سرنخ از آنچه شما نیاز به پوشش و نحوه انجام آن بهتر است. با یک کارشناس مشورت کنید تا شما را از طریق ویژگی های CSS که توسط CSS به دست می آید هدایت کنید و ویژگی های دیگر فناوری های وب را به دست آورید.

یکی از راه های شکست دادن CSS به ماژول ها می تواند باشد: انتخابگرها، طرح بندی، اصلاح متن، تحولات، انتقال، شکل ظاهری و جلوه ها. قبل از اینکه به ماژول بعدی بروید، هر ماژول را برای تکمیل یاد بگیرید.

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

در مورد اینکه چگونه هر یک از مرورگرهای وب هر عنصر CSS را رندر می کند، یاد بگیرید. به این ترتیب، شما می دانید که چگونه برای رسیدگی به هر گونه اختلاف نظر که ممکن است در برخی از مرورگرها ظاهر می شود.

۷ : بازدید از وبلاگ ها و انجمن ها برای یادگیری روند. بهترین راه برای یادگیری هر چیزی این است که از کارشناسان آن را بیاموزید. نگران نباشید کپی کنید و از CSS استفاده کنید که به صورت رایگان برای یادگیری داده شده است. کدها را کپی و کپی کنید و آن را اجرا کنید تا اثرات آن بر روی صفحه وب به ارمغان بیاورد.

بازی کردن با کد برای پیدا کردن تغییرات آن را به ارمغان می آورد. شما قادر به یادگیری و درک بیشتر با استفاده از کدهای که قبلا ایجاد شده است قادر خواهید بود.

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

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

۸ اسرار سریع یادگیری CSS به شما یک راهنما برای شروع می دهد. مدت زمان یادگیری بستگی به اهداف یادگیری شما و اهمیت اهداف شما دارد.

Tagged
HTML | طراحی سایت در کرج | طراحی وب سایت در کرج | کیان تجارت فاوا

طراحی وب HTML

طراحی وب HTML

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

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

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

فواید

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

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

بازدید کنندگان یا صاحبان سایت می توانند اندازه تصویر را با حذف لایه های مخفی یا ناخواسته تنظیم کنند.

ویژگی های فوق العاده برجسته

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

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

 

Tagged
css | طراحی سایت در کرج | طراحی وب سایت در کرج | کیان تجارت فاوا

مزایای SEO از CSS

مزایای SEO از CSS

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

از آنجا که مرورگر پشتیبانی از CSS بهتر از آن است که مورد استفاده قرار گرفته است، و جداول باعث مشکلات، CSS به شما ارائه می دهد سود شما ممکن است در مورد قبل فکر نکنید، سود SEO بهتر است.

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

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

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

ربات های موتور جستجو چیزهایی را به همان شیوه نمی بینند، اما هنگامی که آنها را درک می کنید، منطقی و قابل پیش بینی هستند.

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

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

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

شما ممکن است شگفت زده شوید که تا چه اندازه شما باید قبل از رسیدن به محتوای واقعی، حرکت کنید، و اینکه چقدر دیگر “محتوا” یک موتور جستجو اول را ببینید. اگر از جداول برای طرح استفاده می کنید، منطق بالا به پایین از کد شما به نظر می رسد مثل اینکه پاهای قطع شده است و تنظیمات روی زمین است.

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

بیایید از یک مثال ساده HTML استفاده کنیم:

<!–Insert all your head info, including a CSS link like below–><link rel=”stylesheet” type=”text/css” href=”file.css”> <div id=”content”> <!–I will explain this div later–> <h1>Heading With Your Important Keywords</h1> <h2>Subheading With Important Keywords</h2> <p>Your important content will be here, with keywords. Notice how this is right at the top of your code. No matter where this is on the page, you want it here at the top of your code.</p> </div> <!–This would be the end content div–> <div id=”nav”> <!–This div represents a navigation example–> <p>This could have image buttons, text, or both. If using images, make sure to include alt text which should contain keywords. With tables for layout, this would most likely be above the content, now it is below where it should be. The div id above will help you control this.</p> </div> <div id=”banner”> <p>As the name can imply, this can be at the top of the page, but notice how it is way down in your code because it has no strong SEO elements. It might be your logo or additional navigation. Even though it shows at the top of the page to the user, it is not the first thing you want the search engine to read or display in search results.</p> </div> <div id=”summary”> <!–This div can be anything, used here as example–> <p>This example of another div is used to illustrate another SEO principle. Use keywords in it so it is like your closing point. By appearing at the bottom of the code, it makes stronger SEO.</p> </div>

 

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

در مثال HTML، ما ۴ بخش (divs) داریم. شما می توانید با پیکسل یا درصد (یا حتی هر دو) تقسیم کنید. ما برای استفاده ساده از این اصل از پیکسل استفاده خواهیم کرد.

/*Begin CSS*/

/*Just for the record, this is a comment in CSS*/

#nav {position: absolute;

top: 0px;

left: 0px;

width: 200px;

height: 500px;

padding: 20px 10px 10px 20px;

}

/*

To explain the code above, I listed the divs in a different order than the

HTML. This order follows the flow of the way I am doing the page layout. It

also follows the flow you would have if you set up a table structure in HTML.

The nav section butts up against the top left corner of the page (top and left

are both 0px). The # sign defines the “id” of the div followed by the

name. I set the width to 200px which is like making a table cell that width. I

have used the 500px height just as an example so the summary below will start

where the nav ends. You want to be sure everything will fit with the sizes you

specify. You can also set padding, but unlike a table cell in HTML, you can set

each side separately. In the example above, the first 20px is the top, then it

declares each side in clockwise order so the left side is also 20px.

*/

#summary {position: absolute;

top: 00px;

left: 0px;

width: 200px;

padding: 20px 10px 10px 20px;

}

/*

The summary above starts where the nav ends, at 500px from the top. The other

settings match for alignment. I did not set a height because it will stretch just

like a table cell when you insert your content.

*/

#banner {position: absolute;

top: 0px;

left: 200px;

width: 550px;

height: 150px;

padding: 20px 0px 10px 20px;

}

/*

The banner will be at the top of the page, but will start at 200px from left where

the nav ends. Declaring a height is optional, but it will help for making sense out

of where the content below will start. I used 150px just as an example. The reason

for 0px padding on the right side is because the remainder of the screen is empty in

this layout, no need to pad that side. I limit the width so it will display well down

to 800×600 res (the total width here is 750px).

*/

#content {position: absolute;

top: 150px;

left: 200px;

width: 550px;

padding: 10px 0px 10px 20px;

}

/*

Now the content starts right where the banner leaves off, 200px to the left and 150px

from the top. Notice this is last. If you used tables to create the same layout, this

would be last in your code too. The search engines would read everything else before

getting to the meat of your page. In the HTML used here, it is at the top of your code

so the search engines see it first.

*/

/*End CSS*/

 

 

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

 

Tagged
PSD | طراحی سایت در کرج | طراحی وب سایت در کرج | کیان تجارت فاوا

تبدیل PSD به HTML برای ایجاد وب سایت

تبدیل PSD به HTML برای ایجاد وب سایت

PSD سند طراحی شده در برنامه Adobe Photoshop ایجاد شده است. طراحان وب سایت از فتوشاپ برای تجسم و طراحی وب سایت استفاده می کنند.

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

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

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

در واقع فایل های PSD در قالب فتوشاپ ساخته شده اند و از این رو تبدیل آن به HTML ضروری است تا آن را در اینترنت قابل دسترسی و قابل مشاهده باشد. یک صفحه PSD به CSS / HTML تبدیل دسترسی آسان به کاربران را فراهم می کند.

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

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

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

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

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

Tagged