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

All posts by seomanager

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

پرسش های متداول SEO

پرسش های متداول SEO

بهینه سازی موتور جستجو (SEO) چیست؟

 

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

 

چرا SEO اهمیت دارد؟

 

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

 

  • ۳۶٪ از جستجوگران موقعیت برتر آلی را با کیفیت نام تجاری مشخص می کنند
  • ۶۰ تا ۷۰ درصد از کل ترافیک جستجو از فهرست آلی است
  • ۹۰٪ از ترافیک جستجوی ارگانیک از پنج لیست بالا رانده می شود
  • ۶۲٪ از جستجوگران تنها یک صفحه از نتایج را قبل از کلیک کردن (پژوهش مشتری)
  • داشتن لیست شماره ۱ در هر دو جستجو ارگانیک و پرداخت می تواند میزان کلیک سه بار افزایش یابد

 

چگونه جستجوی طبیعی متفاوت از جستجو پرداخت می شود؟

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

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

چه مدت زمان لازم است تا نتایج جستجوگر را مشاهده کنید؟

 

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

 

آیا می توان یک رتبه بندی # ۱ را در موتور جستجو تضمین کرد؟

 

نه. هیچکس نمیتواند جایگذاری # ۱ را در SERPs (موتورهای صفحه نتایج موتور جستجو) تضمین کند، زیرا عوامل بیرونی بیش از حد کنترل ما هستند.

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

 

آیا وب سایت من در جایگاه شماره ی ۱ قرار می گیرد، زمانی که وبسایت من قرار می گیرد؟

 

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

 

چه مدت طول خواهد کشید تا نتایج را ببیند؟

 

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

 

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

 

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

 

 

 

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

ایجاد اولین پلاگین JQuery شما

 

ایجاد اولین پلاگین JQuery شما

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

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

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

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

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

راه اندازی شما می توانید کل پروژه را از GitHub دانلود کنید برای این آموزش، ما یک پلاگین آکوردئون ساده ایجاد خواهیم کرد. بیایید یک فایل js ایجاد کنیم و آن را در دایرکتوری “js” وب سایت ما قرار دهیم.

این سنت است که تمام فایل های js plugin را با “jquery dot” شروع کنیم و سپس نام پلاگین واقعی آن را بنویسیم، بنابراین ما “jquery.simple-accordion.js” را با ما تماس خواهیم گرفت.

 – فایل پلاگین ما در داخل دایرکتوری js

در دایرکتوری وب سایت ما حالا ما باید فایل پلاگین ما را همراه با کتابخانه جی کوئری به صفحه HTML اصلی (index.html) اضافه کنیم.

بهتر است که کتابخانه جی کوئری را مستقیما از سرورهای Google API بگنجانیم، زیرا آنها به جای محل سرور تک سرور شما در سراسر جهان توزیع شده اند: سرورهای نزدیک تر معمولا به معنای پاسخ سریع تر به بازدید کننده می باشند.

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

محتویات پیش ذخیره شده به معنی بارگذاری بار سریع برای بازدید کننده است. ساختار پلاگین جی کوئری jQuery با تمام قلاب های لازم برای کمک به شما در توسعه پلاگین ما بسته بندی شده است.

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

(function($) {

$.fn.simpleAccordion = function() {

//TODO: code for simple accordion plugin

}

}(jQuery));

بیایید به سرعت از آنچه که در اینجا اتفاق می افتد برویم. با وارد کردن همه چیز در الگوی جاوااسکریپت self-enclosed (function () {}) ما مطمئن هستیم که تمام متغیرهای موجود در پلاگین ما با خیال راحت در خارج از فضای نامیش جهانی باقی خواهند ماند.

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

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

در نهایت، $ .fn راه جی کوئری است که به شما اجازه می دهد پلاگین خود را تعریف کنید، که ما آن را SimpleAccordion نامیدیم. با تمام قطعات ما در محل، بیایید آشپزی کنیم! 

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

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

Heading 1 

Cras dolor elit, porttitor ac diam bibendum, eleifend aliquam erat.

Heading 2

Donec blandit risus nec est tristique interdum.

Heading 3

Fusce sit amet arcu id justo malesuada faucibus.

Heading 4

Aliquam tincidunt lobortis sem at porttitor.

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

این است که چگونه باید به نظر می رسد:

فقط به نظر می رسد که ما باید برخی از سبک های ساده را اضافه کنیم. پس بزن که بریم:

.accordion {

width: 600px;

border: 1px solid #ccc;

border-bottom: none;

}

.accordion dt,.accordion dd {

border-bottom: 1px solid #ccc;

margin: 0px;

}

.accordion dt {

background: rgba(193, 221, 252, 0.24);

cursor: pointer;

padding: 8px 4px;

font-size: 14px;

font-weight: bold;

}

.accordion dd {

padding: 12px 8px;

}

در حال حاضر ساختار آکوردئون ما باید چنین باشد:

 

بخش جی کوئری – زمان برای انجام کاری!

 

برای اضافه کردن قابلیت به پلاگین ما قصد داریم فایل js را ویرایش کنیم و کد زیر را اضافه کنیم:

(function($) {

$.fn.simpleAccordion = function(options) {

return this.each(function() {

var dts = $(this).children(‘dt’);

dts.click(accordionClick);

dts.each(reset);

});

function accordionClick() {

$(this).siblings(‘dt’).each(hide);

$(this).next().slideDown(‘fast’);

return false;

}

function hide() {

$(this).next().slideUp(‘fast’);

}

function reset() {

$(this).next().hide();

}

}

})(jQuery);

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

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

بنابراین در شرایط ساده، شما افزونه خود را از جی کوئری با استفاده از fn “your-plugin-name”

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

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

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

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

(function($) {

$.fn.simpleAccordion = function(options) {

var state = $.extend({}, {open: false}, options);

return this.each(function() {

var dts = $(this).children(‘dt’);

dts.click(accordionClick);

dts.each(reset);

if(state.open)

$(this).children(‘dt:first-child’).next().show();

});

function accordionClick() {

$(this).siblings(‘dt’).each(hide);

$(this).next().slideDown(‘fast’);

return false;

}

function hide() {

$(this).next().slideUp(‘fast’);

}

function reset() {

$(this).next().hide();

}

}

})(jQuery);

اگر متوجه شدید، ما از مقدار پیش فرض open استفاده می کنیم: false، بنابراین اگر هیچ گزینه ای منتقل شده باشد، افزونه فرض می کند که شما وقتی می خواهید اولین آیتم را در آکاردئون بسته کنید، بسته می شود.

هنگامی که افزونه گزینه ها را دریافت می کند، می توانید به روش $ .extend تکیه کنید تا حقیقت اصلی را اعمال کنید. چه روش $ .extend این است که دو یا چند اشیا را ادغام می کند.

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

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

مزایای SEO از CSS

مزایای SEO از CSS

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

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

 

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

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

 

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

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

 

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

 

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

 

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

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

 

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

 

بیایید از یک مثال ساده 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; }

 /*

برای توضیح کد بالا، من 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 استفاده کردم. دلیل لود کردن ۰px در سمت راست این است که باقی مانده از صفحه نمایش در این طرح خالی است، بدون نیاز به پد کردن آن طرف. عرض را محدود میکنم تا صفحه نمایش به اندازه ۸۰۰×۶۰۰ رزولیشن نمایش داده شود (عرض کل اینجا ۷۵۰ پیکسل است).

 */

 #content {position: absolute;

 top: 150px;

 left: 200px;

width: 550px;

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

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

/*End CSS*/

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

 

 

 

 

 

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

HTMLچگونه کار می کند؟

HTMLچگونه کار می کند؟

HTML یک زبان نشانه گذاری مبتنی بر SGML بسیار پیچیده است که برای ایجاد اسناد hypermedia استفاده می شود.

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

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

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

عناصر و برچسب ها در یک صفحه HTML

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

<HTML>

the closing tag is written

</HTML>

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

 

<HTML>

 <HEAD>

<TITLE>This is my first web page</TITLE>

 </HEAD>

 <BODY> Main heading A paragraph </BODY>

 </HTML>

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

برچسب های ویژه با براکت های زاویه ای برای نشان دادن قالب بندی یا ساختار اطلاعات در یک صفحه وب استفاده می شود. مرورگرهای وب مفسران زبان اچ تی ام ال هستند. وقتی مرورگر اینترنتی مانند Internet Explorer یک فایل «.html» باز می کند، تمام برچسب ها را می خواند و سپس تفسیر خود را از صفحه نمایش می دهد.

 

لینک های Hypertext

 

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

 

<a target=”_new” rel=”nofollow” href=”document.html”>some text</a>

 

 

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

چرا جی کوئری تنها زمانی  که بعضی از صفحات Asp DotNet است کار میکند

چرا جی کوئری تنها زمانی  که بعضی از صفحات Asp DotNet است کار میکند

من یک مشکل عجیب داشتم که در آن یک عبارت jQuery ساده فقط یک بار در صفحه ASP.NET کار کرد. معلوم شد که کنترلهای به روز رسانی Update .NET در همان صفحه سبب مشکالت صفحه ای تازه از تماس AJAX شد.

 

من ساده ترین کد جی کوئری را در کنترل کاربر داشتم:

 

$(document).ready(function () { $(‘#mybutton’).click(function () { $(‘.chartwin’).slideToggle(“slow”); }); });

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

 

در مورد تحقیقات بیشتر در صفحه والدین، متوجه شدم که کنترل کاربری من در بخش کنترل Update.Progress نشسته است. UpdateProgress یک وسیله ساده برای استفاده از نسخه های صفحه جزئی فراهم می کند؛ این کار جادویی است وقتی که آن را کار می کند، اما من قبل از آن با آنها مشکلی داشتم، با دیگر جاوا اسکریپت (از جمله کنترل های AJAX ASP.NET) در همان صفحه دخالت کردم.

 

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

 

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

 

برنامه All.NET رویداد Function PageLoad را بسیار خوب می شناسد، اما رویداد جاوااسکریپ معادل نیز وجود دارد. ما می توانیم از این برای بارگیری رویدادهای jQuery ما هر بار که صفحه تجدید می شود استفاده کنید. کد ما اکنون تبدیل می شود:

 

function pageLoad() { $(function () { $(‘#mybutton’).click(function () { $(‘.chartwin’).slideToggle(“slow”); }); }); }

 

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

 

توجه داشته باشید که با چک کردن DOM به طور کامل بارگذاری نمی شود (همانطور که در هنگام استفاده از (document) .ready، شما باید کد را به پایین صفحه اضافه کنید و پس از آنکه scriptmanager بارگیری شده است.

 

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

 

Tagged