طراحی سایت ساناتک
پنجشنبه 15 مرداد 1394
0
ساخت اولین صفحه ی وب _ قسمت سوم


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

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


مرحله 1: بیایید کمی کد 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>

 

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

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

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

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

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

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

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

 

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

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

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

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

 

تعداد بازدید: 999
نویسنده: رضا فاضل
مطالب دیگر وبلاگ
10 نکته مهم برای شروع راه اندازی یک وب سایتمفهوم فریم ورک در برنامه نویسیمفهوم پلتفرم در کامپیوترروش های دیباگ کردن سایت بعد از طراحی سایتاصول نگارش قرارداد طراحی سایت
 
@

با عضویت در خبرنامه در جریان آخرین اخبار و مطالب سایت قرار بگیرید