کلاس اموزی html

[jen_avare]

5دلیل برای یاد گرفتن HTML

HTML سنگ بنای وب است.

فناوری پایهٔ پشت هر چیزی که در مرورگر وب می‌بینیم، و از آن (در کنار فناوری‌های دیگری مثل

This is the hidden content, please

• ورود
• یا
• ثبت نام

و

This is the hidden content, please

• ورود
• یا
• ثبت نام

) برای ساخت هر چیزی از صفحات وب ساده تا سرویس‌ها و برنامه‌های پیچیدهٔ وب استفاده می‌شود، اچ‌تی‌ام‌ال است.

اما به غیر از دنبال کردن پیشهٔ طراحی وبسایت، دلایل زیادی برای یادگرفتن

This is the hidden content, please

• ورود
• یا
• ثبت نام

وجود دارد.

و این هم پنج دلیلی که هر کسی باید کمی اچ‌تی‌ام‌ال بداند.

۱. ارتباطات کاری بهتر

کسب‌وکارهای امروزی هر چه بیشتر دارند کارشان را آنلاین انجام می‌دهند، و برای هرچیزی از ایمیل و تقویم گرفته تا

This is the hidden content, please

• ورود
• یا
• ثبت نام

از سایت‌های اینترنتی استفاده می‌کنند.

بیشتر فریم‌ورک‌ها یا چارچوب‌های ویکی مورد استفاده برای محتوای کسب‌وکار یک زبان مارک‌آپ تغییریافته و ساده‌شده دارند که پیش‌فرض آن است. اما بیشترشان قالب HTML که به درستی شکل‌یافته باشد هم قبول می‌کنند، که گزینه‌های خیلی بیشتری برای انتشار در اختیار ما می‌گذارد. چرا به حداقل راضی شویم؟

۲. خودت آپدیت کن

اگر نیاز است که بخش‌هایی از وبسایت شرکتتان به‌طور مرتب به‌روز شود و هنوز کمی برای یاد گرفتن اچ‌تی‌ام‌ال وقت نگذاشته‌ای، واقعا بهتر است این کار را بکنی. بیشتر به‌روزرسانی‌های کوچک با داشتن دانش فنی پایه از HTML و استانداردهای وب قابل انجام است. نیازی نیست که به طراح پول بدهید تا کاری را بکند که خودت هم به سادگیِ عوض کردن محتوای یک فایل ورد می‌توانی انجام بدهی.

۳. ابزارهای بصری وب کار را پیچیده می‌کنند

ابزارهای بصری ساخت اچ‌تی‌ام‌ال مثل Dreamweaver، Muse، Hype، و غیره می‌توانند کار طراحی را ساده‌تر کنند. اما در بیشتر مواقع کدهایی تولید می‌کنند که خودت هم می‌توانی در HTML خام به راحتی بنویسی.

و همین‌طور اگر زمانی کار نامتعارفی لازم داشته باشی و نرم‌افزارت از آن پشتیبانی نکند، دیگر خودتی و خودت. جذابیت ابزارهای وب ویژوال ممکن است تو را از یادگیری اچ‌تی‌ام‌ال پایه دور کند؛ و ممکن است چیزی که لازم داری خیلی ساده‌تر از آن باشد که فکر می‌کنی.

۴. وبلاگ‌نویسی بهتر

آیا مرتب وبلاگ می‌نویسی؟ پس به خاطر خودت هم که شده باید اچ‌تی‌ام‌ال یاد بگیری. بله، در بیشتر

This is the hidden content, please

• ورود
• یا
• ثبت نام

امروزی، دکمه‌ها و تولبارهای مختلفی برای

This is the hidden content, please

• ورود
• یا
• ثبت نام

هست اما یادگرفتن کمی

This is the hidden content, please

• ورود
• یا
• ثبت نام

و JavaScript – دستت را خیلی توانمندتر از آن می‌کند که با نرم‌افزار وبلاگ‌نویسی ممکن است.

با یک خط کد اچ‌تی‌ام‌ال می‌شود با خیال راحت فیلم و مدیا وارد پست‌ها کرد، و حتی چینش یا لی‌آوت دلخواه و عناصر متحرک یا انیمیشین، و خیلی چیزهای دیگر.

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

۵. زندگی‌ات را کدنویسی کن

دانستن کمی HTML حتی در زندگی روزمره هم به تو کمک می‌کند.

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

This is the hidden content, please

• ورود
• یا
• ثبت نام

نیاز دارد.

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

یک افکت خیلی جالب دیده‌ای که می‌خواهی خودت هم امتحان کنی؟ فقط کافی است گزینهٔ View Source را در منوی مرورگرت پیدا کنی تا با آن ببینی چطور انجام شده. (فقط یادت نرود به منبع‌ات هم اشاره کن؛ آن بیچاره‌ها هم برای کدشان زحمت کشیده‌اند!)

و بهترین دلیل: 

نه فقط می‌توانی اصول وب را از پشت کامپیوترت یاد بگیری، بلکه می‌توانی در کنار آموختن HTML در جا کدنویسی را هم تمرین بکنی – بدون نیاز به نصب یا پیکربندی هیچ چیزی.

 

[jen_avare]

طراحی وب را اگر درست و اصولی شروع کنید، می‌توانید طی مدت کوتاهی با تلاش و پشتکار و انگیزه، تبدیل به طراح وب شوید. پس اگر جزو افراد علاقمند به یادگیری هستید و اطلاعاتی در این زمینه ندارید یا تازه شروع کرده‌اید،  زومیت برای شما زومیتی‌های عزیز  قصد دارد، آموزشی کامل و قدم به قدم و در عین حال ساده ارائه دهد. امیدواریم این آموزش‌‌ها، بتواند به شما در فراگیری اصول اولیه طراحی وب یاری رساند.

[DeMoN]

درود.

عزیز من کپی میکنی لااقل کلماتش رو عوض کن.

زومیتی های عزیز و وبسایت زومیت؟

 

مطالب کپی فقط رنک سایت رو کاهش میدن و باعث اشغال سرور میشه و هیچ فایده ای برای وبسایت نداره.

موفق باشید

[jen_avare]

نمونه

 

 

 

This is the hidden content, please

• ورود
• یا
• ثبت نام

 

 

نتیجه‌ای که مرورگر نمایش خواهد داد

This is the hidden content, please

• ورود
• یا
• ثبت نام

 

 

اچ‌تی‌ام‌ال یا Hyper Text Markup Language نام زبان نشانه گذاری است که به شما در ایجاد صفحات وب کمک می‌کند. در واقع هر آنچه در مرورگر اینترنت به نمایش در می‌اید نتیجه این زبان است. خوشبختانه اچ‌تی‌ام‌ال زبان ساده‌ای است و یادگیری آن به معنای واقعی کلمه شیرین است

[jen_avare]

شرمنده پ خ  تون بستس  پخ کردم نیومد میشه یه جای دیگه واضح تر بگید منظورتونو

[jen_avare]

ساخت یک سند HTML

ایجاد یک فایل اچ تی ام ال از آب خوردن نیز آسان‌تر  است. برای ایجاد فایل‌های اچ تی ام ال نه به برنامه خاصی نیاز دارید و نه به سیستم عامل بخصوصی. در واقع شما فایل‌های اچ‌تی‌ام‌ال را می‌توانید حتی به کمک نرم‌افزار نوت پد NotePad ویندوز نیز ایجاد کنید. با این وجود توصیه می‌کنیم برای راحت‌تر نوشتن کدها و همچنین فهم بهتر مطالب از نرم افزارهای ویرایش متن رایگان همچون

This is the hidden content, please

• ورود
• یا
• ثبت نام

 یا

This is the hidden content, please

• ورود
• یا
• ثبت نام

استفاده کنید. 

ما در این آموزش، به شما نحوه ایجاد یک فایل اچ تی ام ال را در برنامه ویرایش متن پیش فرض ویندوز، یعنی نوت پد Notepad آموزش می‌دهیم.

[jen_avare]

مرحله اول: در نسخه‌های قبل از ویندوز 8، بر روی دکمه Start ویندوز کلیک کنید. سپس از بخش All Programs وارد بخش Accessories شوید و از آنجا برنامه Notepad را اجرا کنید. در ویندوز 8 یا نسخه‌های جدیدتر نیز منوی استارت (گوشه سمت چپ صفحه) را کلیک کرده و کلمه Notepad را تایپ کنید تا برنامه در لیست روبرویتان قرار گیرد. حالا متن کدها را در فایل متنی که باز کرده‌ایم وارد می‌کنیم. در حال حاضر چون متنی را نمی‌دانیم هر چه دوست دارید در آن بنویسید و به مرحله بعدی بروید.

مرحله دوم: حالا وقت ذخیره فایل در قالب صفحه اچ تی ام ال است. برای این کار از منوی file در نرم افزار NotePad گزینه save As را انتخاب کنید. فایلتان را به نام دلخواه مثلا zoomit.Html تغییر دهید. توجه داشته باشید که حتما پسوند html. را بعد از نام دلخواهتان قرار دهید تا فرمت متن به یک سند اچ تی ام ال تبدیل شود.

مرحله سوم:‌ در این قسمت یک گزینه کشویی به نام encoding دیده می‌شود که بهتر است آن را روی UTF-8 قرار دهید. 

مرحله پایانی: حالا فایلتان را در جایی که دوست دارید ذخیره کنید. با کلیک بر روی آن خواهید دید که فایل در مرورگر وب پیش فرض شما باز خواهد شد و همه چیز آماده شروع کد نویسی به زبان HTML است.

 

This is the hidden content, please

• ورود
• یا
• ثبت نام

[jen_avare]

تگ‌ها (Tag):

This is the hidden content, please

• ورود
• یا
• ثبت نام

 

 

نتيجه‌ای که مرورگر نمايش خواهد داد

 

This is the hidden content, please

• ورود
• یا
• ثبت نام

[jen_avare]

خب اگر صفحه اچ تی ام ال بالا را نگاه کنید، مشاهده می‌کنید که تمامی کلمات ما در بین دو علامت <> قرار می‌گیرند. ما به این علامت و کلمه بین آن‌ها, اصطلاحا تگ اچ تی ام ال یا گاهی المان اچ تی ام ال می‌گوییم. به مثال زیر توجه کنید تا منظورمان را بهتر متوجه شوید:

 <اسم تگ> متن یا هر چیز دیگر<اسم تگ به همراه علامت اصلش(/)>

<tagname> content </tagname>

به تگ اول opening tag و به تگ دوم Closing tag می‌گوییم. شما هر چه دوست دارید خطابشان کنید.

[DeMoN]

شرمنده پ خ  تون بستس  پخ کردم نیومد میشه یه جای دیگه واضح تر بگید منظورتونو

درود.

صندوق پیام ها پر بود حالاا خالی شد.

منظور از این جمله در پست شما چیه؟

 

 

 زومیت برای شما زومیتی‌های عزیز  قصد دارد

 

دوست عزیز گفتم پست هایی که کپی هستند فقط سرور رو اشغال میکنن و هیچ فایده ای نداره و رنک وبسایت رو هم کاهش میده.

موفق باشید

[jen_avare]

چشم میرم سی دیشو  دنبال میکنم

سی دی اموزشیشو گرفتم میرم از طریق اون یاد میدم

کسایی که عینه من چیزی حالیشون نیست

بازم ببخشید

کپی بود

[guardian01]

سلام من هم کد نویسی میکنم و واقعا از نوشتن کد لذت میبرم  اا بعضی از کد های اچ تی ام ال تازه اند که من تا حالا اونا رو ندیده بودم میشه یه کتاب بروز معرفی کنید و ببخشید اگر اسپم دادم.

[guardian01]

سلام

توی زبان های تحت وب بهترین روش یادگیری استفاده از

This is the hidden content, please

• ورود
• یا
• ثبت نام

هست. که هیچ کتابی جاشو پر نمیکنه

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