| تبليغات | X |
مقدمه
آنچه که قبل از یادگیری HTML لازم است بدانید:
برای شروع کار با HTML شما به چیزهایی نیاز دارید که در لیست زیر آمده است:
1. شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند.
نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter.
2. شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Internet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند.
بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.
3. شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTML نیاز ندارید حتماً به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود از HTML استفاده کنید.
برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید.
در اینجا می خواهیم به ساختار شناسه ها یا همان تگها (tag) در HTML بپردازیم. یک تگ همیشه با علامت کوچکتر ریاضی یعنی این علامت > آغاز می شود و با علامت بزرگتر < به پایان می رسد. مثلاً تگی که باعث ایجاد زیرخط کلمات می شود اینطور نوشته می شود: این علامت را قبل از متنی که می خواهیم زیر آن خط کشیده شود قرار می دهیم. به این تگ ، تگ ابتدایی (Opening tag) می گویند، که عملیاتی را که شما می خواهید آغاز کنید شروع می کند. به منظور پایان دادن به زیرخط باید از یک تگ پایانی استفاده کنید. یک تگ پایانی با این علامت شروع می شود: /> بقیه تگ مانند تگ ابتدایی می باشد. برای درک بهتر این مطلب به مثال زیر توجه کنید:
Tags and their position
اگر بخواهید متن بالا را با زیرخط در مرورگر خود ببینید باید آنرا مطابق خط روبرو در ویرایشگر متن خود بنویسید:
tags and their position
نتیجه را به این صورت می بینید:
Tags and their position
در HTML همه تگها به یک تگ پایانی نیاز ندارند. برای مثال تگی که برای وارد کردن عکس استفاده می شود از این قبیل تگهاست، که به این صورت می باشد:
البته بعداً در مورد این تگ توضیح خواهیم داد در اینجا فقط برای مثال این تگ را آوردیم. موارد دیگری هم با این وضعیت وجود دارند مثلاً <br> که برای رفتن به خط بعدی استفاده
می شود، <hr> که برای ایجاد یک خط افقی به کار می رود و <p> که برای رفتن به پاراگراف بعدی استفاده می شود.
در ضمن نیاز نیست که حتماً تگها با حروف بزرگ نوشته شوند. مثلاً <P> همان <p> است. البته در نسخه های جدیدتر HTML توصیه می شود کدهای HTML با حروف کوچک نوشته در XHTML هم نوشتن کدها با حروف کوچک الزامی است. فضای خالی هم بین تگها تأثیری ندارد. مثلاً :
تگ بعدی <head> است. این تگ مشخص کننده بخشی است که شما باید عنوان صفحه، کلمات کلیدی، و دیگر توضیحات خود برای این صفحه را در آن قرار دهید. این بخش با <head/> به پایان می رسد. در مثال بالا تنها قسمت HEAD عنوان صفحه بود که با TITLE مشخص می شود.
تگ <title> به شما اجازه می دهد برای صفحه خود یک عنوان برگزینید. این قسمت مورد استفاده موتورهای جستجو قرار می گیرد و همان متنی است که به هنگام مشاهده صفحه در نوار عنوان مرورگر نشان داده می شود. تا هنگامی که این تگ در قسمت BODY قرار نگیرد در متن شما نشان داده نمی شود. برای پایان دادن به تگ عنوان از این تگ استفاده می شود:
<title/> در مثال بالا عنوانی که برای صفحه نشان داده می شود قالب اصلی HTML است.
تگ <body> بخشی را آغاز می کند که در صفحه مرورگر شما به نمایش در می آید. این قسمت جایی است که ما باید کار اصلی خود را در آن انجام دهیم. برای پایان دادن به این تگ از <body/> استفاده می کنیم. در مثال بالا متنی که در صفحه مرورگر دیده می شود به صورت زیر است (البته در اینجا برای نوشته زیر رنگ و فونت نیز انتخاب شده که در قسمتهای بعد به آنها خواهیم پرداخت) :
هر چیزی که اینجا قرار گیرد در صفحه شما قابل دیدن است
چیزی که در اینجا می بینیم متنی است که به صورت ساده نوشته شده و در طرف چپ صفحه قرار دارد.
در درس بعد در مورد چگونگی کار کردن با متنها بحث می کنیم.
نوشتن متن ها به صورت ضخیم، مورب، زیر خط دار و خط خورده
در این درس به کار با متنها می پردازیم. ابتدا با این تگ شروع می کنیم:
1- این تگ باعث می شود کلماتی که بین این تگ و تگ پایانی آن قرار دارند به صورت پر رنگ و بولد (Bold) دیده شوند. به مثال زیر توجه کنید:
متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود
مثال بالا به صورت زیر دیده می شود:
متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود
بیایید با تگهای دیگری ادامه دهیم:
2- زیرخط (Underline):
این متن با زیر خط مشاهده می شود
این هم نتیجه:
این متن با زیر خط مشاهده می شود
3- حروف کج (Italic):
این متن به صورت مورب دیده می شود
و نتیجه به این صورت است:
این متن به صورت مورب دیده می شود
برای ارسال تصویر یا فیلم و یا فایل های دیگر باید فایل ها را attach نمائید.در صفحه compose گزینه attach Files را كلیك كنید . در صفحه بعدی فایلها را انتخاب نمایید .البته باید دقت كنید كه حجم فیلم یا تصویر از 10 مگا بایت بیشتر نباشد.
همچنین شما میتوانید با مراجعه به سایت های مخصوص آپلود فایل مورد نظرتان را در سایت قرار دهید و سپس لینك آن را به دوست تان بدهید تا او بتواند با استفاده از آن لینك فایل را دانلود كند.
سایتهای رایگان برای آپلود فایل:
1- www.sharemation.com
2- www.persiangig.com نیاز به معرف دارد.
3- www.rapidshare.de
4- www.megaupload.com
5- www.qfile.de
روش اول:
یکی از روش های کم حجم یا کوچک کردن عکس استفاده از برنامه office میباشد . در کل داشتن یک عدد office ترجحا 2003 برای هر کاربری لازم میباشد ...
برای کوچک کردن عکس برنامه office در باز کنید ...
Start – all programs –microsoft office
بعد از باز کردن برنامه office بر روی Microsoft office tools کلیک کنید و سپس بر روی Microsoft office picture manager کلیک کنید . بعد از باز شدن صفحه مذکور در گوشه صفحه سمت چپ picture shortcut میبینید .. از طریق ان عکس مورد نظر را انتخاب کنید ...پس از انتخاب ... عکس به روی صفحه میاید ...
در بالای صفحه یک باکس کوچک هست که کنارش نوشته edit picture در صورت پیدا نکردن ان کمی بالاتر بر روی picture کلیک کنید .
حال شما میتوانید حجم عکس مورد نظرتان را به مقادیر دلخواه در بیاورید ...
برای کوچک کردن عکس می توانید از
Crop : که اطراف عکس و قسمتهای زائد را برش میهدهد استفاده کنید .
Resize : که از طریق ان عکس را کوچک و بزرگ میکنید برای کوچک یا بزرگ کردن بر روی percentage of original width . leight کلیک کنید و حجم را کم و زیاد کنید ...حجم ثابت بر روی 100% میباشد .
Compress picture: با کلیک بر روی این قسمت عکس را به طور خودکار به دو حالت می توان کوچک کرد. .. شما باید در قسمت comperss for بر روی web pages یا email messages کلیک کنید که حچم عکس را کوچک میکنند .
روش دوم:
قابل اجرا در ويندوز اكس پي
براي اين كار لازم نيست شما از هيچ برنامه اي براي زيپ كردن يا كم حجم كردن عكس ها استفاده نماييد زيرا ويندوز اكس پي اين امكان را براي شما فراهم ميكند فقط كافيست روي عكس مورد نظر كليك راست كرده و از گزينه send to منوي recipient mail را برگزينيد.
سپس پيغامي مي آيد مبني بر اينكه با كم حجم كردن آن موافقيد كه پس از آن عكس ها با حجم كم به برنامه پست ايميل در كامپيوتر اضافه مي شوند.
برای کوچک کردن عکس از نرم افزارهای دیگری مثل acdsee یا photoshop هم میشود استفاده کرد ...
قبل از هر چیز شما باید وارد صفحه اصلی جیمیل خود شوید. صفحه ای به شکل زیر:
اگر همین الآن جیمیل ساخته اید، باید در صفحه اصلی جیمیل باشید، اما اگر قبلا جیمیل ساخته اید به صورت زیر وارد صفحه اصلی جیمیل شوید:
1. به آدرس http://gmail.com بروید.
2. سمت راست صفحه، در مستطیلی که روبروی آن نوشته شده Username، نام کاربری خود را وارد کنید. و در مستطیلی که روبروی آن نوشته شده Password، رمز عبور خود را وارد کنید.
3. بر روی دکمه Sign in کلیک کنید تا وارد صفحه اصلی جیمیل شوید.
پس از اینکه وارد صفحه اصلی جیمیل شدید، مراحل زیر را طی کنید تا بتوانید برای دیگران توسط جیمیل ایمیل بفرستید:
1. وارد ایمیل یاهو خود شوید (به آدرس http://mail.yahoo.com بروید. در ستون سمت چپ نام کاربری و رمز عبور خود را به شکل زیر وارد کنید، سپس بر روی دکمه Sign in کلیک کنید).
وارد ایمیل یاهو خود می شوید که به شکل زیر است
اگر صفحه ایمیل شما شبیه عکس بالا نبود، بر روی لینک All-New Mail که بالا سمت چپ صفحه قرار دارد کلیک کنید
