آموزش طراحی سایت (مقاله 2)
آموزششروع آموزش طراحی سایت با زبان شیرین Html
پیشگفتار : با سلام و عرض ادب و احترام ؛ امروز براتون مقاله شماره 2 طراحی سایت را آماده کرده ام، در مقاله قبلی آموزش طراحی سایت (مقاله 1) با مراحل طراحی سایت آشنا شدیم اکنون در این آموزش قصد دارم آموزش طراحی سایت را از صفر شروع و انشالاه در مقاله های بعدی طراحی سایت، به صورت حرفه ای (پیشرفته) آموزش دهم پس با ما همراه باشید.
چگونه توسط زبان Html سایت طراحی کنیم ؟
همانگونه که در آموزش قبلی گفتیم برای طراحی سایت نیاز به دانش برنامه نویسی تحت وب دارید ( مانند : Html,Css ) با یادگیری زبان های برنامه نویسی لازم میتوانید طراحی سایت انجام دهید.
اکنون من در این آموزش طراحی سایت با زبان Html کار را آغاز میکنم، لطفأ در تمامی مراحل آموزش گام به گام با آموزش پیش بروید تا با مشکل برنخورید..
ابزار های مورد نیاز برای طراحی سایت :
- نرم افزار نت پد ( لاتین : Notepad ) – برای دانلود آخرین نسخه اینجا کلیک کنید. ( رمز عبور فایل : www.download.ir )
- مجموعه ای از تصاویر، آیکن و… آماده شده ( میتوانید از اینترنت دانلود کنید و یا میتوانید آن را خریداری نمایید )
- لیست جداول استفاده صحیح و استاندارد از مقدار ها در کد نویسی ( World Wide Web )
- و غیره … که تا اینجا همین 3 مورد برای ما کافی است.
آشنایی با قوانین و نکات آموزش طراحی سایت با زبان Html :
- تگ در زبان html چیست؟ تگ به یک سری از دستورات اجرایی میگویند که توسط برنامه نویس نوشته و اجرا میگردد.
- نحوه نوشتن تگ ها در زبان html چگونه است ؟ به عنوان مثال برای شروع تگ <html> و برای پایان تگ <html/> استفاده میشود ( شیوه کلی : برای شروع از علامت <> و برای پایان تگ از علامت </> استفاده میکنیم )
- روش نوشتن یک متن بدون اینکه در اجرا سایت نمایش داده شود (تایپ کامنت) ؟ برای نوشتن کامنت یا توضیحات در بین کد نویسی جهت ارائه توضیح از تگ <– متن کامنت –!> استفاده میکنیم.
- و موارد دیگر که در صورت لزوم در هر آموزش طراحی سایت بیان خواهم کرد.
آموزش طراحی سایت و ایجاد یک سند 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>
پس از ذخیره سازی این کد ها در نت پد آن را با یک مرورگر باز کنید و نتیجه را مشاهده کنید.
انشالاه در مقاله بعدی آموزش طراحی وب سایت در خدمت شما عزیزان هستم، لطفأ نظرات خود را با ما در میان بگذارید.
سلام.
من میخواستم تو یکی از سایت ها درخواست ثبت کنم(مثل سایت عدل ایران)، امکان این وجود داره که بعضی ازجملات بولد تر نوشته بشه(به وسیله کد نویسی تو اون قسمت ثبت درخواست یا راه حل دیگه ای داشته باشه).
ممنون میشم تو این زمینه راهنماییم کنید.
سلام و عرض ادب
میتوانید از تگ های b و strong برای بولد کرد استفاده کنید.
موفق باشید 🌹
من یک سایت ساختم به همین شکل میخو
ام درگوگل نمایش داده بشه چه جور این کار رو انجام بدم
سلام و عرض ادب
دوست عزیز راهکار های زیادی در این زمینه وجود دارد.
میتونید از طریق پرتال آی وحید در صفحه اصلی به کارشناسان ما درخواست بدید تا در این زمینه راهنماییتون کنند.
امیدوارم همیشه شاد و موفق باشید.
سلام خسته نباشید،ببخشید مطالب شما تا مقاله 2 ادامه داره؟
یاشما قراره مرحله به مرحله توضیح بدین؟
سلام و عرض ادب
متاسفانه این آموزش ادامه نداشته ، پوزش از این بابت .
شاد و موفق باشید 🌹🙏
سلام میشه بگید چجوری کد هایی که نوشتیمو می تونیم توی سایت ببینیم؟ من کپیشون کردم و توی گوگل سرچ کردم ولی چیزی نیومد
سلام و عرض ادب
پس از جستجو در گوگل نتیجه را مشاهده نمیکنید ، این مقاله یک آموزش ساده و شروع کننده یادگیری HTML است .
امیدوارم موفق و شاد باشید
چجوری به مقاله ۱ دستیابی کنم
لینک قسمت اول این مقاله خدمت شما
https://ivahid.com/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d9%85%d9%82%d8%af%d9%85%d9%87-%d9%85%d9%82%d8%a7%d9%84%d9%87-1/
پوزش میطلبیم ، متاسفانه این آموزش ادامه داده نشد ، شاید در آینده قسمت های بعدی آماده شود
کی مطلب بعدیرو میارید
لطفا کامنت این شخص پاک شود
از سایت اکادمی ای تی هستن که اموزش ها افتضاح برنامه نویسی میفروشن و قصدشون لینک سازی بوده تو سایتتون
اموزش فوق العاده ای بود
فقط اگر امکانش هست ویدئو های اموزشی هم قرار بدید
بااحترام
ممنون از نظر شما دوست عزیز
چشم ویدیوهای آموزشی را هم اضافه خواهیم کرد .
سلام. شما گفتین زبان html ولی معمولا میگن html زبان نیست. و معمولا اینجور میگن که یک زبان برنامه نویسی باید بتونه به یک پایگاه داده وصل بشه و دستور شرطی داشته باشه. شایدم من اشتباه میکنم. چون به هر حال یه زبونه که باش صفحه رو میسازیم.
سلام خدمت شما
پیشنهاد میشود ابتدا تعریف HTML را در منابع معتبر مثل ویکی پدیا مشاهده کنید . لینک مربوط به ویکی پدیا
اچ تی ام ال مخفف Hypertext Markup Language است و احتمالا کلمه آخر مشخص است که میتوان نام آن را زبان دانست یا نه !
سلام میشه بگید چجوری میشه کد هایی که نوشتم رو در قالب سایت نگاه کرد
سلام خدمت شما
اگر شما کدهاتون html باشه میتونید با مرورگر اونها را مشاهده کنید . در صورتی که فایلهاتون php است باید روی هاست و یا با برنامه هایی مثل ومپ و زمپ نگاه کنید .
عالی بود من تازه کارهستم ولی میتون با جرات بگم که مطالب 4 ساعته دوره طراحی سایت رامختصروعالی آموزش دادید.
سایت عالی دارید
https://t.me/joinchat/Eu-NO1JwrxfPFum_nrt2tg در این گروه میتونید سوالات خودتون در مورد لاراول php و طراحی وب مطرح کنید
تو این کانالم آموزش ها پروژه محور با بهترین کیفیت قرار داده شده https://t.me/easyprogrammming
سلام وقتتون بخیر خسته نباشین ♥️
من میخوام کدهای Html رو به php وصل کنم بلد نیستم کمکم میکنید؟؟
باتشکر.
خوب بود اتفاقی از گوگل اومدم اینجا ولی خوب بود برای دوستم فرستادم اونم دنبالشه اونم بیاد ببینه
ممنون که سرعت سایتتون بالاست برای این تو خیلی از سایتا رفتم ولی سرعت سایتشون بد بود خداروشکر که راحت چیزی که میخواستم پیدا کردم
ممنون
با سلام
از زبان فارسی پستیبانی میکنه اخه وقتی اسم و موضوع و اینا رو فارسی بنویسم فقط حرف خ و ح رو تشخیص میده مشکل چیه لطفا اموزش گذاشتن مطلب و مدیریت سایت رو هم بزارید
لطفا به ایمیلم جواب رو بدید ممنون
سلام، عالی بود. من خیلی کار طراحی سایت دوست دارم؛ میشه آموزشاتونو بصورت PDF بزارین؟
ممنون از مطلب عالیتون
عالی بود!
مرسی از سایت خوبتون، خیلی خوبه
سلام لطفا آموزش تصویری و مرحله به مرحله ساخت سایت با دریم ویور رو قرار بدید
سلام دوست عزیز ، باشه حتمأ آموزش تصویری هم منتشر میکنیم .
با تشکر از ارسال نظر شما