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

  • ۱۸ مهر ۱۳۹۴
  • 2,636 نفر
  • ۶ دیدگاه
  • پدرام کامیاب راد
 
1 Star2 Stars3 Stars4 Stars5 Stars

آموزش طراحی سایت

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

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

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

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

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

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

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

آموزش طراحی سایت

آشنایی با قوانین و نکات آموزش طراحی سایت با زبان 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> : از تگ برای درشت کردن قلم نوشتاری میتوان استفاده کرد که کاربرد زیادی در کد نویسی دارد.

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

 

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

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

 
مهمان ۳۰/۰۸/۱۳۹۴ پاسخ دهید

سلام لطفا آموزش تصویری و مرحله به مرحله ساخت سایت با دریم ویور رو قرار بدید

مرسی از سایت خوبتون، خیلی خوبه

عباس ۸/۰۳/۱۳۹۵ پاسخ دهید

عالی بود!

ممنون از مطلب عالیتون

php ۲۱/۰۶/۱۳۹۵ پاسخ دهید

عالی بود

مرسی

تارنما سازان وب پارس درگاه پرداخت واسط پی پکس لول رنگ - پالت رنگ های مورد تایید آی وحید تاتسی | tutsi فروشگاه قالب اختصاصی تمی

FB google plus