صفحه 1 از 1

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

ارسال شده: دوشنبه ۷ اردیبهشت ۱۳۸۸, ۱۱:۱۵ ق.ظ
توسط Ra30ol
  تصویربسم الله الرحمن الرحیم تصویر 
درود به همه سنترالی ها، خوب چند وقتی هست که وقت کمتری برای فعالیت تو انجمن عزیزمون داشتم.

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

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

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

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

 تصویرالهی به امید تو تصویر 

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 میرید.
اگر با فایر فاکس باز کنید انجمن موبایل چشمک زن خواهد بود.

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

ارسال شده: دوشنبه ۷ اردیبهشت ۱۳۸۸, ۷:۴۲ ب.ظ
توسط Ra30ol
خوب حالا كه مشخص شد كار چندان سختي در پيش نيست، مي ريم سراغ دروس.

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

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


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


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

Please Login or Register to see this code
كه به جاي نقطه چين دستورات html قرار مي گيرد

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

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 هم می تونید استفاده کنید.

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

ارسال شده: دوشنبه ۱۱ خرداد ۱۳۸۸, ۶:۴۰ ب.ظ
توسط aysan_gh
سلام
چطوری تصویر background رو تو صفحه یه بار بندازه و کاشی وار نندازه؟

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

ارسال شده: دوشنبه ۱۱ خرداد ۱۳۸۸, ۷:۰۵ ب.ظ
توسط Ra30ol
  , عزیز
به صورت پیش فرض تصویر تکرار نمی شود.
Please Login or Register to see this code

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

Please Login or Register to see this code

موفق باشید تصویر

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

ارسال شده: سه‌شنبه ۱۲ خرداد ۱۳۸۸, ۱۲:۳۳ ب.ظ
توسط aysan_gh
مر سی