سایت داری؟ ولی بازدیدکننده نداری؟ (قسمت 2)

خب با قسمت دوم اموزش "سایت خوب" همراه تون هستم

خلاصه قسمت اول : در قسمت قبل به توضیح برخی نکات کلیدی در سایت ها پرداختم

-> ادرس کوتاه (Short URL)

-> ظاهر کاربری (UI)

-> تجربه کاربری (UX)

-> و در اخر Responsive Website

خب اگه نوبتی هم باشه نوبت HTML و CSS و Javascript یا همون JS است

HTML

اگه بخوام در مورد ( Hyper Text Markup Language )( یا به اختصار HTML ) بگم یه نوع زبان برنامه نویسی است که یادگیری اون بسیار اسونه و در هر جایی میشه نوشت اونو ولی برای هر وبسایتی لازمه

برای نوشتن HTML شما میتونید از نرم افزار های زیادی استفاده کنید که من تو این اموزش و اموزش های بعد بهتون به طور کامل توضیحشون میدم

-> نرم افزار Visual Studio

-> نرم افزار ATOM

-> نرم افزار Electron

و ...

من بهتون اون سه نرم افزار اول رو توضیح میدم که معروف ترین ها هستند.

البته شما میتونید از ++Notepad استفاده کنید ولی بنا به دلایلی زیاد توصیه نمیکنم استفاده از اون رو

-> نداشتن Live Preview

-> برای اجرای سایت تون باید به طور دستی اقدام کنید

-> محیط کاربر پسند نداره

-> بیشتر به عنوان Code Editor است و قابلیت اجرای اونا را نداره

خب اول از همه از پیشتاز همه اینها یعنی Visual Studio Code شروع میکنم

Visual Studio Code

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

البته میتونید در مرحله سوم تیک Create a desktop icon رو بزنید

بعد از نصب و اجرا همچین صفحه ای رو خواهید داشت

بعد از اجرا فقط کافیه که اینکارو بکنید تا یه فایل ایجاد کنید

خب اگه دقت کرده باشید میبینید که هر فایلی در ابتدا فایل معمولی است و بعدش که مراحل بعد رو انجام میدیم فایلمون میشه HTML خب این از نصبش حالا میریم سراغ چند تا نمونه کد و اموزش کدنویسی

خب این لینکی که بالا گذاشتم مربوط به سایر اموزش های مفید HTML است.

این هم چند تا نمونه کد :

تغییر عنوان سایت (Title) :

<title>WebsiteName</title>

ایجاد Header (عنوان برای مطالب داخل سایت) :

<h1>Header</h1>

ساخت پاراگراف جدید (برای مطالب داخل سایت) :

<p>The ParagraphText</p>

اضافه کردن فایل CSS به HTML (برای ایجاد تغییر در ظاهر سایت باید CSS خودتون رو وارد HTML کنید) :

<link ref=&quotstylesheet&quot href=&quot/filename&quot>

جای filename باید اسم کد CSS خودتون رو به همراه css. بنویسید

و در اخر اضافه کردن کد Javascript یا همون JS :

<script src=&quot/filename&quot>

اینجا هم باید جای filename اسم فایل javascript خودتون رو همراه js. بنویسید

خب تا اموزش بعد خدانگهدار ❤