نحوه ساختن وب سایت در HTML

فهرست مطالب:

نحوه ساختن وب سایت در HTML
نحوه ساختن وب سایت در HTML

تصویری: نحوه ساختن وب سایت در HTML

تصویری: نحوه ساختن وب سایت در HTML
تصویری: آموزش طراحی وب و ساخت سایت با HTML5 و CSS3 (ساخت گوگل!) 2024, نوامبر
Anonim

تقریباً همه سایت ها امروزه با استفاده از سیستم های مدیریت محتوا - CMS ایجاد می شوند. اما هنوز برنامه نویسان وجود دارند که مستقیماً به زبان نشانه گذاری HTML صفحات وب را با دست ایجاد می کنند. آیا می خواهید یکی از آنها شوید؟

نحوه ساختن وب سایت در HTML
نحوه ساختن وب سایت در HTML

دستورالعمل ها

مرحله 1

برای ویرایش پرونده های html از ویرایشگر متن فقط متن استفاده کنید. نتایج را در رمزگذاری Unicode ذخیره کنید - بنابراین با قرار دادن حروف سیریلیک ، لاتین با umlauts و همچنین نمادهای نمادهای ریاضی و فیزیکی و حروف یونانی در همان صفحه مشکلی نخواهید داشت.

گام 2

همه پرونده ها را با پسوند ".html" نامگذاری کنید (بدون نقل قول). در این نام ها فقط حروف لاتین ، اعداد ، زیرخط ها و خط ها می توانند استفاده شوند ، اما به هیچ وجه از علائم نگارشی دیگر (به جز دوره جدا کننده نام و پسوند) و فاصله ها استفاده نمی شود.

مرحله 3

حتماً صفحه اصلی سایت را در فایلی به نام "index.html" ذخیره کنید (بدون نقل قول). این پرونده را در پوشه ریشه میزبان خود قرار دهید. این محتوای آن است که بازدید کننده سایت با وارد کردن URL خود در نوار آدرس مرورگر بدون پارامترهای اضافی ، آن را مشاهده می کند. بقیه صفحه و فایلهای تصویری را در همان پوشه قرار دهید.

مرحله 4

در هر پرونده ، بلوک های شروع و پایان را از قبل ترتیب دهید. آنها را همانطور که در شکل نشان داده شده مرتب کنید. در آخرین خط از بلوک QC اولیه - مقدار هگزادسیمال میزان روشنایی جز component قرمز رنگ زمینه از 00 تا FF ، ЗЗ - همان قسمت سبز ، CC - همان برای جز blue آبی.

مرحله 5

محتوای صفحه را بین بلوک های شروع و پایان قرار دهید.

مرحله 6

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

مرحله 7

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

مرحله 8

برای برجسته سازی متن با حروف بزرگ و حروف درشت ، از برچسب ها و ترکیبات آنها در شکل نشان داده شده استفاده کنید.

مرحله 9

برای تغییر اندازه و رنگ قلم ، از دستور نشان داده شده در شکل بالا استفاده کنید ، جایی که مقادیر CC ، ZZ و SS به همان روشی که برای رنگ پس زمینه تعریف شده است ، HIGH ارتفاع قلم در نقاط است. اگر فقط اندازه یا فقط رنگ قلم تغییر کند ، برچسب های رنگ یا قلم را نمی توان حذف کرد. برای لغو این دستور ، از برچسب نشان داده شده در تصویر زیر استفاده کنید.

مرحله 10

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

مرحله 11

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

مرحله 12

در وب برای یافتن یک آموزش در مورد زبان نشانه گذاری HTML جستجو کنید ، و می آموزید که چگونه از بقیه برچسب هایی که ده ها مورد در آن زبان دارند استفاده کنید.

توصیه شده: