تبلیغات

مترجم سایت

مترجم سایت

mirosoftblog - ٨-د - اتصال به قسمتی از همان صفحه
به وبلاگ مایكروسافت بلاگ خوش آمدید******مارا از نضرات خود بی بهره نگذارید******از محصولات فروشگاه بازدید کنید****** با خرید از فروشگاه اینترنتی از مزایای خوبی بهره مند شوید***با عضویت در این وبلاگ از مطالب سرگرم کننده ومفیدی بهره مند شوید
تبلیغات
<"">>

منوی اصلی

پیوندهای روزانه
 سایتی پر از شکلک برای وبلاگ شما
 همه لینک ها
 ارسال لینک روزانه

٨-د - اتصال به قسمتی از همان صفحه 


تگ < name >


اهداف این درس

1 - ایجاد یک شاخه مخفی برای اشاره به یک قسمت خاص از یک سند HTML
2- ساخت و ایجاد یک اتصال ابرمتن که به بخش خاصی از یک سند متصل شوید .
3- ساخت یک ابرمتن برای اتصال به قسمتی از یک صفحه در یک سند HTML دیگر
4- ایجاد انواعی از ابر متنها برای صفحه وب

شروع درس 

Anchor name یک نشانه مخفی ، برای اشاره به یک بخش خاصی از یک سند HTML و نیز می تواند برای اتصال به قسمتی از یک صفحه دیگر کاربرد داشته باشد . برای مثال می توانیم در یک صفحه ( در اینجا ) یک اتصال درست کنیم که با کلیلک بر روی آن به قسمت آخر صفحه پرش پیدا کنید .
قالب HTML آن عبارتست از 
< a name="name" >Text to link to < /a > 

نوشتن و ایجاد یک لینک (Name Anchor)

هنگامی که می خواهید یک ( Name Anchor ) ایجاد کنید مراحل زیر را دنبال کنید .

کاراکتر "#" به مرورگر شما می فهماند که باید در داخل سند به دنبال Anchor name باشد . اضافه کردن یک name anchor به index.html که در قبل ساختید.
1- سند index.html را باز کنید .
2- در بالای این متن را اضافه کنید .

3- در یک روش یکسان مانند بالا موارد زیر را نیز انتخاب کنید .

4- اگر صفحه را مجددا بارگذاری کنید از تغییراتی که انجام دادید چیزی دیده نمی شود و از چشم کاربر مخفی است .
اضافه کردن اتصالات (Name Anchor) به همان سند
1- باز کردن فایل Index.html 
2- موارد زیر را اضافه کنید . 
3- سند خود را ذخیره کنید و آن را مجددا بارگذاری کنید .
در پایان ما می خواهیم که هر کدام از موارد لیست بالا بصورت ابرمتنی باشند که ما را به قسمتی از همین صفحه هدایت کنند .
1- صفحه index.html را در ویرایشگر متنی باز کنید .
2- اولین مورد را بصورت فوق تغییر دهید . 

3- نتایج خود را ذخیره و صفحه را مجددا بارگذاری نمایید.

اضافه کردن یک اتصال Anchor name به یک سند دیگر

شما میتوانید یک اتصال ایجاد کنید که به وسیله آن به قسمتی از یک سند دیگر هدایت شوید که دستور آن بصورت زیر است :

اگر چنین سندی در صفحه دیگری وجود داشته باشد
برای ایجاد چنین لینکی مراحل زیر را دنبال کنید :
1- سند Lesson1.html را که در قبل ایجاد کردید باز کنید .
2- در بین تگ و متن زیر را وارد کنید :

3- اسناد خود را ذخیره کرده و صفحه را مجددا بارگذاری کنید .
وقتی که بر روی ابر متن Return to training the web کلیک می کنیم و در صفحه Index.html در قسمت آموزش آن می شوید .

آزمایش 







مروری بر مطالب 

1- چگونه یک تگ Anchor name را می شناسید؟
2- مراحل ایجاد یک لینک به قسمت دیگر از یک صفحه چیست؟
3- چگونه این لینک را برای اتصال به قسمت صفحه دیگر آرایش می کنید؟
4- تفاوت بین تگ های زیر چیست ؟ 
 

تمرین 

در صفحه خود از انواع name anchor استفاده کنید

فصل اول
مقدمه 
درس 1 - ایجاد اولین سند HTML
درس 2 - ویرایش یک سند HTML 
درس 3 - نشانه گذاری 6 درجه 
درس 4 - شکستن پاراگراف 

 
فصل دوم
درس 5 - سبکهای مختلف نوشتاری 
درس 6 - < ul >, < ol > لیستها 
درس 7 - قالب بندی فایلهای گرافیکی و استاندارد های مورد استفاده در صفحات وب
درس -٧-ب - قرار دادن تصاویر در اسناد

 
فصل سوم
درس 8 - LINK ( اتصال )
٨-ب - لینك به سایت دیگر
٨-ج اتصال به یک سایت دیگر از اینترنت 
٨-د - اتصال به قسمتی از همان صفحه 
٨-ه - اتصالات ابر متن و تصویرهای لینک شده
درس 9 - به ردیف در آوردن متن

 
فصل جهارم
درس 10 - کاراکترهای ویژه
درس 11 - لیستهای تعریف
درس 12 - آدرسهای زیر نویس و اتصالات email
درس 13 - وارد کردن یک توده متن بطوریکه از بقیه متن متمایز باشد 
درس 14 - گذاشتن بافت برای صفحه
درس 15 - عدم استفاده از تگهای blink و Marquee 

 
فصل پنجم
درس 16 - زیبا کردن متن 
درس 17 - ایجاد خط
درس 18 - Extra Alignment
درس 19 - آرایش در جدول 
درس 20 - نقشه های تصویری 

 
فصل ششم
درس 21 - Meta tag
درس 22 - پنجره Target
درس 23 - فریم کردن صفحه
درس 24 - اضافه کردن فرم به صفحات وب
درس ٢٤-ب - بوجود آوردن فرم ها 
درس 25 - چند رسانه ای در صفحات شما
25 -ب - اضافه کردن فیلم و صوت -multimedia
درس 25 - ج - قالبهای صوتی مورد استفاده
منبع:www.ostadonline.com
درباره وبلاگ

مدیر وبلاگ: سیدحجت الله سجادی

آمار وبلاگ
کل بازدید:
بازدید امروز:
بازدید دیروز:
بازدید این ماه:
بازدید ماه قبل:
تعداد نویسندگان:
تعداد کل پست ها:
آخرین بازدید:
آخرین بروز رسانی:


آرشیو مطالب
  تیر 1390 (14)
  خرداد 1390 (4)
  اردیبهشت 1390 (1)
 لیست آرشیوها

امکانات