امتیاز موضوع:
  • 22 رأی - میانگین امتیازات: 2.86
  • 1
  • 2
  • 3
  • 4
  • 5
بیاین با هم HTML یاد بگیریم!
#1
[تصویر:  System-html-icon.png]
درود بر دوستان گل مخلصیم دات کام!
چطوره یکم بهم HTML یاد بدیم؟(موافقا دستا بالا!)

[تصویر:  Internet-html-icon.png]
اووووووووووووم........خب اول خودم استارت میزنم!

ببینین رفقا تو html دو نوع tag داریم:
tag های زوج:ک وقتی بازشون کردی توصیه می کنم همون موقع هم ببندیش تا یادت نره!
tag های فرد؛


همیشه با ی tagه <html> شروع و با ی </html> تمومش می کنیم؛(tagه زوجه)
بعد tagه <head> </head>
ک اگه بخواین عنوان بدین بهش،باید بین این دوتا tag بالا ی tag دیگه اضافه کنین:
و عنوان مورد نظر رو بین این دو تا tag بنویسید...
[تصویر:  html-icon.png]
خب من الان حسابی گرسنه ام و...دیگه حال ندارم!
ایشالا بعد از افطار!
اگه دوست دیگه ای هم بلده،لطفا خسیس نباشه و بیاد بهم دیگه یاد بدیم!

خب دلم نیومد همین جا ولش کنم!!!!!!
یکم دیگه هم میگم!
[تصویر:  file-html-icon.png]
بعدش باید دستورای اصلی رو تو tagه بنویسین؛
مثلا اگه می خواین نوشته بشه www. mokhs.com که رنگش آبی باشه و اندازه ش 14 اینو باید تو tagه بالایی بنویسین:
<p style="color:blue;font-size:14">www.mokhs.com</p>

من دیگه خیلی چشام می سوزه!
میرم ..........
تا بعد از افطار!
فعلا!
پاسخ
 سپاس شده توسط amir astronomer ، Hamid Jafary Pooya ، motahare ، crux
#2
فکر خیلی عالییه !

اما من چیز ه زیادی از توضیحاتتون سر درنیاوردم !

خنگ نیستما اما همونطور ک خودتون هم میدونید چیزی بلد نیستم.
در مورد اظهار نظر آقایون در تاپیک دلخوری باید بگم:
آقایون: کم گوی و گزیده گوی چون در// تا ز اندک تو جهان شود پر!!!
هرچند ک کلام گوهر بار از زبان شما جاری نشده، نمیشود و نخواهد شد!!!
پاسخ
#3
فکر خوبیه
ولی راستش منم نفهمیدم چی گفتین
فکر میکنم بهتر باشه از مطالب پایه‌ای شروع کنید
پاسخ
#4
ببینین رفقا،
تقریبا همه صفحه های اینترنتی به شکلی از HTML نوشته می شن؛
HTML مخفف Hyper Text Markup Language ه؛
HTML ی زبون برنامه نویسی CODINGه ،ک میتونه multimedia(صوت و تصویر وعکس و...) رو ب زبون coding ارسال کنه و ی browser می تونه این کدها رو ب شکل صفحه عادی نشون بده.
متنی ک تو ی فایل html وجود داره رو میشه ب دو قسمت تقسیم کرد:
1.محتوی:اون چیزی ک کاربرا می بینن و می خونن.
2.برچسب:کدهایی ک برای فرمت بندی محتویات صفحه وب،تعریف لینک ها ،ابر لینک ها،نمایش تصاویر و... هستن.


تشخیص محتویات ی فایل html از برچسب های اون خ ساده ست!چون برچسب ها همیشه بین tagها قرار می گیرن؛هر چیزی ک بین <...> باشه،ی برچسبه و بقیه چیزا محتویات html هستن ک کاربرا می بینن.
همون جوری ک گفتم tag های html دو نوعن:زوج و فرد.(ب بالا رجوع کنین)




html صفحه های وب ایستا یا ثابت رو درست می کنه؛یعنی چی؟یعنی همین پاسخ هایی ک میذارین تو انجمن!تا حالا دقت کردین صفحه پاسخ جدید دو تا قسمت داره؟"ویرایشگر" و "سورس" ؟تو سورس میشه کد های html رو نوشت...


صفحه های پویا (صفحه هایی ک امکان login و این چیزا رو داشته باشن) با PHP نوشته میشن.ی بار ب آدرس صفحه اول انجمن نیگا کنین؛آخرش php داره،نه؟


من تازه دارم php یاد می گیرم!واسه موفقیتم دعا کنین!
راستی می دونین چرا چیزی از توضیحات من نفهمیدین؟!چون خیلی از این tagهایی ک نوشته بودم رو سیستم کد html حساب کرده و...این جا نبودن!
باید ی فکریم ب حال این معضل بکنیم!
فعلا نوشته بالا رو ویرایش کردم ؛ی بار بخونین پلیز!
واااااااااااااااااای........اگه دیدن پس فردا من کچل شدم!بدونین تقصیر اینه!
هر tagی رو ک میخواین ببندین،فقط کافیه قبلش ی / بذارین.
اون بالا تگ html ک رو می خواستم ببندم،از بس هی فارسی-انگلیسی کردم!اون / ه جابجا شده رفته تهش!
پاسخ
 سپاس شده توسط amir astronomer ، Hamid Jafary Pooya ، crux
#5
با سلام

خوب حالا که جو یاد گرفتن توی انجمن بالا گرفته منم حوس کردم یه چیزایی بگم که بدرد خودم و بقیه بخوره ، اول از همه پیش نیازهای یه طراح وب شدنه ! یعنی چی ؟ در واقع یه چیزی توی مایه های مواد لازمه که توی برنامه آشپزی ها می گن !
[تصویر:  high_speed_internet.jpg]
اول از همه یه خط اینترنت ADSL !!!! این از همه واجب تره چون اگه بخواید با دیال آپ طراح وب بشید احتمالا به سنینی که نتایج کارتون رو ببینید نخواهید رسید !


[تصویر:  internet-explorer-or-firefox.jpg]
بعد از اون حذف کامل مرورگر internetExplorer یا به اختصار همون ie از ویندوز خودتون هست ! یا لااقل استفاده نکردن از اون و به جاش رفتن به بهشت طراحان یعنی FireFox که با حجم کمتر از 16 مگابایت می تونید از اینجا دانلودش کنید . در مورد اینکه چرا از internet explorer استفاده نمی کنیم من توضیحی نمی دم فقط کافیه یه جستوجو در این مورد توی گوگل داشته باشید تا بفهمید که طراحای وب اینقدر که از ie نفرت دارند از هیچ موجود زنده و مرده ای در دنیا نفرت ندارن !!!

[تصویر:  logo-green-orange.png]
قدم بعدی دانلود و نصب ویرایشگر Notepad++ هست که اون رو هم می تونید از اینجا و با حجم کمتر از 6 مگابایت و به رایگان دانلود کنید .
فعلا همینا برای یاد گرفتن قدم اول طراحی وب که همون HTML هست کافیه .


حالا باید اولین قدم طراحی رو بردارید ! بعله من که فکر نمی کنم بهتر از این سایت توی اینترنت بتونید پیدا کنید که به زبان ساده و شیرین پارسی و همراه با مثال HTML رو به شما آموزش بده . پس از همن امروز شروع کنید !
البته باید بدونید که ما فعلا از HTML 4.0 استفاده می کنیم ولی HTML نسخه ی جدیدتری هم داره که با نام HTML5.0 شناخته می شه و چند وقته سر و صدای زیادی توی دنیای وب ایجاد کرده ولی خوب فعلا چون همه ی مرورگرها از اون پشتیبانی نمی کنند زیاد استفاده نمی شه . البته اصل و اصول همه ی نسخه های HTML یکی هست و بعدا می تونید اون ها را کامل تر فرابگیرد.

در ضمن :
برای نوشتن کدهای HTML در ادیتور انجمن ، باید از آیکونی که اون بالای ادیتور هست واین شکلیه [تصویر:  insertCodeM.png] استفاده کنید :
کد:
<a href="url"><img src="image.gif"></a>
اگر از کدهای php می خواید استفاده کنید هم می تونید از این آیکون [تصویر:  insertPhpM.png] استفاده کنید .
کد php:
<؟ php 
echo (irannews);
?>
می گویند تقوا از تخصص لازم تر است
آنرا می پذیرم، اما می گویم:
آنکس که تخصص ندارد و کاری را می پذیرد، بی تقواست.
- شهید دکتر چمران
پاسخ
#6
با تشکر از جناب مدیر ک کلبه حقیرانه ما رو منور فرمودند؛
ی سوال:
مرورگر google chrom رو توصیه می کنید یا fire fox؟
پاسخ
#7
(06-08-2012، 11:03 AM)Farzaneh RoshanZamir نوشته است:  با تشکر از جناب مدیر ک کلبه حقیرانه ما رو منور فرمودند؛
ی سوال:
مرورگر google chrom رو توصیه می کنید یا fire fox؟
[تصویر:  header-logo.png]
گوگل کروم (Chrome) و اپرا (Opera) مرورگرهای خوبی هستند و هر کدوم یه سری مزایای خوب مثل سرعت بالای پردازش صفحات و امنیت دارند ولی هنوز هم طراحان از FireFox به عنوان یک مرورگر استاندارد استفاده می کنند. (البته فایرفاکس هم سرعت خوب داره ، هم امنیت بالا ) چرا که سعی می کنه تا همه ی کدها رو به صورت استاندارد نشون بده در حالی که کروم و اُپرا بعضی وقت ها اجرای درست کدها رو فدای سرعت می کنند و به همین دلیل به عنوان مرجع نمی شه ازشون استفاده کرد .
علاوه بر اینها بیش از 3 میلیارد افزونه ای که برای فایرفاکس وجود داره که البته خیلیش هم مثل developer واسه طراحای سایت نوشته شده ، دیگه هیچ جای بحث و شکی نمی گذاره ! برای شروع پیشنهاد می کنم اول فایرفاکس 14 رو نصب کنید و بعدش رو هر قسمت از صفحه که خواستید راست کلیک کرده و گزینه ی Inspect Element رو بزنید . این فقط یه چشمه از قدرت فایرفاکسه . ( البته این امکان اول در اپرا و بعد از اون در کروم وجود داشت و فایر فاکس آخرین مرورگری بود که از اون پشتیبانی کرد ولی خوب الان دیگه کاملترینش رو در فایر فاکس می شه پیدا کرد . )
می تونید توی قسمت افزونه های این مرورگر هم سرچ کنید alexa sparky . اینم یه افزونه ی دیگه است که به مرورگر شما اضافه می شه و رنک لحظه به لحظه سایت های اینترنتی رو نشون می ده . این طوری می تونید از اعتبار سایت ها هم مطلع بشید .
پیشنهاد می کنم توی گوگل سرچ کنید " 10 افزونه ی برتر فایر فاکس برای طراحان وب " .

می گویند تقوا از تخصص لازم تر است
آنرا می پذیرم، اما می گویم:
آنکس که تخصص ندارد و کاری را می پذیرد، بی تقواست.
- شهید دکتر چمران
پاسخ
#8
خب من رفتم ب اون لینکی آقای وحید گذاشته بود و بنظرم بعضی جاهاش واقعا خوب بود...و با کمی تغییر میذارم براتون.

اول از همه،
اون چیزایی ک قبل از یادگیری html لازمه بدونید و من نگفته بودم رو میذارم:

[تصویر:  html-icon.png]

1.باید ی ویرایشگر متن داشته باشید؛ب زبون خودمونی تر،می تونین از همین notepadی ک تو accessories منوی start هممون هست،استفاده کنید.
[تصویر:  Apps-Notepad-icon.png]

یا این ک می تونین از برنامه های ویرایش متن دیگه هم استفاده کنین ولی طبق چیزایی ک تو اون سایته گفته بود،
نرم افزارهایی مثه wordpad یا Microsoft Office Word ، برای نوشتن کدای html مناسب نیستن!
چرا؟
چون وقتی ک دارین متن رو تو اینا ذخیره می کنین،این نرم افزارها کدهایی رو ب اون اضافه می کنن.

پیشنهاد من:
روی فضای خالی صفحه desktop کلیک راست کنین،بعد از new ،گزینه text document رو انتخاب کنین.بعد ب فایلی ک ساختین ی اسم با پسوند .html بدین؛اگه فایلتون پسوند .txt هم داره،بین تو my camputer بعد از نوار tools گزینه folder options... رو بزنین،بعدش دوباره از نوار view کنار hide extensoins for known file type تیک بزنید.

بعد روی فایلی ک ساختید کلیک راست کنید ، و گزینه edit رو انتخاب کنین.
بهتره با notepad++ این کارو بکنین.
[تصویر:  Whack-Notepad-icon.png]


بچه ها بعدا میام بقیه شو میگم!
فعلا!
پاسخ
 سپاس شده توسط amir astronomer
#9
خب...و اما مورد دوم ؛

2.شما ب ی مرورگر وب نیاز دارین.
دیگه میل خودتون ک از Microsoft Internet Explorer استفاده کنین (البته آقا مسعود توصیه نمی کرد این مرورگرو)،
[تصویر:  Internet-Explorer-icon.png]
یا این ک از Mozilla Firefox استفاده کنین (آقا مسعود خ روش تاکید داره!)،
[تصویر:  Mozilla-Firefox-icon.png]
یا از opera،

و نرم افزارای مشابه ک معمولا ب صورت رایگان برای دانلود تو نت وجود دارندهستند...
بهتر ه صفحاتی رو ک می نویسین با چند مرورگر آزمایش کنین.(اینو استادمونم می گفت همیشه)
چون تو HTML قسمتایی وجود داره ک مختص ب ی مرورگر خاصه و با بقیه مرورگرا کار نمی کنه!

مورد سوم:
3.ی جا برای ذخیره کردن متنا لازمه؛ک می تونه جایی روی هارد دیسکتون، ی فلاپی دیسک یا ی سرور باشه. البته شما واسه استفاده از HTML مجبور نیستین حتماً ب اینترنت وصل باشین،می تونین با استفاده از ی مرورگر وب تو کامپیوتر خودتون از HTML استفاده کنین.
برای ذخیره کردن فایلی ک با Notepad نوشتین کافیه از منوی File گزینه Save As رو انتخاب کنین!(ب همین راحتی!) فقط تو کادر File Name پایین پنجره Save As نام فایل رو با پسوند html بنویسین.(یا این ک مثه من از shortcutه ctrl+s استفاده کنین! Tongue )

پاسخ
 سپاس شده توسط amir astronomer
#10
مطهره،رفیق گلم ، گفت ک با تگ ها مشکل داره....
واسه همینم این دفعه رو tagها توضیح میدم؛

ببین دوست گلم،
ی تگ همیشه با علامت کوچیکتر ریاضی،یعنی این علامت >،شروع می شه و با علامت بزرگتر < ،تموم میشه.


چند تا مثال؛چند تا tag بدرد بخور!
1.تگی ک زیر نوشته ها خط میندازه؛یعنی اینجوری:
مثلا واسه اینکه این "اینجوری" نوشته بشه،این کد لازمه:
کد:
<u>
اینجوری </u>


همونطوری ک پیداس،tagه برای این کاره.

2. این تگ
کد:
</br>
برای رفتن ب خط بعدی استفاده می شه؛

3.این تگ برای ایجاد ی خط افقی ب کار میره؛
کد:
<hr>
(پارازیت!
مثلا وقتی دوتا جواب پشت سرهم میذارین تو ی تاپیک،دقت کردین ک با ی خط از هم جدا میشن؟
خب اگه ویرایش ارسال رو بزنین،این کد رو میتونین بین اون دوتا جواب ببینین!)

4. این هم برای رفتن ب پاراگراف بعدی استفاده میشه.
کد:
<p>
5. ، نوشته ها رو bold یا پررنگ میکنه؛
کد:
<b>
6. نوشته ها رو کج یا italic میکنه.
کد:
<i>
[تصویر:  glossy-3d-blue-orbs2-043-icon.png] نکته1:

نیازی نیس ک حتماً تگها با حروف بزرگ نوشته بشن. مثلاً
همون ه. البته تو نسخه های جدیدتر HTML توصیه می شه کدهای HTML رو با حروف کوچیک بنویسین؛تو XHTML هم نوشتن کدها با حروف کوچیک الزامیه. فضای خالی هم بین تگها تأثیری نداره.(هر چقد دلتون میخواد space بزنید!)


[تصویر:  glossy-3d-blue-orbs2-043-icon.png] نکته2:


برای استفاده هم زمان از چندتا از تگ های بالا،حواستون باشه،تگی ک زودتر باز میشه باید دیرتر بسته بشه؛
یعنی چی؟
یعنی
کد:
<i><b><u>mokhs.com</u></b></i>

این کد ی متن این شکلی ب ما میده:
mokhs.com

بهتره ب همون اولین توصیه من عمل کنین!یعنی هر تگی ک باز کردین همونجا ببندینش!


(( پست ویرایش شد ، لطفا برای قراردادن کدها از [تصویر:  insertCodeM.png] استفاده کنید وگرنه ویرایش گر انجمن آنها را به عنوان کدهای مزاحم شناخته و اصطلاحا Clean یا پاک سازی می کند ، در نتیجه کاربران هیچ کدی نخواهند دید . ))
پاسخ
 سپاس شده توسط amir astronomer


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  تگ ها و المنت های جدید HTML 5 مهدی علینقیان 0 127 21-04-2014، 10:38 AM
آخرین ارسال: مهدی علینقیان
  مقدمه آموزش HTML 5 مهدی علینقیان 0 114 21-04-2014، 10:35 AM
آخرین ارسال: مهدی علینقیان
  نوشتن سر فصلها و پاراگراف در HTML انجمن مخ ها 0 310 04-09-2012، 10:51 PM
آخرین ارسال: انجمن مخ ها
  اصول نوشتن صفحات HTML انجمن مخ ها 0 292 04-09-2012، 10:24 PM
آخرین ارسال: انجمن مخ ها
  آنچه که قبل از یادگیری HTML لازم است بدانید انجمن مخ ها 0 237 04-09-2012، 10:05 PM
آخرین ارسال: انجمن مخ ها
  رویدادهای مربوط به صفحه کلید و ماوس در HTML انجمن مخ ها 0 240 01-09-2012، 08:27 PM
آخرین ارسال: انجمن مخ ها

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان