سفارش تبلیغ
صبا ویژن
 
آموشهای تخصصی کامپیوتر و طراحی سایت
درباره وبلاگ


لینک های ویژه
طول ناحیه در قالب بزرگتر از حد مجاز
آمار وبلاگ
  • بازدید امروز: 4
  • بازدید دیروز: 2
  • کل بازدیدها: 411345



دوشنبه 91 بهمن 16 :: 2:58 عصر ::  نویسنده : smfatemi

 درس 8 - ج - اتصال به یک سایت دیگر از اینترنت


اهداف این درس

1- ایجاد یک اتصال به یک سایت دیگر اینترنت
2- ایجاد یک
URL در سند HTML برای استفاده و اتصال از طریق سایت شما

شروع درس

HTML برای اتصال به اینترنت
اتصال به یک سایت اینترنتی ترکیبی است از دو مبحث اتصال به یک فایل محلی درس (8
a ) و هر آنچه که در درس (8a ) در مورد URL آموختیم قالب HTML کلی این اتصال بصورت زیر است :

URL آدرس سایتی است که شما می خواهید از آن دیدن کنید .link
یک رشته لینک فعال که بصورت ابرمتن در مرورگر وب نشان داده می شود ، معمولا اما نه همیشه با خط آبی که در زیر آن کشیده شده مشخص می شود. وقتی یک بیننده بر روی ابر متن کلیک می کند مرورگر وب به یک سایت دیگر بوسیله یک
URL اتصال پیدا می کند . توجه داشته باشید که URL می تواند شما را به www و FTP و Gopher ، متن و عکس و ... متصل کند . می خواهیم یک ابرمتن در سایت ایجاد کنیم برای دسترسی به سایتهایی که در مورد آموزش از راه دور می باشد .
1- فایل
Index.html را باز کنید.
2- متن زیر را اضافه کنید :

برای دیدن سایتهای آموزش از راه دور

3- ذخیره سند خود

تذکر :

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

روش آسان برای وارد کردن یک
URL در یک تگ

از آنجایی که ماهیت یک صفحه وب و آدرس آن در قسمت آدرس بار ظاهر می شود و شما می توانید روی آدرس بار بر روی آدرس کلیک کرده و آن را انتخاب کنید و گزینه
Copy را انتخاب کنید سپس مراحل زیر را انجام دهید .
1- فایل
index.html را باز کنید .
2- متن زیر را وارد کنید .

3- به آدرس www.webtraning.comمتصل شوید.
4- در این صفحه وب از آدرس بار
URL را انتخاب کنید .
5- از منوی
Edit گزینه Copy را انتخاب کنید .
6- حال به سند
index.html خود باز گردید.
7- ماوس را مابین
index.html در جایی که می خواهیم URL را وارد کنیم قرار می دهیم و سپس Paste کنید .

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

1- آدرسهای اینترنتی چه هستند ؟
2- مراحلی که باید برای گذاشتن یک
Link -URL در صفحه وب دنبال کنید چیست ؟
3- راه آسان وارد کردن
URL چیست ؟
4- گزارشی از انواع لینکهایی که در صفحه قرار دادید داشته باشید .

تمرین

در صفحه وب خود را از اتصالاتی که شما را به
URL متصل می کند استفاده کنید .

 

 




موضوع مطلب :
دوشنبه 91 بهمن 16 :: 2:55 عصر ::  نویسنده : smfatemi

 8-ب - لینک به سایت دیگر


اهداف این درس

1- شناسایی وظیفه یک
URL
2- تشخیص ساختار یک
URL
3- امتحان یک اتصال به یک
URL

تذکر:

برای این درس شما نیاز به فایل متنی
HTML ندارید.
URL چیست ؟

Uniform Resource Location -URL آدرسی است که www از آن برای پیدا کردن فایلها و اسناد کامپیوترها در روی اینترنت از آن استفاده می کند در مرورگر شما URL این سند در قسمت آدرس با مرورگر شما تایپ شده است . یک مرورگر URL شامل قسمتهای زیر است :
1- معین کننده هویت
2- معین کننده هویت و آدرس
3- مسیر کامل فایل منحصر به فرد
URL چیزی است که شما برای ساختن یک اتصال از یک صفحه وبی که خودتان ایجاد کرده اید برای اتصال به اطلاعات دیگر قابل دسترسی بر روی اینترنت به آن احتیاج پیدا خواهید کرد .

ساختار
URL چگونه بنا می شود ؟

- چگونگی ایجاد یک
URL
ساختار یک سند
URL بصورت زیر است : Type:\\inter.net.address/directory/…/filename کلمه Type (نوع ) اشاره بر نوع Internet server دارد که شروع کننده یک URL است .
http برای webserver است که مخفف است که مخفف hyper text transfer prorocol می باشد .سایت اینترنتی گوفر اطلاعات شاخه ها و منوهای منتقل شده می باشد.

FTP

مخفف کلمات
File Transfer protocol که به FTP ناشناس شهرت دارد و آرشیوی از فایلهاست .

Telnet

ایجاد یک جلسه
Telnet برای دسترسی به کامپیوتر را دور وقتی مرورگر وب خود را انتخاب می کنید برای Telnet آماده خواهد شد و یک برنامه خارجی را به یک سایت مشخص اتصال پیدا می کند.

WAIS

مخفف کلمات
Area Indexed server سروری برای جستجو موضوعات و اسناد جهت دار با استفاده از لغات کلیدی .

File

فایلها بر روی کامپیوتر شما (فلاپی ، هارد دیسک ، ... ) این نوع آدرس دهی همیشه با :// دنبال می شود و آدرس اینترنت یک کامپیوتر راه دور مانند آدرس فوق
Host.Domain.Domain.Domain

برای مثال:

Machinedepartment.college.edu
123.45.6.78
office.company.com
agency.branch.gov
machine . organization.country
توجه داشته باشید که یک
URL می تواند شما را به هر سایت ، شاخه ، زیر شاخه ، فایل متنی ، تصویر و فیلم یا صدا و یا هر سایتی که آرایش شده برای ترسیم عمومی متصل کند. بهترین روش برای پیدا کردن URL های مختلف حرکت دادن ماوس و لینک کردن آن بر روی ابر متن های در صفحه می باشد . اگر به قسمت بالای مرورگر خود دقت کنید URL می توانید در آن قسمت به نمایش در آید . همچنین شما به وسیله URL می توانید به سایتهای بزرگ نظیر Yahoo و ... دسترسی پیدا کنید.

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

1- هدف ایجاد
URL برای www چیست ؟
2- در کجای صفحه وب می توان
URL ها را پیدا کرد ؟
3- ساختار اصلی یک
URL چیست ؟
4- وقتی به وسیله یک ابرمتن اتصال به جایی پیدا می کنید
URL را چگونه می بینید ؟

تمرین

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

 




موضوع مطلب :
دوشنبه 91 بهمن 16 :: 2:53 عصر ::  نویسنده : smfatemi

درس 8 - LINK ( اتصال )


URL- چیست ؟

قدرت واقعی وب در توانایی آن در ایجاد ابر متن هایی است که وابسته به اطلاعات است که آن اطلاعات بصورتهای صوت و عکس و ... انیمیشن در یک کامپیوتر راه دور قرار داده شده است
www پهناور از یک آدرس شناخته شده بنام URL که مخفف UniformResource Location است برای مشخص کردن موقعیت مکان خود استفاده می کند.
این اتصالات ابرمتن معمولا با خطی در زیر آن مشخص شده اند.
a ) اتصال به یک فایل محلی

اهداف این درس

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

شروع درس

در مرحله اول شما
a برای اتصال به صفحه دوم یک ابر متن ایجاد کنید این اتصال محلی نامیده می شود زیرا هر دو یک کامپیوتر مستقر هستند.

اتصال به فایلهای محلی

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

برای لنگرگاه لینک استفاده می شود و
href برای ارجاع دادن ابرمتن مطلب یا عکسی که از آن به عنوان اتصال استفاده می شود بعد از بسته شدن اولین تگ و قبل از شروع < a / > قرار می گیرد . معمولا متونی که دارای اتصال هستند با خطی در زیر آنها مشخص می شوند .
حال مراحل زیر را برای ساختن یک اتصال دنبال کنید:
1- ابتدا فایل
Lesson1.html را باز کنید .
2- در زیر لغت آموزش از راه دور متن زیر را وارد کنید .
"در اینجا ما سعی می کنیم شما را با بزرگترین سایتهای آموزش از راه دور آشنا کنیم و برخی از آنها را ترجمه و برای استفاده شما در سایت بکار ببریم" .
3- حال عبارات زیر را وارد کنید: در این صفحه شما طراحی صفحات وب را مطالعه خواهید کرد و ما در اینجا به

امیدواریم استفاده لازم را ببرید . جمله آموزش
HTML را می توانید در یک سند HTML ثانوی با نام Lesson2.html ذخیره شده ببینید که در مراحل 5 و 6 آن را دنبال می کنیم .
4- سند خود را ذخیره کنید .
5- حال بوسیله ویرایشگر متنی یک ویرایشگر جدید باز کنید.
6- متون زیر را وارد کنید .

در اینجا بر عناوین آموزش
HTML که از مهمترین آنها ساختن ابر متن ها می باشد می پردازیم :

7- این فایل را با نام
Lesson2.html ذخیره کنید.
8- دوباره فایل
Lesson1.html را بارگذاری کنید .
9- هنگامی که روی آموزش
HTML کلیک کنید به صفحه 2 که در مورد آموزش HTML می باشد هدایت می شوید .

اتصال به یک تصویر :

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

حال مراحل زیر را برای اضافه کردن یک اتصال به فایل گرافیکی در سند خود دنبال می کنیم :
1- یک عکس در کامپیوتر خود قرار دهید .
2- فایل
Lesson2.html را باز کنید .
متن زیر را به آن اضافه کنید :
برای آموزش بهتر از یک سری تصاویر استفاده می کنیم . با دیدن

آموزش مفیدتر خواهد بود.
3- ذخیره مراحل انجام شده
4- کلیک بر روی اتصال که در مرحله 3 ایجاد شد.
5- تصویر نمایش داده می شود .

اتصال به شاخه های دیگر

نوع دیگر اتصال ، اتصال به فایل در شاخه ای به جز آن شاخه ای که سند اصلی ما در آن قرار دارد. مثلا در آموزش ما ممکن است از تصاویر پیشنهادی استفاده کنیم که همه آنها را در شاخه تصویر ذخیره می کنیم و سندهای
HTML را در شاخه سند ، بنابراین در اینجا از اتصال شاخه به شاخه استفاده می کنیم .
مراحل زیر را انجام دهید :
1- در کامپیوتر خود شاخه ای به نام
Picture ایجاد کنید .
2- فایل گرافیکی
Lesson2.gif را به یک شاخه جدید منتقل کنید .
3- فایل
Lesson2.html را در ویرایشگر خود باز کنید .
4- تگ زیر را به سند خود اضافه کنید :

5- سند خود را ذخیره کنید و دوباره بارگذاری کنید .

اتصال در شاخه های تودرتو

ممکن است برای آدرس دهی در اتصالات مجبور به استفاده از فولدرهای تو در تو شویم :
<
a href ="//home.html" >back to home< /a >
هر کدام از این مسیرها که با / جدا شده اند یک
URL می باشند که به مرورگر برای نمایش عکس در صفحه کمک می کنند .
1- ابتدا یک فولدر با نام آموزش ایجاد کنید .
2- دو فایل
HTML شناخته شده خود را به این فولدر انتقال دهید .
3- تصاویر خود به نامهای
Lesson1.jpg و Lesson2.jpg را در فولدر Picture انتقال دهید. سپس فولدرهای Picture و Amozesh را به فولدر Work انتقال دهید.
4- فایل
Lesson1.html را باز کنید .
5- به اتصال درون این فایل توجه کنید.

6- تگ <
Img > را ویرایش کنید .

7- اعمال خود را ذخیره کنید .



یک تغییر کوچک

روش نرمال و معمولی برای ذخیره سازی اسناد این است که معمولا سند اول را با نام
Index.html ذخیره می کنند پس بهتر است فایل Lesson1.html را Rename کرده و آن را با نام index.html ذخیره کنید.

چرا باید چنین کنید ؟

فرض کنید شما کار خود را به اتمام رساندید و آماده هستید تا صفحات را بصورت وب ببینید.
URL سایت شما www.biqu.edu می باشد. و فایل مورد نظر شما در این شاخه ذخیره شده است : www.biqu.com /courses /geolgy /lesson1.html بنابراین URL آن عبارتست از :
http://www.biqu.edu/courses/science/geology/lesson1.html بطور معمولی نامی که برای صفحات وب بطور پیش فرض در نظر گرفته می شود
index.html است .

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

1- چه مراحلی را برای ایجاد یک اتصال محلی دنبال می کنید ؟
2- چه مراحلی را برای نمایش یک عکس در پنجره جدید دنبال می کند.
3- چگونه اسناد اتصالات را در شاخه های متعدد نگهداری می کنند ؟
4- اهمیت نامگذاری
index.html در چیست ؟

توضیحات اضافی

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

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

 




موضوع مطلب :
دوشنبه 91 بهمن 16 :: 2:50 عصر ::  نویسنده : smfatemi

درس -7-ب - قرار دادن تصاویر در اسناد


اهداف این درس

1- قرار دادن تصاویر در اسناد
html
2-چگونه می توان دور تا دور تصاویر متن قرار داد
3- مشخص کردن ابعاد تصاویر
4- ویرایش عکس و اضافه کردن خصلتی در آن بطوریکه بتواند در مرورگرهایی که از عکس پشتیبانی نمی کنند کارآیی داشته باشند .

شروع درس :

تگ های
HTML برای تصاویر گرافیکی خطی

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

تنظیم محل عکس به وسیله صفتی آورده می شود <
IMG > شما می توانید در همجواری عکس و متن کنترل داشته باشید صفت align در تگ < IMG > این امکان را برای شما ایجاد می کند

قرار دادن تصویر در صفحه وب :

1- باز کردن محیط کاری
2- باز کردن فایل
Lesson1 .html
3- در بالای <
h1 / > آموزش از راه دور < h1 > تگ زیر را قرار دهید .

این قالب
HTML در بالای صفحه قرار خواهد گرفت .
4- ذخیره کردن صفحه و بار گزاری مجدد .
تذکر ) در هنگام جاگذاری عکس ممکن است تعجب کنید که چرا در اینجا برای شکسته شدن پاراگراف نیاز به تگ <
p > نداشتید . دلیل آن این است که مرورگر در صورت برخورد به تگ < h1 > و < h2 > و ... خود خط ایجاد می کند .

صفت
ALT

اگر صفحه وب شما به وسیله کاربری که با مرورگر متنی کار می کند دیده شود در اینصورت تصویر دیده نمی شود یا ممکن است کاربران برای جلوگیری ازاتلاف زمانی که در اثر بارگیری یک عکس در یک شبکه شلوغ پیش می آید از دیدن عکس صرفنظر کرده و بارگذاری را متوقف کنند در این حالت است که صفت
ALT در تگ Img مفید خواهد بود . در این صفت توضیحی راجع یه عکس آورده می شود که با نگهداشتن ماوس روس عکس این صفت ظاهر می شود.
امکان دیگری که شما می توانید در تگ <
img > داشته باشید صفات Height و Width می باشد با این دو صفت می توانید ابعاد یک تصویر را مشخص کنید .
<
Img src=" filename.gif" width=X height=Y >
X - طول و Y عرض تصویر را مشخص می کند.
شما می توانید از یکسری از برنامه های گرافیکی سودمند برای اینکه این اعداد را تخمین بزنید استفاده کنید. روش دیگر برای پیدا کردن ابعاد عکس این است که شما می توانید آیکون مورد نظر را با
Drag and Drap به پنجره مرورگر بکشید و طول و عرض تصویر در Titlebar مرورگر نشان داده می شود .

تذکر : ترتیب صفات در تگ <
Img > مهم نیست .

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

1- قالب
HTML برای تصاویر چیست ؟
2- برای اینکه عکس در یک پاراگراف جداگانه ظاهر شود از چه تگی استفاده می شود ؟
3- چگونه یک عکس را به صفحه خود اضافه می کنید ؟
4- صفات تگ <
Img > چیست ؟

تمرین

در صفحات خود از تصویر استفاده کنید .

 




موضوع مطلب :

درس 7 - قالب بندی فایلهای گرافیکی و استاندارد های مورد استفاده در صفحات وب 

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

اهداف این درس

1- شناسایی فایلهای گرافیکی شبکه
www 
2- بحث کلیدی در مورد استفاده از گرافیک در سندهای وب
3- انتقال فایل گرافیکی از وب به کامپیوتر شخصی خود
4- استفاده از قالب صحیح برای تصاویر در صفحات وب

شروع درس

همانطور که می دانید تعداد بسیار زیادی از قالب بندیهای گرافیکی وجود دارند .مثل
pict , hif : tiff , png حالتی که مرورگر وب گرافیکها را در شکل ، HTML نشان می دهد بیان کننده محل فایل گرافیکی در یک قالب دستوراتی است که می تواند توسط انواع مختلفی از کامپیوترها تفسیر شود .

برای مثال :

هنگامی که اطلاعات در آن قالب به کامپیوتر مکینتاش می رسد مرورگر آن را در قالب دستور برای مکینتاش نشان می دهد و برای کامپیوترهای معمولی وضع به همین منوال است.
gif اطلاعات تصویر را فشرده می کند ( کاهش حجم فایل) و اطلاعات را به کدهای دودوئی قابل ارسال برروی اینترنت تبدیل می کند. gif فشرده موثر ترین فایل گرافیکی است که ناحیه یکپارچه رنگی متصل به حجمی دارد و فشردگی آن قابل تنظیم است . هنگامی که رنگ به طور متوالی در یک جهت افقی باشد فایلهای gif خاصیت شفافی دارند ، بنابراین فایلهای gif با درجه خلاصه سازی ذخیره می شوند و در صفحات وبی که از gif برای تصاویر استفاده شده ، تصاویر به زودی دیده می شوند. ابتدا تصویر به صورت تیره ظاهر می شود تا در نهایت تصویر نهایی ظاهر گردد .
از فرصتهای دیگر تصویر
jpg می باشد که مخفف کلمات Joint photo graphic expert group در اوایل شروع تصاویر jpeg در صفحه نشان داده نمی شدند و در پنجره ای جداگانه به نمایش درمی آمدند . اما مرورگرهای امروزی از فایلهای jpeg پشتیبانی می کنند و آنها را در صفحه نمایش می دهند .
اگر تنوع رنگ در فاصله کمی زیاد باشد ، برای فایلهای با قالب
jpeg می توان به درجه خلاصه سازی تعریف کرد. فایلهای jpeg قابلیت تحرک و انیمیشن سازی ندارند . برای بدست آوردن اطلاعات بیشتر برای این قالب فایل به آدرس زیر مراجعه کنید .
http://www.biblio.org/notes/otis-comression.html

تعداد زیادی از برنامه های گرافیکی می توانند فایل را با پسوند gif ذخیره کنند . امروزه برنامه های image ready از شرکت adobe طرح مشخصی برای ایجاد تصاویر گرافیکی دارند .
نکاتی که هنگام استفاده از تصاویر گرافیکی باید در نظر گرفت . هنگامی که در صفحه وب از عکس استفاده می کنید، به نکات زیر توجه کنید .
تصاویر بزرگ و بیشماری که کل صفحه کامپیوتر را در بر می گیرد برای کاربری که در انتظار ظاهر شدن آن عکس می باشد ، خسته کننده می شود . پیشنهاد این است که کل سایز عکس را بیشتر از 100kb نکنید .
همه کاربران از مانیتور 21 اینچ استفاده نمی کنند طول تصاویر بکار برده شده را بیشتر از pix 480 و عرض آنها را بیشتر از pix 300 نکنید که کاربر مجبور می شود برای دیدن تمام عکس از Scroll استفاده کند .
شیب رنگ برای فایلهای gif ممکن است زیاد به نظر برسد اما فایلهای gif نمی توانند این ناحیه رنگ یکپارچه را فشرده کنند . بعضی برنامه های گرافیکی این اختیار را به شما می دهند که ، هنگام برگردان فایل به gif ، لبه های تصویر هموار شود و از اختلالات تصویر کاسته شود .
بهتر است اول تصاویر کوچک استفاده شود و سپس این تصاویر به تصاویر با سایز بزرگتر اتصال پیدا کنند .
یک تصویر خاص که شما در صفحه اینترنت می بینید ، ممکن است هر بار در یک بازه زمانی ، برای شما ظاهر شود .
بیشتراوقات ، مرورگر تصاویر را از hard disk شما cash می کنند. یعنی هنگامی که یک عکس بارگزاری می شود ،از hard شما آورده می شوند . شما ممکن است که صفحه زیبا طراحی کنید که عکسهای بزرگی در آن بار گزاری شوند اما برای یک مودم با سرعت کم و شبکه شلوغ کار مشقت باری است .

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

1- دو قالب معمول مورد استفاده تصاویر در صفحات وب چیست ؟
2- چگونه یک تصویر گرافیکی در کامپیوترهای مختلف نشان داده می شود ؟
3- نکاتی که هنگام استفاده از تصاویر وب باید در نظر گرفت چیست ؟

 




موضوع مطلب :
<   <<   6   7   >