به نام خدا
یه سوالی که همیشه بین مردم وجود داشته این بوده که طراحی وب سایت یا به قولی همون سایت ساختن چه جوریه؟! گروهی از مردم فکر میکنن سایت ساختن یه کار سخت و پیچیده است و گروهی هم فکر میکنن سایت ساختن مثل آب خوردنه. هر دو گروه تا حدودی درست فکر میکنن.
ساختن سایت پروسه پیچیده ای هست اما اگه اصول و قوانینش رو بلد باشی اصلا سخت نیست. باور کنید! البته مثل آب خوردن هم نیست. درسته که پیشرفت‌های روز افزون تکنولوژی وب کار ساختن سایت رو نسبت به چند سال پیش، خیلی ساده تر کرده اما فراموش نکنیم که ربط دادن این تکنولوژی ها به همدیگه و برقرار کردن ارتباط منطقی بینشون چندان شباهتی به آب خوردن نداره ;)
آشنایی با HTML برای ساختن وب سایت یه پیش نیاز ضروریه. تمام چیزهایی که در وب می بینیم یه صفحه html هستند. در واقع با هر زبانی که سایت نوشته شده باشه، در نهایت یه صفحه html رو به ما نشون میده. نمودار زیر نشون میده که مجموع همه تکنولوژی ها و زبان های وب یه صفحه html خواهد بود:
اما HTML چیه؟
HTML زبانی برای توصیف وب و مخفف عبارت Hyper Text Markup Language هستش که یعنی : زبان نشانه‌گذاری اَبَرمتنی
سایت W3Schools میگه:
HTML به عنوان یه زبان نشانه گذاری تعریف میشه.
زبان نشانه گذاری مجموعه‌ای از tags یا برچسب هاست.
برچسب ها محتوای یک سند html رو توصیف می کنن.
یک سند html شامل برچسب ها و متون عادیه (Plain text).
به اسناد html صفحه‌ی وب (Webpage) هم میگن.
برچسب های html یه سری کلمات کلیدی هستن که توسط علامت های <> احاطه میشن. مثال تگ <html> .
معمولا تگ های html جفت هستن.یکی برای باز کردن تگ (<html>) و یکی برای بستن (<html/>) . همونطور که می بینید تگ ها رو به راحتی با افزودن علامت خط مورب یا Slash (/) به ابتدای اسمشون، می بندیم.
بین تگ بازکننده و تگ پایانی محتوای ما قرار میگیره:
<h1>My First Heading</h1> <p>My first paragraph</p>
وظیفه یک مرورگر (کروم، فایرفاکس، اینترنت اکسپلورر) اینه که سند html رو بخونه و اونو به شکل یه صفحه وب نشون بده. مرورگر تگ‌ها رو نشون نمیده. بلکه از تگ‌ها استفاده میکنه تا تشخیص بده که هر محتوا چه جوری باید نمایش داده بشه. عکس زیر کد بالا رو توی مرورگر IE نشون میده:
HTML tags on IE
در زیر یه تجسمی از ساختار یک صفحه وب رو می بینید:
<html>
<body>
</body>
</html>
از سال 1991 تا سال 2012 چندین نسخه مختلف از HTML معرفی شدن.
| Version | Year |
|---|---|
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2012 |
توی وب اسناد مختلفی وجود دارند و مرورگر برای اینکه بدونه قراره چی رو نشون بده باید نوع سند رو بشناسه. برای معرفی سند html به مروگر از <DOCTYPE!> استفاده می کنیم. روش استفاده از DOCTYPE در
به شکل زیره:
<!DOCTYPE html>
DOCTYPE یعنی Document Type یا نوع سند.
شنبه, 4 اکتبر 2014 — 8:46 ب.ظ
مطالبت خوبن.
سادگیشم عالیه ینی دیگه ازین ساده تر نمیدونم چجوری میشه دیگه
پراکنده خوندم حالا دیگه ب ترتیب میرم جلو
کمک خواستی در خدمتیم!：)
دوشنبه, 6 اکتبر 2014 — 3:40 ب.ظ
سلام
خیلی خیلی خوشحالم که مطالب سایت تونسته رضایتتون رو جلب کنه :) حتما سعی میکنم از پتانسیل های دوستان برای ادامه کار کمک بگیرم
دوشنبه, 8 سپتامبر 2014 — 6:32 ب.ظ
میگم چرا من از این چیزایی که مینویسی هیچی نمیفهمم؟؟؟:)
چون اطلاعات اصلا ندارم…:( سوال نداشت که…
ولی دارم سعیمو میکنم با دقت بیشتری بخونم که بتونم استفاده کنم…
در کل کار قشنگیه که دانشتو با بقیه به اشتراک میذاری… آورین
دوشنبه, 8 سپتامبر 2014 — 7:10 ب.ظ
سلام
دوست خوبم من همه سعیم رو میکنم که خیلی خیلی ساده بنویسم. نیازی هم نیست خیلی دقت کنی. هرجاشو مشکل داشتی بپرس. من در خدمتم. البته به زودی سرویس پرسش و پاسخ سایت هم راه اندازی میشه که میتونید هر سوالی در زمینه کامپیوتر داشتید اونجا بپرسید ;)
سه شنبه, 9 سپتامبر 2014 — 8:27 ب.ظ
سلام
ببخشید خو…ولی چون هربار اومدم با گوشی اومدم…واسه همین که شاید خیلی مطالبو سامان یافته نخوندم و بنظرم نامفهوم اومدن…
بله..چه خوب…مرسی پس راه انداختی خبر کن ; )
یکشنبه, 14 سپتامبر 2014 — 6:22 ب.ظ
خوشحال میشم که اگه با گوشی مشکلی تو سایت پیدا کردی بهم اطلاع بدی :)
اون سرویس پرسش و پاسخ هم به زودی ایجاد میشه ;)
جمعه, 19 سپتامبر 2014 — 8:14 ب.ظ
چشم حتما
اگر کمکی از دستم برمیومد کاری داشتی خواستی چیزیو امتحا کنی در خدمتم..از طریق بچه ها خبرم کن
چهار شنبه, 2 جولای 2014 — 7:12 ق.ظ
سیستم محتواش در واقع اختصاصیست و مخصوص کتابخانه نوشته شده و به زبان asp
چهار شنبه, 2 جولای 2014 — 8:36 ق.ظ
سیستم خوبیه ولی بهتره فونتهاش عوض بشه
دوشنبه, 23 ژوئن 2014 — 7:01 ب.ظ
مینا:
مرسی دوست من :)
نسیم:
خیلی خیلی خیلی ممنونم… :)))
دوشنبه, 23 ژوئن 2014 — 5:58 ب.ظ
امیدوارم تو کارت موفق باشی امیر خیلی خوب بود :)
دوشنبه, 23 ژوئن 2014 — 4:08 ب.ظ
اولین نفرم :پی ، کارت عالیههههههههههههههههه ، یه دونه باشی