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

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

مزایای CSS

مزایای CSS

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

 

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

 

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

 

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

مزایای CSS

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

 

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

 

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

 

مزایای 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; }

/*

برای توضیح کد بالا، من 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*/

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

حتما مطالعه کنید:فواید css و آنچه باید درباره آن بدانید

Tagged
css

فواید css و آنچه باید درباره آن بدانید

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

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

css

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

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

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

چگونه CSS Help! (فواید css)

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

بگو، شما ۱۰۰ صفحه وب دارید و در حال آدرس دادن هستند، پس تلاش توسعه تنها ۱۰۰ صفحه توسعه صفحه HTML صفحه + زمان توسعه N * CSS به جای ۱۰۰ * N زمان توسعه (که شامل کد سبک HTML +) است.

اگر این برگه های سبک به صورت مرکزی توسط یک گروه انجام شود و تمرکز بر روی سبک استاندارد به اندازه استراتژی نام تجاری، یکنواختی سبک در تمام صفحات وب وجود دارد.(فواید css)

css

در حال حاضر صفحات وب بسیار کوچکتر هستند زیرا تعداد آنها در کد HTMLکمتر است. آیا آنها بر زمان بارگیری تأثیر می گذارند؟ جایزه ای در حدس زدن وجود ندارد که زمان بارگذاری یک صفحه بهبود می یابد.

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

بهبود زمان از چندین دستور است زیرا کاهش کد بسیار مهم است هنگامیکه تمام فونت ها، ویژگی های رنگی و دستورات محتویات محتوا را در کد HTML مورد نیاز برای مراقبت از ارائه می دهید.

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

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

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

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

سقوط استفاده از CSS!

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

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

شما می توانید چیزهایی را به پیکسل در چهره صفحه نمایش نیشگون گرفتن.در حالی که مشخصات CSS از CSS 1 تا ۲ پیشرفت کرده و سپس ۲٫۱، مرورگرها در اجرای آنها کم بوده است. اغلب پیش فرض های اشتباه ساخته شده اند و ویژگی ها به نحوی کار نمی کنند.

از ژوئیه ۲۰۰۸، هیچ یک از مرورگرهای نسخه تولید ویژگی CSS 2.0 را به طور کامل و به درستی اجرا نکردند.(فواید css)

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

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

 

 

Tagged
HTML

توسعه HTML5

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

گروه کار فناوری کاربرد وب Hypertext (WHATWG) در سال ۲۰۰۴ کار بر روی HTML5 را آغاز کرد که توسط یان هیکسون از گوگل، وارز و دیوید هیات از اپل ویرایش شده است.

استاندارد مشخصات HTML5 در حالتهای پیش نویس مختلف در W3C (World Wide Web Consortium) است که با پیش نویس HTML5 WHATWG در سال ۲۰۰۷ شروع به کار کرد.

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

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

توسعه HTML5

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

HTML5 به طور بالقوه می تواند پلاگین هایی مثل Adobe Flash، JavaFX و Microsoft Silverlight را منسوخ سازد، زیرا انتظار می رود که پلتفرم جدید قابلیت های جریان ویدئو را به برنامه های مرورگر اضافه کند.

با وجود برنامه توسعه طولانی مدت، برخی از جنبه های HTML5 در مرورگرهای جدید در حال اجرا هستند. فایرفاکس ۳٫۵، گوگل کروم و مایکروسافت اینترنت اکسپلورر ۸ همه ویژگی های HTML5 را شامل می شوند.

تکنولوژی Canvas، اختراع شده توسط اپل، یک ویژگی گرافیکی مبتنی بر مرورگر ۲D است. بوم در مرورگر جدید Opera Software گنجانده شده است. اپرا قصد دارد قابلیت های ویدئویی HTML5 را در مرورگر خود به زودی اجرا کند.

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

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

به عنوان مثال، تلاش برای ترکیب قابلیت های ویدئویی در مرورگرها بدون نیاز به پلاگین های اختصاصی مانند فلش یا سیلورلایت، منافع Google در YouTube را که بر تکنولوژی فلش و مایکروسافت متمرکز است و سرچشمه های زیادی در Silverlight دارد تهدید می کند.

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

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

 

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

تفاوت JQuery و جاوا اسکریپت

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

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

JQuery یک کتابخانه ی جاوا اسکریپت به طور گسترده ای استفاده می شود. با وجود منبع باز، جی کوئری آسان برای استفاده، سریع و مختصر است. API ارائه شده توسط jQuery به طور یکپارچه در مرورگرهای بزرگ وب کار می کند.

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

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

۴ تفاوت مهم بین جاوا اسکریپت و جی کوئری

۱) زبان برنامه نویسی و کتابخانه

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

از سوی دیگر، jQuery یک کتابخانه جاوا اسکریپت است. این چارچوب باعث می شود که برنامهنویسان برای انجام برخی از وظایف وب معمولی مانند دستکاری سند HTML، مدیریت رویداد، انیمیشن، انتخاب عنصر DOM و توسعه برنامه AJAX، ساده تر شوند.

۲) زمان اسکریپت

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

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

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

۳) ساده سازی اسکریپت های مشتری

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

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

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

۴) عملکرد

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

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

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

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

Tagged
HTML

معرفی به HTML

معرفی به HTML

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

وقتی HTML در ابتدا در اوایل دهه ۱۹۹۰ توسعه یافت، صفحات وب عمدتا از متن بودند و اولین نسخه HTML به طور عمده در نمایش متن بود.

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

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

برای حل این مشکلات، کنسرسیوم جهانی وب در سال ۱۹۹۴ تاسیس شد. هدف آن تنظیم استانداردها است که همه کسانی که در ایجاد وب سایت شرکت می کنند می توانند پیروی کنند و به همین ترتیب بدون توجه به مرورگر مورد استفاده قرار می گیرد.

کنسرسیوم جهانی وب در ایجاد و به روز رسانی نسخه های اچ تی ام ال کمک کرد، زیرا صفحات وب پیچیده تر شدند. نسخه های اچ تی ام ال با زمان تغییر کرده اند، با شروع از HTML 2.0 در سال ۱۹۹۵ (هیچ HTML 1.0 تعریف وجود ندارد حتی اگر HTML برای چندین سال قبل از HTML 2.0 استفاده شده بود) به آخرین نسخه در تولید: HTML 5.0

یکی دیگر از توسعه های کلیدی که HTML را تحت تأثیر قرار داد، ایجاد XML یا زبان نشانه گذاری Extensible Markup Language بود که اساسا یک استاندارد برای ایجاد زبانهای نشانه گذاری است که بیشتر از استانداردهای HTML دنبال می شود.

برای ایجاد یک نسخه از HMTL برای مطابقت با استانداردهای XML، کنسرسیوم جهانی وب توسعه XHTML، که اساسا HTML با دستورالعمل های سخت تر است.

HTML یک سری دستورالعمل های متن است که به مرورگر وب می گوید چگونه صفحه وب را نمایش دهد، همانطور که در بالا ذکر شد، بنابراین یک صفحه وب به طور نظری می تواند با یک ویرایشگر متن مانند Notepad یا Word طراحی شود.

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

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

در حالی که به طور صریح صدها برچسب وجود دارد، هر صفحه وب معمولا شامل موارد زیر می باشد: html، head، title and body. علاوه بر این، بیشتر صفحات وب شامل حداقل یک پاراگراف یا تگ p هستند.

برخی از تگ های مشترک دیگر عبارتند از:

h

Heading

تگ های عنوان نمایش متن با حروف بزرگ با ضخامت ۱ تا ۶، با ۱ بزرگترین.

li

List Item

یک آیتم لیست می توان با برچسب ol یا ul برای یک لیست مرتب یا مرتب ترکیب کرد.

b

Bold

متن نمایش داده شده در داخل مهره های ضخیم را نمایش می دهد.

i

Italic

نمایش متن با حروف الفبا را نمایش می دهد.

img

Image

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

a

Anchor

استفاده کنید برای ایجاد لینک های به صفحات دیگر وب سایت در یک سایت یا سایت های دیگر.

br

Break

بر خلاف برچسب پاراگراف، یک فضای خط را بدون فضای ایجاد می کند.

div

Division

یک تگ عمومی برای قالب بندی با ورق های سبک مورد استفاده قرار می گیرد.تگ html دستور مرورگر را به انتظار یک سند HTML، به عبارت دیگر یک صفحه وب می دهد.

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

اکثر تگ های HTML متشکل از دو قسمت است: یک تگ باز و یک تگ بسته. برچسب ها با استفاده از براکت ها همانطور که در بالا ذکر شد محصور می شوند و براکت بسته شامل یک اسلش است؛ / پس از ایجاد صفحه وب، فایل با یک نام ذخیره می شود، با استفاده از برنامه افزودنی .htm یا html.

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

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

در XHTML تمام تگ ها باید حروف کوچک باشند. در HTML مهم نیست.

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

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

بنابراین مهم است که برای کسانی از ما که طراحی وب سایت با استفاده از HTML برای به روز رسانی مهارت های ما (و صفحات وب ما!)، و برای تازه واردان برای یادگیری XHTML از ابتدا مهم است.

Tagged