فناوری اطلاعات و برنامه نویسی
فناوری اطلاعات و متن باز و برنامه نویسی ویندوز و وب و طراحی وبفناوری اطلاعات و برنامه نویسی
فناوری اطلاعات و متن باز و برنامه نویسی ویندوز و وب و طراحی وبآموزش HTML قسمت نهم
به نام او که هر چه علم است از اوست
سلام به تمامی دوستانم
تا حالا حتما براتون پیش اومده که برید توی سایت یا وبلاگی که براتون موزیک پخش شه ؟ واقعا اعصاب خورد کنه. کلی از سرعت رو میگیره. برای این کار اعصاب خورد کن از تگ زیر میشه استفاده کرد:
<embed src="music.mp3" width="200" height="200" autostart="true" loop="true" hidden="false">
src مسیر فایلمون هست که هم میتونه موزیک باشه هم ویدیو که با توجه به فرمت مرورگر شاید نیازمند دانلود و نصب پلاگین مربوطه شه. Width , height هم برای تعیین طول و ارتفاع هست. Autostart برای شروع خودکار مدیا هست. Loop برای تکرار پخش هست. Hidden هم برای این هست که از چشم کار بر مخفی بمونه.
یه نمونه در ادامه مطلب براتون گداشتم. یه آهنگ از استاد ناظری.
وبلاگ دیگر من در wordpress
سلام دوستان
تمامی مطالب این وبلاگ توی http://hopit.wordpress.com انتشار پیدا می کنه.
به دلایلی احتمال داره نظر های سیاسی و اجتماعی خودم رو اونجا بذارم .
آموزش HTML قسمت هشتم
به نام او که هرچه علم است از اوست
امروز به بررسی بقیه کنترل های HTML می پردازیم.
دفعات قبل کنترل های متن و کشویی رو با هم بررسی کردیم. امروز کنترل های CheckBox , Button , Radiobutton رو بررسی می کنیم.
برای ساخت CheckBox از تگ زیر استفاده می کنیم .
<input
type="checkbox" name="checkbox1" value="likehtml"
checked="checked">
نوع یا type رو قبلا توضیح دادم (برای شناساندن نوع کنترل به مرورگر هست). name نام یکتای کنترل در صفحه هست. value مقداری هست که اگر checkbox تیک خورده بود به فرم های دیگه ارسال میشه. checked هم اگر وجود داشته باشه checkbox تیک خورده هست.
Radiobutton چه کنترلی هست ؟ خیلی مواقع شده موقع ثبت نام توی سایتی از شما جنسیتتون پرسیده شده.شما یا می تونید آقا باشید یا خانم.پس نباید بتونید جفتشون رو انتخاب کنید. واسه این کار از Radiobutton استفاده میشه که در هر گروه Radiobutton شما فقط یک Radiobutton رو می تونید انتخاب کنید. ساخت Radiobutton هم به شکل زیر هست :
<input
name="radiogroup1" type="radio" value="male"
checked="checked">
<input
name="radiogroup1" type="radio" value="female">
قسمت name برای این کنترل یه کم فرق می کنه و در اصل گروه Radiobutton هست.یعنی شما هر چند تا Radiobutton رو با یک name بذارید فقط یکیشون انتخاب میشه و فقط value اون ها تغییر می کنه. حواستون باشه توی هر گروه Radiobutton فقط برای یکیشون می تونید از checked استفاده کنید.
در HTML دو نوع دکمه یا button داریم.یکی reset و یکی دیگه submit. از لحاظ ظاهری فرق ندارن اما از لحاظ عملکرد چرا(البته اگر داخل تگ فرم باشن).
ساختارشون هم شبیه هم هست فقط type اونها با هم فرق داره:
<input
type="submit" name="submitbutton" value="submit
this information" >
<input
type="reset" name="resetbutton" value="new
information" >
نمونه کنترل های بالا هم رو در زیر می تونید ببینید :
معرفی Open Office.org
به نام او که هرچه علم است از اوست
امروزقصد معرفی نرم‌افزار Open Office .org رو که محصول شرکت سان ماکروسیستم ، که بیشتر به خاطر تولید محبوب‌ترین زبان برنامه نویسی دنیا یعنی زبان جاوا و همچنین برنامه Virtual machine البته در ایران شناخته میشه (این شرکت سازنده سیستم‌های امنیتی و همچینین پایگاه داده Oracle هم هست) رو دارم .
این نرم‌افزار رایگان هست و شما بابت استفاده از اون هیچ مبلغی رو پرداخت نمی‌کنید (که البته در ایران نمیشه پرداخت کرد) و از شر کرک و کیجن هم راحتید و می تونید آزادی رو در زمینه نرم‌افزار تجربه کنید . این برنامه به صورت پیش فرض روی اوبونتو نصب میشه . با دانلود و نصب پکیج های اون می تونید از رابط کاربری تماما فارسی استفاده کنید و تمام نوشته و ابزار ها تبدیل به فارسی میشن.
این مجموعه اداری که از نظر حجم حدود 142 مگابایت هست اما با این حال از Microsoft Office هیچ چیزی کم نداره و در خیلی از موارد واقعاً راحت تره . البته این مورد رو هم نمیشه نادیده گرفت که مجموعه Microsoft Office چون با ویندوز همگام هست و از این نظر کارایی اون رو 2 چندان می کنه .
طراحی ساده و به دور از زرق و برق های کلافه کننده Microsoft Office از نظر من می تونه یکی از برتری‌های Open Office .org باشه . ظاهری ساده اما قدرتمند .
Open Office .org از 6 بخش تشکیل شده :
Open Office .org Writer : همون طور که از اسمش پیداست برای ویرایش متون هست که در زیر عکسی از اون رو براتون آوردم . قابلیت‌های کشیدن جدول ، وصل شده به پایگاه داده Open Office .org (که در همین مقاله به توضیح آن خواهیم پرداخت ) ، تبدیل به فرمت های HTML و XML ،غلط یابی ( هم انگلیسی و هم فارسی ) ، تکمیل‌کننده قوی کلمات و تمامی قابلیت‌های دیگه ای که Microsoft Office داره . گفتن 2 مورد خالی از لطف نیست که این برنامه قابلیت تولید PDF رو به صورت مستقیم داره و اینکه بیشتر فرمت ها رو می تونه باز کنه از جمله قابلیت باز کردن تمام فایل‌های Microsoft Office .
Open Office .org Presentation : که تمام قابلیت‌های Microsoft Office PowerPoint رو داره . البته ویزاردی داره که شما به راحتی می تونید اسلاید های خودتون رو آماده کنید .
Open Office .org Data Base : پایگاه داده‌ای قوی که قابلیت خوندن پایگاه های داده Oracle , Access , MySQL , Spreed Sheet , Address Book و … رو داره. که باز هم با ویزاردی قوی تمام کار ها رو آسون می کنه . که در تصویر زیر می‌بینید من دیتابیس برنامه دیکشنری رو که با اکسس درست کرده بودم باز کردم .
Open Office .org Spreadsheet : برنامه صفحات گسترده مثل اکسل . تمام کار های اداری از نمودار کشیدن تا فرمول نویسی و چندین صفحه گسترده و ارتباط با دیتابیس و … رو می تونید انجام بدید .
Open Office .org Draw : برای طراحی کارت های ویزیت و تبلیغاتی هست .
Open Office .org Formula : نمی دونم شما با برنامه Microsoft Student کار کردید یا نه اما یه برنامه واقعاً کامل که تمام فرمول های ریاضی رو براتون حل می کنه با شرح راه حل و کشیدن نمودار . این کار Microsoft واقعاً قابل تحسین هست . اما سان ماکروسیستم هم بیکار ننشسته و این برنامه رو که سرآغاز یه پروژه بزرگ هست رو کلید زده . این نسخه از برنامه فقط محدود به ویرایش فرمول ها میشه اما در آینده مطمئناً شاهد پیشرفت‌های عظیم تو این برنامه خواهیم بود .
در آخر به دوستان توصیه می‌کنم که برای 1 بار هم که شده آزادی نرم افزاری رو تجربه کنن .
آموزش HTML قسمت هفتم
به نام او که هرچه علم است از اوست
سلام به تمام دوستان
بعد از بررسی کنترل های HTML که تو پست قبل ناتمام موند به کنترل لیست کشویی می رسیم که برای استفاده از اون از تگ زیر استفاده می کنیم :
<select name="combobox" size="8" multiple="true">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
<option value="option4">Option 4</option>
<option value="option5" selected="true">Option 5</option>
<option value="option6">Option 6</option>
<option value="option7">Option 7</option>
<option value="option8">Option 8</option>
</select>
این کنترل از ۲ تگ شروع و پایان تشکیل شده. مثل کنترل های قبلی name همون id کنترل ما توی صفحه هست. در این کنترل مفهوم size با بقیه کنترل ها فرق داره.در اینجا سایز به معنی اینه که چند تا از گزینه ها یا همون option ها رو نشون بده که اگه ۱ انتخاب شه یا اینکه اصلا ننویسیمش بصورت combo box در میاد و اگر هم بیشتر از ۱ باشه به صورت list box در دات نت نشون داده میشه. گزینه multiple برای این هست که بتونیم چند مقدار رو با هم انتخاب کنیم .
جالا میرسیم به option ها. option ها هم از تگ شروع و پایان تشکیل شدن. اگر مقداری انتخاب بشه value اون به صفحات دیگه ما پست میشه.پس توی value از فاصله یا کاراکترای اضافی استفاده نکنید. اگه ما بخوایم به صورت پیش فرض گزینه ای انتخاب شه از selected استفاده می کنیم.
بعضی وقت ها میشه گزینه های ما زیادن مثلا می خوایم تمام دروس دانشگاهی رو لیست کنیم. مسلما لیست ما خیلی بلند میشه وپیدا کردن درس یا دروس دلخواه سخته. اما اگه تمام دروس بر اساس رشته لیست بشن پیدا کردن دروس خیلی آسون تر میشه. واسه این کار تگ لیست کشویی رو یه کم تغییرش میدیم تا مثله زیر شه :
<select name="combobox1" size="8" multiple="true">
<optgroup label="group option 1">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
<option value="option4">Option 4</option>
</optgroup>
<optgroup label="group option 2">
<option value="option5" selected="true">Option 5</option>
<option value="option6">Option 6</option>
<option value="option7">Option 7</option>
<option value="option8">Option 8</option>
</optgroup>
</select>
تگ optgroup همون اسم رشته های ما یا در واقع نشون دهنده یه مجموعه گزینه هست که حتما باید دارای label باشه چون این مقدار این label تو کنتزل نکایش داده میشه.
۲ تا مثال بالا رو پایین آوردم که بهتر متوجه بشید .