آموزش های عمومی برای کتابداران در زمینه های مختل٠هم برای دانشجویان کتابداری جذاب است Ùˆ هم میتونه در آینده ÛŒ شغل آنها بسیار موثر باشند. در واقع رشته ای غیر از کتابداری را نمیشود تصور کرد Ú©Ù‡ این همه پتانسیل برای یادگیری داشته باشد. اما یکی از مشکلات ما این هست Ú©Ù‡ آموزشگاه های مختل٠Ùقط دوره های تخصصی برگزار میکنند Ùˆ به تربیت متخصص میاندیشند. Øتی دوره های مقدماتی آنها نیز با جهت گیری های تخصصی ارائه میشوند.
تصور کنید دانشجویان کتابداری بعد از Ùارق التØصیلی در تمام رشته های گراÙیک، برنامه نویسی، طراØÛŒ سایت Ùˆ استÙاده از نرم اÙزار ها پرکاربرد، دوره های کوتاه مدت Ùˆ آموزش های عمومی دریاÙت کنند. این میتواند به شدت در رضایت دانشجویان از رشته ÛŒ خود Ú©Ù…Ú© کند.
دکتر نوروزی همیشه به بنده ( مØمد Øسن سلطانپور ) لط٠داشتند Ùˆ من رو تشویق میکردند تا تجربه های خودم در زمینه ÛŒ طراØÛŒ سایت را با بقیه ÛŒ دانشجویان هم درمیان بگذارم. از این رو تصمیم گرÙته شد تا در کلاس “طراØÛŒ سایت کتابخانه ای برای دانشجویان کتابداری” در زمینه های مختل٠طراØÛŒ سایت مطالبی Ú¯Ùته شود. در جلسه گذشته کلیتی از HTML Ùˆ CSS Ú¯Ùته شد Ùˆ دانشجویان یادگرÙتند چطور یک صÙØÙ‡ ÛŒ HTML ساخته میشود Ùˆ تگها چگونه بکار میروند. به طور خیلی خلاصه مطالب زیر در کلاس ØªÙˆØ¶ÛŒØ Ø¯Ø§Ø¯Ù‡ شدند.
پنج تگ پرکاربرد اینها بودند:
<a>
<div>
<p>
<br>
<img>
پنج خصوصیت پرکاربرد اینها بودند:
href
src
style
id
class
Ùˆ پنج استایل پرکاربرد CSS اینها رو ØªÙˆØ¶ÛŒØ Ø¯Ø§Ø¯Ù…:
width
height
float
padding
Margin
اولین کاری Ú©Ù‡ انجام دادم این بود Ú©Ù‡ یک Ùایل txt روی دسکتاپ ایجاد کردم Ùˆ بعد Ùرمتش رو به html تغییر دادم.
روی Ùایل html کلیک راست کردم Ùˆ از طریق open with گزینه ÛŒ Notepad رو انتخاب کردم.
داخل notepad شروع کردم پیش Ùرض ها رو نوشتم.
پیشÙرض ها اینها هستند:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
ØªÙˆØ¶ÛŒØ Ø¯Ø§Ø¯Ù… Ú©Ù‡ “اوچیزی Ú©Ù‡ داخل تگ tilte قرار بگیرده همون چیزی هست Ú©Ù‡ روی Tab ها داخل مرورگر نمایش داده میشه
Ùˆ هر آنچه بین تگ body نوشته بشه، اونها Ùقط داخل صÙØÙ‡ ÛŒ سایت نمایش داده میشوند.
Ùˆ ØªÙˆØ¶ÛŒØ Ø¯Ø§Ø¯Ù… Ú©Ù‡ اگر هیچ کدوم از این پیشÙرض ها رو ننویسید هم مرورگر اینها رو درنظر میگیره اما بهتره Ú©Ù‡ اینها رو بنویسید.
پس ساده ترین صÙØÙ‡ ÛŒ html Ú©Ù‡ بشه نوشت به اینصورت میشه:
<html>
<head>
<title>ketab</title>
</head>
<body>
hello
</body>
</html>
لطÙا خودتون همراه خوندن، هر مرØله رو در کامپیوتر خودتون اجرا کنید تا نتیجه رو ببینید.
Ùˆ Ú¯Ùته شد اگر بخوایم همین کلمه ÛŒ hello رو لینک دار کنیم بطوری Ú©Ù‡ وقتی روش کلیک میشه، سایت Ú¯ÙˆÚ¯Ù„ باز بشه، باید از تگ <a> استÙاده کنیم.
یعنی بنویسیم:
<a>hello</a>
اما هنوز مشخص نکردیم کلمه ی hello قرار است به چه نشانی ای هدایت بشه.
برای مشخص کردن لینک باید از خصوصیت href برای تگ a استÙاده کرده.
<a href=”http://google.com”>hello</a>
دقت کنید آدرس سایت ها رو نمیتونید بدون http:// بنویسید. امتØان کنید تا ببینید Ú†Ù‡ مشکلی پیش میاد.
تمام ۱۵ تگ، خصوصیت Ùˆ استایلی Ú©Ù‡ در اینجا نام بردیم با مثلا ØªÙˆØ¶ÛŒØ Ø¯Ø§Ø¯Ù‡ شد Ùˆ نهایتا به عنوان تکلی٠قرار شد دانشجویان یک صÙØÙ‡ ÛŒ HTML بخش بندی شده Ú©Ù‡ شامل header, main, sidebar Ùˆ Footer باشد بسازند.
سلام. چقدر خوب Ùˆ عالی از اینکه ذره ذره Ùˆ گام به گام تجربیاتتون رو در اختیار اÙراد قرار میدین. توضیØات بسیار ساده Ùˆ برای اÙراد مبتدی بسیار مناسب است. خود این کار یک آموزش مجازیست Ùˆ سایت انجمن رو از یک سایت اطلاع رسانی صر٠و نظرگاه اÙراد خارج میکنه. چقدر هم خوبه اگه امکان داشته باشه دوستان سوالاتشون رو از همین طریق بپرسن Ùˆ پاسخ بگیرن Ùˆ دیگران هم قدم قدم پیش برن.یا علی
نوشتن تمام مطالب Ú¯Ùته شده در کلاس کار راØتی نیست. شاید بهتر بود Ùایل صوتی ای تهیه میشد Ùˆ در کنارش یک Ùایل پاورپوینت. Ùˆ این Ùایل ها را داخل سایت قرار میدادم. اما نه Ùایل صوتی ای موجوده Ùˆ نه Ùایل پاورپوینت.
اما قرار هست بخشی در کتابخانه راه اندازه بشه Ú©Ù‡ بهترین Ùˆ روان ترین آموزش های موجود در بازار جمع آوری بشه، برای در اختیار قرار دادن به دانشجویان. این Ùیلم های آموزش را ما ارزیابی میکنیم تا مخاطبین در Ù…Ùید بودن آنها کمتر Ø´Ú©ÛŒ داشته باشند.
سوال:منظورتون از تغییر Ùایلtxt به html آیا Ùقط تغییر نام Ùایل هست اگر بله من این کار رو میکنم اما وقتی روش کلیک راست میکنم برای open with Ùقط گزینه های بازکننده اینترنتی رو نشون میده Ùˆ Notepad نداره.
وقتی Ùرمت Ùایل رو از .txt به .html تغییر میدید، آیکن Ùایل به آیکن مرورگر تبدیل میشه، تا اینجا رو پس درست پیش رÙتید. بله، به صورت پیشÙرض ممکن هست برای بخش open with گزینه ÛŒ Notepad وجود نداشته باشه. شما گزینه ÛŒ آخر Ú©Ù‡ نوشته choose default program رو انتخاب کنید Ùˆ از صÙØÙ‡ ÛŒ جدیدی Ú©Ù‡ باز میشه notepad رو پیدا Ùˆ انتخاب کنید.
اما با این کار آیکن Ùایل دوباره به Øالت تکست در میاد Ú©Ù‡ البته مشکلی پیش نمیاره. اما برای اینکه دوباره آیکن Ùایل به Ø´Ú©Ù„ مرورگر دربیاد باید دوباره از بخش Open with گزینه ÛŒ choose default program رو انتخاب کنید Ùˆ از بین گزینه ها مرورگر رو انتخاب کنید.
از این به بعد، برای ویرایش، در بخش Open with گزینه ÛŒ notepad وجود داره Ùˆ هروقت هم بخواید تغییرات را مشاهده کنید، کاÙیه روی Ùایل دوبار کلیک کنید تا با مرورگر باز بشه.
با سلام
تشکر می کنم از آقای سلطانپور بابت اینکه مطالبی که در اذهان عمومی جامعه دشوار تلقی میشود رو با زبانی ساده و کاربردی بیان می کنند.