چگونه صفحات وب کار می کنند

تنظیم مرحله

در این لحظه تقریبا تضمین شده است که:

    
شما در کامپیوتر خود نشسته اید.
    
شما برای خواندن این صفحه از یک مرورگر وب استفاده می کنید و این مرورگر می تواند Microsoft Internet Explorer، Firefox یا شاید Netscape باشد.
    
شما می خواهید یاد بگیرند که چگونه صفحات وب کار می کنند و شاید هنر ایجاد صفحات خود را یاد بگیرند.

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

به منظور صحبت در مورد صفحات وب و نحوه کار آنها، شما می خواهید چهار اصطلاح ساده را درک کنید (و اگر برخی از این به نظر می رسد مانند mumbo-jumbo فنی اولین بار که شما آن را بخوانید، نگران نباشید):

    
صفحه وب – یک صفحه وب یک فایل متنی ساده است که شامل نه تنها متن، بلکه مجموعه ای از تگ های HTML است که نحوه قالببندی متن را هنگام نمایش مرورگر بر روی صفحه نشان می دهد. برچسب ها دستورالعمل های ساده ای هستند که به مرورگر وب نشان می دهد چگونه صفحه هنگام نمایش آن باید نگاه شود. برچسب ها مرورگر را برای انجام دادن کارهایی مانند تغییر اندازه فونت یا رنگ، یا ترتیب دادن موارد در ستونها، می گویند. مرورگر وب این برچسب ها را تفسیر می کند تا تصمیم بگیرد که چگونه متن را بر روی صفحه نمایش فرمت کند.
    HTML – HTML
برای زبان نشانه گذاری Hyper Text مخفف می باشد. یک زبان نشانه گذاری یک زبان رایانه ای است که نحوه قالب بندی یک صفحه را توصیف می کند. اگر همه شما می خواهید انجام دهید، یک رشته طولانی از متن سیاه و سفید بدون قالب بندی نمایش داده شده است، پس شما نیازی به HTML ندارید. اما اگر میخواهید فونت را تغییر دهید، رنگها اضافه کنید، سرفصلها را ایجاد کنید و گرافیک را در صفحه خود جایگذاری کنید، HTML زبان مورد استفاده شما برای انجام این کار است.
    
مرورگر وب – یک مرورگر وب مانند Netscape Navigator یا Microsoft Internet Explorer یک برنامه کامپیوتری است (همچنین به عنوان یک برنامه کاربردی یا به سادگی یک برنامه کاربردی شناخته می شود) که دو چیز را به وجود می آورد: یک مرورگر وب می داند که چگونه به وب سرور در اینترنت و درخواست یک صفحه، به طوری که مرورگر می تواند صفحه را از طریق شبکه و به دستگاه شما بکشاند. یک مرورگر وب می داند چگونه می تواند مجموعه ای از تگ های HTML را درون صفحه تفسیر کند تا صفحه را روی صفحه نمایش شما نمایش دهد به عنوان خالق صفحه در نظر گرفته شده برای مشاهده آن.
    
وب سرور – وب سرور یک قطعه نرم افزار رایانه ای است که می تواند به درخواست مرورگر برای یک صفحه پاسخ دهد و صفحه را از طریق اینترنت به مرورگر وب ارائه دهد. شما می توانید یک سرور وب را به عنوان مجتمع آپارتمان فکر کنید و هر آپارتمان یک صفحه وب را برای وب سایت شخصی خود بسازید. برای ذخیره صفحه خود در مجتمع، باید اجاره را در فضا بپردازید. صفحات که در این مجموعه زندگی می کنند می توانند به وسیله هر کسی در سراسر جهان نمایش داده شوند. صاحبخانه شما میزبان شما نامیده می شود و اجاره شما معمولا هزینه میزبانی شما را می گیرد. هر روز میلیون ها سرور وب را به صفحات به مرورگرهای ده ها میلیون نفر از طریق شبکه ای که به اینترنت متصل است، می فرستیم. دفعات بازدید: چگونه وب سرور ها برای جزئیات بیشتر در مورد این روند کار می کنند.

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

 

مشاهده منبع

بیایید نگاهی به “جیغ” یک صفحه وب داشته باشیم. این متن اصلی و تگ های HTML تایپ شده توسط نویسنده است و توسط مرورگر تفسیر شده برای تولید صفحه وب شما در واقع در اینترنت مشاهده کنید. با موس خود، روی هر قسمت خالی این صفحه راست کلیک کرده و گزینه «مشاهده منبع» را انتخاب کنید. پنجره جدید ظاهر خواهد شد، نمایش کلمات و کاراکترها، برخی از آنها ممکن است کاملا فنی و خارجی باشند. این کلمات و شخصیت ها، به طور خلاصه، کد برنامه نویسی HTML شما در حال یادگیری است. هر عنصر در آن کد به عنوان تگ HTML شناخته می شود. از اینکه چقدر پیچیده است، ترسناک نخواهید بود – از این که چگونه واقعا آن را واقعا شگفت زده خواهید شد. هنگامی که شما به دنبال کد منبع صفحه هستید، به سادگی صفحه منبع را برای بازگشت به این مقاله ببندید.

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

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

یک تگ HTML یک عنصر کد است که به مرورگر وب می گوید چه کاری با متن شما انجام می شود. هر برچسب به عنوان حروف یا کلمات بین یک <(کمتر از علامت) و a> (بیشتر از علامت) ظاهر می شود.
مثال: <center> <body>

برای اینکه مرورگر وب برای پایان دادن به کارهایی که شما فقط آن را انجام داده اید، یک اسلش برای جلو در تگ بسته استفاده شود:
به عنوان مثال: </ center> </ body>

بیشتر تگ ها در هم “آغاز” و “پایان دادن” جفت ها می آیند، اما این یک قانون مطلق نیست.

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

    <HTML>:
به مرورگر وب می گوید که این آغاز یک سند HTML است
    <HEAD>:
می گوید که مرورگر وب این هدر صفحه است (بعدا خواهید دید که چه چیزی بین برچسب های HEAD قرار دارد)
    <TITLE>:
به مرورگر وب می گوید که این عنوان صفحه است
    <BODY>:
به مرورگر وب می گوید که این آغاز محتوای صفحه وب است – همه چیز شما می خواهید بگویید و ببینید در صفحه شما این برچسب را دنبال خواهد کرد.

برچسب ها برای پایان دادن به هر صفحه وب مورد نیاز است:

    </ BODY>
    </ HTML>

در بخش بعدی ما خواهیم دید که چگونه یک صفحه وب ساده ایجاد کنید.

 

ایجاد یک صفحه وب ساده

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

در دستگاه شما یک برنامه یا برنامه دارید که می تواند فایل های متنی ساده ایجاد کند. در دستگاه های ویندوز، این برنامه به نام Notepad نامیده می شود. در مکینتاش این برنامه SimpleText نامیده می شود. اگر شما نمی توانید این برنامه ها را پیدا کنید، همچنین می توانید یک برنامه پردازش اسناد اولیه مانند WordPerfect یا مایکروسافت ورد استفاده کنید.

    
توجه داشته باشید:
    
در یک محیط ویندوز ۹۵/۹۸، روی دکمه Start کلیک کنید، برنامه ها را کلیک کنید، بر روی Accessories کلیک کنید و بر روی دفترچه یادداشت کلیک کنید.
    
در محیط Windows 3.1، روی Accessories (در برنامه Program Manager) کلیک کنید و Notepad را کلیک کنید.
    
در محیط مکینتاش، Macintosh HD را کلیک کنید، روی برنامه ها کلیک کنید و روی SimpleText کلیک کنید.

هنگامی که برنامه مناسب را روی صفحه خود باز می کنید، متن HTML زیر را در پنجره تایپ کنید (یا برش دهید و بگذارید):

 

<html>

  <head>

    <title>My First Page</title>

  </head>

  <body>

    Hello there. This is my first page!

  </body>

</html>

 

 

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

حالا شما باید این فایل را جایی ذخیره کنید تا بتوانید آن را در یک لحظه پیدا کنید. ذخیره آن را به دسکتاپ، یا، بهتر از آن، به دایرکتوری که تنظیم کرده اید برای نگهداری تمام صفحاتی که می خواهید ایجاد کنید. آن را به نام filename first.html ذخیره کنید.

بعد، صفحه را در مرورگر وب خود باز کنید (مثل Microsoft Internet Explorer یا Netscape Navigator). تمام مرورگرهای وب راهی برای باز کردن فایل ذخیره شده در دستگاه محلی دارند. در اینترنت اکسپلورر و Netscape، باز کردن فایل را از منوی File در بالای پنجره انتخاب کنید. فایل first.html را باز کنید. هنگامی که آن را در مرورگر خود باز میکنید، چیزی شبیه تصویر بالا است.

سه چیز در این شکل مشخص شده است:

    
شما می توانید ببینید که صفحه عنوان “صفحه اول من” است.
    
شما می توانید ببینید که بدن صفحه شامل کلمات “سلام وجود دارد این اولین صفحه من است!”
    
شما می توانید ببینید که URL نمایش داده شده در پنجره آدرس C: WINDOWSDESKTOPfirst.html از هارد دیسک محلی است، به جای http http: // … معمولی که URL شامل اگر ما دریافت صفحه از سرور در اینترنت.

با نگاه کردن به متن HTML که صفحه اول شما را تشکیل می دهد، می توانید ببینید دقیقا چگونه صفحه عنوان و بدن خود را می گیرد.

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

 

فرم HTML عمومی

شما از تگ های HTML اصلی در این صفحه تمام وقت استفاده می کنید – ۹۰٪ از تمام قالب بندی هایی که در بیشتر صفحات وب مشاهده می کنید. هنگامی که آنها را یاد می گیرید، به خوبی در راه تبدیل شدن به یک نرم افزار HTML هستید!

    
اگر شما فایل “first.htm” که در صفحه قبلی مورد بحث قرار گرفتید را دوست داشتید، میتوانید HTML را در آن وارد کنید و صفحات وب کامل ایجاد کنید. به خاطر داشته باشید که تمام اطلاعاتی را که می خواهید بر روی صفحه وب خود بین برچسب ها و تگ قرار دهید قرار دهید. آزمایش با صفحه خود را با اضافه کردن برچسب های جدید و چک کردن نتایج.

بیایید شروع کنیم!
پررنگ، ایتالیایی و زیر خط دار

هر تکه ای از متن را با افزودن تگ بکشید: <b> به ابتدای متن و اضافه کردن تگ بسته: </ b> هر کجا که می خواهید ویژگی bolded برای پایان دادن باشد.

این <b> جسور </ b> است. این جسورانه است
برای کالیج کردن، از این برچسب ها به همان شیوه استفاده کنید:

<i> … </ i>
این <i> کلاسیک </ i> است. این کلامی است.
برای برجسته کردن، از این برچسب ها استفاده کنید:

<u> … </ u>
این <u> زیر خط دار است </ u>
وقفه ها و پاراگراف ها

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

<br>
ایجاد یک شکاف بین یک خط و دیگری. شما می توانید چندین از این برچسب ها را برای ایجاد فضای خالی استفاده کنید.

<p>
فاصله بین دو خط متن ایجاد می کند. اگر شما در یک خط از متن قرار دهید، تنها خط را قطع می کند؛ اگر از <p> استفاده کنید، هر دو خط را می شکند و یک فضای اضافی ایجاد می کنند.

<hr>
یک قانون افقی یا خط افقی ایجاد می کند.
زبانهها

هیچ تگ HTML رسمی برای ایجاد “تب” در یک سند وجود ندارد. بسیاری از طراحان وب ایجاد جداول و یا استفاده از تصاویر خالی برای ایجاد فضای (جداول و تصاویر بعدا در این مقاله توضیح داده شده است). یک راه برای نوشتن متن این است که از تگ <ul> استفاده کنید تا مرورگر فکر کند شما در حال ایجاد یک لیست هستید. یک لیست به طور خودکار متن را جایگزین می کند. نزدیک به </ ul> برای پایان دادن به دندانه. برچسب ها <blockquote> … </ blockquote> همچنین متن را تکه تکه کنید.

جایگزین دیگر برچسب <pre> است. این برچسب برای نمایش متن پیش فرمت شده استفاده می شود – متن نمایش داده شده به صورت است. هر متن بین برچسب های <pre> و </ pre> در مرورگر ظاهر می شود، همانطور که در منبع نمایش داده می شود.

 

فرم HTML عمومی

شما از تگ های HTML اصلی در این صفحه تمام وقت استفاده می کنید – ۹۰٪ از تمام قالب بندی هایی که در بیشتر صفحات وب مشاهده می کنید. هنگامی که آنها را یاد می گیرید، به خوبی در راه تبدیل شدن به یک نرم افزار HTML هستید!

    
اگر شما فایل “first.htm” که در صفحه قبلی مورد بحث قرار گرفتید را دوست داشتید، میتوانید HTML را در آن وارد کنید و صفحات وب کامل ایجاد کنید. به خاطر داشته باشید که تمام اطلاعاتی را که می خواهید بر روی صفحه وب خود بین برچسب ها و تگ قرار دهید قرار دهید. آزمایش با صفحه خود را با اضافه کردن برچسب های جدید و چک کردن نتایج.

بیایید شروع کنیم!
پررنگ، ایتالیایی و زیر خط دار

هر تکه ای از متن را با افزودن تگ بکشید: <b> به ابتدای متن و اضافه کردن تگ بسته: </ b> هر کجا که می خواهید ویژگی bolded برای پایان دادن باشد.

این <b> جسور </ b> است. این جسورانه است
برای کالیج کردن، از این برچسب ها به همان شیوه استفاده کنید:

<i> … </ i>
این <i> کلاسیک </ i> است. این کلامی است.
برای برجسته کردن، از این برچسب ها استفاده کنید:

<u> … </ u>
این <u> زیر خط دار است </ u>
وقفه ها و پاراگراف ها

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

<br>
ایجاد یک شکاف بین یک خط و دیگری. شما می توانید چندین از این برچسب ها را برای ایجاد فضای خالی استفاده کنید.

<p>
فاصله بین دو خط متن ایجاد می کند. اگر شما در یک خط از متن قرار دهید، تنها خط را قطع می کند؛ اگر از <p> استفاده کنید، هر دو خط را می شکند و یک فضای اضافی ایجاد می کنند.

رنگ فونت و اندازه
رنگ

تغییر رنگ هر متن با استفاده از برچسب ها:

<font color = “color”> … </ font>

این <font color = “blue”> blue </ font> است.

این <font color = “سبز“> سبز </ font> است.

اکثر رنگ های استاندارد کار خواهند کرد. همچنین “چراغ ها” و “darks” مانند “lightblue” یا “darkgreen” را امتحان کنید. شما همچنین می توانید یک شماره رنگ هگزادسیمال خاص مانند <font color = “# 864086”> را مشخص کنید. برای لیستی از کدهای رنگ هگزادسیمال، December.com را ببینید: HTML.

اگر میخواهید رنگ خاصی را به کل متن صفحه خود اختصاص دهید، متن را درون تگ اضافه کنید.

مثال: <body text = “blue”>

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

با استفاده از برچسب ها، نوع فونت هر متن را تغییر دهید: <font face = “font type”> … </ font>

 
این <font face = “arial”> arial </ font> است.

این <font face = “geneva”> geneva </ font> است.

(
توجه داشته باشید: اگر نوع فونت شما مشخص شده در رایانه کاربر در دسترس نباشد، نوع فونت به طور پیش فرض به مرورگر پیش فرض، معمولا پیک یا Times New Roman است؛ بنابراین بهتر است که به نوع فونت استاندارد بچسبید، اگر می خواهید قادر باشید برای کنترل آنچه در مرورگر کاربر نمایش داده می شود.)
اندازه

تغییر اندازه هر متن با استفاده از برچسب ها:

<font size =
ارزش> … </ font>

به عنوان مثال: <font size = 4>

 
اندازه فونت پیش فرض در اکثر مرورگرها “۳” است، بنابراین هر مقدار بزرگتر از ۳ متن را بزرگتر می کند و هر مقدار کوچکتر از ۳ کوچکتر خواهد شد.

شما همچنین می توانید اندازه فونت را با اضافه کردن یا کم کردن از اندازه فونت پیش فرض تغییر دهید.

به عنوان مثال: <font size = + 4>، یا <font size = -2>

 
این فونت <font size = + 2> با ۲ </ font> افزایش می یابد

این فونت <font size = + 1> با ۱ </ font> افزایش می یابد

این فونت <font size = -2> به ۲ </ font> کاهش یافته است

این فونت <font size = -1> به ۱ </ font> کاهش یافته است

شما همچنین می توانید اندازه فونت را با استفاده از برچسب <small> و <big> تغییر دهید:

این <small> small </ small> text است.

این متن بزرگ <big> big </ big> است.
عنوان ها

برچسب های عنوان نیز اندازه فونت را تغییر می دهند، ایجاد یک جفت “عنوان” برای یک پاراگراف یا داستان:

<h1>
این یک عنوان H1 است </ h1>

<h2>
این عنوان H2 است. </ h2>

<h3>
این عنوان H3 است. </ h3>

پایان هر عنصر فونت با برچسب:

</ font>

یا با استفاده از جفت پایان هماهنگ برای برچسب خاصی که مورد استفاده قرار گرفتید:

 
مثال: </ small>، </ big>، </ H2>

در بخش بعد، ما می خواهیم نحوه اضافه کردن رنگ پس زمینه را بیابیم.
<hr>
یک قانون افقی یا خط افقی ایجاد می کند.
زبانهها

هیچ تگ HTML رسمی برای ایجاد “تب” در یک سند وجود ندارد. بسیاری از طراحان وب ایجاد جداول و یا استفاده از تصاویر خالی برای ایجاد فضای (جداول و تصاویر بعدا در این مقاله توضیح داده شده است). یک راه برای نوشتن متن این است که از تگ <ul> استفاده کنید تا مرورگر فکر کند شما در حال ایجاد یک لیست هستید. یک لیست به طور خودکار متن را جایگزین می کند. نزدیک به </ ul> برای پایان دادن به دندانه. برچسب ها <blockquote> … </ blockquote> همچنین متن را تکه تکه کنید.

جایگزین دیگر برچسب <pre> است. این برچسب برای نمایش متن پیش فرمت شده استفاده می شود – متن نمایش داده شده به صورت است. هر متن بین برچسب های <pre> و </ pre> در مرورگر ظاهر می شود، همانطور که در منبع نمایش داده می شود.

 

افزودن رنگ پسزمینه

رنگ پسزمینه صفحه خود را با اضافه کردن bgcolor = “color” در تگ تغییر دهید.

مثال: <body bgcolor = “yellow”>

باز هم همانطور که در بخش تغییر رنگ فونت آمده است، می توانید از اکثر رنگ های استاندارد استفاده کنید یا از کد رنگ Hexadecimal Color استفاده کنید.
ایجاد لیست ها

سه نوع لیست می توانید ایجاد کنید: Unordered، Ordered و Descriptive.
لیست نامرتب

یک لیست غیر ارادی به نظر می رسد به شرح زیر است:

    
کالیفرنیا
    
اورگان
    
کارولینای شمالی

لیست غیر ارادی یک لیست دلخواه است که توسط برچسب <ul> آغاز شده است. تگ <li> (کوتاه برای Item List) قبل از هر مورد در لیست استفاده می شود. تگ بسته </ ul> لیست را به پایان میرساند.

مثال:

<ul>
<li>California
<li>Oregon
<li>North Carolina
</ul

 

نوع گلوله را می توان با اضافه کردن یک مشخصه در برچسب <ul> به دایره، مربع یا دیسک تغییر داد:

<ul type="circle">
<li>California
<li>Oregon
<li>North Carolina
</ul>
 
<ul type="square">
<li>California
<li>Oregon
<li>North Carolina
</ul> 

 

فهرست مرتبشده

لیست دستورالعمل به شرح زیر است:

    
پرتقال ها
    
انگور
    
گیلاس

لیست دستورالعمل لیستی از اقلام در یک نظم منطقی و عددی است. از برچسب <ol> و </ ol> از این نوع لیست استفاده کنید. باز هم، برچسب <li> در مقابل هر مورد استفاده می شود.

مثال:

<ol>
<li>oranges
<li>grapes
<li>cherries
</ol>

 

شما می توانید نوع سازمان را با اضافه کردن یک «نوع» در داخل برچسب <ol> تغییر دهید.

<ol type = “A”>
لیست را با حروف بزرگ مرتب کنید: (A، B، C …)

<ol type = “a”>
لیست را با حروف کوچک سفارش می دهد: (a، b، c …)

<ol type = “I”>
لیست را بر اساس عددهای رومی سفارش دهید: (I، II، III …)

<ol type = “i”>
لیست را با عددهای کوچک رومی (i، ii، iii …)

اگر می خواهید فهرست دستورالعمل خود را با یک مقدار مشخص شده مانند “۶” شروع کنید، از برچسب های “شروع” و “ارزش” زیر استفاده کنید:

<ol start=5>
<li value=6>

 

لیست های توصیفی

یک لیست توصیفی لیستی از آیتم های متنی را با یک خط دوم محصور ایجاد می کند:

 

Marshall Brain
    Founder of HowStuffWorks 

 

 

از این برچسب ها استفاده کنید:

<dl>
<dt>Marshall Brain
<dd>Founder of HowStuffWorks
</dl> 

 

برچسب <dt> باید با متن مورد نظر شما در حاشیه قرار گیرد؛ <dd> مطابق با خط مورد نظر شما می باشد.

در بخش بعدی ما نحوه پیوند به سایتی دیگر را خواهید آموخت.

 

 

پیوند به سایت های دیگر

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

<a href=”URL”>

عنوان تگ صفحه را بعد از تگ لنگر تایپ کنید و لنگر را با:

</a>

مثال:

<a href=”https://www.crmit.ir”> HowStuffWorks </a>

این است که چگونه بر روی صفحه شما نگاه کنید:

HowStuffWorks

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

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

هدف = “_ خالی

مثال:

<a href="https://www.crmit.ir" target="_blank">

 

پیوند رنگ

آبی رنگ پیش فرض استاندارد برای لینک ها است. اما شما می توانید با وارد کردن این برچسب ها در برچسب <body> خود، رنگ اطلاعات مرتبط را در صفحه خود تغییر دهید.

    link = “color”
    vlink = “color”

Vlink مخفف “لینک بازدید شده” است. هنگامی که آنها بازدید شده، رنگ ها تغییر رنگ می دهند. اگر نمیخواهید لینکهای بازدید شده برای تغییر رنگ، به سادگی همان رنگ را به هر دو پیوند و vlinks اختصاص دهید.

مثال: <body link = “green” vlink = “green”>
پیوند به دریافت ایمیل

اگر میخواهید از افرادی که صفحه خود را میخوانند ایمیل دریافت کنید، از تگ لنگر زیر استفاده کنید:

<a href=”mailto:youremailaddress”>

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

</a>

مثال:

<a href=”info@crmit.ir”> ایمیل من </a>

این است که چگونه بر روی صفحه شما نگاه کنید:

پست الکترونیکی من
ایجاد لینک به صفحه خود

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

به عنوان مثال: <a href=”company.htm”> اطلاعات شرکت </a>

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

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

<a name=”name”>

به عنوان مثال: <a name=”5″>

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

<a href=”https://www.crmit.ir/؛ اطلاعات شرکت </a>

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

به عنوان مثال: <a href=”https://www.crmit.ir/company.htm؛ اطلاعات شرکت </a>

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

 

اضافه کردن تصاویر و گرافیک

هر تصویر دیجیتالی را در صفحه خود با استفاده از برچسب زیر قرار دهید:

<img src = “
نام فایل file.extension”>

تصاویر در صفحات وب هر دو فایل GIF (pronounced “jiff”) یا فایل های JPG (تلفظ “jay-peg”) است. هر تصویر شامل یکی از این پسوند ها است، بنابراین اگر شما یک تصویر به نام “لوگو” داشته باشید، آن را “logo.gif” یا “logo.jpg” خواهید دید.

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

به طور پیش فرض، متن و تصاویر شما هنگام نمایش در مرورگر شما توجیه پذیر هستند، به این معنی که متن و گرافیک به طور خودکار در حاشیه سمت چپ قرار می گیرند. اگر بخواهید به جای هر بخش از صفحه خود “مرکز” قرار دهید، می توانید از برچسب زیر استفاده کنید:

<center>

شما می توانید با برچسب بسته شدن مربوطه را پایان دهید:

</ center>

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

تقسیم خود را با برچسب تطابق بخش تقسیم کنید، از جمله توجیهی که متن و تصاویر برای آن می خواهید (به عنوان مثال راست، چپ، مرکز) را انتخاب کنید:

مثال: <div align = “center”>

تراز توالی تقسیم بندی با برچسب را متوقف کنید:

</ div>

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

 

ایجاد جداول

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

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

باز هم، همانطور که با تمام اطلاعاتی که می خواهید در پنجره مرورگر نمایش داده شود، مطمئن شوید که جدول شما بین تگ های <body> و </ body> در سند HTML شما وجود دارد. جدول خود را با برچسب زیر شروع کنید:

<table>

هر ردیف افقی در یک جدول با برچسب شروع می شود:

<tr>

و هر قطعه داده درون ردیف با تگ شروع می شود:

<td>

نمودار زیر را در نظر بگیرید:

A1 A2

B1 B2

C1 C2

در اینجا سه ​​ردیف و دو ستون داریم.

برای کد کردن اسکلت این نمودار، برچسب های زیر در دستور زیر استفاده می شود:

<
جدول> جدول را می سازد

<tr>
ردیف اول را شروع می کند

<td>
ابتدا “سلول” داده (A1) را آغاز می کند

</ td>
سلول A1 را بسته است

<td>
دومین سلول (A2) را آغاز می کند

</ td>
سلول A2 را بسته است

</ tr>
ردیف اول را خاتمه می دهد

<tr>
ردیف دوم را شروع می کند

<td>
اولین سلول داده را در ردیف دوم (B1)

</ td>
سلول B1 را بسته است

<td>
سلول B2 شروع می شود

</ td>
سلول B2 را بسته است

</ tr>
ردیف دوم را خاتمه می دهد

<tr>
ردیف سوم را شروع می کند

<td>
اولین سلول داده را در ردیف سوم (C1)

</ td>
سلول C1 را بسته است

<td>
سلول C2 را آغاز می کند

</ td>
سلول C2 را بسته می کند

</ tr>
ردیف سوم را خاتمه می دهد

</ table>
جدول را خاتمه می دهد

بسیاری از طراحان مایل به بخش هایی از جداول خود هستند تا کدگذاری را آسان تر بخوانند. یک مثال از این در زیر نشان داده شده است.

حالا داده ها و مرز را به جدول اسکلت اضافه می کنیم. حاشیه یک جدول است. تگ مرز (border = “value”) درون تگ جدول اولیه قرار می گیرد. شما می توانید مشخص کنید که چقدر ضخامت شما باید با تعیین یک مقدار خاص نمایش داده شود (ما یک مقدار “۱” را اختصاص می دهیم). ایده خوبی برای آزمایش ارزش های مختلف برای پیدا کردن آنچه که آنها به نظر می رسد در مرورگر نمایش داده می شود. اگر شما نمی خواهید یک مرز برای نشان دادن، اختصاص یک مقدار “۰“.

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

کد و داده های زیر را در سند HTML خود بنویسید (یا برش دهید و بگذارید

<table border=1>   
<tr><td>A1    </td>    
<td>A2</td>   </tr>   
<tr><td>B1    </td>    
<td>B2</td>   </tr>   
<tr><td>C1    </td>    
<td>C2</td>   </tr>  
</table>  

 

 

جدول نمایش داده شده در مرورگر شما باید خیلی شبیه نمودار قبل از آن باشد.

ویژگی های بسیاری وجود دارد که می توانید به یک جدول اختصاص دهید. در ادامه مطلب یک بحث از برچسب ها وجود دارد که به شما امکان می دهد که جدول خود را در بسیاری از روش های خلاقانه قالب بندی کنید.

در بخش بعد ما خواهید دید که چگونه رنگ پس زمینه جدول را تغییر دهید.

 

تغییر رنگ پس زمینه جدول

رنگ کل پس زمینه جدول را با استفاده از برچسب “bgcolor” در تگ اولیه “جدول” تغییر دهید:

به عنوان مثال: <table bgcolor = “yellow”>

پس زمینه رنگی نیز می تواند به یک ردیف یا یک سلول در یک جدول اختصاص داده شود. فقط رنگ bgcolor = “color” را به تگ <tr> یا <td> اضافه کنید تا قسمت خاصی از جدول را رنگ کنید.

مثال: <tr bgcolor = “yellow”>
اندازه جدول

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

مثال: <table width = 300 height = 400>

همچنین می توان عرض و ارتفاع را برای یک سلول داده جداگانه تعریف کرد، در حالی که به طور کلی به عنوان جدول کاملا متفاوت است. برای این کار، width = “value” را به تگ <tr> یا <td> در سوال اضافه کنید.

باز هم، این ایده خوب است که به سادگی با ارزشهای پیکسل و درصد آزمایش کنید تا بتوانید آنچه را که در مرورگر به نظر میرسد پیدا کنید.
Cellpadding

برچسب “cellpadding” مقدار (در پیکسل) مقدار فضای بین لبه های هر سلول و داده ها را در داخل هر سلول مشخص می کند. استفاده از آن در تگ شروع “جدول“:

مثال ۱: <border table = 1 cellpadding = 5>

مثال ۲: <table border = 1 cellpadding = 15>
Cellspacing

برچسب “cellpacing” (در پیکسل ها) مقدار فضای بین هر سلول را مشخص می کند. استفاده از آن در برچسب “جدول“:

مثال ۱: <border = 1 cellpacing = 5>

مثال ۲: <border table = 1 cellpacing = 15>
عنوان جدول

برای ایجاد یک “header” bold و centered برای یک ستون یا ردیف در یک جدول، از تگ <th> به جای تگ <td> در کدگذاری برای ردیف اول خود استفاده کنید.

مثال:

<table border=1>
<tr><th>Column 1</th>    
<th>Column 2</th></tr>   
<tr><td>A</td>    
<td>B</td></tr>   
<tr><td>C</td>    
<td>D</td></tr>  
</table>

 

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

 

تراز و ترمیم سلول

به طور پیش فرض، تمام محتویات سلولی در یک جدول (به استثنای عنوان های جدول) را به صورت عمودی محور قرار داده و توجیه می شود. برای ایجاد محتویات یک سلول به روش دیگری، تگ های زیر را در برچسب های <td>، <th> یا <tr> اعمال کنید:

برای تراز افقی، مقادیر را می توان چپ، راست یا مرکز:

مثال: <tr align = “center”>

برای مقیاس عمودی، مقادیر می توانند بالا، پایین، وسط باشند:

مثال: <td valign = “top”>

شما همچنین می توانید تراز تمام جدول خود را ترتیب دهید تا تصمیم بگیرید که کدام صفحه در آن ظاهر شود. با قرار دادن تگ <align = “right”> یا <align = “left”> در تگ “table” اولیه، متن در اطراف جدول شما هر جا که قرار دارد قرار می گیرد. یا اگر می خواهید جدول خود را بدون تکیه زدن در اطراف متن تنها بگذارید، از برچسب “تقسیم بندی تقسیم” قبل و بعد از تمام جدول خود استفاده کنید.
سلنیویی

“Spanning”
زمانی اتفاق می افتد که یک سلول دو یا چند سلول دیگر را در جدول قرار دهد.

برای ستون بندی ستون، برچسب <colspan = value> در تگ <td> قرار می گیرد که در آن اعمال می شود. در اینجا یک مثال از کد است:

<table border=1>  
<tr><td colspan=2>This cell spans over two columns </td>    
<td>This cell spans over one column </td> </tr> 
<tr align="center"> <td>A </td> <td>B </td> <td>C </td> </tr>  
</table>

 

برای قرار دادن سطر، برچسب <rowspan = value> در تگ <td> قرار می گیرد که در آن اعمال می شود. مثلا:

<table border=1> 
<tr><td rowspan=2>This cell spans over two rows </td>    
<td>A</td><td>B</td></tr><tr><td>C</td><td>D</td>   
</tr>  </table>

 

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

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

 

ایجاد فریم ها

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

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

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

سند Frameset DocumentA frameset یک سند HTML است که دستورالعمل مرورگر را برای ترتیب دادن محتوای صفحه وب به روش خاصی هدایت می کند. در یک سند frameset، یک برچسب “frameset” تگ “body” را جایگزین می کند.

شما سند frameset را در فرمت HTML معمولی شروع خواهید کرد:

<html> <head> <title>
عنوان </ title> </ head>

بعد، برچسب “frameset” را وارد کنید:

مثال: <frameset rows = “20٪، ۸۰٪“>

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

مثال: <frameset rows = “10٪، ۵۰٪، ۴۰٪“>

مقادیر عددی به مرورگر مقدار فضای را در پنجره مرورگر نشان می دهند که هر بخش برای اشغال است. شما می توانید از مقادیر درصد یا مقادیر پیکسل استفاده کنید. “*” همچنین می تواند به جای یک مقدار استفاده شود، نشان می دهد که یک بخش خاص می تواند از هر فضای موجود در پنجره مرورگر استفاده کند:

مثال: <frameset rows = “100، *، ۵۰”>

این برچسب نشان می دهد که صفحه به سه ردیف تقسیم می شود. فریم اول (بالا) ۱۰۰ پیکسل فضا را اشغال می کند، قاب پایین ۵۰ پیکسل فضا را اشغال می کند و کادر میانی هر فضای را در پنجره مرورگر اشغال می کند.

اگر صفحه شما به ستون ها تقسیم شده باشد، از ستون frameset برای ستونها به همراه مقادیر شمارنده استفاده کنید:

مثال: <frameset cols = “200، *”>

این تگ به مرورگر می گوید که صفحه را به دو ستون تقسیم می کند. ستون سمت چپ ۲۰۰ پیکسل فضا را اشغال می کند. ستون سمت راست هر فضا را در پنجره مرورگر اشغال می کند.

شما همچنین می توانید ستون های frameset و ستون های frameset را برای ایجاد طرح های بسیار پیچیده ترکیب کنید. “لانه سازی” اسناد فریم در آینده در این مقاله مورد بحث است.

 

اضافه کردن منبع قاب

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

اکنون شما به سند frameset خود برچسب “frame src” اضافه می کنید که به مرورگر که اسناد HTML را در هر فریم قرار می دهد، می گوید:

مثال:

<html><head><title>Frameset Test</title></head>   <frameset cols="200,*">    
 
<frame src="links.htm"> <frame src="information.htm"> </frameset> </html> 

 

این مثال یک سند فریم را نشان می دهد که یک صفحه وب را به دو ستون یا فریم تقسیم می کند. در کادر چپ، ۲۰۰ پیکسل فضا، سند “links.htm” را نمایش می دهد. بقیه صفحه، ستون سمت راست، سند “info.htm” را نمایش می دهد. شما همچنین می توانید برچسب هایی که برای بستن یک سند فریم برداشته شده است را مشاهده کنید:

</ frameset>

</ html>
نامگذاری فریم های شما

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

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

برای نام یک قاب، فقط یک تگ “نام” در برچسب “frame src” در سند frameset خود قرار دهید. شما می توانید هر قاب هر نامی که انتخاب می کنید را بدهد.

مثال:

<frame src = “links.htm” name = “menu”>

<frame src = “information.htm” name = “info”>

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

به عنوان مثال: <a href=”https://www.crmit.ir/company.htm” target=”info”> اطلاعات شرکت </a>

این به مرورگر می گوید که اطلاعات مرتبط را به کادر “info” نمایش داده می شود.
ذخیره و مشاهده سند شما

مانند اسناد HTML منظم، اسناد فریم در هر دو با پسوند .htm یا .html ذخیره می شوند. اطمینان حاصل کنید که فایل frameset را در همان پوشه به عنوان اسناد HTML نگه دارید که در فریم های آن ظاهر می شود.

هنگامی که سند frameset خود را در مرورگر خود باز می کنید، باید قادر به دیدن یک صفحه تقسیم شده با یک سند HTML جداگانه در هر فریم باشید.

در بخش بعدی ما نحوه حذف نوارهای پیمایش و مرزها را بیابیم.

 

حذف نوارها و مرزهای رفته
صفحه ساده با & quot؛ ذخیره شده در & quot؛ فریم ها
صفحه ساده با فریم “nested”

اگر شما ترجیح می دهید نگاه پاک به صفحه خود، بدون هر گونه اسکرول و مرزها، شما می توانید با برچسب هایی که در برچسب “frame src” قرار دارند، مشخص کنید.

با افزودن برچسب “scrolling = no”، نوارهای اسکرول را حذف کنید.

مثال: <frame src = “links.htm” scrolling = no>

مرزها را با اضافه کردن تگ “frameborder = 0” حذف کنید.

مثال: <frame src = “links.htm” frameborder = 0>

شما همچنین می توانید عرض حاشیه و ارتفاع هر فریم را با اضافه کردن برچسب ها “marginwidth = value” و “marginheight = value” مشخص کنید. شما می توانید حاشیه هر مقدار پیکسل که می خواهید ایجاد کنید. باز هم، این برچسب ها را داخل برچسب “frame src” قرار دهید.
فریم های چندگانه

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

سند frameset برای این طرح ایجاد شده است:

<html><head><title>Frame Test</title></head>   <frameset rows="20%, 80%">  
 
<frameset cols="70%, 30%"> <frame src="logo.htm"> <frame src="address.htm">
 
</frameset> <frameset cols="85%, 15%> <frame src="info.htm">
 
<frame src="links.htm"> </frameset> </frameset> <html> 

 

شکسته شده است، این همان چیزی است که هر ردیف برچسب “frame” نشان می دهد:

<frameset rows = “20
٪، ۸۰٪“>

در این سند دو ردیف وجود دارد. ردیف بالای ۲۰ درصد از فضای عمودی موجود را اشغال می کند. ردیف پایین ۸۰ درصد را اشغال می کند. در واقع، این مقادیر ارتفاع هر ردیف را مشخص می کند.

<frameset cols = “70
٪، ۳۰٪“>

در ردیف اول دو ستون وجود دارد. ستون سمت چپ ۷۰ درصد از فضای افقی موجود را اشغال می کند و ستون سمت راست آن ۳۰ درصد است. در واقع، این مقادیر عرض هر ستون را مشخص می کند.

<frame src = “logo.htm”>

سند HTM “لوگو” در ستون اول ردیف اول ظاهر می شود.

<frame src = “address.htm”>

آدرس” اسناد HTM در ستون دوم ردیف اول ظاهر می شود.

</ frameset>

اولین مجموعه ستون ستون کامل است.

<frameset cols = “85
٪، ۱۵٪>

دو ستون در ردیف دوم وجود دارد. ستون سمت چپ ۸۵ درصد از فضای افقی موجود را اشغال می کند. ستون راست ۱۵ درصد را اشغال می کند.

<frame src = “info.htm”>

سند HTM “اطلاعات” در ستون اول ردیف دوم ظاهر می شود.

<frame src = “links.htm”>

سند HTM “لینک” در ستون دوم ردیف دوم ظاهر می شود.

</ frameset>

مجموعه فریم ستون دوم کامل است.

</ frameset>

کل مجموعه فریم کامل است.

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

 

تصاویر

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

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

تبدیل یک تصویر به یک گلوله به سادگی با قرار دادن برچسب تصویر که در آن شما می خواهید گلوله برای نمایش؛ شما لازم نیست از برچسب <ul> استفاده کنید.

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

دو راه وجود دارد که می توانید تصاویر گرافیکی را بدست آورید: یا میتوانید آنها را از سایتهای مختلف “clip clip art” در وب دانلود کنید یا خودتان آنها را ایجاد کنید. برخی از سایت های ارائه دهنده گرافیک و انیمیشن رایگان شامل صفحه Works، A-1 All Free Clip Art و The Free Graphics Store می باشند. شما همچنین می توانید از سایت رایگان، مکان های وب و گرافیک رایگان برای دایرکتوری ها از سایت های تصویری رایگان بازدید کنید.

بگذارید بگوییم شما به یک سایت گرافیکی رایگان بروید و تصویری را که دوست دارید را می بینید. اگر راست کلیک بر روی تصویر، یک منو ظاهر خواهد شد و یکی از گزینه های “ذخیره تصویر به عنوان ….” شما باید تصویر را در پوشه ای که صفحه وب شما در آن ذخیره می شود را ذخیره کنید.

اگر میخواهید تصاویر خودتان را ایجاد کنید، به یک برنامه نیاز دارید که بتواند فایلهای GIF و JPG را ویرایش کند. یکی از محبوب ترین برنامه ویرایش تصویر موجود در وب Paint Shop Pro نامیده می شود. شما می توانید یک کپی را با کلیک کردن بر روی اینجا دریافت کنید. با تمرین کمی، و تنها توانایی هنری جزئی، شما به زودی ایجاد تصاویر مانند یک حرفه ای!

همانطور که در Basic HTML Formatting Tags توضیح داده شده، تصاویر به یک صفحه وب با برچسب اضافه می شوند:

<img src = “
نام فایل“>

شما همچنین می توانید از یک تصویر به عنوان یک لینک به یک صفحه یا عنصر دیگر استفاده کنید. برای انجام این کار، علامت “img src” را فقط پس از تگ لنگر وارد کنید. اطمینان حاصل کنید که حاوی “border = 0” باشد یا جایی که مرز زشت در اطراف تصویر شما ظاهر شود.

مثال: <a href=”https://www.crmit.ir”> <img src = “hswlogo.jpg” border = 0> </a>

در این مثال، اگر کاربران بر روی تصویر “hswlogo.jpg” کلیک کنند، آنها را به صفحه اصلی HowStuffWorks در “https://www.crmit.ir” منتقل می کنند.

هر تصویر دیجیتال همچنین می تواند به عنوان پس زمینه برای صفحه شما استفاده شود. برای انجام این کار، background = “image file name” را در تگ <body> اضافه کنید.

مثال: <body bullet = “hsw-logo.jpg>

ما نحوه برچسب گذاری تصاویر در بخش بعدی را پیدا خواهیم کرد.

 

برچسب گذاری تصاویر

یکی دیگر از برچسب های مفید، اما غیر اجباری است که می توانید به برچسب تصویر خود اضافه کنید “alt.” این تگ تصویر شما را یک برچسب می دهد، زمانی که کاربر ماوس را بر روی گرافیک می گذارد ظاهر می شود. همچنین به نظر می رسد قبل از اینکه تصویر به نظر می رسد به عنوان صفحه خود را در مرورگر بارگیری می شود، در حالی که گرافیک در حال آمدن است، علاقه کاربر را حفظ می کند. شما می توانید هر پیامی را که می خواهید با استفاده از برچسب “alt” وارد کنید.

مثال: <img src = “hswlogo.jpg” alt = “HSW Company Information”>
اگر تصاویر شما کار نمی کنند

ما تعداد قابل قبولی از ایمیل را از افرادی که مشکل اضافه کردن تصاویر به صفحات خود را دارند، دریافت می کنیم. هنگامی که GIF ها و JPG ها کار نمی کنند، آنها معمولا به عنوان X قرمز کوچک ظاهر می شوند.

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

    
با ساده کردن روند، شروع کنید. فایل HTML و فایل تصویر را در همان دایرکتوری قرار دهید. فایل تصویر را به xyz.gif (یا xyz.jpg) تغییر نام دهید. ایجاد یک برچسب که در صفحه HTML شما می گوید. صفحه را در مرورگر خود نمایش دهید. اگر هنوز هم قرمز X را به جای تصویر می بینید، سپس
    
مطمئن شوید که فایل تغییر نام واقعا به نام xyz.gif باشد. در دستگاه یونیکس، پرونده مورد نظر است، پس مطمئن شوید که همه چیزهایی که باید بزرگ باشند بزرگ هستند و همه چیزهایی که باید حروف کوچک باشند، کوچک است. نام Xyz.gif کاملا متفاوت از xyz.gif به یک ماشین یونیکس است.
    
در یک دستگاه ویندوز، سیستم عامل بعضی اوقات پسوند را به نام فایل بدون اطلاع شما اضافه می کند. به عنوان مثال، ممکن است در explorer xyz.gif را ببینید، اما ممکن است ویندوز نام فایل xyz.gif.gif را نام برد. ساده ترین راه برای دیدن این که آیا این اتفاق افتاده است استفاده از دستور dir در MS-DOS سریع است، به طوری که شما می بینید نام فایل های واقعی. اگر ویندوز در واقع اضافه کردن پسوندها است، شما می توانید این رفتار را با استفاده از گزینه های گزینه در explorer خاموش کنید.

ما متوجه خواهیم شد که چگونه تصاویر خود را در بخش بعدی ترسیم کنیم.

 

تراز کردن تصاویر

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

    
از تگ <div align = “..”> قبل از تگ تصویر به مرکز یا توجیه راست یا چپ استفاده کنید.
    
از تگ </ div> پس از تگ تصویر برای پایان دادن به توجیه استفاده کنید.
    
از تگ <align =. “..”> در برچسب “img src” برای قرار دادن متن در اطراف تصویر استفاده کنید.

این تگ ها را در داخل برچسب “img src” قرار دهید تا هماهنگی عمودی تصاویر در رابطه با متن را وارد کنید:

align = “bottom”
متن با پایین تصویر قرار دارد.

<img src = “http://static.ddmcdn.com/gif/hsw-logo3.gif” alt = “HowStuffWorks” border = 0 align = “bottom”>

align = “top”
متن با بالای تصویر قرار دارد.

<img src = “http://static.ddmcdn.com/gif/hsw-logo3.gif” alt = “HowStuffWorks” border = 0 align = “top”>

align = “middle”
خط متن در کنار وسط تصویر قرار دارد.

<img src = “http://static.crmit.ir/gif/hsw-logo3.gif” alt = “HowStuffWorks” border = 0 align = “middle”>

در هر یک از مثال های فوق، تصویر به طور پیش فرض باقی می ماند، بنابراین متن در سمت راست آن ظاهر می شود. اگر می خواهید متن در سمت چپ و تصویر در سمت راست، شما می توانید برچسب تطبیق تصویر <div align> مورد بحث در بالا اضافه کنید.
ایجاد GIF های متحرک

GIF
های متحرک جنبش و فلش را به صفحات خود اضافه می کند. یک ابزار خوب برای ایجاد GIF های متحرک GIF Construction Set است. با استفاده از این ابزار یا ابزار دیگری مانند آن، می توانید فریم های مختلف را در دنباله متحرک ایجاد کنید و سپس آنها را به یک تصویر تکمیل کنید.

 

گرفتن صفحه شما آنلاین

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

    Geocities
    
سه پایه
    
حومه

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

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

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

ابزارهای بزرگ هنگامی که صفحه خود را بر روی یک سرور دریافت می کنید، می خواهید بدانید چه نوع ترافیکی را می گیرید. یک مکان مانند Show Stat، Hit Box یا Site Meter این سرویس را به صورت رایگان فراهم می کند و به شما آمار بسیار کامل می دهد. اگر شما فقط می خواهید یک شمارنده ساده در صفحه خود، FastCounter یک ابزار خوب برای استفاده است.

تعدادی از ابزارهایی که می توانید برای کمک به بهبود سایت خود استفاده کنید وجود دارد. به عنوان مثال، این ابزار رایگان سایت شما را برای اشتباهات املایی، زمان بارگذاری بر روی شبکه، متا تگ ها، سازگاری مرورگر و غیره بررسی خواهد کرد.

ما در مورد متا تگ ها در بخش بعدی یاد خواهیم گرفت.

 

برچسب های متا

اگر شما قصد دارید صفحات خود را در موتورهای جستجو وارد کنید (که در بخش بعدی ذکر شده) به طوری که دیگران بتوانند آنها را پیدا کنند، شما می خواهید برچسب های متا را به صفحه خود اضافه کنید. دو علامت متداول رایج به شما اجازه می دهد توضیحات و مجموعه ای از کلمات کلیدی را برای صفحه تعیین کنید و همچنین می توانید همه انواع چیزهای دیگر را اعلام کنید. برچسب های متا همیشه بین برچسب های <HEAD> و </ HEAD> منبع HTML نمایش داده می شوند. در اینجا برچسب های متا که در بالای صفحه اصلی صفحه برای HowStuffWorks ظاهر می شود:

<Meta Name = “
توصیف” Content = “فهرست بیش از ۵۰ مقاله” HowStuffWorks فوق العاده “!>

<Meta Name = “keywords” Content = “
چگونگی کارها، چگونگی کارها، نحوه کار، اطلاعات، آموزش، توضیح، توضیح، درک، درک، به من بگویید، دانش آموزان، معلمان، تحصیلات، آموزش“>

<Meta http-equiv = “PICS-Label” content = ‘(PICS-1.1 “http://www.rsac.org/ratingsv01.html” .howstuffworks.com “on” 1998.09.23T01: 29-0800 “r (n 0 s 0 v 0 l 0)) ‘>

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

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

برچسب سوم یک برچسب رتبه بندی RSAC است. در اینجا یک توصیف از سیستم رتبه بندی RSAC است که از وب سایت RSAC در www.rsac.org گرفته شده است:

 

شورای مشورتی نرم افزار سرگرمی یک سازمان مستقل و غیر انتفاعی مستقر در واشنگتن دی سی است که عموم مردم و به خصوص والدین را قادر می سازد تصمیمات آگاهانه در مورد رسانه های الکترونیکی را با استفاده از یک سیستم باز، در حال حاضر RSACi به مرورگر مایکروسافت، اینترنت اکسپلورر و نرم افزار Patrol Software Cyber Patcher مایکروسافت متصل شده است. CompuServe (ایالات متحده و اروپا) نیز متعهد شده است که تمام محتوای آن را با سیستم RSACI ارزیابی کند. “

 

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

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

<META HTTP-EQUIV = “Content-Type” CONTENT = “text / html
؛ charset = windows-1252″>

<META NAME = “
ژنراتور” CONTENT = “مایکروسافت ورد ۹۷“>

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

 

ارتقاء سایت شما

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

تکنیک های مختلفی وجود دارد که شما می توانید برای جلب مردم به سایت خود استفاده کنید. این فصل به بسیاری از زوایایی که می توانید برای افزایش ترافیک سایت استفاده کنید را آموزش می دهد.
ثبت نام با موتورهای جستجو

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

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

در اینجا لیستی از URL های بعضی از صفحات “submit-a-site” در موتورهای جستجو اصلی وجود دارد:

    
آلتا ویستا
    AOL
جستجو
    
گوگل
    HotBot
    
لیکوس
    WebCrawler

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

بسیاری از این سایت ها بسیار جذاب هستند تا سایت های جدید را انتخاب کنند؛ چرا که مردم باید هر سایت ارائه شده را بررسی کنند تا بتوانند به مجموعه لینک ها اضافه شوند. لینک های زیر به صفحات اصلی هر یک از این سایت های پیوند اشاره دارند؛ زیرا شما قبل از اینکه بتوانید URL خود را اضافه کنید، باید این سایت را مرور کنید تا دسته بندی را برای ارسال شما پیدا کنید. هنگامی که طبقه بندی مناسب را پیدا می کنید، دکمه «اضافه کردن URL» را برای اضافه کردن سایت خود دنبال کنید.

    
جید آنلاین فهرست
    LookSmart
    Nerd World
    
نور شمالی
    
دایرکتوری را باز کنید
    
یاهو

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

 

لیست خدمات

اگر سایت شما مرتبط با کسب و کار است، شما باید آن را به تمام سایت های زیر ارسال کنید. این سایت ها کسب و کار خود را در دایرکتوری های خود فهرست، برخی به صورت رایگان و برخی برای هزینه:

    AllSearchEngines
    b2bFreeNet
    SuperPages
    
زمین تجاری
    
موتورهای جستجوی کسب و کار
    EZDirectory
    SmallBiz

ثبت نام سایت های جوایز سایت های جایزه یا سایت خود را به جهان (معمولا یک ساعت یا یک روز به عنوان یک سایت منحصر به فرد یا “خنک”) به شما نشان می دهد یا سایت خود را نوعی جایزه می دهد که می توانید در قالب یک لوگو نمایش داده شود در سایت خود جا به جا شده است. در همه موارد، شما باید با این سایت ها ثبت نام کنید تا به عنوان شناخته شده در نظر گرفته شود. سایت های زیر برخی از محبوب ترین سایت های جایزه در دسترس هستند:

    
سایت خبری روز
    
هفت عجایب وب
    
وب ۱۰۰
    
جوایز Webby
    
وای! عجایب وب

خدمات ثبت نام شرکت های ذکر شده در زیر سایت خود را در صدها موتور جستجو ثبت نام، گاهی اوقات برای هزینه. اکثر آنها همچنین سایر خدمات ارتقاء وب را نیز ارائه می دهند. تعدادی از این سایت ها اطلاعات خود را در مورد ارتقاء سایت خود ارائه می دهند، بنابراین ممکن است بخواهید از آنها بازدید کنید تا ببینید آیا می توانید ایده های خود را انتخاب کنید.

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

    
من را اضافه کنید
    SiteAdd
    URL
ارسال کننده
    ۱۲۳ URL
را اضافه کنید
    
ثبت نام
    
ارسال آن

ما در بخش بعدی به پیوند متقابل نگاه خواهیم کرد.

 

پیوند متقابل
مثال تبلیغ بنر
مثال تبلیغ بنر

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

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

در زیر موارد زیر برای ایجاد لینک متقابل وجود دارد:

    
شاخص تبادل لینک

تبلیغات پرداخت شده

اگر به سرعت به ترافیک نیاز دارید، یکی از بهترین راههای به دست آوردن آن، پرداختن به سایتهای دارای ترافیک بالا برای تبلیغ خدمات شما است. تبلیغات پرداخت می شود به طور معمول در بالای صفحات وب به عنوان تبلیغات طولانی، نازک و چشمک زدن ظاهر می شود و آنها تبلیغات بنر نامیده می شوند (انواع مختلفی از تبلیغات وجود دارد، هر چند – بررسی نحوه عملکرد وب سایت برای جزئیات بیشتر). در اینجا سه ​​نمونه از تبلیغات بنر وجود دارد:

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

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

    
تبلیغات Lycos
    
تبلیغات MSN
    
یاهو راه اندازی وب
    
یاهو تبلیغات
    
تبلیغات Webcrawler

اطلاعات بیشتر در مورد ارتقاء وب سایت

مقالات زیر در یادگیری بیشتر در مورد ارتقاء وب سایت و بازاریابی مفید خواهد بود:

    
خلاصه وب برای بازاریابان
    
بی نظیر

 

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

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


دیدگاه‌تان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *