»»مهندسی کامپیوتر پیام نور گرمسار««
»»مهندسین کامپیوتر پیام نور گرمسار««»»مهندسی کامپیوتر پیام نور گرمسار««
»»مهندسین کامپیوتر پیام نور گرمسار««راه اندازی یک دات کام در منزل
اگر از ویندوز 2000 و یا ویندوز XP استفاده میکنید شما هم میتوانید به سادگی یک وب سرور شخصی بر روی سیستم خود راه اندازی نمایید. ممکن است شما دارای یک وب سایت باشید و بخواهید قبل از بارگذاری سایتتان آن را بصورت محلی آزمایش نمایید و یا اینکه دوست دارید اطلاعات خاصی را در آن قرار دهید تا دوستان و همکارانتان در شبکه ای که به آن متصل هستید از اطلاعات شما استفاده کنند. شاید هم دلایل دیگری باعث شود شما علاقه داشته باشید تا یک دات کام راه اندازی کنید.اگر از Windows 2000 Professional و یا Windows XP Professional استفاده میکنید فقط کافیست مطمئن شوید نسخه ای از این سیستم عاملها را بر روی CD موجود دارید و سپس مراحل زیر را طی کنید:
1 - Control Panel را باز کنید
2 - نماد Add/Remove Programs را با دوبار کلیک بر روی آن باز کنید
|
|
3 - گزینه Add/Remove Windows Components را انتخاب نمایید
|
|
4 - در میان گزینه های موجود چنانچه Internet Information Service انتخاب نشده بود آن را انتخاب کنید و سپس دکمه Next را بزنید و اجازه دهید اجزای لازم نصب شود. چنانچه گزینه ذکر شده انتخاب شده بود آن را انتخاب کنید و Details را بزنید و کنترل کنید که گزینه World Wide Web Service در انتهای لیست در حالت انتخاب قرار دارد.
5 - حالا یک نام باید برای دات کام خود در نظر بگیرید که در اینجا بعنوان نمونه mywebsite را در نظر میگیریم و باید حالا تغییراتی را اعمال کنیم تا سایت با وارد کردن آدرس www.mywebsite.com کار کند. برای اینکار مراحل زیر را طی کنید:
الف - به پوشه System32 درون پوشه ویندوز در درایوی که ویندوز نصب شده است بروید ( WINNT یا Windows)
ب - حالا وارد پوشه Drivers بشوید و سپس Etc
پ - درون این پوشه تعدادی فایل موجود است که ما با hosts سرو کار خواهیم داشت. این فایل را با Notepad باز کنید و یک سطر جدید مانند آنچه در شکل آمده است را اضافه کنید:
|
|
ت - فایل را با مراجعه به منوی File و سپس انتخاب گزینه Save ذخیره نمایید
6 - حالا اگر در Internet Explorer و یا یک پویشگر دیگر آدرس www.mywebsite.com را وارد کنید باید کار کند فقط صفحه پیش فرض مایکروسافت ظاهر میشود که برای قرار دادن صفحه خود باید در درایوی که ویندوز شما نصب شد است ابتدا وارد پوشه inetpub و سپس wwwroot بشوید و یک فایل Default.htm و یا Default.asp در این آدرس قرار دهید تا صفحه مورد نظر شما نمایش داده شود. اگر برنامه ساخت صفحات وب در دسترس ندارید فقط کافیست Notepad را بازد کنید و کد زیر را در آن وارد کنید و بعنوان default.htm آن را در آدرس ذکر شده ذخیره نمایید:
<html>
<body>
<h1>My website at home!</h1>
</body>
</html>
درس ۵ - لیستها ی < ul >, < ol >
لیستها روشهای خوب و روشنی برای بیان مطالب هستند .اهداف این درس
1- شناسایی کدهایی برای ایجاد لیستها
2- ایجاد لیست در سند و مشاهده آن
شروع درس
خیلی از صفحات وب اقلام خود را بصورت لیستهای نقطه دار یا شماره دار نشان می دهند ، بوجودآوردن این لیستها در HTML کار آسانی است . همچنین شما می توانید لیستهای تو در تو نیز ایجاد کنید ، لیستها در جداول و فصل بندی ها نیز بسیار مهم هستند .
لیستهای نامرتب یا تگهای < ul > و < ul / > مانند لیست نقطه دار اقلام ظاهر می شوند . اینگونه لیستها نیاز به مرورگرهای خاصی برای تیتر دارند و همه نوع مرورگری آن را حمایت نمی کند .
مثال :
تگ < UL > و < UL / > به ترتیب در آغاز و پایان لیست ظاهر می شود.
لیستهای مرتب
در این لیستها اقلام بصورت مسلسل شماره گذاری می گردند و شروع آن با عدد 1 می باشد.
لیستهای تو در تو
لیستهای مرتب و نامرتب سطوح مختلفی دارند که هر کدام می توانند توسط مرور گر شما بطور مناسب اختصاص داده شوند توجه اصلی شما باید به این قضیه معطوف باشد که مشخص شود که لیست بطور مناسب پایان پذیرفته و ترتیب لیست تو در تو رعایت شود . تگهایی که در این قضیه استفاده می شود عبارتند از :
< ol > , < li > , < /ul > , < /li >
مثال :
ترکیب لیستهای تو در تو با یکدیگر
نه تنها می توانید لیستهای مرتب را با یکدیگر ترکیب کنید بلکه می توانید انواع مختلفی از لیستها را با هم ترکیب و بکار برید .
قرار دادن لیست ها در سند HTML
1- باز کردن محیط کاری
2- باز کردن سند HTML در ویرایشگر متنی
3- در زیر سر فصل آموزش از راه دور از لیستهای نامرتب برای نمایش آموزشهایی که در سایت بصورت Online داریم استفاده می کنیم
4- ابتدا جمله فوق را استفاده کنید . چندمورد از آنها را می دانید ؟
5- قالب HTML را برای ایجاد لیست اضافه کنید .
6- می توانیم از لیستهای مرتب برای تکلیف درس استفاده کنید .
7- نتایج خود را ذخیره کنید .
مروری بر مطالب
1- لیستها در صفحات وب چه ارزشی دارند ؟
2- تگ های HTML مرتب با لیستهای نامرتب چیست ؟
3- تک لیستهای مرتب چیست ؟
4- چگونه لیستهای تو در تو آرایش می شوند ؟
5- چه مراحلی برای اضافه کردن این لیستها ایجاد می شود؟
تمرین
در صفحه وب خود از انواع لیستهای آموزش داده شده استفاده کنید .
درس 3 - نشانه گذاری 6 درجه
اهداف این درس :1- شناسایی درجات مختلفی از نشانه گذاری در HTML و تگهای مربوط به آن
2- گذاشتن درجات مختلف نشانه گذاری در سند و مشاهده تغییرات در مرورگر
شروع درس
نشانه گذاری عنوانگذاری HTML
< hn / > متن شما به این سایز ظاهر می شود < hn >
n عددی است از 1 تا 6
مثال
در اینجا این نوشته 6 درجه مختلف دارد . درجات این نشانه گذاری مابین درجات 1 تا 6 می باشد و در خارج از این رده تناقض دارید ،
جایگذاری عنوان ها در سند HTML
تذکر : اگر محیط کاری ندارد طبق آدرس قبل ایجاد کنید .
1- محیط کاری باز کنید ( اگر هنوز باز نشده است )
2- به پنجره ویرایشگر متنی بروید .
3- پنجره HTML که در درس 2 ایجاد کردید را باز کنید .
4- این تگها را برای بزرگترنمایش دادن titlebar استفاده می کنیم .
< h1 > lesson1 < / h1 >
5- مطالب زیر را وارد کنید
درس 3 :
6- تغییرات خود را ذخیره کنید .
7- به پنجره مرور گر باز گردید و سند را باز و Refresh کنید .
آزمایش
سند خود را با سند نمونه مقایسه کنید اگر بعضی ازنشانه گذاری ها اعمال نشده بود دوباره تگهای مربوط را اصلاح کنید .
از اشتباهات معمولی که در هنگام کار عملی در این درس پیش می آید عدم استفاده از در نشانه گذاریها است .
< h1 > lesson1 < h1 > علامت اسلش فراموش شده است اگر / در تگ فراموش شود . مرور گر آن متن را با این درجه نشان نمی دهد و برای اصلاح دوباره باید به سند باز گردید .
مروری بر مطالب
1- درجه های مختلف نشانه گذاری حروف چه هستند ؟
2- تگهای مرتبط با این درجات نشانه گذاری چه هستند ؟
3- چه مراحلی را بایدبرای ایجاد متون با سایزهای مختلف دنبال کنید .
4- اگر / را فراموش کردید چه باید کنید ؟
تمرین :
در سند HTML خود از 3 درجه نشانه گذاری استفاده کنید.
درس 2 - ویرایش یک سند HTML
شما اولین سند HTML خود را ایجاد کردید . در این درس خواهید آموخت که چگونه با سرعت ، تغییراتی در سند خود ایجاد کنید و تغییرات را در مرورگر خود ببینید. بعد از آموزش این درس توانائیهای زیر را خواهید داشت :
1- ایجاد یک محیط کاری
2- تغییرات در سند HTML
3- اجرای سند مرورگر برای دیدن تغییرات
ایجاد دوباره محیط کاری
برای تکمیل این درس شما نیاز به ایجاد یک پنجره مرورگر دوم و پنجره Editor متنی که در درس 1 استفاده کردید دارید.
1- یک پنجره جدید از مرورگر. به وسیله انتخاب گزینه New Window از منوی File .
2- از گزینه Open برای باز کردن سند HTML که در قبل ایجاد کردید استفاده کنید.
3- Editor متنی خود را دوباره باز کنید .
انجام تغییرات در سند HTML
1- وارد شدن در پنجره Edit ویرایشگر متنی
2- متن زیر را در درس قبل وارد کنید .
"در اینجا شما با یک سایت آموزشی – آموزش از را دور روبرو هستید
امیدواریم از این سایت لذت ببرید "
نکته :
این متن بالای تگ < body / > و < html / > باشد.
بین < body > و < body / > نوشته می شود .
3- از منوی فایل ، با انتخاب گزینه Save تغییرات خود را ذخیره کنید .
باز کردن سند در مرورگر
به محیط کاری مرورگر خود بازگردید . جایی که فایل قبلی شما نمایش داده شده است . توجه داشته باشید که متون جدیدی که شما وارد کردید، هنوز قابل رویت در پنجره شما نیست . برای دیدن این تغییرات از کلید Refresh استفاده کنید . در این صورت هر تغییری که ایجاد کرده اید را مشاهده می کنید .
ذکر این نکته ضروری است که مرورگر وب از کلیه فاصله ها و کاراکترهای خالی که در سند وارد کردید چشم پوشی می کند .
البته مشخص است که زمانی می رسد که شما نیاز دارید که جاهای خالی در سند خود را مابین پاراگرافها استفاده کنید که در درس 4 این مطلب را می آموزید . شما می توانید فایل خود را در Desktop ذخیره کنید و از همانجا به اجرا در آورید .
آزمایش
سند ایجادی خود را با سند نمونه مقایسه کنید، اگر صفحه شما با نمونه متفاوت بود دوباره مروری بر مطالبی که در ویرایشگر متنی وارد کردید داشته باشید.
مروری بر مطالب
1- چگونه محیط کاری را باز کردید.
2- چه مراحلی را برای ایجاد تغییر دنبال کردید.
3- چگونه تغییرات را در سند خود مشاهده کردید.
تمرین :
با توجه به مطالبی که در آموزش دیدید سندی که در درس قبل ایجاد کردید تغییر داده و سپس تغییرات خود را مشاهده کنید .