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

Captain II



no avatar
پست ها

653

تشکر کرده: 0 مرتبه
تشکر شده: 3 مرتبه
تاريخ عضويت

دوشنبه 21 آبان 1386 22:31

محل سکونت

تهران

آرشيو سپاس: 715 مرتبه در 206 پست

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

توسط Ra30ol » دوشنبه 7 اردیبهشت 1388 10:15

بسم الله الرحمن الرحیم

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

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

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

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

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

الهی به امید تو
آخرين ويرايش توسط Ra30ol در دوشنبه 7 اردیبهشت 1388 10:40, ويرايش شده 1 در کل.
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 

کاربران زیر از شما کاربر محترم جناب Ra30ol تشکر کرده اند:
Solver, Mahdi1944, MASTER, Professional, sokuteasemuni

Captain II

Captain II



no avatar
پست ها

653

تشکر کرده: 0 مرتبه
تشکر شده: 3 مرتبه
تاريخ عضويت

دوشنبه 21 آبان 1386 22:31

محل سکونت

تهران

آرشيو سپاس: 715 مرتبه در 206 پست

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

توسط Ra30ol » دوشنبه 7 اردیبهشت 1388 10:34

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

به نام خدا

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


کد: انتخاب همه
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 


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

کار تمام شد،اولین صفحه اینترنتی شما خلق شد.
روی آن کلیک کنید می بینید که با مرورگرتان باز می شود،در ضمن قابلیت کلیک هم دارد،یعنی با کلیک روی انجمن موبایل به انجمن دوست عزیز و یکی از مدیران cc میرید.
اگر با فایر فاکس باز کنید انجمن موبایل چشمک زن خواهد بود.
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 

کاربران زیر از شما کاربر محترم جناب Ra30ol تشکر کرده اند:
Professional, sokuteasemuni, Solver, Mil@d, Mahdi1944, pedmehr, MASTER

Captain II

Captain II



no avatar
پست ها

653

تشکر کرده: 0 مرتبه
تشکر شده: 3 مرتبه
تاريخ عضويت

دوشنبه 21 آبان 1386 22:31

محل سکونت

تهران

آرشيو سپاس: 715 مرتبه در 206 پست

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

توسط Ra30ol » دوشنبه 7 اردیبهشت 1388 18:42

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

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

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


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


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

کد: انتخاب همه
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 

كه به جاي نقطه چين دستورات html قرار مي گيرد
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 

کاربران زیر از شما کاربر محترم جناب Ra30ol تشکر کرده اند:
sokuteasemuni, Mahdi1944, pedmehr, MASTER, Professional

Captain II

Captain II



no avatar
پست ها

653

تشکر کرده: 0 مرتبه
تشکر شده: 3 مرتبه
تاريخ عضويت

دوشنبه 21 آبان 1386 22:31

محل سکونت

تهران

آرشيو سپاس: 715 مرتبه در 206 پست

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

توسط Ra30ol » شنبه 12 اردیبهشت 1388 08:35

کد: انتخاب همه
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 



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

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


کد: انتخاب همه
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 

میبینید که با نحوه نوشتن بالا، این شعر به این صورت نمایش داده می شود:
ای ایران ای مرز پر گهر ای نامت سرچشمه هنر دور از تو اندیشه بدان پاینده مانی و جاودان

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

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


کد: انتخاب همه
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 

کاربران زیر از شما کاربر محترم جناب Ra30ol تشکر کرده اند:
Professional, Mahdi1944, MASTER, sokuteasemuni

Captain II

Captain II



no avatar
پست ها

653

تشکر کرده: 0 مرتبه
تشکر شده: 3 مرتبه
تاريخ عضويت

دوشنبه 21 آبان 1386 22:31

محل سکونت

تهران

آرشيو سپاس: 715 مرتبه در 206 پست

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

توسط Ra30ol » دوشنبه 14 اردیبهشت 1388 10:08

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

کد: انتخاب همه
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 



کد: انتخاب همه
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 




از تگهای سر فصل (HEADING) برای تیتر و عنوان مطالب استفاده می شود. به این مثالها توجه کنید:
کد: انتخاب همه
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 

که اینطور نمایش داده خواهند شد:

سر فصل بزرگ

سر فصل 2

سر فصل3

سیار کوچک

البته ازاعداد 4و 5 هم می تونید استفاده کنید.
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 

کاربران زیر از شما کاربر محترم جناب Ra30ol تشکر کرده اند:
Mahdi1944, MASTER, sokuteasemuni

Novice Poster

Novice Poster



نماد کاربر
پست ها

78

تشکر کرده: 0 مرتبه
تشکر شده: 0 مرتبه
تاريخ عضويت

جمعه 8 خرداد 1388 10:50

آرشيو سپاس: 7 مرتبه در 5 پست

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

توسط aysan_gh » دوشنبه 11 خرداد 1388 17:40

سلام  
چطوری  تصویر background رو تو صفحه یه بار بندازه و کاشی وار نندازه؟

Captain II

Captain II



no avatar
پست ها

653

تشکر کرده: 0 مرتبه
تشکر شده: 3 مرتبه
تاريخ عضويت

دوشنبه 21 آبان 1386 22:31

محل سکونت

تهران

آرشيو سپاس: 715 مرتبه در 206 پست

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

توسط Ra30ol » دوشنبه 11 خرداد 1388 18:05

aysan_gh,  عزیز
به صورت پیش فرض تصویر تکرار نمی شود.
کد: انتخاب همه
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 


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

کد: انتخاب همه
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 


موفق باشید
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 

کاربران زیر از شما کاربر محترم جناب Ra30ol تشکر کرده اند:
sokuteasemuni, Mahdi1944

Novice Poster

Novice Poster



نماد کاربر
پست ها

78

تشکر کرده: 0 مرتبه
تشکر شده: 0 مرتبه
تاريخ عضويت

جمعه 8 خرداد 1388 10:50

آرشيو سپاس: 7 مرتبه در 5 پست

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

توسط aysan_gh » سه شنبه 12 خرداد 1388 11:33

مر سی


 


  • موضوعات مشابه
    پاسخ ها
    بازديدها
    آخرين پست

چه کسي حاضر است ؟

کاربران حاضر در اين انجمن: بدون كاربران آنلاين و 0 مهمان