رفتن به مطلب
انجمن تیم امنیتی گارد ایران

کلاس اموزی html


jen_avare

ارسال های توصیه شده

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

درود.

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

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

 

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

موفق باشید

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

نمونه

 

 

 

Untitled.png

 

 

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

Untitled3.png

 

 

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

ساخت یک سند HTML

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

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

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

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

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

 

zoomit.gif

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !

ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید

ورود به حساب کاربری

انجمن تیم امنیتی گارد ایران

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

شبکه های اجتماعی

×
×
  • اضافه کردن...