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

بایگانی برچسب‌ها : اچ تی ام ال

اهمیت کد معتبر HTML

اهمیت کد معتبر HTML

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

زبان ها و قوانین

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

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

 

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

کد HTML معتبر چیست؟

کد معتبر کد HTML است که به دنبال این قوانین تعیین شده توسط W3C نامیده می شود “کد معتبر”. این به این دلیل است که کد به درستی فرمت شده است، بر اساس استانداردهای ایجاد شده توسط کنسرسیوم جهانی وب (W3C).

هر کدی که به درستی فرمت نشده باشد، کدهای نامعتبر دوبله است. کد نادرست می تواند نتیجه اشتباهات تایپ یا کد HTML است که یک بار معتبر بود اما اکنون منسوخ شده است. به عنوان مثال، برچسب “<b>” برای bold دارای نامعتبر است و با برچسب “<strong>” جایگزین شده است.

چرا باید به عنوان یک طراح کد خود را تأیید کنید؟

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

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

این کار هر مخاطب شما را تبدیل خواهد کرد.به عنوان مثال، اگر شما قصد دارید یک کمپین رسانه های اجتماعی را اجرا کنید و برنامه ای برای اجرای یک داستان در Digg داشته باشید، اکثر کاربران Digg از Safari یا Firefox استفاده می کنند.

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

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

دلایل دیگر برای تأیید کد HTML خوداعتبار سنجی نشانه ای از حرفه ای بودن است

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

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

اعتبارسنجی به آموزش شیوه های خوب کمک می کند.

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

اعتبار سنجی به عنوان یک ابزار اشکال زدایی

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

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

اعتبار سنجی به عنوان یک بررسی کیفی در آینده

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

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

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

 

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

یک وب سایت HTML را به صورت رایگان ایجاد کنید

یک وب سایت HTML را به صورت رایگان ایجاد کنید

 

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

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

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

اجازه دهید شما را به نرم افزار معرفی کنم که من معتقدم که یکی از بهترین وبسایت های وب است که وب سایت های خود را با استفاده از ویراستاران HTML ایجاد می کنند.

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

رابط کاربری اصلی به مایکروسافت ورد، به عنوان مثال آیکون های متن، تصویر و ویدئو درج e.t.c. Kompozer آسان است برای یادگیری و ارائه می دهد بسیاری از توابع مختلف.

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

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

صفحه دوم به عنوان “منبع” شناخته می شود، در اینجا کدگذاری HTML قرار داده می شود. کد HTML به صورت خودکار ایجاد می شود و در صفحه منبع به عنوان کاربر در صفحه اصلی کار می کند.

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

یادگیری نحوه ایجاد یک وب سایت HTML به صورت رایگان با تمرین کمی قابل دستیابی است. من می دانم که می توان آن را در ابتدا کمی پیچیده صدا، اما اساسا مانند یادگیری هر برنامه جدید است.

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

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

چرا (HTML (XHTML برای SEO مهم است

چرا (HTML (XHTML برای SEO مهم است

بسیاری از وب مسترها نوشتن HTML غیر معتبر را انجام می دهند؟ HTML یا “زبان نشانه گذاری متن فوق العاده”، به شدت مورد سوء استفاده قرار گرفته و ضعیف HTML معتبر در سراسر وب وب است.

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

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

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

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

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

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

چرا متخصصان وب برای تأیید اعتبار برای Valid HTML انتخاب می کنند؟ * معتبر HTML اجازه می دهد تا دسترسی بیشتر، سازگاری متقابل مرورگر، و حتی می تواند رتبه بندی موتور جستجوی خود را به دست آورد.

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

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

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

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

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

آنها بسیاری از برنامه های کاربردی یا برنامه نویسی شما وب سایت (ها) را برای اچ تی ام ال  معتبر یا سازگار با HTML استفاده می کنند.

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

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

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

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

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

 

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

چگونه تبدیل شدن یک سند به HTML

چگونه تبدیل شدن یک سند به HTML

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

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

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

۱٫ DOCUMENT خود را پیدا کنید – از منوی File که در مایکروسافت ورد مشاهده میکنید، سند ذخیره شده را انتخاب کرده و آن را باز کنید، نمیتوانید تبدیل آن را حتی اگر آن را انتخاب کردهاید، تبدیل کنید، پس این را در ذهن داشته باشید.

۲٫ DOCUMENT UPDATE – همه محتوای که شما در فایل خود در فرمت ورد قرار داده اید در HTML ظاهر می شود. اعداد و برخی از تصاویر بهتر از آن چیده شده اند. هنگامی که این موارد را گرفته اید، باید سند خود را دوباره ذخیره کنید.

۳٫ CONVERT IT- هنگام ذخیره سند خود را در حال حاضر، به File بروید، روی Save As کلیک کنید و گزینه ای برای ذخیره به عنوان یک صفحه وب یا Save as HTML خواهید گرفت. شما می توانید یکی را انتخاب کنید و ذخیره را کلیک کنید. در حال حاضر، یک صفحه وب را باز کرده و به فایل اسناد خود بروید، این سند را برای باز کردن آن انتخاب کنید، آن را در قالب HTML انجام دهید.

برای فرمت های PDF، من پیشنهاد می کنم اول آنها را به Word بسپارید و سپس آنها را به فرمت HTML تبدیل کنید، اما شما همچنین می توانید این اسناد را به عنوان HTML با استفاده از Acrobat Professional ذخیره کنید.

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

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

۴٫ فرمت کردن DOCUMENT – Kindle از استفاده از حاشیه ها به نحوی که ممکن است به آن عادت کنید استفاده نکنید. پیشنهاد می کنم از یک ورق سبک برای قالب کردن کتاب خود استفاده کنید و فراموش نکنید که CSS (Cascading Style Sheets) را تا آنجا که می توانید استفاده کنید.

بعضی از قوانین CSS، متاسفانه، پشتیبانی نمی شوند و یا حداقل در Kindle پشتیبانی می شوند: اکثر موارد مربوط به حاشیه ها و فونت ها است. بهترین کنترل اندازه قلم را می توان با استفاده از برچسب های عنوان

(<h1>, <h2>, <h3>, etc.).

برچسب های <big> و <small> به شما اجازه می دهد تا اندازه ی دو یا چند اندازه را به اندازه ی پایین تنظیم کنید.

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

 

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. Noticehow this is right at the top of your code. No matter where thisis 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. Withtables for layout, this would most likely be above the content,now it is below where it should be. The div id above will help youcontrol this.</p>

</div><div id=”banner”>

<p>As the name can imply, this can be at the top of the page, butnotice how it is way down in your code because it has no strong SEOelements. It might be your logo or additional navigation. Even thoughit shows at the top of the page to the user, it is not the first thingyou 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 thebottom 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;}/*

توضیح کد بالا، من divs را در دستورالعمل متفاوت از HTML ذکر کردم. این سفارش جریان جریان شیوه انجام طرح صفحه را دنبال می کند. همچنین اگر بخواهید یک ساختار جدول در HTML ایجاد کنید، جریان را دنبال می کنید. بخش نوشیدنی در برابر گوشه سمت چپ بالای صفحه (در بالا و سمت چپ هر دو ۰px) قرار دارد.

علامت # مشخص “id” div را به دنبال نام می دهد. من عرض را به ۲۰۰px تنظیم کردم که مانند ساخت یک سلول جدول که عرض است. من از ارتفاع ۵۰۰px فقط به عنوان مثال استفاده کردم، خلاصه در زیر شروع خواهد شد که نهایی به پایان می رسد.

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

در مثال بالا، ۲۰px اولین بار بالا است، سپس هر طرف را در جهت عقربه های ساعت اعلام می کند، بنابراین سمت چپ نیز ۲۰px است.

*/

#summary {position: absolute;

top: 00px;

left: 0px;

width: 200px;

padding: 20px 10px 10px 20px;}

/*

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

*/

#banner {position: absolute;

top: 0px;

left: 200px;

width: 550px;

height: 150px;

padding: 20px 0px 10px 20px;}

/*

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

من فقط به عنوان مثال ۱۵۰px استفاده کردم. دلیلبرای پهنای ۰ پیکسل در سمت راست این است که باقی مانده از صفحه نمایش خالی استاین طرح، بدون نیاز به پد کردن آن طرف. عرض را محدود می کنم تا آن را به خوبی نشان دهدبه رزولوشن ۸۰۰×۶۰۰ (عرض کل اینجا ۷۵۰ پیکسل است).

*/

#content {position: absolute;

top: 150px;

left: 200px;

width: 550px;

padding: 10px 0px 10px 20px;}

/*

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

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

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

Tagged