آموزش HTML - بخش چهارم: لینک‌ها

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

قرار دادن لینک در صفحه تگ <a>

;لینک‌ها یکی از پراستفاده‌ترین المان‌های اچ‌تی‌ام‌ال هستند و در واقع این لینک‌ها هستند که کاربران شما را به جایی که شما می‌خواهید هدایت می‌کنند. به مثال زیر دقت کنید:

نمونه کد

< a href  = "http://zoomit.ir"> متنی که به عنوان نماینده لینک در مرورگر نشان داده می شود</ a >

نتیجه‌ای که مرورگر نمایش خواهد داد

 

آموزش HTML - بخش سوم: تگ‌‌های عنوان

تگ عناوین (h)

از تگ عناوین برای نوشتن عنوان در متن استفاده می‌شود. جمع بستن آن‌ها به این علت است که این تگ‌ها در واقع  6 تا هستند و تفاوت آن‌ها در اندازه آن‌هاست و  به ترتیب از بزرگ به کوچک تبدیل و شماره گذاری می‌شوند.

 برای ایجاد یک عنوان بزرگ از تگ <h1/>  متن عنوان <h1> استفاده می‌گردد. همانطور که گفتیم تگ‌های h دارای شش گزینه هستند که به ترتیب از <h1> شروع و به <h6/>متن عنوان<h6> ختم می‌شوند. تگ <h1> از نظر اندازه بزرگترین اندازه را دارد و <h6> کوچکترین اندازه را. البته  ویژگی‌هایی همچون پررنگ بودن در همگی آن‌ها یکسان است. 

نحوه استفاده از این تگ نیز همانند باقی تگ‌های HTML است. یک تگ شروع کننده و یک تگ تمام کننده که در خود یک / دارد. برای مثال:

نمونه کد

آموزش HTML - بخش دوم: تگ‌ پاراگراف

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

آشنایی با تگ‌ها - پاراگراف یا <p>

آموزش ساده HTML بخش اول

آموزش HTML

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

همانطور که می‌بینید در این مثال‌ها ما در ابتدا حرف اول تگی که قرار است استفاده نماییم را بین دو علامت < > می‌نویسیم. (در جلسات آینده با این حروف آشنا خواهید شد و در این جلسه فقط نحوه استفاده از آن‌ها را فراخواهید گرفت).  سپس در سمت راست، همان تگ را با علامت / تکرار می‌کنیم. در بین دو تگ باز شده و بسته شده نیز محتوای مورد نظرمان را یادداشت می‌کنیم. 

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

تنظیماتی برای سرعت بارگذاری صفحات پرتال

فعال سازی زمان cache ماژولها
در صورتی که برخی محتوا ها بر روی پرتال شما پس از مدت نسبتا زیادی بروز می شوند، شما میتوانید بوسیله فعال سازی Cache باعث افزایش سرعت دسترسی کاربران به پرتال شوید.
دو دلیل عمده برای استفاده از Cache در اینترنت وجود دارد:
1 کاهش تاخیر : این کاهش تاخیر از آنجا ناشی میشود که cache ها به Client نزدیکترند و لذا وقتی که درخواستی برای یک فایل HTML توسط Cache پاسخ داده میشود، زمان کمتری برای دریافت پاسخ
توسط Client مصرف میشود ) نسبت به حالتی که این درخواست توسط Server پاسخ داده میشود (.
2 کاهش ترافیک: در این مورد نیز با توجه به اینکه هر درخواست برای یک Object تنها یک بار توسط
Server پاسخ داده میشود، لذا استفاده از پهنای باند کمتر توسط Client را در پی دارد.
این دو پارامتر در مجموع کارآیی بیشتر و بهتر یک Web site ودر نتیجه تحمل پذیری وب سایتها توسط کاربران و بازدیدکنندگان را در پی دارند. )اصطالح تحمل پذیری شاید واژه ای مناسب برای توصیف user experience باشد (.پرتال ها امکانcache برای ماژول ها را در قسمتی از تنظیمات پیشرفته ماژول با نام تنظیمات cache قرار داده است که با تنظیم این زمان شما می توانید از این امکان استفاده نمایید و به راحتی سرعت بارگزاری صفحات پرتال را افزایش دهید.

بالابردن کارایی دیتابیس

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

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

در کنار سایر موارد مثل تنظیمات وب سرور .کارایی دات نت نیوک . تنظیمات کش . تعداد ماژول های نصب شده . دیتابیس یکی از نکات کلیدی در بحث کارایی است

تعدادی از موارد که باید از آن برحذر باشید به شرح ذیل است :

دانلود فیلم آموزش تکنولوژی نرم افزار های تحت وب موبایل Treehouse HTML5 Mobile Web Applications

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

 

 

 

 دانلود از لینک مستقیم با حجم ۴۶۵ مگابایت