بسم الله الرحمن الرحیم
ایجاد صفحات WEB
طراحی سایت مورد نظر :
اگر چه می توان از این مرحله صرف نظر کرد و شروع به نوشتن یک صفحه WEB با استفاده از HTML نمود اما بهتر است طراحی سایت مورد نظرتان را تجزیه و تحلیل کنید تا از سازمان دهی مجدد سایت در آینده جلوگیری کرد.
ایجاد صفحه WEB جدید :
برای اینکار می توان از نرم افزار Word pad یا Note pad استفاده کرد .
1- ابتدا یک صفحه Word pad یا Note pad را باز می کنیم.
2- با استفاده از تگ های HTML کد های خود را می نویسیم.
3- سپس فایل را با پسوند “ .html “ یا “.htm” ذخیره می کنیم.
دستور شروع کردن صفحه WEB :
1-تگ آغازی HTML را تایپ کنید.
2-تگ پایانی HTML را تایپ کنید.
این صفحه را می توانید در Browser مشاهده کنید .( البته یک صفحه سفید را می بینید.)
استفاده از تگ های پایه ای و بدنه :
اکثر صفحات WEB دارای دو قسمت سر و بدنه می باشند در قسمت سر TITLE قرار می گیرد که شامل اطلاعاتی درباره صفحه و محل نوشتن اسکریپتها می باشد و این قسمت توسط موتور های جست و جو مورد استفاده قرار می گیرد. به غیر از تیتر صفحه که توسط TITLE مشخص می شود همه موارد نمایان نمی شود.
ترتیب نوشتن این تگ ها درون تگ های HTML :
همیشه به این نکته توجه کنید که پس از نوشتن تگ ابتدایی بلافاصله تگ پایانی آن را بنویسید تا در صفحاتی که کدها و تگ ها زیاد می باشند به مشکل برخورد نکنید.
نکات مورد توجه :
1- اگر چه تگ های HEAD و BODY اختیاری هستند اما برای تعیین تیتر برای صفحه خود الزامیست در غیر این صورت قادر نخواهید بود برای صفحه خود تیتر مشخص کنید.
2- دلیل دیگر برای استفاده از این تگ برای اجرای اسکریپت ها می باشد.
تگ :
هر کدام از صفحات WEB باید دارای یک تیتر مفهومی و کوتاه باشند که برای موتور های جست وجو نیز با اهمیت می باشد.
نحوه قرارگیری تک :
نکات مورد توجه :
1- تگ TITLE همیشه مورد نیاز است و در قسمت تیتر پنجره نمایش داده می شود.
2- در تیتر نمی توان هیچ گونه تصویر ، فرمت یا تصویری قرار داد.
3- تیتر را باید با دقت کافی انتخاب نمود این نام در قسمت های History List , Favorite List و منوی Bookmark ذخیره می شود.
4- اگر تیتر صفحه دارای سمبل های خاص است باید از کدهای مربوط به آن استفاده کرد.(سمبل های خاص در مبحث جلسه اول توضیح داده شد )
سازماندهی صفحه :
در HTML ، 6 سطح طبقه بندی شده برای نوشتن تیترهای داخل صفحه از نظر اندازه فونت تعیین شده است.
1- در قسمت Body تگ
2- اگر می خواهید محل قرار گرفتن تیتر را در صفحه مشخص کنید از ویژگی ALIGN که مقادیر چپ ، راست و مرکز را دارا می باشد استفاده می کنیم.
پاراگراف:
گفتیم که HTML هیچگاه Enter را به منزله خط بعد درک نمی کند یکی از راههای ایجاد خط بعد استفاده از تگ پاراگراف می باشد.
مثال :
خروجی :
نکات مورد توجه :
1- تگهای
2- به توجه به خروجی فوق می بینیم که عنوانی که در TITLE استفاده کردیم در قسمت تیتر پنجره نمایش داده شد.
3- برای تعیین فرمت پاراگراف می توان از دستور Style که مشخص کننده فونت ،اندازه و رنگ متن است استفاده کرد که در بخش های بعدی توضیح داده می شود.
4- یک راه میانبر برای ایجاد فاصله تایپ کردن دستور می باشد.
تماشای صفحه WEB در Browser :
نرم افزار Browser خود را باز کرده و از مسیر File /Openfile فایل را انتخاب کرده و باز کنید.
نکات مورد توجه :
1- اگر صفحه WEB خود را در پنجره Open مشاهده نکردید دقت نمایید که پسوند فایل شما حتما “.html “ یا “.htm” باشد.
2- می توان هم Browser و هم ٍEditor که از آن برای نوشتن تگ ها استفاده می کنید را همزمان باز نگه دارید و هر تغییری را سریع ذخیره نموده و صفحه تغییر یافته را در Browser با زدن Refresh مشاهده نمایید.
ایجاد صفحات WEB
طراحی سایت مورد نظر :
اگر چه می توان از این مرحله صرف نظر کرد و شروع به نوشتن یک صفحه WEB با استفاده از HTML نمود اما بهتر است طراحی سایت مورد نظرتان را تجزیه و تحلیل کنید تا از سازمان دهی مجدد سایت در آینده جلوگیری کرد.
ایجاد صفحه WEB جدید :
برای اینکار می توان از نرم افزار Word pad یا Note pad استفاده کرد .
1- ابتدا یک صفحه Word pad یا Note pad را باز می کنیم.
2- با استفاده از تگ های HTML کد های خود را می نویسیم.
3- سپس فایل را با پسوند “ .html “ یا “.htm” ذخیره می کنیم.
دستور شروع کردن صفحه WEB :
1-تگ آغازی HTML را تایپ کنید.
2-تگ پایانی HTML را تایپ کنید.
این صفحه را می توانید در Browser مشاهده کنید .( البته یک صفحه سفید را می بینید.)
استفاده از تگ های پایه ای و بدنه :
اکثر صفحات WEB دارای دو قسمت سر و بدنه می باشند در قسمت سر TITLE قرار می گیرد که شامل اطلاعاتی درباره صفحه و محل نوشتن اسکریپتها می باشد و این قسمت توسط موتور های جست و جو مورد استفاده قرار می گیرد. به غیر از تیتر صفحه که توسط TITLE مشخص می شود همه موارد نمایان نمی شود.
ترتیب نوشتن این تگ ها درون تگ های HTML :
همیشه به این نکته توجه کنید که پس از نوشتن تگ ابتدایی بلافاصله تگ پایانی آن را بنویسید تا در صفحاتی که کدها و تگ ها زیاد می باشند به مشکل برخورد نکنید.
نکات مورد توجه :
1- اگر چه تگ های HEAD و BODY اختیاری هستند اما برای تعیین تیتر برای صفحه خود الزامیست در غیر این صورت قادر نخواهید بود برای صفحه خود تیتر مشخص کنید.
2- دلیل دیگر برای استفاده از این تگ برای اجرای اسکریپت ها می باشد.
تگ :
هر کدام از صفحات WEB باید دارای یک تیتر مفهومی و کوتاه باشند که برای موتور های جست وجو نیز با اهمیت می باشد.
نحوه قرارگیری تک :
نکات مورد توجه :
1- تگ TITLE همیشه مورد نیاز است و در قسمت تیتر پنجره نمایش داده می شود.
2- در تیتر نمی توان هیچ گونه تصویر ، فرمت یا تصویری قرار داد.
3- تیتر را باید با دقت کافی انتخاب نمود این نام در قسمت های History List , Favorite List و منوی Bookmark ذخیره می شود.
4- اگر تیتر صفحه دارای سمبل های خاص است باید از کدهای مربوط به آن استفاده کرد.(سمبل های خاص در مبحث جلسه اول توضیح داده شد )
سازماندهی صفحه :
در HTML ، 6 سطح طبقه بندی شده برای نوشتن تیترهای داخل صفحه از نظر اندازه فونت تعیین شده است.
1- در قسمت Body تگ
2- اگر می خواهید محل قرار گرفتن تیتر را در صفحه مشخص کنید از ویژگی ALIGN که مقادیر چپ ، راست و مرکز را دارا می باشد استفاده می کنیم.
پاراگراف:
گفتیم که HTML هیچگاه Enter را به منزله خط بعد درک نمی کند یکی از راههای ایجاد خط بعد استفاده از تگ پاراگراف می باشد.
مثال :
خروجی :
نکات مورد توجه :
1- تگهای
2- به توجه به خروجی فوق می بینیم که عنوانی که در TITLE استفاده کردیم در قسمت تیتر پنجره نمایش داده شد.
3- برای تعیین فرمت پاراگراف می توان از دستور Style که مشخص کننده فونت ،اندازه و رنگ متن است استفاده کرد که در بخش های بعدی توضیح داده می شود.
4- یک راه میانبر برای ایجاد فاصله تایپ کردن دستور می باشد.
تماشای صفحه WEB در Browser :
نرم افزار Browser خود را باز کرده و از مسیر File /Openfile فایل را انتخاب کرده و باز کنید.
نکات مورد توجه :
1- اگر صفحه WEB خود را در پنجره Open مشاهده نکردید دقت نمایید که پسوند فایل شما حتما “.html “ یا “.htm” باشد.
2- می توان هم Browser و هم ٍEditor که از آن برای نوشتن تگ ها استفاده می کنید را همزمان باز نگه دارید و هر تغییری را سریع ذخیره نموده و صفحه تغییر یافته را در Browser با زدن Refresh مشاهده نمایید.
