بایگانی

Archive for the ‘دوره’ Category

نصب TeXLive بدون درد و خونریزی‌!

اکتبر 17, 2011 2 دیدگاه

شاید این مساله انجام کار‌های کامپیوتری‌، آن هم بدون درد و خونریزی‌، به یک کلیشه‌ی تکراری تبدیل شده باشد‌. اما اگر شما هم قصد تجربه‌ی LaTeX با زبان فارسی را دارید‌، و احتمالا ویژگی‌های بسته‌ای به اسم xepersian وسوسه‌تان کرده که آن را در اولویت بسته‌های فارسی قرار دهید‌، باید انتخابتان را بکنید‌! MikTex یا TeXLive‌. انتخاب احتمالا آسان است‌، چون MikTex تنها برای ویندوز توسعه داده می‌شود‌، ولی‌، TeXLive روی انواع پلتفرم‌ها قابلیت نصب دارد‌. خوب حالا حتما می‌گویید‌ که‌: ای بابا‌، اگه بسته‌ها نصبشان به این آسانی است‌، پس درد و خونریزی‌ای که می‌گویی کجاست؟

جوابتان از این قرار است که با وجود این که شما می‌توانید تک لایو را از روی مخازن یا در مورد اسلکور با اسلکبیلد نصب کنید‌، اما آپگرید کردن این بسته‌های نصب شده‌تان‌، وابسته به این می‌شود که این بسته‌ها روی همان مخازن آپگرید شوند‌! یعنی مراحل به روز رسانی برای بسته‌ای مثل  xepersian با این روش می‌شود‌، اول توسعه دهنده بسته‌، نسخه‌ی آخر را منتشر کند‌، سپس توزیعی مثل تک لایو‌، بسته را به آخرین نسخه‌ای که ذکرش رفت آپگرید کند‌ و در آخر توزیعتان‌، از آخرین نسخه تک لایو بسته‌ای بسازد‌‌! حالا فکر می‌کنید از مرحله اول تا سوم‌، توسعه دهنده‌ای مثل وفا خلیقی (‌توسعه دهنده‌ی xepersian ) چند نسخه‌ی به روز رسانی‌ ارائه کرده؟ جواب سنگین است‌، برای من‌، ۲۰ نسخه‌! پس احتمالا حالا‌، باید اهمیت این به روزرسانی را درک کرده باشید‌!

خوب حالا چگونه نصبش کنیم‌؟ با وضع اینترنت ما‌، به خصوص در هفته‌های اخیر‌، تنها انتخابمان همان iso است که از این لینک قابل دریافت است‌. حجمی برابر با ۲.۳ گیگابایت انتظارتان را می‌کشد‌ (‌البته مزیت این DVD این است که شما می‌توانید از آن برای نصب تکلایو روی انواع سیستم‌ها نظیر مک و ویندوز هم استفاده کنید‌). پس از دانلود بسته را از حالت iso خارج کنید‌. سلیقه خودتان است‌، یا می‌توانید روی یک فولدر دیگر Mount‌اش کنید‌، و یا مثل من خز بازی در آورده و با Ark اکسترکتش کنید‌. پس از باز کردن بسته به پوشه‌ی مربوطه بروید‌، و دستور زیر را وارد کنید‌.

[bash]
sudo ./install-tl
[/bash]
خوب همان‌طور که پیداست با این کار اسکریپت نصب را فعال کرده‌اید‌. و با تایپ یکی دو حرف می‌توانید بسته را نصب کنید‌ (‌البته نه کاملا‌!). من ترجیح دادم که از محیط گرافیکی نصب استفاده کنم که یک پیشنیاز را باید نصب می‌کردم تا این محیط که با Perl نوشته شده اجرا شود‌. این پیشنیاز perl-tk نام دارد که اسلکوری‌ها می‌توانند از این اسلکبیلد استفاده کنند‌.
پس از نصب بسته‌ی ذکر شده‌، حالا همان دستور قبلی را با یک آپشن اضافی صدا می‌زنیم‌:
[bash]
sudo ./install-tl -gui
[/bash]
می‌توانید تنظیمات مربوطه را ببینید‌، و در صورتی که نیاز بود جایی را تغییر دهید‌. نصب حدود یک ربع ساعت برای من طول کشید‌. پس از پایان نصب‌، در متن‌هایی که روی صفحه نمایش داده می‌شود (‌چه در حالتی که از محیط گرافیکی استفاده می‌کند باشید و چه در ترمینال‌، این متن را خواهید دید‌) به شما از بابت نصب تکلایو تبریک گفته می‌شود‌، و می‌خواهد که آدرس مربوط به فرامین تکلایو را به PATH سیستمتان اضافه کنید‌.
این آدرس برای من از این قرار بود‌:
[bash]
/usr/localc/texlive/2011/bin/x86_64-linux/
[/bash]
این کار را می‌توانید با ویرایش فایل /etc/profile انجام دهید‌. خوب با خوشم خوشم‌های فراوان‌، از پس نصب تک لایو هم بر آمدیم که خوشبختانه تمام کار‌هایی که انتظار داشتم را درست انجام داد‌. حالا شاید بخواهید همین الان آپگرید کنید‌. برای به روز‌رسانی‌، شما از ابزاری به اسم texlive manager استفاده می‌کنید که با استفاده از یکی از دستورات زیر می‌توانید بهشان دسترسی داشته باشید‌:
[bash]
tlmgr {for text mode}
tlmgr -gui {for graphical mode (recomended)}
[/bash]
آپگرید به آخرین نسخه‌ی تکلایو‌، حجم زیادی را برای اولین بار طلب می‌کند‌. روش جایگزین دیگری در این زمینه وجود دارد که در پست دیگری به آن می‌پردازم‌.

Advertisements

اولین تجربه با LaTeX (‌کتاب آموزش ‎(C‎+‎+‎

سپتامبر 15, 2011 3 دیدگاه

در پستی که قبلا ارسال کرده بودم (‌چرا باید LaTeX را دوست داشت‌) گفته بودم که دارم LaTeX یاد می‌گیرم‌! دلایلی هم برای این کارم آورده بودم‌. حالا از آن‌جایی که اعتقاد دارم Sometimes you gotta run to can walk!‎  برای یاد گرفتن بیشتر این ابزار‌، تصمیم گرفتم که متنی حجیم (‌دقیقا جیزی که LaTeX برایش طراحی شده‌) را به این شکل آماده کنم‌.

منبع این کتاب‌، سایت CProgramming است‌، که به نظرم یکی از کامل‌ترین منابع آموزش C‎+‎+‎ است که به صورت رایگان در سطح اینترنت قابل دسترسی است‌. در این PDF که با استفاده از LaTeX آماده شده‌، مجموعه پنج فصل از مطالب منتشر شده‌، روی سایت CProgramming در کنار هم قرار گرفته‌اند‌. در این پست قصد ندارم بیشتر از این به معرفی مطالب کتاب بپردازم و بیشتر به دنبال اشتراک گذاری تجربیاتم در آماده کردن این کتاب هستم‌. (‌این کتاب را می‌توانید از لینک پایان همین متن دریافت کنید‌)

اول از همه باید به ابزاری بپردازم که در آماده کردن این کتاب کمکم کرد‌! در واقع بدون این ابزار‌، کار عاقلانه‌ای به نظر نمی‌رسید که من تازه‌کار دست به آماده کردن چنین فایل بزرگی به زبان TeX بزنم. این نرم‌افزار TeXmaker نام دارد و اسلکور کاران عزیز می‌توانند با این Slackbuild آن را نصب کنند‌.

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

به طور کلی چیز‌های زیادی از کار با LaTeX در این پروژه‌ی شخصی یاد گرفتم‌، اما این PDF هنوز هم مشکلاتی دارد. آن‌هایی را که شناختم در زیر لیست می‌کنم‌:

  • فایل TeX آماده شده‌، بسیار حجیم هست‌، و در واقع اگر از TeXmaker استفاده نمی‌کردم محال بود که بتوانم آن را راحت مدیریت کنم‌. با توجه به این که LaTeX قابلیت تقسیم کردن پروژه به فایل‌های کوچک‌تر را دارد‌، باید از آن بهره بگیرم‌.
  • در مثال‌های کتاب که به زبان C‎++‎ بود‌، بسیاری از علامت‌ها نظیر #, &, >, < باید با علایم ویژه‌ی TeX نگاشته می‌شد‌. با این حساب دوست نداشتم که قوانین نوشتن پاراگرف هم در این مثال‌ها لحاظ شود‌، چون جز زیاد کردن مشقت خواندنشان‌ فایده‌ی دیگری نداشتند. به همین دلیل آن‌ها را در بلوک verbatim قرار می‌دادم‌. ولی متاسفانه این بلوک خطوط را نمی‌شکست و همین باعث بی‌نظمی در بعضی مثال‌ها شده است‌! ‌(‌باید به دنبال چاره‌ای برایش باشم‌)
  • تا جایی که توانستم ارجاعات متن را به مکان مربوطه لینک کردم‌، ولی ممکن است باز جاهایی از دستم در رفته باشد‌. این مشکلات و وجود علایمی مانند «‌>‌» که در لاتک به صورت علامت سوال سر و ته چاپ می‌شوند و برای رفع ایرادشان باید به روش‌هایی متوسل شد‌، بیشتر روی این نکته تاکید دارد که کسی که با لاتک کار می‌کند باید بداند چه متنی را تایپ می‌کند و مثل من یک دفعه متنی نا آشنا و نخوانده را به لاتک فشار ندهد‌!
  • برای ایجاد لینک‌هایی که کار کنند و رنگشان متفاوت باشد‌، از بسته‌ی url استفاده کردم‌. کار با آن فوق‌العاده آسان است‌، اما باز هم متاسفانه لاتک لینک‌ها را نمی‌شکست‌! ‌(‌نمی‌دانم عبارت «‌متاسفانه‌» در اینجا درست است یا نه‌) پس باید دستی این کار را می‌کردم و باز هم ممکن است جایی در متن نا همگونی رخ داده باشد‌.

حالا باید به سراغ چالش بعدی‌ام بروم‌. در نظر دارم که متن پروژه‌ی لیسانسم را با همین لاتک آماده کنم‌. در آن‌جا بحث کمی متفاوت است‌. متن فارسی با عبارات انگلیسی‌! این در حالی است که ساختار یافتگی متن خروجی لاتک می‌تواند بسیار کمکم کند‌. سعی می‌کنم به وقایع‌نگاری این تجربیاتم در شاهینیسم بپردازم 😉

دریافت بسته‌ی کامل کتاب ‌(‌فایل TeX به همراه خروجی‌ها اعم از PDF‌)

دسته‌ها:LaTeX, برنامه نویسی برچسب‌ها: ,

یوتیوب‌؟ یا دانشگاه‌؟ پرده دوم

ژوئیه 19, 2011 ۱ دیدگاه

توی پرده‌ی اول این سری از پست‌ها به معرفی یک منبع عالی برای آموزش برنامه‌نویسی به خصوص برای c++ در محیط Qt پرداختم‌. اما همانطور که گفتم‌، آموزش خود زبان C++ موجود در اون مجموعه برای کسانی که به عنوان اولین زبان دارند C++ یاد می‌گیرند منبع مناسبی نیست‌. در جستجو‌های بعدی در این زمینه به بهشتی واقعی برای عاشقان یادگیری کامپیو‌تر روی اینترنت رسیدم‌. قصد یادگیری کدام یک از مباحث برنامه‌سازی زیر را دارید‌؟

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

مجموعه آموزش C++ این مجموعه که من خودم در حال گذروندن آموزش‌هاش هستم‌، فوق‌العاده کامله و به جزئیات به زیبایی هر چه تمام‌تر پرداخته شده‌. نکتهٔ خیلی قشنگ دربارهٔ آموزش‌های باکی این هست که اصلا دوست نداره مسائل رو خسته کننده تحویل مخاطب بده‌، بلکه از کوچک‌ترین فرصتی برای وارد کرده جک‌هاش به آموزش استفاده می‌کنه‌. باکی دوست نداره مدت زمان ویدیو‌هاش بیشتر از ۶-۷ دقیقه بشه و این یکی دیگه از دلایل علاقهٔ من به باکی هست‌! سری اول آموزش C++ داری ۷۳ قسمت هست و از قرار قراره در آینده‌ای نه چندان دور شاهد سری جدیدی از این مجموعه باشیم‌.

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

مجموعه آموزش PHP موجود در این سایت که با همکاری گروه phpacademy آماده شده هم می‌تونه یه مجموعه عالی برای یادگیری این زبان محبوب باشه‌. البته پیشنهاد می‌کنم مجموعه Beginner PHP رو قبل از مجموعهٔ فوق بگذرونید تا با اصول پایه‌ای نحو این زبان کاملا آشنا بشید‌.

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

پی‌نوشت‌: چقدر زندگی لذت‌بخش‌تره وقتی می‌بینی که همچین آدمایی توی دنیا هستن که برای آموزش دادن بهت‌، هیچ چشم‌داشت مالی‌ای بهش ندارن‌!

یوتیوب‌؟ یا دانشگاه‌؟ پرده اول

ژوئیه 11, 2011 2 دیدگاه

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

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

تو این قسمت قصد معرفی کانال VoidRealm’s رو دارم. توی این کانال که مدیریتش رو آقای برایان بر عهده دارن‌، آموزش‌های برنامه نویسی در محیط‌هایی نظیر Visual Studio و Qt و زبان‌های مختلف نظیر C++، Java، C# ارائه می‌شه که با توجه به تصویری بودن آموزش‌ها و توضیحات خوب جناب برایان‌، به منابع خیلی به درد بخوری برای یاد‌گیری این زبان‌ها تبدیل شده‌.

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

آموزش‌هایی که بیشتر از همه توجه من رو به خودشون جلب کردن‌، بیست و خرده‌ای آموزش زبان C++ بود که من در محیط لینوکس (‌متفاوت با آقای برایان‌) از اون‌ها خیلی استفاده بردم‌، و آموزش Qt C++ که با رسیدن شماره قسمت‌هاش به ۷۸ نوید یه آموزش کامل و خوب رو برای این محیط توسعه به آدم می‌ده‌. من هنوز دارم روی یاد گرفتن C++ تمرکز می‌کنم‌، و قصد دارم بعد از اون به سراغ Qt برم‌.

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

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

وقتی هم که زبان مورد علاقتون رو یاد گرفتید می‌تونید از سایت voidrealms.com به تعدادی سورس و نرم‌افزار که جناب برایان آماده کردن دسترسی داشته باشید که می‌تونه کمک خوبی به یاد‌گیری‌تون باشه‌.

دسته‌ها:معرفی منبع, برنامه نویسی, دوره برچسب‌ها: , , ,

آموزش HTML بخش آخر‌: معرفی W3Schools


متاسفانه مدتی می‌شه که دیگه نمی‌تونم آموزش‌های مربوط به HTML رو ادامه بدم‌. یکی از دلایلش مشغله‌ی زیاد این روز‌هام توی اینترنت هست‌، که دیگه تقریبا وقت برای همچین روش آموزشی نمی‌گذاره‌. ( البته با توجه به این که خودم هم داشتم همزمان با همین آموزش‌های یاد می‌گرفتم می‌گم ).

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

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

دسته‌ها:HTML, دوره برچسب‌ها: , , ,

آموزش HTML بخش 4


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

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

عموما یک لینک در صفحه‌ی HTML ساختاری برابر با چیزی که در زیر می‌بینید دارد‌:

[html]
<a href="http://shahinism.com">Shahin’s personal weblog</a>
[/html]

همانطور که می‌بینید تگ A مختص ایجاد پیوند می‌باشد‌. همچنین برای تعیین مقصد لینک‌، از پارامتر href استفاده می‌شود. در اینجا لینکی به صورت Shahin’s personal weblog ایجاد کردیم‌! حال فرض کنید که می‌خواهیم، این لینک بر روی یک عکس اعمال شود‌، به طوری که پس از کلیک بر روی عکس‌، کاربر به سمت این وبلاگ راهنمایی شود‌. برای این کار از تگ a و image به صورت زیر استفاده می‌کنیم‌.

[html]
<a href="http://shahinism.com"><img src="1.jpg" alt="Shahin’s Blog" /></a>
[/html]

همانطور که می‌بینید‌، با مخلوط کردن این دو تگ به سادگی توانستیم بر روی یک عکس مقدار لینک مورد نظر را اعمال کنیم‌. شاید تا کنون دیده‌اید که بعد از کلید بر روی یک لینک به بخش خاصی از صفحه مثلا به وسط صفحه‌ی حاضر و یا حتی صفحه‌ی دیگر منتقل می‌شوید‌. این‌جاست که با مفهومی به نام Anchor یا لنگر آشنا می‌شویم‌. برای درک بهتر موضوع می‌توانید به این پست خوب در وبلاگ «‌با اینترنت‌» مراجعه کنید‌، که به صورت عملی در محیط وردپرس این مفهوم را آموزش داده‌. و حالا ما قصد داریم‌، که آن را از نظر کد بررسی کنیم‌:

برای این‌کار ابتدا باید مقصد را معین کنیم‌. لذا به صورت زیر عمل می‌کنیم‌:

[html]
<a name="middle"></a>
[/html]

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

[html]
<a href="#middle"></a>
[/html]

همانطور که دیدید کافیست که جلوی آدرس مقصد‌، اسم مقصد را بعد از یک # قرار دهیم‌. همچنین‌، در صورتی که بخواهید از صفحه‌ی دیگری به این لنگر در صفحه‌ لینک کنید‌، کافیست بعد از نوشتن آدرس صفحه‌، اسم لنگر را بعد از یک # وارد کنید‌.
حتما تا کنون متوجه شده‌اید که لینک‌ها در صفحه‌های مختلف رنگ‌های مختلفی دارند‌. و در برابر عمل‌های مختلف با تغییر رنگ واکنش نشان می‌دهند‌. برای تعیین این رنگ‌ها می‌توانید از پارمتر‌های Alink, Vlink در تگ body استفاده کنید‌، که به ترتیب تعیین کننده‌ی رنگ لینک‌های رویت شده‌، رنگ لینک‌های رویت نشده می‌باشند‌. نمونه‌ای از استفاده از این پارامتر‌ها را در نمونه‌ی زیر می‌بینید‌:

[html]
<body alink=yellow vlink=Red>
</body>
[/html]

رنگ‌لینک‌ها در این صفحه زرد تعیین شده و رنگ لینک‌هایی که قبلا رویت شده‌، قرمز می‌شود‌. حال اگر بخواهیم‌ که کاربر این توانایی را داشته باشد که با کلید Tab بین لینک‌ها پیمایش کند‌، می‌توانیم با اختصاص پارامتر tabindex به تگ A و تعیین یک شماره‌، ترتیب پیمایش را معین کنیم‌:

[html]
<a href="http://shahinism.com&quot; tabindex=1>Shahinism</a>
<a href="http://google.com&quot; tabindex=2>Google</a>
[/html]

و اگر بخواهیم این قابلیت را به کاربر بدهیم که بتواند با کلید‌های کیبورد لینک مورد نظر را انتخاب کند‌، یا به عبارتی میانبری برای کیبورد تعیین کنیم به صورت زیر از تگ Accesskey استفاده می‌کنیم‌:

[html]
<a href="http://shahinism.com&quot; tabindex=1 accesskey=s>Shahinism</a>
<a href="http://google.com&quot; tabindex=2 accesskey=g>Google</a>
[/html]

در این کد کاربر می‌تواند با زدن کلید S به سایت شاهینیسم و کلید G به سابت گوگل برود‌. لازم به ذکر است که در مرورگر IE باید برای استفاده از این کلید‌ها از آن‌ها به صورت ترکیبی با کلید Alt استفاده شود‌.
نکته‌ی آخر این که اگر می‌خواهید برای لینک خود یک لیبل تعیین کنید می‌توانید از تگ title همانطور که برای عکس‌ها در دروس قبل استفاده می‌شد‌، استفاده کنید‌.

دسته‌ها:HTML, دوره برچسب‌ها:

آموزش HTML بخش 3


سلام و با عرض پوزش خدمت شما دوستان‌، بابت تاخیری که در انتشار ادامه‌ی این سری آموزش رخ داد‌، می‌خواهم به ادامه‌ی آموزش بپردازم‌.

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

در دو فصل قبل با پارامتر‌هایی از تگ Body نظیر‌، text‌و bgcolor آشنا شدیم‌. پارامتر بعدی که امروز قصد معرفی آن را داریم‌، background است. همانطور که حتما از اسم این پارامتر متوجه شده‌اید‌، از آن به عنوان تعیین کننده‌ی تصویر به عنوان پس زمینه‌ی سند استفاده می‌شود‌. به نمونه‌ای از استفاده از این تگ در کد زیر توجه کنید‌:

[html]
<html>
<head>
<title>Shahin</title>
</head>
<body bgcolor=black background="pic1.jpg">
</body>
</html>
[/html]

مقدار این پارامتر را باید در «» قرار دهید‌. و توجه داشته باشید که در صورتی که عکس در پوشه‌ی دیگری غیر از پوشه‌ی سند HTML‌مان قرار داشت‌، باید حتما آدرس کاملی که به عکس اشاره می‌کند را به جای مقدار قرار داد‌.

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

[html]
<html>
<head>
<title>Shahin</title>
</head>
<body bgcolor=black>
<img src="pic1.jpg" title="My First Pic" alt="Here is a Picture" height=200 width=200 align=right>
</body>
</html>
[/html]

همانطور که می‌بینید ما به همراه این تگ از چند پارامتر اضافه نیز استفاده کردیم‌، که به غیر از پارمتر src مابقی اختیاری است‌، ولی در صورت موجود بودن می‌تواند به SEO در صفحه‌ی وب شما کمک کند‌. پارامتر اول یعنی src یا همان سورس‌، در این‌جا تعیین کننده‌ی محلی است که قرار است تصویر از آن‌جا بار‌گذاری شود‌ -‌چیزی است شبیه به مقدار پارمتر background که در بالا توضیح دادم‌. –
پارامتر بعدی یعنی title یک تولتیپ به عکس شما اضافه می‌کند و مقدار روبرویش را در آن می‌نویسد‌. و پارمتر سوم بعنی alt نیز در صورتی که به هر دلیلی مرورگر نتواند تصویر را بار‌گذاری کند‌، مقدار روبرویش را به جای عکس می‌نویسد‌. پارامتر‌های چهارم و پنجم یعنی height و width طول و عرض عکس را تعیین می‌کنند‌. در صورتی که هر دوی این پارامتر‌ها و یا یکی از آن‌ها را تعیین نکنیم‌، مرورگر از سایز اصلی تصویر برای آن مقدار استفاده می‌کند‌.
پارامتر آخر یعنی align جهت چینش تصویر را مشخص می‌کند‌. در مثال فوق تصویر راست چین شده است‌. برای درک بهتر این پارمتر به مثال زیر توجه کنید‌:

[html]
<html>
<head>
<title>Shahin</title>
</head>
<body text=white bgcolor=black>
<img src="pic1.jpg" title="My First Pic" alt="Here is a Picture" height=200 width=200 align=right>
Hi This is Text 1
<br>
This is Text 2
<br clear=right>
This is Text3
</body>
</html>
[/html]

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

دسته‌ها:HTML, دوره برچسب‌ها: ,