شروع آموزش طراحی سایت با زبان شیرین Html

پیشگفتار : با سلام و عرض ادب و احترام ؛ امروز براتون مقاله شماره 2 طراحی سایت را آماده کرده ام، در مقاله قبلی آموزش طراحی سایت (مقاله 1) با مراحل طراحی سایت آشنا شدیم اکنون در این آموزش قصد دارم آموزش طراحی سایت را از صفر شروع و انشالاه در مقاله های بعدی طراحی سایت، به صورت حرفه ای (پیشرفته) آموزش دهم پس با ما همراه باشید.

چگونه توسط زبان Html سایت طراحی کنیم ؟

همانگونه که در آموزش قبلی گفتیم برای طراحی سایت نیاز به دانش برنامه نویسی تحت وب دارید ( مانند : Html,Css ) با یادگیری زبان های برنامه نویسی لازم میتوانید طراحی سایت انجام دهید.

اکنون من در این آموزش طراحی سایت با زبان Html کار را آغاز میکنم، لطفأ در تمامی مراحل آموزش گام به گام با آموزش پیش بروید تا با مشکل برنخورید..

ابزار های مورد نیاز برای طراحی سایت :

  1. نرم افزار نت پد ( لاتین : Notepad ) – برای دانلود آخرین نسخه اینجا کلیک کنید. ( رمز عبور فایل : www.download.ir )
  2. مجموعه ای از تصاویر، آیکن و… آماده شده ( میتوانید از اینترنت دانلود کنید و یا میتوانید آن را خریداری نمایید )
  3. لیست جداول استفاده صحیح و استاندارد از مقدار ها در کد نویسی ( World Wide Web )
  4. و غیره … که تا اینجا همین 3 مورد برای ما کافی است.

آشنایی با قوانین و نکات آموزش طراحی سایت با زبان Html :

  1. تگ در زبان html چیست؟  تگ به یک سری از دستورات اجرایی میگویند که توسط برنامه نویس نوشته و اجرا میگردد.
  2. نحوه نوشتن تگ ها در زبان html چگونه است ؟ به عنوان مثال برای شروع تگ  <html> و برای پایان تگ <html/> استفاده میشود ( شیوه کلی : برای شروع از علامت <> و برای پایان تگ از علامت </> استفاده میکنیم )
  3. روش نوشتن یک متن بدون اینکه در اجرا سایت نمایش داده شود (تایپ کامنت) ؟ برای نوشتن کامنت یا توضیحات در بین کد نویسی جهت ارائه توضیح از تگ  <– متن کامنت –!> استفاده میکنیم.
  4. و موارد دیگر که در صورت لزوم در هر آموزش طراحی سایت بیان خواهم کرد.

آموزش طراحی سایت و ایجاد یک سند Html :

پس از نصب نرم افزار نت پد، آن را باز کنید و یک سند به نام Test با پسوند html بسازید ( فرم کلی فایل نهایی : Test.html ).

اکنون در فایل Test.html جمله Learn Html by ivahid را تایپ کنید، اما قبل از نوشتن باید از تگ هایی برای معرفی دستورات لازم به صفحه وب استفاده کرد، مانند تگ : <html> که باید ابتدا کد نویسی نوشته شود.

تگ   <html> : برای تعریف یک سند اچ تی ام ال

تگ   <head> : یک تگ مهم و اساسی که کد های درون آن همه به نمایش در نمی آید و خصوصیات مهم یک صفحه اچ تی ام ال را در بر میگیرد.

تگ   <body> : یک تگ کاربردی که مقادیر قابل نمایش در صفحه را مشخص میکند.

تگ     <title> : این تگ برای عنوان صفحه سایت بکار برده میشود.

تگ <center> : از این تگ میتوانید برای نمایش متن، عکس و… در موقعیت وسط صفحه استفاده کنید.

تگ         <b> : از تگ برای درشت کردن قلم نوشتاری میتوان استفاده کرد که کاربرد زیادی در کد نویسی دارد.

نمونه کد نویسی که با تگ های فوق میتوان نوشت :

<html>  <!-- نمونه کد نویسی با تگ های فوق -->

<head>
<title> آموزش طراحی سایت با آی وحید </title>
</head>

<body>
<center><b> جمله شما : Learn Html By ivahid </b></center>
</body>

</html>

پس از ذخیره سازی این کد ها در نت پد آن را با یک مرورگر باز کنید و نتیجه را مشاهده کنید.

انشالاه در مقاله بعدی آموزش طراحی وب سایت در خدمت شما عزیزان هستم، لطفأ نظرات خود را با ما در میان بگذارید.

مقاله قبلی آموزش طراحی سایت (مقاله 1)