یک صفحه وب از کجا شروع می شود؟
مراحل ایجاد چیست برای اینکه بفهمید یک صفحه وب چیست، باید نحوه تشکیل آن را بدانید.
طرح
همه چیز با کار یک طراح شروع می شود. او مطابق با الزامات و اهداف مشتری، طرح‌بندی سایت آینده را توسعه می‌دهد. این طرح برای یک، دو یا چند صفحه ایجاد شده است. در این مرحله، محل قرارگیری تمام اشیاء لازم مشخص می شود، انتخاب فونت ها، تصاویر، به طور کلی طراحی انجام می شود. یعنی در ابتدا ظاهر صفحات شکل می گیرد که سپس یک سایت تمام عیار از آن جمع آوری می شود.
چیدمان
سپس طراح چیدمان درگیر کار می شود. بر اساس طرح‌بندی ایجاد شده توسط طراح، او طرح‌بندی صفحه را می‌سازد و آن را برای مرورگرهای مختلف بهینه می‌کند. برای این، یک سند معمولی، به عنوان مثال، در Notepad ایجاد می شود که با پسوند html ذخیره می شود. به این زبان است که یک صفحه وب ساده نوشته می شود. HTML مخفف HyperText Markup Language و مجموعه ای از برچسب ها است که اهداف مختلفی را انجام می دهند. این زبان به اندازه کافی ساده، اما کاربردی است. با کمک آن، ساختار منطقی صفحه ایجاد می شود و به عناصر جداگانه - سرفصل ها، فهرست ها، پاراگراف ها، جداول و سایر اشیاء تقسیم می شود. علاوه بر این، برچسب ها معنای تمام محتوا را مشخص می کنند. آنها به مرورگر اطلاعاتی در مورد اینکه چه مواردی را برجسته کند، تأکید کند، کجا تورفتگی کند، کجا یک عکس درج کند و چه چیزی را به پیوند تبدیل کند، می دهند. در نتیجه صفحه ظاهر مناسبی به خود می گیرد. با این حال، برای مطابقت کامل با آنچه که طراح به آن دست یافته است، باید از CSS نیز استفاده کنید. اینها شیوه نامه های آبشاری هستند که ظاهر و احساس یک سند html را تعریف می کنند. با کمک ابزارهای CSS، می توانید صفحه را به رنگ های دلخواه "رنگ آمیزی" کنید، یک سبک فونت را اعمال کنید، عناصر طراحی دیگر را اضافه کنید. استفاده از HTML و CSS به ما یک صفحه تمام شده و زیبا می دهد. اما هنوز باید پویا شود و این به برنامه نویس بستگی دارد.
برنامه نويسي
در این مرحله، شما قبلاً درک درستی از چیستی صفحه وب و نحوه ایجاد آن ایجاد کرده اید. با این حال، این همه نیست. انواع مختلفی از صفحات وجود دارد - ایستا، پویا و تعاملی. اولین ها فقط آنهایی هستند که فقط با استفاده از html و css ایجاد می شوند. برای اینکه صفحه را پویا کنید، به یک موتور - CMS (یا سیستم مدیریت محتوا) نیاز دارید. این یک برنامه ویژه است که به درخواست کاربران، صفحه ای را از داده های ذخیره شده در پایگاه داده سرور تشکیل می دهد. یعنی صفحه در لحظه دریافت درخواست از کاربر ایجاد می شود. برای نوشتن آن از زبان هایی مانند ASP، PHP و غیره استفاده می شود. در مورد صفحات تعاملی، آنها شامل فرم هایی هستند که از طریق آنها کاربر و سرور داده ها را تبادل می کنند. آنها همچنین به زبان PHP، جاوا اسکریپت و غیره نوشته شده‌اند. برنامه‌نویسی فرآیند پیچیده‌تری نسبت به طرح‌بندی است، به دانش خاص با کیفیت بالا حداقل یک (یا بهتر از چند) از زبان‌های ذکر شده نیاز دارد.
صفحه وب چگونه بارگذاری می شود؟
برای اینکه صفحه در دسترس همه کاربران اینترنت قرار گیرد، آن (یعنی سندی که در آن توضیح داده شده است) روی یک وب سرور قرار می گیرد. این رایانه ای است که به طور مداوم کار می کند و منتظر درخواست های مرورگرها است. وقتی آن را دریافت کرد، منبع مورد نیاز (مثلاً یک صفحه وب) را پیدا کرده و به مرورگر مربوطه ارسال می کند. دومی به نوبه خود یک صفحه وب را بر اساس اطلاعات (سیگنال) موجود در سند نمایش می دهد.
چرا نمی توانم صفحه وب را باز کنم؟
شرایطی وجود دارد که شما درخواستی را وارد می کنید (یک آدرس را مشخص کنید، یک کلمه را در نوار جستجو بنویسید یا روی یک پیوند کلیک کنید)، اما مرورگر نمی تواند اطلاعات مورد نیاز شما را نمایش دهد و می نویسد که صفحه وب پیدا نشد. دلیل اینجا چیست و چگونه می توان این مشکل را حل کرد؟
ابتدا باید url را بررسی کنید تا ببینید درست است یا خیر. اگر اشتباهی در هر حرف یا علامتی رخ دهد، سرور قادر به یافتن اطلاعات مناسب با درخواست شما نخواهد بود و بر این اساس مرورگر قادر به نمایش آن نخواهد بود. اما اگر آدرس صحیح است، پس چرا صفحه وب در دسترس نیست؟ کوکی ها ممکن است دلیل آن باشند. آنها توسط صفحات وب ایجاد می شوند که قبلاً برای ذخیره برخی تنظیمات و موارد دیگر از آنها بازدید کرده اید. اگر چنین فایلی آسیب ببیند، ممکن است در بارگذاری عادی صفحه اختلال ایجاد کند. برای رفع این وضعیت، باید آن را حذف کنید. برای انجام این کار، بخش "حریم خصوصی" را پیدا کنید، به تنظیمات محتوا بروید و در پنجره باز شده، "همه کوکی ها و داده های سایت" را انتخاب کنید. روی حذف همه کلیک کنید.
دلیل سوم ممکن است عملکرد کند مرورگر به دلیل استفاده از سرور پروکسی باشد. برای رفع مشکل باید تنظیمات را تغییر دهید. می توانید این کار را در بخش "اتصالات اینترنت" انجام دهید. شبکه ای را که استفاده می کنید انتخاب کنید، گزینه ها را باز کنید و تب "Proxy Server" را پیدا کنید. تنظیمات مورد نظر را برای استفاده از آن پیکربندی کنید. اکنون همه چیز باید کار کند.
نتیجه
در این مقاله با اینکه صفحه وب چیست، چگونه تشکیل می شود و چه متخصصانی در ایجاد آن نقش دارند، آشنا شدید. همچنین نحوه بارگذاری و نمایش صفحات سایت، چرایی باز نشدن آنها و نحوه حل این مشکل را بررسی کردیم. اکنون کمی بیشتر در مورد نحوه کار اینترنت و منابع وب آن می دانید.
به هر چیزی که در صفحه مرورگر «سفر» در اینترنت می بینیم، صفحه وب گفته می شود. طیف گسترده ای از محتوا (یا محتوا) را می توان در صفحه وب قرار داد: متن، عکس، فیلم، موسیقی صدادار یا یک بازی آنلاین جالب.
هر صفحه وب یک آدرس دارد. این صفحه را می توانید در اینترنت در این آدرس پیدا کنید. آدرس صفحه در نوار آدرس مرورگر نمایش داده می شود. به عنوان مثال، صفحه وب که اکنون در حال مطالعه آن هستید دارای آدرس زیر است:
http://www..html
بررسی کنید که آیا باید در صفحه آدرس مرورگر شما نمایش داده شود.
امروزه بسیاری یک کلمه کلیدی یا یک عبارت کامل را در نوار آدرس وارد می کنند. قبلاً برنامه مرورگر در این مورد خطایی ایجاد می کرد. چنین آدرسی وجود ندارد، صفحه یافت نشد! اکنون مرورگر این خطا را به صورت زیر مدیریت می کند: با درخواستی متشکل از یک کلمه یا عبارت وارد شده در نوار آدرس، به موتور جستجو (Google، Yandex یا دیگری) تبدیل می شود. بنابراین، موتور جستجو سعی می کند کاربر را به پاسخ صحیح به سؤال خود سوق دهد و صفحه وب لازم را در وب پیدا کند، جایی که کلمات وارد شده توسط کاربر اغلب در آن یافت می شود. سعی کنید سوال را در عنوان این مقاله در کادر جستجو بنویسید، لیست کاملی از لینک هایی که حاوی پاسخ این سوال هستند را دریافت خواهید کرد. کاملاً ممکن است که این مقاله را در این لیست بیابید.
اما به آدرس صفحه وب برگردیم. این آدرس از چپ به راست خوانده می شود و از چند قسمت تشکیل شده است. اولین قسمت URL برای صفحات وب همیشه http: // یا https: // خواهد بود. این حروف نام پروتکلی هستند که صفحات وب از طریق اینترنت توسط آن منتقل می شوند. این پروتکل پروتکل انتقال ابرمتن (HTTP) نامیده می شود. صفحات وب ابرمتن معمولی هستند، یعنی متنی با پیوند به سایر متن ها و مواد چند رسانه ای. بنابراین برای انتقال صفحات وب همیشه از پروتکل HTTP استفاده می شود.
اگر یک صفحه وب مانند یک صفحه از یک کتاب باشد که در اینترنت ارسال شده است، خود کتاب را می توان یک سایت اینترنتی در نظر گرفت که چندین صفحه وب را که با پیوندهای اینترنتی به هم پیوند خورده اند را متحد می کند. درست مانند یک صفحه وب، یک سایت اینترنتی نیز یک آدرس دارد. آدرس وب سایت بخشی از آدرس صفحه وب است و بین کاراکترهای // و اولین کاراکتر / قرار دارد.
آدرس سایت دارای دو شکل دیجیتالی – برای کامپیوتر و نمادین – می باشد تا این آدرس توسط مردم درک شود. یک شکل از ارائه به راحتی به دیگری ترجمه می شود. این کار توسط یک سیستم نام دامنه (DNS) ویژه ای انجام می شود که به اینترنت سرویس می دهد.
یک آدرس وب‌سایت که به شکل نمادین نوشته می‌شود دارای چندین مؤلفه است که با نقطه‌هایی از هم جدا شده‌اند، از جمله نام سایت (topauthor) و نام دامنه ملی که سایت به آن تعلق دارد (ru، به معنی روسیه). پس از علامت / نام صفحه WEB قرار می گیرد که در اصل آدرس صفحه در سایت است.
سیستم آدرس دهی به سطح صفحه ختم نمی شود. تمام اجزای محتوا (فایل های تصویری، فایل های موسیقی و فیلم ها) نیز دارای آدرس هستند. به چنین آدرس هایی، مکان یاب منبع یکنواخت (URL) نیز گفته می شود. به عنوان مثال، آدرس لوگوی TopAuthor این است:
این واقعیت که این جزء محتوا یک تصویر است با سه حرف png به دنبال نقطه انتهای آدرس نشان داده می شود. نام تصویر بین / و نقطه قرار دارد. این عکس لوگو نام دارد و در وب سایت www.. قرار داده شده است. اگر آدرس بالا را در نوار آدرس مرورگر خود وارد کنید، تصویر لوگوی وب سایت TopAutor روی صفحه نمایش داده می شود.
بعدش چی شد؟ برنامه مرورگر در آدرس محل ذخیره تصویر را در وب سایت www.site پیدا کرد، این فایل را در رایانه محلی کاربر کپی کرد (گاهی اوقات آنها می گویند "دانلود شده") و تصویر مربوطه را در صفحه مرورگر نشان داد که اکنون ذخیره شده است. نه در جایی در آسمان اینترنت، بلکه در رایانه محلی.
در واقع، مطالب ارسال شده در صفحه وب لازم نیست در همان سایت ذخیره شوند. به عنوان مثال، برای ارسال نقاشی "دوباره دوز" در صفحه وب، می توانید پیوندی به فایلی که در سایت دیگری قرار دارد، به عنوان مثال، در سایت ویکی پدیا در مقاله "دوباره دوز" یا در وب سایت گالری ترتیاکوف، بدهید. جایی که این نقاشی به نمایش گذاشته شده است. نتیجه یکسان خواهد بود. در هر دو مورد، تصویر در صفحه وب ظاهر می شود.
صفحه وب خود متنی است که با زبان نشانه گذاری فرامتن خاص (HyperText Markup Language - HTML) نوشته شده است. این متن را می توان با دستور مرورگر برای نشان دادن منبع صفحه وب (مشاهده منبع صفحه) مشاهده کرد. زبان HTML اجازه می دهد تا بدون ابهام قرار دادن تمام اجزای محتوا در صفحه وب را توصیف کند. به عنوان مثال، انواع و اندازه فونت هایی که هنگام چاپ متون استفاده می شود، اندازه تصاویر و موقعیت آنها نسبت به متن.
هر سایت اینترنتی بر روی یک سرور میزبانی می شود. سرور کامپیوتری است که توسط یک برنامه خاص کنترل می شود. سرور تمام درخواست های ارسال شده به سایت را ارائه می دهد. به لطف کار سرور، اطلاعات بین سایت و مرورگر رد و بدل می شود. مرورگر بر روی رایانه کاربر متصل به اینترنت میزبانی می شود و اجرا می شود. به رایانه کاربر، رایانه محلی نیز گفته می شود. فرآیند تبادل اطلاعات بین سرور و رایانه محلی در پاسخ به درخواست مرورگر از رایانه محلی آغاز می شود. این فرآیند بسیار شبیه پخش رادیویی است که در آن سرور فرستنده رادیویی و مرورگر گیرنده رادیویی است.
متن HTML به رایانه محلی منتقل می شود. می توانیم فرض کنیم که یک آلبوم عکس با فضاهای خالی برای تصاویر، موسیقی، کلیپ های ویدئویی و برنامه ها به کامپیوتر محلی منتقل شده است. تاکنون فقط آدرس‌های اینترنتی تمامی موارد محتوای چندرسانه‌ای در این مکان‌ها یافت می‌شود. مرورگر به همه این آدرس‌ها می‌رود و فایل‌های تصاویر، موسیقی یا ویدیوها را از آنها در رایانه محلی کپی می‌کند. سپس تمام این فایل ها طبق برنامه ریزی برنامه نویسی که صفحه وب را توسعه داده است، روی صفحه قرار می گیرند. مرورگر در عرض چند ثانیه با این کار کنار می‌آید، و سپس این کار به عهده کاربر است: خواندن، گوش دادن به موسیقی، تماشای ویدیو. اینترنت در خدمت شماست!
دستورالعمل ها
هر چیزی که بازدید کننده در وب می بیند توسط مرورگر از دستورالعمل های ارسال شده توسط سرور خود بازسازی می شود. این دستورالعمل ها در HTML (زبان نشانه گذاری HyperText) نوشته شده اند و در htm و html برای فایل هایی که در آن ذخیره می شوند برجسته می شوند. شما می توانید چنین فایلی را در یک ویرایشگر متن معمولی ایجاد کنید - این اولین قدم در ایجاد خواهد بود صفحات وب... برای مثال Notepad استاندارد را باز کنید و یک فایل خالی به نام index.html ایجاد کنید. وقتی آدرس وب سایتی را بدون مشخص کردن آدرس خاصی تایپ می کنید صفحه(به عنوان مثال)، اولین کاری که باید انجام دهید این است که جستجو کنید صفحهبا این نام - فهرست.
دستورالعمل های HTML "برچسب" نامیده می شوند و هر یک از آنها در چنین براکت هایی قرار می گیرند -<>... برخی از تگ ها جفت هستند، یعنی از تگ های باز و بسته تشکیل می شوند و اطلاعات بین آنها قرار می گیرد. به عنوان مثال، برچسبی که به مرورگر می گوید که کد در HTML زیر است، مانند این: تگ پایانی که نشان می دهد HTML در این نقطه کامل شده است به صورت زیر نوشته می شود:همانطور که می بینید، تگ بسته با وجود یک اسلش بعد از پرانتز باز با تگ باز تفاوت دارد (
تمام کدهایی که بین تگ ها قرار می دهید و، باید به دو قسمت تقسیم شود - سرصفحه و بدنه سند. تگ های سرفصل باز و بسته به صورت زیر نوشته می شوند:
این قسمت "سرویس" صفحه است - اطلاعات عنوان پنجره، کلمات کلیدی و توضیحات مربوط به روبات های جستجوگر، توضیحات سبک ها، اسکریپت ها و غیره در اینجا قرار داده شده است. عنوان پنجره صفحه را در آن وارد کنید: