ایجاد یک صفحه وب. ایجاد اولین صفحه وب صفحه وب یک سند html است

هدف کار: آشنایی دانش آموزان با مفاهیم اولیه زبان HTML، ساختار یک سند HTML، برچسب های اجباری، نظرات، روش های قالب بندی متن، سبک های فیزیکی و منطقی و کسب مهارت در ایجاد اسناد وب ایستا ساده.

در کلاس های آزمایشگاهی از ویرایشگر متن Notepad برای تهیه فایل های HTML و مرورگر اینترنت اکسپلورر به عنوان ابزاری برای نظارت بر کارهای انجام شده استفاده می کنیم.

اطلاعات نظری

مفاهیم اساسی

فرامتن- یک ساختار اطلاعاتی که به شما امکان می دهد ارتباطات معنایی بین عناصر متنی را در صفحه رایانه ایجاد کنید به گونه ای که بتوانید به راحتی از یک عنصر به عنصر دیگر منتقل شوید. در عمل، در ابرمتن، برخی از کلمات با خط کشی یا رنگ آمیزی با رنگی متفاوت (هایپرلینک) برجسته می شوند. برجسته کردن یک کلمه نشان دهنده ارتباط بین این کلمه و سندی است که در آن موضوع مرتبط با کلمه برجسته شده با جزئیات بیشتری مورد بحث قرار گرفته است. یک سند جداگانه که در قالب HTML نوشته شده است، نامیده می شود:

سند HTML؛

سند وب؛

صفحه وب.

چنین صفحاتی معمولاً در قالب NTM یا HTML هستند.

گروهی از صفحات وب متعلق به یک نویسنده یا یک بدنه IEDV و به هم پیوسته توسط لینک های مشترک ساختاری به نام گره وب یا وب سایت را تشکیل می دهند. هر صفحه HTML URL منحصر به فرد خود را دارد - الفدصهجدر اینترنت

قاب (قاب) - اصطلاحی که دو معنی دارد. اولین مقدار ناحیه سند با نوارهای پیمایش خاص خود است. دومی یک تصویر 0DNN0H در یک فایل گرافیکی متحرک (فریم) است.

اپلت (اپلت) - برنامه ای که در قالب به کامپیوتر مشتری منتقل می شود فایل جداگانهو هنگام مشاهده یک صفحه وب راه اندازی می شود.

اسکریپت (اسکریپت) ، یا اسکریپت، برنامه ای است که در یک صفحه وب برای گسترش قابلیت های آن گنجانده شده است. در شرایط خاص، مرورگر اینترنت اکسپلورر این پیام را نمایش می‌دهد: «اجازه می‌دهید اسکریپت‌ها در صفحه اجرا شوند؟» در این مورد منظور ما اسکریپت ها است.

CGI (مشترک دروازه رابط) - یک نام کلی برای برنامه هایی که با کار بر روی یک سرور، به شما امکان می دهد قابلیت های صفحات وب را گسترش دهید. بدون چنین برنامه هایی امکان ایجاد صفحات وب تعاملی وجود ندارد.

مرورگر (مرورگر) - برنامه ای برای مشاهده صفحات وب

عنصر- طراحی زبان HTML شما می توانید آن را به عنوان ظرفی در نظر بگیرید که داده ها را در خود نگه می دارد و به شما امکان می دهد آن ها را به روشی خاص قالب بندی کنید. هر صفحه وب مجموعه ای از عناصر است. یکی از ایده های اصلی فرامتن، امکان تودرتو عناصر است. به عنوان مثال:

محتوای عنصر، داده هایی که عنصر فرمت می کند

برچسب بزنید(در برچسب انگلیسی - label, descriptor, label) - نشانگر شروع یا پایان یک عنصر. برچسب ها مرزهای عمل عناصر را مشخص می کنند و عناصر را از یکدیگر جدا می کنند. در متن یک صفحه وب، برچسب ها در براکت های زاویه ای قرار می گیرند< >، و تگ پایان همیشه با یک اسلش دنبال می شود. متنی که بین این پرانتزها وجود ندارد (< >)، هنگام مشاهده در مرورگر کاملاً قابل مشاهده است. به عنوان مثال:

محتوای عنصر، داده هایی که

یک عنصر را قالب بندی می کند

این متن در یک پاراگراف جداگانه قرار خواهد گرفت

هر صفحه وب مجموعه ای از عناصر است. یکی از اصول اساسی HTML توانایی تودرتو کردن یک عنصر در عنصر دیگر است.

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

این متن در مرکز صفحه تراز می شود

این مثال دوباره از یک برچسب استفاده می کند که ابتدا و انتهای یک پاراگراف را مشخص می کند. با این حال، تگ شروع حاوی یک ویژگی align است که تراز متن را در مرکز صفحه تنظیم می کند.

لطفا توجه داشته باشید:

هر اطلاعات مفیدباید بین تگ های شروع و پایان باشد که فرمت آن را نشان می دهد.

تمام ویژگی ها در تگ شروع قرار دارند.

برای سهولت استفاده، می توانید تگ شروع را با یک حرف بزرگ (بزرگ) (P) و تگ پایان را با یک حرف کوچک (کوچک) (/p) بنویسید، اگرچه این کار ضروری نیست.

همه عناصر به تگ پایان (بستن) نیاز ندارند.

شروع به نوشتن هر عنصر جدید در یک خط جدید کنید. تورفتگی عناصر تو در تو (تب). این دوباره ضروری نیست، اما کار شما را بسیار آسان می کند.

HTML (HyperText Markup Language) یک زبان ویژه برای قالب بندی اسناد متنی است (به آن زبان نشانه گذاری اسناد نیز می گویند - WWW document viewer). HTML مجموعه ای نسبتاً ساده از دستورات است که ساختار یک سند را توصیف می کند. HTML به شما این امکان را می‌دهد که بخش‌های منطقی جداگانه را در متن برجسته کنید (عنوان، پاراگراف‌ها، فهرست‌ها، و غیره)، یک عکس یا عکس آماده شده جداگانه را در یک صفحه وب قرار دهید، و پیوندها را در صفحه برای ارتباط با سایر اسناد سازماندهی کنید.

HTML ویژگی های خاص و دقیق قالب بندی سند را مشخص نمی کند، مانند مایکروسافت ورد. نوع خاص سند در نهایت فقط توسط برنامه تعیین می شود - مرورگردر کامپیوتر شما نیاز به چنین رویکردی با ناهمگونی سخت افزار و نرم افزارکامپیوترهای متصل به اینترنت HTML همچنین یک زبان برنامه نویسی نیست، اما صفحات وب می توانند شامل برنامه های داخلی باشند - اسکریپت هادر زبان ها و برنامه های Javascript و Visual Basic Script - اپلت هابه زبان جاوا

از نقطه نظر کاربر ویندوز، یک صفحه وب به سادگی یک فایل *.htm یا *.html است که در یک سرور اینترنتی، در شبکه محلییا روی هارد دیسک دستگاه شما

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

تمام تگ ها در HTML به دو نوع جفت شده و بدون جفت تقسیم می شوند. تگ های جفت شده آنهایی هستند که تگ افتتاحیه آنها نیاز به تگ بسته شدن دارد. تگ های بسته در HTML با اسلش مشخص می شوند و به این صورت نوشته می شوند. تگ های جفت نشده نیازی به تگ بسته شدن ندارند. نمونه ای از این تگ ها تگ break-to-next-line است
. همچنین تگ های اجباری وجود دارد که باید در تمام صفحات استفاده شود و تگ های اختیاری که به دلخواه استفاده می شوند.

هنگامی که هر سندی را از WWW دانلود می کنید، متن آن در پنجره مرورگر شما به شکلی کاملا فرمت شده و قابل مشاهده نمایش داده می شود. این بدان معنی است که صفحات وب متن معمولی نیستند، بلکه حاوی برخی اطلاعات کمکی برای کنترل ارائه سند در پنجره مرورگر شما هستند. از آنجایی که هنگام توسعه یک سند مشخص نیست که کاربر در چه نوع رایانه ای آن را مشاهده خواهد کرد، صفحات وب را نمی توان در قالبی که برای یک پلتفرم رایانه ای خاص توسعه یافته است، برای مثال در قالب Microsoft Word برای ویندوز XP، آماده و ذخیره کرد. برای اینکه کاربری که بر روی هر نوع کامپیوتری کار می کند بتواند سندی را که بر اساس آن فرمت شده است ببیند، از زبان HTML که به طور خاص برای این منظور توسعه یافته است استفاده می شود.

اگر با مرورگر کار می کنید، دستور منو View - View HTML (View - Source) را انتخاب کنید. پنجره ای با کد اولیه این صفحه در HTML روی صفحه نمایش ظاهر می شود.

یا CTRL+U را فشار دهید

ظاهر صفحات وب در اینترنت اغلب تغییر می کند. اما برای ما در حال حاضرقابل توجه نیست

HTML - زبان نشانه گذاری HyperText مجموعه نسبتاً رایجی از دستورات است که ساختار یک سند را توصیف می کند. این زبان نشانه گذاری به شما امکان می دهد تا بخش های منطقی جداگانه را در یک سند برجسته کنید - سرفصل ها، پاراگراف ها، جداول، لیست ها و غیره، اما ویژگی های قالب بندی خاصی را مشخص نمی کند. نوع خاصی از قالب بندی توسط خود مرورگر هنگام خواندن یک سند تعیین می شود و این خود مرورگر است که بهترین نمایش را ارائه می دهد. سند وبروی صفحه نمایش شما

همانطور که قبلا ذکر شد، می توانید صفحات وب را با استفاده از برنامه های ویرایشگر ویژه ایجاد کنید که به طور خودکار کد HTML را تولید می کند، که کار با آن نیازی به دانش زبان نشانه گذاری ندارد. اما این برنامه ها اغلب در قابلیت های خود محدود هستند، حاوی خطا هستند و اغلب کد HTML بدی تولید می کنند که در همه پلتفرم ها کار نمی کند. بنابراین، اگر می خواهید به طور جدی به طراحی وب مسلط شوید و اصول ایجاد اسناد وب را درک کنید، نمی توانید بدون دانستن اصول اولیه زبان HTML انجام دهید، به خصوص که ایجاد صفحات وب روی آن اصلاً دشوار نیست. شاید حتی ساده تر از تسلط بر برنامه ای برای ایجاد صفحات HTML باشد.

زبان HTML در چندین نوع یا مشخصات وجود دارد. مانند نسخه های محصول نرم افزار، مشخصات شماره گذاری شده اند: 2.0، 3.0، 3.2، 4.0. هر مشخصات بعدی نشان دهنده یک افزونه و اضافه به مشخصات قبلی است. ما از آخرین ساختارهای مشخصات HTML 4.0 که پشتیبانی می شوند استفاده خواهیم کرد آخرین نسخه هارایج ترین مرورگرها

سند در پنجره کد HTML یک سند متنی با فرمت خاص است. همه فایل‌های این قالب دارای پسوند HTML (.html) یا HTM (.htm) هستند. یک سند HTML متن ساده را با عناصر نشانه گذاری محصور شده در پرانتزهای زاویه ترکیب می کند< и >برای مثال،،،،، . این عناصر نشانه گذاری برچسب نامیده می شوند. برچسب ها می توانند تک، باز و بسته شوند و از قسمت های بعدی به ترتیب خاصی تشکیل شوند:

• براکت زاویه سمت چپ

بنابراین، تگ باز که در ابتدای سند HTML ظاهر می شود و شروع آن را نشان می دهد، از نام HTML و دو براکت زاویه تشکیل شده است.< >و برچسبی که در انتهای سند WEB قرار دارد، علاوه بر قسمت های تعیین شده، دارای علامت اسلش / به معنای تگ بسته شدن و نشان دهنده پایان سند است. تگ به معنای آغاز کد برنامه اسکریپت ادغام شده در سند است. این تگ علاوه بر نام اسکریپت، یک ویژگی زبان با مقدار "vbscript" دارد، به این معنی که اسکریپت به زبان vbscript نوشته شده است.

فقط کاراکترهای لاتین را می توان در برچسب ها استفاده کرد و هر کاراکتری را می توان در مقادیر ویژگی استفاده کرد. اگر مثلاً از نویسه‌های سیریلیک به‌عنوان مقادیر مشخصه استفاده می‌شود، باید آن‌ها را در گیومه‌ها محصور کنیم، به‌عنوان مثال، name="Section 1".

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

بیشتر تگ ها جفت می شوند: تگ افتتاحیه با یک تگ بسته مربوطه دنبال می شود و بین آنها حاوی متن یا برچسب های دیگر است، به عنوان مثال:

فروشگاه اینترنتی کتاب سه قدم

در چنین مواردی دو تگ و بخشی از سند محصور در بین آنها بلوکی را تشکیل می دهند که نامیده می شود عنصر HTML. به عنوان مثال برخی از برچسب ها تک هستند و برچسب بسته شدن ندارند. چنین برچسب هایی خود عناصر HTML هستند.

اکثر برچسب ها می توانند یک یا چند ویژگی داشته باشند - ویژگی هایی که می دهند اطلاعات اضافیدر مورد اینکه مرورگر چگونه باید تگ فعلی را مدیریت کند. اما ممکن است اصلاً هیچ ویژگی وجود نداشته باشد. یک ویژگی تگ شامل یک نام، به عنوان مثال، align، یک علامت برابر = و یک مقدار است که توسط یک رشته کاراکتر مشخص می شود، به عنوان مثال، "center": align = "center". مقادیر مشخصه معمولاً در علامت نقل قول قرار می گیرند. اما اگر این مقادیر فقط از کاراکترها، اعداد و خط تیره لاتین استفاده می کنند، نقل قول ها را می توان حذف کرد، به عنوان مثال: align=center. اما به دلیل تعدادی از شرایط مربوط به ادغام آتی HTML با جاوا اسکریپت و زبان ها، حذف نقل قول ها اکیداً توصیه نمی شود. بنابراین، عادت به نوشتن بلافاصله ویژگی ها در نقل قول را ایجاد کنید.

هر سند HTML ساختار خاصی دارد که به شکل زیر است:

…

ساختار یک سند HTML شامل عناصر اساسی زیر است:

• تگ ها و , که شروع و پایان سند را مشخص می کنند.
• هدر مشخص شده توسط و ;
• بدن محدود شده توسط برچسب ها….

عنوانی که با تگ‌ها و محدود می‌شود، از برچسب‌های ... برای تعریف عنوان سند استفاده می‌کند که باید محتوای آن را مشخص کند و معمولاً کمتر از 5-6 کلمه دارد. این عنوان توسط مرورگرها در نوار عنوان پنجره کاری برنامه نمایش داده می شود و ربات هایی که فهرست هایی را برای موتورهای جستجو جمع آوری می کنند، سند را با استفاده از عنوان آن شناسایی می کنند.

علاوه بر عنصر ...، هدر ممکن است حاوی عناصر ... باشد، به عنوان مثال، برای نشان دادن اطلاعات مربوط به سند. تگ افتتاحیه شامل جفت‌های name=value است که ویژگی‌های سند را توصیف می‌کند، به عنوان مثال، نوع سند، رمزگذاری آن، فهرست کلمات کلیدی، و غیره.

یا - نظر در مورد سند. توسط مرورگر نادیده گرفته می شود. نظر اختیاری است و ممکن است وجود نداشته باشد.
- شناسه کل بلوک دستورات HTML. - شناسه سرصفحه سند HTML. - شناسه عنوان viewport - این تگ جفت نشده برای نشان دادن اطلاعات دقیق در مورد سند استفاده می شود.

متن را در یک پاراگراف به سمت چپ تراز می کند.

متن را در یک پاراگراف به سمت راست تراز می کند.

متن یک پاراگراف را با مرکز تراز می کند.

تراز کامل در هر دو لبه صفحه نمایش. align - صفت تراز.بیایید به برچسب های لیست نگاه کنیم.

آنها راهی برای نمایش بصری اطلاعات ساختاریافته هستند.

. لیست های مرتب شده برای نمایش عملیات یا الگوریتم های متوالی استفاده می شوند. مرورگر به طور خودکار برای هر مورد در لیست اعداد ایجاد می کند.- شناسه لیست سفارش داده شده در پایان.

لیست های نامرتب برای گردآوری لیست ها زمانی که ترتیب آیتم ها مهم نیست استفاده می شود. قبل از هر عنصر یک نماد لیست خاص (نقطه) وجود دارد.

- شناسه لیست نامرتب در پایان

عناصر فردی در لیست های مرتب و نامرتب با یک تگ مشخص می شوند ، و عناصر موجود در لیست های تعریف برای اصطلاح و برای معنای اصطلاح برچسب گذاری می شوند. - شناسه عنصر در لیست مرتب و نامرتب. تگ پایان ممکن است حذف شود.فهرست‌های تعریف، قالب‌بندی دیکشنری‌مانند ویژه‌ای را برای اصطلاحات و توضیحات مرتبط با آنها ارائه می‌کنند.

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

فناوری وب (فناوری ابرمتن) امکان پیوند کل مجموعه اسناد منتشر شده در اینترنت را به یکدیگر فراهم کرده است سیستم یکپارچه- WWW یک سند فرامتن حاوی پیوندها است. آنها معمولا با رنگ و زیر خط برجسته می شوند. هایپرلینک ها به کاربر این امکان را می دهند که فوراً به سند مورد نیاز، صرف نظر از موقعیت فیزیکی آن. این امر جستجوی اطلاعات در اینترنت را بسیار ساده می کند.

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

اگر در مورد ایجاد اسناد HTML صحبت کنیم، می توانیم دو راه را برای ایجاد آنها تصور کنیم.

اولین مورد علامت گذاری دستی یک سند موجود (یا ایجاد شده جدید) است. در این مورد، نویسنده یا ویرایشگر تگ های نشانه گذاری را به سند اضافه می کند. این کار را می توان در یک ویرایشگر متن یا ویرایشگر HTMLداشتن عناصر خاصکنترل هایی برای ساده کردن ورود برچسب در هر دو مورد، کار با استفاده از زبان HTML انجام می شود و شخصی که این کار را انجام می دهد باید این زبان را بشناسد و بتواند از آن استفاده کند.

اصول یک رویکرد دیگر را می توان با مطالعه عملکرد واژه پردازها درک کرد. اطلاعات قالب‌بندی سند را می‌توان به عنوان «نشانه‌گذاری» اضافه شده به سند در حال قالب‌بندی نیز در نظر گرفت. با این حال، برای استفاده واژه پردازهیچ دانشی از قالب سند و "زبان نشانه گذاری" مورد نیاز نیست: تغییرات نمایش داده شده روی صفحه به طور خودکار در سند ایجاد می شود. این اصل تطبیق تصویر صفحه با تصویر واقعی WYSIWYG (WYSIWYG) نامیده می شود (از انگلیسی What You See Is What You Get (voch yu si voch yu gat) - What you see is what you get).

آنها به شما این امکان را می دهند که کل وب سایت ها (پورتال) ایجاد کنید و از همه استفاده کنید فن آوری های مدرن. چنین ویرایشگرهای وب برای حرفه ای ها کاملاً مناسب هستند. اگر از MS Office استفاده می کنید، می توانید از FrontPage از این بسته استفاده کنید. همچنین Netscape Composer به عنوان بخشی از Netscape Communicator وجود دارد. همچنین می‌توانید از نسخه آزمایشی ویرایشگر وب Macromedia HomeSite با دریافت آن از وب‌سایت رسمی Adobe استفاده کنید: www.adobe.com.

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

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

1. Macromedia Dreamweaver (macromedia dreamweaver);

2. Allaire HomeSite (سایت aller home);

3. مایکروسافت فرانت پیج (صفحه فونت مایکروسافت).

آنها به شما اجازه می دهند تا کل وب سایت ها (پورتال) ایجاد کنید و از تمام فناوری های مدرن استفاده کنید. چنین ویرایشگرهای وب برای حرفه ای ها کاملاً مناسب هستند. اگر از MS Office استفاده می کنید، می توانید از FrontPage از این بسته استفاده کنید. همچنین Netscape Composer به عنوان بخشی از Netscape Communicator وجود دارد. همچنین می‌توانید از نسخه آزمایشی ویرایشگر وب Macromedia HomeSite با دریافت آن از وب‌سایت رسمی Adobe استفاده کنید: www.adobe.com. با استفاده از مرورگر، در قسمت Downloads/Trial Downloads به سایت مشخص شده رفته و Macromedia, HomeSite را انتخاب کنید.

می توانید از نسخه روسی FrontPage Express از اینترنت اکسپلورر محلی استفاده کنید - این نسخه کوتاه شده FrontPage است، اما برای شروع بسیار راحت است. ویرایشگر وب ویژوال کارگاه به زبان روسی نیز شناخته شده است (http://www.snkey.net/download/products/index.html).

خدمات اینترنتی مدرن سازندگان وب سایت آماده را ارائه می دهند. بیایید با استفاده از مثال سازنده وب سایت "My Site" (www.narod.yandex.ru) به آنها نگاه کنیم. با کمک آن می توانید فضایی برای وب سایت خود بدست آورید ( صفحه اصلی) و در عرض 5 دقیقه وب سایت خود را با تصاویر، عکس و غیره ایجاد کنید.

فرآیند طراحی سایت شامل سه مرحله است:

1. وارد سایت سازنده شوید.

2. ثبت نام، اختصاص نام سایت.

3. طراحی وب سایت با استفاده از جاهای خالی.

برای ایجاد یک وب سایت دست ساز، ابزارهای وب منحصر به فرد مورد نیاز است.

علاوه بر HTML و سازندگان وب سایت، می توانید از سایر ابزارهای برنامه نویسی صفحات وب نیز استفاده کنید. یکی از ابزارهای برنامه نویسی وب سایت CGI (دروازه مشترک) است.

اصل CGI ساده و طبیعی است: یک برنامه سمت سرور برخی از داده ها را دریافت می کند، آنها را پردازش می کند و پاسخی را در قالب یک صفحه وب تولید می کند. این یک اتفاق بسیار رایج امروزی است و گاهی اوقات حتی گمان نمی‌کنید که با یک صفحه معمولی سروکار ندارید، بلکه با نتیجه یک اسکریپت (کد) CGI سروکار دارید. منطقه استفاده از CGIگسترده و اهداف متفاوت است. زبان برنامه نویسی که اسکریپت در آن نوشته می شود باید انعطاف پذیر و در عین حال قدرتمند باشد، زیرا نه تنها کار مداوم با فایل ها انجام می شود، بلکه با پایگاه داده، سیستم عامل و وب سرور نیز کار می شود. مناسب ترین زبان ها برای برنامه نویسی CGI C (C++) و Perl هستند. دومی به دلیل سادگی، قابلیت اطمینان و گستردگی قابلیت ها، اغلب برای این اهداف استفاده می شود.

زبان C به درستی جهانی در نظر گرفته می شود و جایگاه خود را در محیط CGI پیدا کرده است. استفاده از آن در عنصر اصلی آن - یونیکس - طبیعی است که در بیشتر موارد یک وب سایت بر اساس آن ساخته می شود.

برای برنامه نویسی CGI، از زبان C++ نیز استفاده می شود که شامل ایجاد و از بین بردن اشیاء خاصی است که از طریق کلاس ها پیاده سازی می شوند - اساساً انواع داده های کاربر. ایجاد یک کلاس Guestbook یا DataBaseEntry که شامل متغیرها و توابع لازم باشد، طبیعی است. شایان ذکر است که تقریباً تمام زبان های برنامه نویسی جدید (جاوا، جاوا اسکریپت، پرل) دارای ساختارهایی هستند که شبیه سازه های C یا کپی دقیق آنها هستند. بنابراین توصیه می شود ابتدا این زبان بنیادی را مطالعه کنید.

پرل یک زبان منحصر به فرد است. اولا، فاقد انواع داده است که برای نوشتن اسکریپت های CGI مفید است. ثانیاً بسیاری از ساخت و سازها از C گرفته شده است. لازم به ذکر است که پرل اغلب از عبارات منظم مشابه آنچه در اسکریپت های Unix Shell استفاده می شود استفاده می کند. یک حلقه foreach مناسب و در واقع اصلاح کننده های بیان زیبا وجود دارد. پرل دارای یک کتابخانه استاندارد است که شامل توابعی برای جستجو، کار با وب سرور، گرافیک و غیره است. از اینجا می توان نتیجه گرفت که برای یک برنامه نویس آشنا با یونیکس، یادگیری پرل دشوار نخواهد بود. برای نوشتن چنین برنامه ای کافی است بتوانید با فایل های پرل و کمی با آن کار کنید متغیرهای محیطیوب سرور

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

سوالاتی برای خودکنترلی:

1. مفهوم سند HTML به چه معناست؟

2. مزایای این نوع سند چیست؟

3. مفهوم "برچسب" به چه معناست؟

4. چه نوع برچسب هایی وجود دارد؟

5. چه چیزی در اشیاء مدیریت برچسب گنجانده شده است؟

www.univer.omsk.su/omsk/Edu/htmlbook/school/index2.htm

http://dvo.sut.ru/libr/ite/i280levc/index.htm Yu.P. لوچوک، E.P. اوخینچنکو، A.D. سوتنیکوف، T.A. فومنکو علوم کامپیوتر قسمت 2 فناوری اینترنت

1. یک صفحه وب (سند HTML) عبارت است از:

الف) یک فایل متنی با پسوند txt یا .doc.

ب) فایل متنی با پسوند htm یا .html.

ج) یک فایل باینری با پسوند com یا exe.

د) فایل گرافیکی با پسوند .gif یا .jpg.

2. برای مشاهده صفحات وب در اینترنت از برنامه های زیر استفاده می شود:

الف) Microsoft Word یا Word Pad.

ب) Microsoft Access یا Microsoft Works؛

ج) Internet Explorer یا NetScape Navigator.

د) HTMLPad یا صفحه اول.

3. برچسب این است:

الف) دستورالعملی به مرورگر که نشان می دهد متن چگونه باید نمایش داده شود.

ب) متنی که از کاراکترهای خاص استفاده می کند.

ج) اشاره گر به فایل یا شیء دیگر.

د) بخشی از یک برنامه موجود در صفحه وب.

4. فرامتن عبارت است از:

الف) متن بسیار است اندازه بزرگ

ب) متنی که از اندازه فونت بزرگ استفاده می کند