آموزش Html به زبان ساده

در اين بخش مي‌توانيد در مورد تمامي مسائل و موضوعات مرتبط با طراحي صفحات اينترنتي به بحث بپردازيد

مدیران انجمن: Mahdi Mahdavi, شوراي نظارت

ارسال پست
Captain II
Captain II
پست: 653
تاریخ عضویت: دوشنبه ۲۱ آبان ۱۳۸۶, ۱۰:۳۱ ب.ظ
محل اقامت: تهران
سپاس‌های ارسالی: 1622 بار
سپاس‌های دریافتی: 668 بار
تماس:

آموزش Html به زبان ساده

پست توسط Ra30ol »

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

یه جورایی رفتم و دوباره برگشتم، ولی با دست پر و اطلاعات بیشتر.

کنار کار مشغول یادگیری بودم ،دوست دارم چیزهایی رو که یاد گرفتم و در حال یادگیری اونها هستم رو اگر بتونم به امید یاری خداوند به زبان ساده تری تو انجمن قرار بدم.

نمی دونم نظر عزیزان و مدیران و ... چی هست ،اما نظر بنده این هاست که html درب ورودی دنیای طراحی صفحات وب هست.

با توجه به دانش مدیریت cc و همچنین عزیزان دیگر امیدوارم که اشکالات آموزشی رو نادیده نگیرند و حتما اونها رو بیان بفرمایند.

 تصویرالهی به امید تو تصویر 
آخرین ويرايش توسط 1 on Ra30ol, ويرايش شده در 0.
Captain II
Captain II
پست: 653
تاریخ عضویت: دوشنبه ۲۱ آبان ۱۳۸۶, ۱۰:۳۱ ب.ظ
محل اقامت: تهران
سپاس‌های ارسالی: 1622 بار
سپاس‌های دریافتی: 668 بار
تماس:

Re: آموزش Html به زبان ساده

پست توسط Ra30ol »

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

به نام خدا

1- روی صفحه دستکاپ کلیک راست کرده ،از new گزینه text document رو انتخاب کنید.
2-نوشته های زیر رو عینا بنویسید(لطفا کپی پیست نکنید)


Please Login or Register to see this code

خوب در پایان کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید.

کار تمام شد،اولین صفحه اینترنتی شما خلق شد.
روی آن کلیک کنید می بینید که با مرورگرتان باز می شود،در ضمن قابلیت کلیک هم دارد،یعنی با کلیک روی انجمن موبایل به انجمن دوست عزیز و یکی از مدیران cc میرید.
اگر با فایر فاکس باز کنید انجمن موبایل چشمک زن خواهد بود.
Captain II
Captain II
پست: 653
تاریخ عضویت: دوشنبه ۲۱ آبان ۱۳۸۶, ۱۰:۳۱ ب.ظ
محل اقامت: تهران
سپاس‌های ارسالی: 1622 بار
سپاس‌های دریافتی: 668 بار
تماس:

Re: آموزش Html به زبان ساده

پست توسط Ra30ol »

خوب حالا كه مشخص شد كار چندان سختي در پيش نيست، مي ريم سراغ دروس.

<html> : ابتداي صفحات ايجاد شده با html اين تگ قرار دارد،در ضمن اين يك تگ باز است.
<html/> : انتهاي صفحات ايجاد شده با html اين تگ قرار مي گيرد، اين يك تگ بسته است.

<head></head> : بلافاصله بعد از تگ html قرار مي گيرد و اطلاعات توصيفي صفحات وب رو در بر داره كه البته در مرور گر نمايش داده نمي شوند.


<title>عنوان صفحه</title> عنوان يا نام يك صفحه كه در مواقع بوك مارك توسط مرور گر و يا گوشه مرور گر ها (نام تب صفحه)نمايش داده مي شوند
<body></body>بين اين دو تگ اطلاعاتي هستند كه توسط مرورگر نمايش داده مي شوند


پس به طور كلي ساختار يك صفحه اينطور نوشته مي شود

Please Login or Register to see this code
كه به جاي نقطه چين دستورات html قرار مي گيرد
Captain II
Captain II
پست: 653
تاریخ عضویت: دوشنبه ۲۱ آبان ۱۳۸۶, ۱۰:۳۱ ب.ظ
محل اقامت: تهران
سپاس‌های ارسالی: 1622 بار
سپاس‌های دریافتی: 668 بار
تماس:

Re: آموزش Html به زبان ساده

پست توسط Ra30ol »

Please Login or Register to see this code


خوب حالا سعی کنید شعر زیر روبه صورت اچ تی ام ال بنویسد

ای ایران ای مرز پر گهر
ای نامت سرچشمه هنر
دور از تو اندیشه بدان
پاینده مانی و جاودان


Please Login or Register to see this code
میبینید که با نحوه نوشتن بالا، این شعر به این صورت نمایش داده می شود:
ای ایران ای مرز پر گهر ای نامت سرچشمه هنر دور از تو اندیشه بدان پاینده مانی و جاودان

بنابریاین راه حل چیست؟؟ استفاده از دستورات html

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


Please Login or Register to see this code
Captain II
Captain II
پست: 653
تاریخ عضویت: دوشنبه ۲۱ آبان ۱۳۸۶, ۱۰:۳۱ ب.ظ
محل اقامت: تهران
سپاس‌های ارسالی: 1622 بار
سپاس‌های دریافتی: 668 بار
تماس:

Re: آموزش Html به زبان ساده

پست توسط Ra30ol »

پس از تلفیق دستورات هم میشه استفاده کرد ،یه مثال بزنم و بریم سر درس چدید

Please Login or Register to see this code


Please Login or Register to see this code



از تگهای سر فصل (HEADING) برای تیتر و عنوان مطالب استفاده می شود. به این مثالها توجه کنید:
Please Login or Register to see this code
که اینطور نمایش داده خواهند شد:

سر فصل بزرگ

سر فصل 2

سر فصل3

سیار کوچک

البته ازاعداد 4و 5 هم می تونید استفاده کنید.
Novice Poster
Novice Poster
نمایه کاربر
پست: 78
تاریخ عضویت: جمعه ۸ خرداد ۱۳۸۸, ۱۱:۵۰ ق.ظ
سپاس‌های ارسالی: 41 بار
سپاس‌های دریافتی: 6 بار

Re: آموزش Html به زبان ساده

پست توسط aysan_gh »

سلام
چطوری تصویر background رو تو صفحه یه بار بندازه و کاشی وار نندازه؟
Captain II
Captain II
پست: 653
تاریخ عضویت: دوشنبه ۲۱ آبان ۱۳۸۶, ۱۰:۳۱ ب.ظ
محل اقامت: تهران
سپاس‌های ارسالی: 1622 بار
سپاس‌های دریافتی: 668 بار
تماس:

Re: آموزش Html به زبان ساده

پست توسط Ra30ol »

  , عزیز
به صورت پیش فرض تصویر تکرار نمی شود.
Please Login or Register to see this code

اما اگر منظورتون استفاده از تگ background هست
می توانید از دستورات که در تگ body می آید استفاده کنید.

Please Login or Register to see this code

موفق باشید تصویر
Novice Poster
Novice Poster
نمایه کاربر
پست: 78
تاریخ عضویت: جمعه ۸ خرداد ۱۳۸۸, ۱۱:۵۰ ق.ظ
سپاس‌های ارسالی: 41 بار
سپاس‌های دریافتی: 6 بار

Re: آموزش Html به زبان ساده

پست توسط aysan_gh »

مر سی
ارسال پست

بازگشت به “طراحي صفحات اينترنتي”