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

زمانی برای ساخت اولین صفحه HTML به صورت دستی

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

مرحله ۱: بیایید کمی کد HTML بنویسیم

یک ویرایشگر متن مانند Notepad ویندوز را باز کرده و تایپ کنید.

 

<html>
<head>
<title>Your first hand coded page</title>
</head>
<body>
<h2>Hand coding web pages is easy! </h2>
<p>I would like to thank everyone who helped me type
this page.</p>
</body>
</html>

 

مرحله ۲: فایل را به عنوان یک سند HTML ذخیره کنید

فایل HTML ‌تان را با استفاده از دستور «Save as» ویرایشگر متنی خود ذخیره کرده (فایل را در دسکتاپ‌تان ذخیره کنید تا از پیدا کردن دوباره آن مطمئن باشید!) و نام webPage.html را برای آن انتخاب کنید.

تا زمانی که چهار قاعده زیر را رعایت کنید می‌توانید هر نامی دل‌تان می‌خواهد انتخاب کنید:

نام صفحه وب نمی‌تواند حاوی فاصله باشد: «web page.htm» خوب نیست اما «webPage.html» عالی است.

نام‌ها الزاماً باید به پسوند‌های.html  یا .htm ختم شوند؛ با استفاده از این پسوند‌ها به کامپیوتر خود می‌فهمانید که فایل‌تان یک صفحه وب است و برای مشاهده آن باید از برنامه‌های خواننده / مرورگر صفحات وب استفاده کند.

در نام صفحه از نماد‌های خنده دار مانند $، ٪، ^، & استفاده نکنید. به همان حروف و اعداد استاندارد اکتفا کنید.

لطفاً در Notepad فایل‌تان را به صورت UTF-8 ذخیره کنید.

مرحله ۳: از کارتان حیرت کرده و صفحه‌تان را باز نمایید

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

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

حال که اولین صفحه وب را ساختیم، می‌توانیم به سراغ ساخت اولین وب سایت‌مان برویم . خودمان طراحی سایت انجام دهیم.


با بلاگ ای تی وب طراحان همراه باشید

Advertisements

نویسنده: atashalizadeh

یکی از دغدغه های اصلی صاحبان کسب و کار اینترنتی قرار گرفتن سایت شان در رتبه های برتر گوگل می باشد ، بنابراین ما به شما کمک خواهیم کرد به این مهم دست یابید ، لطفا نظرات خود را با ما درمیان بگذارید تا بتوانیم خدمات بهتری برای شما ارائه دهیم. ممنون میشیم اگر مطالب را به اشتراک بگذارید.

پاسخی بگذارید

در پایین مشخصات خود را پر کنید یا برای ورود روی شمایل‌ها کلیک نمایید:

نشان‌وارهٔ وردپرس.کام

شما در حال بیان دیدگاه با حساب کاربری WordPress.com خود هستید. بیرون رفتن / تغییر دادن )

تصویر توییتر

شما در حال بیان دیدگاه با حساب کاربری Twitter خود هستید. بیرون رفتن / تغییر دادن )

عکس فیسبوک

شما در حال بیان دیدگاه با حساب کاربری Facebook خود هستید. بیرون رفتن / تغییر دادن )

عکس گوگل+

شما در حال بیان دیدگاه با حساب کاربری Google+ خود هستید. بیرون رفتن / تغییر دادن )

درحال اتصال به %s