آموزش</p>
<p><head/></p>
<p><body></p>
<p><h1/>آموزش روی وب<h1></p>
<p><body/></p>
<p><html/></p>
<p><b>اتصال به یک تصویر : </b><br />
<br />
در درس 7 توضیح دادیم که چگونه یک عکس خطی را در صفحه وب نمایش دهیم . با تگ anchor شما می توانید یک اتصال برای نمایش فایل گرافیکی ایجاد کنید . هنگامی که این اتصال انتخاب شود فایل گرافیکی برای نمایش فایل گرافیکی به کامپیوتر شما آورده می شود . ساده ترین روش آن است که تصویر و سند شما در یک شاخه باشند . با یک اتصال ساده بر روی یک متن فایل گرافیکی به نمایش در آید.</p>
<p>در اینجا بر عناوین آموزش HTML که از مهمترین آنها ساختن ابر متن ها می باشد می پردازیم :</p>
<p><a/>متن اتصال<<a href="filename.gif></p>
<p>حال مراحل زیر را برای اضافه کردن یک اتصال به فایل گرافیکی در سند خود دنبال می کنیم :<br />
1- یک عکس در کامپیوتر خود قرار دهید .<br />
2- فایل Lesson2.html را باز کنید .<br />
متن زیر را به آن اضافه کنید :<br />
برای آوموزش بهتر از یک سری تصاویر استفاده می کنیم . با دیدن</p>
<p><a/>تصاویر<"a href="name.jpg></p>
<p>آموزش مفیدتر خواهد بود.<br />
3- ذخیره مراحل انجام شده<br />
4- کلیک بر روی اتصال که در مرحله 3 ایجاد شد.<br />
5- تصویر نمایش داده می شود .<br />
<br />
<b>اتصال به شاخه های دیگر </b><br />
<br />
نوع دیگر اتصال ، اتصال به فایل در شاخه ای به جز آن شاخه ای که سند اصلی ما در آن قرار دارد. مثلا در آموزش ما ممکن است از تصاویر پیشنهادی استفاده کنیم که همه آنها را در شاخه تصویر ذخیره می کنیم و سندهای HTML را در شاخه سند ، بنابراین در اینجا از اتصال شاخه به شاخه استفاده می کنیم .<br />
مراحل زیر را انجام دهید :<br />
1- در کامپیوتر خود شاخه ای به نام Picture ایجاد کنید .<br />
2- فایل گرافیکی Lesson2.gif را به یک شاخه جدید منتقل کنید .<br />
3- فایل Lesson2.html را در ویرایشگر خود باز کنید .<br />
4- تگ زیر را به سند خود اضافه کنید :</p>
<p><a/>تصاویر<"a href="picture/lesson2.gif></p>
<p>5- سند خود را ذخیره کنید و دوباره بارگذاری کنید .<br />
<br />
<b>اتصال در شاخه های تودرتو </b><br />
<br />
ممکن است برای آدرس دهی در اتصالات مجبور به استفاده از فولدرهای تو در تو شویم :<br />
< a href ="…/…/home.html" >back to home< /a > <br />
هر کدام از این مسیرها که با / جدا شده اند یک URL می باشند که به مرورگر برای نمایش عکس در صفحه کمک می کنند .<br />
1- ابتدا یک فولدر با نام آموزش ایجاد کنید .<br />
2- دو فایل HTML شناخته شده خود را به این فولدر انتقال دهید .<br />
3- تصاویر خود به نامهای Lesson1.jpg و Lesson2.jpg را در فولدر Picture انتقال دهید. سپس فولدرهای Picture و Amozesh را به فولدر Work انتقال دهید.<br />
4- فایل Lesson1.html را باز کنید .<br />
5- به اتصال درون این فایل توجه کنید.</p>
<p><a/>آموزشhtml<"a href="work/picture/lesson2.gif></p>
<p>6- تگ < Img > را ویرایش کنید .<br />
7- اعمال خود را ذخیره کنید .<br />
<br />
<b>یک تغییر کوچک </b><br />
<br />
روش نرمال و معمولی برای ذخیره سازی اسناد این است که معمولا سند اول را با نام Index.html ذخیره می کنند پس بهتر است فایل Lesson1.html را Rename کرده و آن را با نام index.html ذخیره کنید.<br />
<br />
<b>چرا باید چنین کنید ؟ </b><br />
<br />
فرض کنید شما کار خود را به اتمام رساندید و آماده هستید تا صفحات را بصورت وب ببینید. URL سایت شما www.biqu.edu می باشد. و فایل مورد نظر شما در این شاخه ذخیره شده است : www.biqu.com /courses /geolgy /lesson1.html بنابراین URL آن عبارتست از :<br />
<a href="../../www.biqu.edu/courses/science/geology/lesson1.html">http://www.biqu.edu/courses/science/geology/lesson1.html</a> بطور معمولی نامی که برای صفحات وب بطور پیش فرض در نظر گرفته می شود index.html است .<br />
<br />
<b>مروری بر مطالب </b><br />
<br />
1- چه مراحلی را برای ایجاد یک اتصال محلی دنبال می کنید ؟<br />
2- چه مراحلی را برای نمایش یک عکس در پنجره جدید دنبال می کند.<br />
3- چگونه اسناد اتصالات را در شاخه های متعدد نگهداری می کنند ؟<br />
4- اهمیت نامگذاری index.html در چیست ؟</p>
<p><b>توضیحات اضافی </b><br />
<br />
شما می توانید از این روش برای Down load کردن نرم افزارهای مختلف نیز استفاده کنید . روش انجام آن بصورت زیر است :</p>
<p> </p>
<p><a/>دانلود<"a href="name.zip></p>
<p><br />
در صفحه وب خود از اتصالات فایلهای محلی استفاده کنید.</p>",
"image":"",
"datePublished":"2013-04-21 10:08:17",
"dateModified":"2026-06-26 01:52:36",
"author":{
"@type":"Person",
"name":"dlp"
},
"publisher":{
"@type":"Organization",
"name":"دهلران پی سی"
},
"mainEntityOfPage":"https://dlp.loxblog.com/آموزشhtml-درس-8---link--اتصال"
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="designer" content="Lox Blog">
<meta name="author" content="<-BlogAuthor->">
<meta name="language" content="Farsi">
<meta name="designerUrl" content="https://www.Loxblog.com/">
<meta name="description" content="آموزشhtml درس 8 - LINK ( اتصال ) - سایت جامع علمی ,آموزشی,فرهنگی و تفریحی - دهلران پی سی">
<meta name="keywords" content="آموزشhtml درس 8 - LINK ( اتصال ),12273">
<style>
.top{background:url('https://mahtarin.com/weblog/images/top477.jpg') no-repeat top right;height:168;width:100%}
a{TEXT-DECORATION: none;color:#000000}
a:hover{color:#000000}
body{font-family:Tahoma;margin:0;background:#dbdbdb}
.blogskin-bg{float:right;width:1003;background:#f2f2f2}
.blogskin{width:1003;float:right;direction:rtl;}
.top-blogskin{width:100%;color:#bbbbbb;font-size:10pt;text-align:right;height:75;}
.top a{color:#333333;margin:0 25}
.top a:hover{color:#1185a6}
.topskin{width:28;height:20;float:right}
.sch{margin:0;padding:0;height:20}
.but{cursor:pointer;width:30;border:none;background:none}
.txt{border:0;background:none;color:white;height:20}
.tarikh{float:right;width:200;font-size:8pt;text-align:center;color:#fff}
.top-link{width:100%;background:url('https://mahtarin.com/weblog/images/top2n.gif') no-repeat top right;color:#ffffff; padding-left:0; padding-right:25; padding-top:5; padding-bottom:0}
.top-link a{color:#ffffff;margin:0 10;font-size:9pt;}
.top-link a:hover{color:#7edcff}
.top-blogskin2{width:100%;color:#e1e1e1;font-size:10pt;text-align:right;height:45;}
.mainbg{float:right;width:100%}
.mainr{padding:0 9 0 0;}
.mainl{padding:0 0 0 0;}
span.a{color:#215c8c;font-weight:bold;font-size:8pt;}
.titr{color:#353535;text-align:right;font-size:25pt;font-weight:bold;padding:80 100 0 200;font-family:Times New Roman;}
.des{direction:rtl;font-size:10pt;color:#ffffff;text-align:right;padding:15 70 0 300;}
.menu{float:right;direction:rtl;text-align:right;width:216;overflow:hidden}
.tmenu{width:209;background:url('https://mahtarin.com/weblog/images/m-1i.jpg') no-repeat top right;font-size:10pt;color:#fff;font-weight:bold; padding-left:0; padding-right:70; padding-top:17; padding-bottom:25}
.xmenu{width:209;font-size:9pt;color:#444444;background:url('https://mahtarin.com/weblog/images/m2n.gif') repeat-y top right;padding-left:0; padding-right:0; padding-top:10; padding-bottom:10}
.xmenu a{color:#444444;}
.xmenu a:hover{color:#1185a6}
.xmenu1{background:url('https://mahtarin.com/weblog/images/dotl.gif') no-repeat 180px 2px;; padding-left:15; padding-right:35; padding-top:0; padding-bottom:5}
.xmenu2{padding:0 15 0 15;color:#555555;line-height:120%}
.bmenu{width:209;height:30;background:url('https://mahtarin.com/weblog/images/m3i.jpg') no-repeat top right;}
.b2{background:url('https://mahtarin.com/weblog/images/m-2o.jpg') no-repeat top right; }
.b3{background:url('https://mahtarin.com/weblog/images/m-3p.jpg') no-repeat top right; }
.b4{background:url('https://mahtarin.com/weblog/images/m-4j.jpg') no-repeat top right; }
.b5{background:url('https://mahtarin.com/weblog/images/m-5k.jpg') no-repeat top right; }
.b6{background:url('https://mahtarin.com/weblog/images/m-6i.jpg') no-repeat top right; }
.b7{background:url('https://mahtarin.com/weblog/images/m-79.jpg') no-repeat top right; }
.b8{background:url('https://mahtarin.com/weblog/images/m-80.jpg') no-repeat top right; }
.b9{background:url('https://mahtarin.com/weblog/images/m-90.jpg') no-repeat top right; }
.post{float:right;direction:rtl;text-align:right;width:560;overflow:hidden}
.tpost{width:553;background:url('https://mahtarin.com/weblog/images/p19.jpg') no-repeat top right;font-size:11pt;color:#333333;font-weight:bold; padding-left:0; padding-right:85; padding-top:20; padding-bottom:0}
.bpost{width:553;height:65;background:url('https://mahtarin.com/weblog/images/p3j.jpg') no-repeat top right;font-size:8pt}
.tpost a{color:#e4670b}
.date{text-align:right;color:#777777;float:right;width:435}
.date div{padding:25 35 0 0;}
.nz{padding:8 0 0 0;text-align:center;float:right;width:100}
.nz a{color:#543b38}
.title{padding-bottom:10}
.tag{font-size:8pt;color:#888888;font-weight:normal;width:470;height:19}
.tagz{float:left;width:140;text-align:center}
.tagz2{float:left;width:328;text-align:right;color:#999999}
.xpost{font-size:9pt;color:#333333;background:url('https://mahtarin.com/weblog/images/p2j.gif') repeat-y right;width:553;overflow:hidden}
.xpost a{color:#1185a6}
.tpost-x{width:553;background:url('https://mahtarin.com/weblog/images/p11j.jpg') no-repeat top right;font-size:11pt;color:#333333;font-weight:bold; padding-left:0; padding-right:90; padding-top:20; padding-bottom:17}
.bpost-x{width:553;height:30;background:url('https://mahtarin.com/weblog/images/p33j.gif') no-repeat top right;}
.xpost2{background:url('https://mahtarin.com/weblog/images/dotl.gif') no-repeat 520px 7px;; padding-left:20; padding-right:40; padding-top:5; padding-bottom:0}
.ad1{width:553;background:url('https://mahtarin.com/weblog/images/ad1j.gif') no-repeat bottom right;overflow:hidden;height:16}
.ad3{width:553;background:url('https://mahtarin.com/weblog/images/ad3j.gif') no-repeat top right;; padding-left:0; padding-right:0; padding-top:0; padding-bottom:15}
.page22{text-align:center;color:#666666;padding:10 15 10 16}
.page22 a{color:#215c8c;font-size:9pt;}
.footer input,.footer textarea{font-family:Tahoma;margin:0;font-size:8pt;color:#fff;padding:1 4}
.footer{width:1003;float:right;background:url('https://mahtarin.com/weblog/images/ft.jpg') no-repeat top right;height:222;}
.ft{padding:10 0 0 0;color:#5ee8f8;direction:rtl}
.ft a,.ft a:hover{color:#fff}
.footer .right{float:right;width:400;height:220;overflow:hidden;text-align:left}
.footer .txt{color:#d3f6fa;font-size:8pt;direction:rtl;padding:15 25 0 100}
.ii{height:20;text-align:left;width:170;background:#2b5e8c;border:1px solid #3088bb}
.ix{width:270;background:#285981;direction:rtl;height:70;border:1px solid #3275ac}
.txt div{padding:2 0}
form{padding:0;margin:0}
.form{font-size:10pt;text-align:right;padding:16 80 8 10;color:#fff;font-weight:bold}
.left{float:right;width:590;text-align:right;font-size:9pt}
.linkz{float:right;height:190;width:510;overflow:hidden}
.titrx{padding:16 10 22 0;color:#fff;font-size:11pt;font-weight:bold}
.zz{padding:0}
.zz div{float:right;width:250;background:url(https://mahtarin.com/weblog/images/dot2.gif) no-repeat right 6px }
.zz div div{padding:0 10 5 5}
.zz a{color:#fff}
.down{float:right;width:100%;font-size:8pt;text-align:center}
.rss{float:right;width:80;text-align:center}
.hid{padding:10 15 5 18;}
</style>
<SCRIPT language="javascript">
function checkform(){
if (LoxBlog.name.value =='') {alert('لطفا نام خود را وارد كنيد'); return false; }
if (LoxBlog.adres.value =='') {alert('لطفا آدرس پست الكترونيك خود را وارد كنيد'); return false; }
if (LoxBlog.msg.value =='') {alert('لطفا متن ارسالی خود را وارد كنيد'); return false; }
return true;}
</SCRIPT>
<script language="javascript">
function GetBC(lngPostid)
{
intTimeZone=33042;
strBlogId="12273";
intCount=-1;
strResult="";
try {
for (i=0;i<BlogComments.length;i+=2)
{
if (BlogComments[i]==lngPostid)
intCount=BlogComments[i+1] ;
}
} catch( e) {
}
if ( intCount==-1) strResult="آرشیو نظرات";
if ( intCount==0) strResult="نظر بدهید";
if ( intCount>0) strResult=intCount + " نظر" ;
strUrl="https://loxblog.com/commenting/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
strResult ="<a href="javascript:void(0)" onclick="javascript:window.open('" + strUrl + "','LoxBlog_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px')" >" + strResult + " </a>" ;
document.write ( strResult ) ;
}
function OpenLD()
{
window.open('LinkDump.php','LoxBlog_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
return true;
}
</script>
</head>
<body>
<div align=center><div style="width:1003">
<div class=LoxBlog-bg><div class=LoxBlog-back>
<div class=LoxBlog>
<div class=top>
<div class=top-LoxBlog><div style="float:right;width:800">
<div style="padding-top:15">
<div class=topskin></div>
<a href="/">صفحه اول</a>
<a href="/posts">آرشيو مطالب</a>|
<a href="mailto:ha.ahmadi@mailfa.com">پست الكترونيك</a>|
</div>
</div>
</div>
<div class=titr>دهلران پی سی</div><div class=des>سایت جامع علمی ,آموزشی,فرهنگی و تفریحی</div>
</div>
<div class=top-link>
<div class=top-LoxBlog2>
<div style="float:right;width:710px;direction:rtl;text-align:right; height:20px">
<div style="padding:3 20 0 0">
<a href="#postz">آخرین مطالب</a>
<a href="#linkz">لینک دوستان</a>
<a href="#linkz" title="تماس با مدیران ">تماس با ما</a>
</div></div>
<form method="Get" action="https://google.com/search" class=sch><input name="sitesearch" value="https://dlp.loxblog.com/" type="hidden">
<a href="<-BlogXmlLink->" title="RSS">
<img border="0" src="https://mahtarin.com/weblog/images/x.gif" width="25" height="20"></a>
<input type="text" name="q" size="21" class=txt> <input type="submit" value=" " class=but>
</form>
</div>
</div>
<div class=mainbg>
<div class=mainr>
<div class=menu>
<div class="tmenu b5"><div class=tmenu2>معرفی سایت</div></div>
<div class=xmenu>
<div class=xmenu2>
<br> به وبلاگ من خوش آمدید
در صورت تمایل به تبادیل لینک از قسمت تبادل لینک هوشمند استفاده کنید و در صورت وجود مشکل با درج در نظرات خصوصی خبر دهید.
</div><div class=xmenu1>
<LX:Blog_Profile_BlockLinkBlock>
<a href="<-LX:Blog_Profile_BlockLink->">پروفایل مدیر وبلاگ</a><br></LX:Blog_Profile_BlockLinkBlock></div>
</div>
<div class=bmenu></div>
<div class=tmenu><div class=tmenu2>موضوعات</div></div>
<div class=xmenu>
<div class=xmenu1>
<a href="https://dlp.loxblog.com/مدلهاي-گسترش-کارکرد-کيفي-qfd"><b>مدلهاي گسترش کارکرد کيفي, QFD </b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/آموزشcatia"><b>آموزشCATIA</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/مقا-لات-تاریخ"><b>مقا لات تاریخ</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/آموزش-maya"><b>آموزش Maya</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/فرضیه-تکاملمنطقه-ممنوعه"><b>فرضیه تکامل،منطقه ممنوعه</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/پوریمسیزده-بدر-یا-هامان-سوزان"><b>پوریم،سیزده بدر یا هامان سوزان</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/امام-علیع"><b>امام علی(ع)</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/حضرت-محمدص"><b>حضرت محمد(ص)</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/مقالات-دینی"><b>مقالات دینی</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/بهابیت"><b>بهابیت</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/وهابیت"><b>وهابیت</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/فراماسونری"><b>فراماسونری</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/ویروس-ها-و-کرم-ها"><b>ویروس ها و کرم ها</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/مفاهیم-شبکه"><b>مفاهیم شبکه</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/بانک-های-اطلاعاتی"><b>بانک های اطلاعاتی</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/امنیت-اطلاعات"><b>امنیت اطلاعات</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/مقالات-علمی"><b>مقالات علمی</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/برنامه-نویسی-ajax"><b>برنامه نویسی Ajax</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/آموزش-فوتوشاپ"><b>آموزش فوتوشاپ</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/آموزش-matlab"><b>آموزش Matlab</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/adonet"><b>ADO.NET</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/سرویس-های-شبکه"><b>سرویس های شبکه</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/بخش-کامپیوتر-و-فناوری-اطلاعات"><b>بخش کامپیوتر و فناوری اطلاعات</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/مقالات-روانشناسی"><b>مقالات روانشناسی</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/مقالات-زمین-شنا-سی"><b>مقالات زمین شنا سی</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/مقالات-مکانیک"><b>مقالات مکانیک</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/مقالات-شیمی"><b>مقالات شیمی</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/مقالات-فیزیک"><b>مقالات فیزیک</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/مقالات-معماری"><b>مقالات معماری</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/مقالات-متفرقه-مهندسی-صنایع"><b>مقالات متفرقه مهندسی صنایع</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/مقالات-برق"><b>مقالات برق</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/بخش-مهندسی-صنایع"><b>بخش مهندسی صنایع</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/مدیریت-فرایند-کسب-و-کار-bpm"><b>مدیریت فرایند کسب و کار BPM</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/سيستم-يکپارچه-سازي-منابع-سازماني--erp"><b>سيستم يکپارچه سازي منابع سازماني , ERP</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/آموزش"><b>آموزش</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/برنامه-نویسی-موبایل"><b>برنامه نویسی موبایل</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/تجارت-الکترونیک"><b>تجارت الکترونیک</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/متفرقه-کامپیوتر"><b>متفرقه کامپیوتر</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/برنامه-نویسیavrplc"><b>برنامه نویسیAVR&PLC</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/آموزش-labview"><b>آموزش LabVIEW</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/برنامه-نویسیpascal"><b>برنامه نویسیPascal</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/برنامه-نویسیphp"><b>برنامه نویسیPHP</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/برنامه-نویسی-جاوا-اسکریپت"><b>برنامه نویسی جاوا اسکریپت</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/برنامه-نویسیvhdl"><b>برنامه نویسیVHDL</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/برنامه-نویسیhtml"><b>برنامه نویسیHTML </b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/برنامه-نویسیc-1"><b>برنامه نویسی#C</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/برنامه-نویسیc"><b>برنامه نویسی++C</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/برنامه-نویسیxml"><b>برنامه نویسیXML</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/برنامه-نویسی"><b>برنامه نویسی</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/برنامه-نویسی-vb"><b>برنامه نویسی VB</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/فناوری-اطلاعات"><b>فناوری اطلاعات</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/طراحی-برنامه"><b>طراحی برنامه</b></a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/مقالات-ورزشی"><b>مقالات ورزشی</b></a></div>
</div>
<div class=bmenu></div>
<div class="tmenu b6"><div class=tmenu2>نويسندگان</div></div>
<div class=xmenu>
<div class=xmenu1>
<a href="https://dlp.loxblog.com/posts/user.php?u=admin">هادی احمدی</a></div>
</div>
<div class=bmenu></div>
<!------------block ----------------------->
<div class="tmenu b2"><div class=tmenu2>پیوندهای دوستان</div></div>
<div class=xmenu></div>
<div class=bmenu></div>
<!------------block ----------------------->
<div class="tmenu b2"><div class=tmenu2>امکانات جانبی</div></div>
<div class=xmenu>
<div class=xmenu2>
<div id="c" style="text-align:center">
<!---gharar giriye code haye ezafi ---->
</div>
</div>
</div>
<div class=bmenu></div>
</div>
</div>
<div class=mainl>
<div class=post>
<div class=tpost><div class=title>
<a href="https://dlp.loxblog.com/آموزشhtml-درس-8---link--اتصال">آموزشhtml درس 8 - LINK ( اتصال )</a></div>
</div>
<div class=xpost><p><b>URL- چیست ؟</b><br />
<br />
قدرت واقعی وب در توانایی آن در ایجاد ابر متن هایی است که وابسته به اطلاعات است که آن اطلاعات بصورتهای صوت و عکس و ... انیمیشن در یک کامپیوتر راه دور قرار داده شده است www پهناور از یک آدرس شناخته شده بنام URL که مخفف Uniform Resource Location است برای مشخص کردن موقعیت مکان خود استفاده می کند.<br />
این اتصالات ابرمتن معمولا با خطی در زیر آن مشخص شده اند.<br />
a ) اتصال به یک فایل محلی <br />
<br />
<b>اهداف این درس</b><br />
<br />
1- ایجاد یک اتصال در یک سند HTML در همان شاخه ای که سند شما قرار دارد.<br />
2- ایجاد یک اتصال برای نمایش یک فایل گرافیکی <br />
3- ایجاد یک اتصال در شاخه ای به جز شاخه ای که سند در آن قرار دارد.<br />
4- سازماندهی مجدد ساختار وب شما<br />
<br />
<b>شروع درس</b><br />
<br />
در مرحله اول شما a برای اتصال به صفحه دوم یک ابر متن ایجاد کنید این اتصال محلی نامیده می شود زیرا هر دو یک کامپیوتر مستقر هستند.<br />
<br />
<b>اتصال به فایلهای محلی </b><br />
<br />
ساده ترین روش اتصال این است که فایل HTML دیگری که در همان شاخه سند ما قرار دارد ایجاد گردد و در صفحه وب به نمایش در آید .تگ HTML آن بصورت زیر است :</p>
<p></a>متن اتصال شونده<"a href = "filename.html></p>
<p>برای لنگرگاه لینک استفاده می شود و href برای ارجاع دادن ابرمتن مطلب یا عکسی که از آن به عنوان اتصال استفاده می شود بعد از بسته شدن اولین تگ و قبل از شروع < a / > قرار می گیرد . معمولا متونی که دارای اتصال هستند با خطی در زیر آنها مشخص می شوند . <br />
حال مراحل زیر را برای ساختن یک اتصال دنبال کنید:<br />
1- ابتدا فایل Lesson1.html را باز کنید .<br />
2- در زیر لغت آموزش از راه دور متن زیر را وارد کنید .<br />
"در اینجا ما سعی می کنیم شما را با بزرگترین سایتهای آموزش از راه دور آشنا کنیم و برخی از آنها را ترجمه و برای استفاده شما در سایت بکار ببریم" .<br />
3- حال عبارات زیر را وارد کنید: در این صفحه شما طراحی صفحات وب را مطالعه خواهید کرد</p>
<p></a>در اینجا به آموزش اچ تی ام ال می پردازیم<"a href ="lesson2.html></p>
<p>جمله آموزش HTML را می توانید در یک سند HTML ثانوی با نام Lesson2.html ذخیره شده ببینید که در مراحل 5 و 6 آن را دنبال می کنیم .<br />
4- سند خود را ذخیره کنید .<br />
5- حال بوسیله ویرایشگر متنی یک ویرایشگر جدید باز کنید.<br />
6- متون زیر را وارد کنید .</p>
<p><html></p>
<p><head><link rel="stylesheet" type="text/css" href="/css/site.css?v=2" /><script src="/adminassetes/assets/vendor/libs/jquery/jquery.js"></script><script type="text/javascript" language="javascript" src="/js/site3.js"></script><script type="text/javascript" language="javascript" src="/captcha/slider.js?V=2"></script></p>
<p><title/>آموزش<title></p>
<p><head/></p>
<p><body></p>
<p><h1/>آموزش روی وب<h1></p>
<p><body/></p>
<p><html/></p>
<p><b>اتصال به یک تصویر : </b><br />
<br />
در درس 7 توضیح دادیم که چگونه یک عکس خطی را در صفحه وب نمایش دهیم . با تگ anchor شما می توانید یک اتصال برای نمایش فایل گرافیکی ایجاد کنید . هنگامی که این اتصال انتخاب شود فایل گرافیکی برای نمایش فایل گرافیکی به کامپیوتر شما آورده می شود . ساده ترین روش آن است که تصویر و سند شما در یک شاخه باشند . با یک اتصال ساده بر روی یک متن فایل گرافیکی به نمایش در آید.</p>
<p>در اینجا بر عناوین آموزش HTML که از مهمترین آنها ساختن ابر متن ها می باشد می پردازیم :</p>
<p><a/>متن اتصال<<a href="filename.gif></p>
<p>حال مراحل زیر را برای اضافه کردن یک اتصال به فایل گرافیکی در سند خود دنبال می کنیم :<br />
1- یک عکس در کامپیوتر خود قرار دهید .<br />
2- فایل Lesson2.html را باز کنید .<br />
متن زیر را به آن اضافه کنید :<br />
برای آوموزش بهتر از یک سری تصاویر استفاده می کنیم . با دیدن</p>
<p><a/>تصاویر<"a href="name.jpg></p>
<p>آموزش مفیدتر خواهد بود.<br />
3- ذخیره مراحل انجام شده<br />
4- کلیک بر روی اتصال که در مرحله 3 ایجاد شد.<br />
5- تصویر نمایش داده می شود .<br />
<br />
<b>اتصال به شاخه های دیگر </b><br />
<br />
نوع دیگر اتصال ، اتصال به فایل در شاخه ای به جز آن شاخه ای که سند اصلی ما در آن قرار دارد. مثلا در آموزش ما ممکن است از تصاویر پیشنهادی استفاده کنیم که همه آنها را در شاخه تصویر ذخیره می کنیم و سندهای HTML را در شاخه سند ، بنابراین در اینجا از اتصال شاخه به شاخه استفاده می کنیم .<br />
مراحل زیر را انجام دهید :<br />
1- در کامپیوتر خود شاخه ای به نام Picture ایجاد کنید .<br />
2- فایل گرافیکی Lesson2.gif را به یک شاخه جدید منتقل کنید .<br />
3- فایل Lesson2.html را در ویرایشگر خود باز کنید .<br />
4- تگ زیر را به سند خود اضافه کنید :</p>
<p><a/>تصاویر<"a href="picture/lesson2.gif></p>
<p>5- سند خود را ذخیره کنید و دوباره بارگذاری کنید .<br />
<br />
<b>اتصال در شاخه های تودرتو </b><br />
<br />
ممکن است برای آدرس دهی در اتصالات مجبور به استفاده از فولدرهای تو در تو شویم :<br />
< a href ="…/…/home.html" >back to home< /a > <br />
هر کدام از این مسیرها که با / جدا شده اند یک URL می باشند که به مرورگر برای نمایش عکس در صفحه کمک می کنند .<br />
1- ابتدا یک فولدر با نام آموزش ایجاد کنید .<br />
2- دو فایل HTML شناخته شده خود را به این فولدر انتقال دهید .<br />
3- تصاویر خود به نامهای Lesson1.jpg و Lesson2.jpg را در فولدر Picture انتقال دهید. سپس فولدرهای Picture و Amozesh را به فولدر Work انتقال دهید.<br />
4- فایل Lesson1.html را باز کنید .<br />
5- به اتصال درون این فایل توجه کنید.</p>
<p><a/>آموزشhtml<"a href="work/picture/lesson2.gif></p>
<p>6- تگ < Img > را ویرایش کنید .<br />
7- اعمال خود را ذخیره کنید .<br />
<br />
<b>یک تغییر کوچک </b><br />
<br />
روش نرمال و معمولی برای ذخیره سازی اسناد این است که معمولا سند اول را با نام Index.html ذخیره می کنند پس بهتر است فایل Lesson1.html را Rename کرده و آن را با نام index.html ذخیره کنید.<br />
<br />
<b>چرا باید چنین کنید ؟ </b><br />
<br />
فرض کنید شما کار خود را به اتمام رساندید و آماده هستید تا صفحات را بصورت وب ببینید. URL سایت شما www.biqu.edu می باشد. و فایل مورد نظر شما در این شاخه ذخیره شده است : www.biqu.com /courses /geolgy /lesson1.html بنابراین URL آن عبارتست از :<br />
<a href="../../www.biqu.edu/courses/science/geology/lesson1.html">http://www.biqu.edu/courses/science/geology/lesson1.html</a> بطور معمولی نامی که برای صفحات وب بطور پیش فرض در نظر گرفته می شود index.html است .<br />
<br />
<b>مروری بر مطالب </b><br />
<br />
1- چه مراحلی را برای ایجاد یک اتصال محلی دنبال می کنید ؟<br />
2- چه مراحلی را برای نمایش یک عکس در پنجره جدید دنبال می کند.<br />
3- چگونه اسناد اتصالات را در شاخه های متعدد نگهداری می کنند ؟<br />
4- اهمیت نامگذاری index.html در چیست ؟</p>
<p><b>توضیحات اضافی </b><br />
<br />
شما می توانید از این روش برای Down load کردن نرم افزارهای مختلف نیز استفاده کنید . روش انجام آن بصورت زیر است :</p>
<p> </p>
<p><a/>دانلود<"a href="name.zip></p>
<p><br />
در صفحه وب خود از اتصالات فایلهای محلی استفاده کنید.</p><br><br><br><br>
<span style="font-size: 8pt"><div class=tagX><div class=dateX>تاریخ: یکشنبه 01 اردیبهشت 1392</span></font></div></div>
</div>
<div class=bpost>
<div class=date><div>ارسال توسط هادی احمدی</div></div>
<div class=nz><a href="#" class="open-comment-modal" data-comment-modal data-post-id="332">
ارسال نظر(0)
</a></div></div>
<style>
.rating .star {
width: 20px;
height:20px;
cursor: pointer;
background-color: #ccc;
-webkit-mask: url("/js/ratingpng/01.png") no-repeat center;
mask: url("/js/ratingpng/01.png") no-repeat center;
-webkit-mask-size: cover;
mask-size: cover;
background-clip: content-box;
}
.rating .star.full {
background-color: gold;
}
.rating .star.half {
background: linear-gradient(-90deg, gold 50%, #ccc 50%);
}
.rating {
display: inline-flex;
gap: 4px;
}
</style>
<script type="text/javascript" language="javascript" src="/js/rating.js"></script>
<p align="center"><font face="Tahoma" size="2">
</font></p>
<div id="postz">
<div class=tpost-x >آخرین مطالب</div>
<div class=xpost><!items="10">
<div class=xpost2>
<a href="https://dlp.loxblog.com/دانلود-کتاب-آموزش-جاوا-اسکریپت" title="جمعه 05 تیر 1405">دانلود کتاب آموزش جاوا اسکریپت</a></div><!items="10">
<div class=xpost2>
<a href="https://dlp.loxblog.com/دانلود-نرم-افزار-001file-joiner--splitter-405" title="جمعه 05 تیر 1405">دانلود نرم افزار 001File Joiner & Splitter 4.0.5</a></div><!items="10">
<div class=xpost2>
<a href="https://dlp.loxblog.com/دانلود-فیلم-های-آموزش-مایا-part-101112" title="جمعه 05 تیر 1405">دانلود فیلم های آموزش مایا part 10,11,12</a></div><!items="10">
<div class=xpost2>
<a href="https://dlp.loxblog.com/دانلود-فیلم-های-آموزش-مایا-part-789" title="جمعه 05 تیر 1405">دانلود فیلم های آموزش مایا part 7,8,9</a></div><!items="10">
<div class=xpost2>
<a href="https://dlp.loxblog.com/دانلود-کتاب-مرجع-آموزش-فارسی-جاوا-اسکریپت" title="جمعه 05 تیر 1405">دانلود کتاب مرجع آموزش فارسی جاوا اسکریپت</a></div><!items="10">
<div class=xpost2>
<a href="https://dlp.loxblog.com/دانلود-آلبوم-قالیباف-فرج-علیپور" title="جمعه 05 تیر 1405">دانلود آلبوم قالیباف فرج علیپور</a></div><!items="10">
<div class=xpost2>
<a href="https://dlp.loxblog.com/دانلود-آلبوم-بهار-باد-ایرج-رحمانپور" title="جمعه 05 تیر 1405">دانلود آلبوم بهار باد _ایرج رحمانپور</a></div><!items="10">
<div class=xpost2>
<a href="https://dlp.loxblog.com/گالری-عکس-غار-خفاش" title="جمعه 05 تیر 1405">گالری عکس غار خفاش</a></div><!items="10">
<div class=xpost2>
<a href="https://dlp.loxblog.com/غار-خفاش-دهلران" title="جمعه 05 تیر 1405">غار خفاش دهلران</a></div><!items="10">
<div class=xpost2>
<a href="https://dlp.loxblog.com/مشخصات-جغرافيايي" title="جمعه 05 تیر 1405">مشخصات جغرافيايي</a></div>
</div><div class=bpost-x></div></div>
<div style="width:100%">
<p align="center"><font face="Tahoma" size="2">
</font></p>
</div>
</div>
<div class=mainl >
<div style="float:left;direction:rtl;text-align:right;width:216;overflow:hidden" >
<div class="tmenu b3"><div class=tmenu2>آرشیو مطالب</div></div>
<div class=xmenu>
<div class=xmenu1>
<a href="https://dlp.loxblog.com/posts/archive.php?pmonth=7&pyear=2015">تیر 1394</a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/posts/archive.php?pmonth=2&pyear=2014">بهمن 1392</a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/posts/archive.php?pmonth=1&pyear=2014">دی 1392</a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/posts/archive.php?pmonth=9&pyear=2013">شهریور 1392</a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/posts/archive.php?pmonth=8&pyear=2013">مرداد 1392</a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/posts/archive.php?pmonth=7&pyear=2013">تیر 1392</a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/posts/archive.php?pmonth=6&pyear=2013">خرداد 1392</a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/posts/archive.php?pmonth=5&pyear=2013">اردیبهشت 1392</a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/posts/archive.php?pmonth=4&pyear=2013">فروردین 1392</a></div><div class=xmenu1>
<a href="https://dlp.loxblog.com/posts/archive.php?pmonth=3&pyear=2013">اسفند 1391</a></div></div>
<div class=bmenu></div>
<!------------block ----------------------->
<div class="tmenu b2"><div class=tmenu2>امکانات جانبی</div></div>
<div class=xmenu><div class=xmenu2>
</div></div><div class=bmenu></div>
<!------------block ----------------------->
</div>
</div>
</div>
<div class=footer>
<div class=right>
<div class=left id="linkz">
<div class=linkz>
<div class=zz>
</div>
</div>
<div class=rss><br>
<a href="<-BlogXmlLink->" title="RSS">
<img border="0" src="https://mahtarin.com/weblog/images/x.gif" width="80" height="70"></a></div>
<div class=down><div class=ft>
تمام حقوق اين وبلاگ و مطالب آن متعلق به <a href="/">دهلران پی سی</a>
آن مي باشد.</div>
</div></div>
</div>
</div></div></div></div><div class="comment-modal" id="commentModal">
<div class="comment-box" >
<div class="comment-top">
<div class="title">💬 نظرات کاربران</div>
<button class="close" onclick="lx_close_modal('commentModal')">✕</button>
</div>
<div class="comment-body">
<div class="comment-thread">
<!-- reply -->
</div>
</div>
<div class="comment-footer">
<div id="formMessage" class="form-message"></div>
<input type="hidden" id="reply_to" name="reply_to" value="0">
<div class="reply-indicator" id="replyBox"></div>
<form class="captcha-form" method="post" name="loxcommentf" id="commentForm" data-form="loxcommentf" data-target=".comment-respond" action="" rel="nofollow">
<input type="hidden" name="action" value="add">
<input
type="text"
id="c_name" name="c_name"
placeholder="نام شما"
class="comment-input"
>
<div class="comment-row">
<input dir="ltr"
type="text"
id="c_email"
name="c_email"
placeholder="ایمیل"
class="comment-input"
>
<input dir="ltr"
type="text"
id="c_website"
name="c_website"
placeholder="وبسایت (اختیاری)"
class="comment-input"
>
</div>
<!-- متن -->
<div style="font-size:12px;"><input type="checkbox" name="private" value="1">نظر خصوصی</div>
<textarea name="c_text" id="c_text" placeholder="نظر خود را بنویسید..."></textarea>
<link rel="stylesheet" type="text/css" href="/captcha/style.css" />
<div class="captcha-widget" data-form="loxcommentf">
<input type="hidden" name="form" value="loxcommentf">
<input type="hidden" name="captcha_token" value="0d31d1299a1a301e1697e48eea507b06">
<div class="captcha-box"></div>
<div class="captcha-message"></div>
</div>
<button type="button" class="send-btn" onclick="sendComment()">
ارسال
</button>
</form>
</div>
</div>
</div><div class="comment-modal" id="fastregisterModal">
<div class="comment-box" style="height:auto">
<div class="comment-top">
<div class="title">💬ثبت نام کاربران</div>
<button class="close"onclick="lx_close_modal('fastregisterModal')">✕</button>
</div>
<div class="comment-body">
<div class="comment-threadx">
<div class="comment-cardx" style="display: flex;
flex-direction: column;
gap: 12px;">
<form class="loxajax captcha-form" method="post" name="loxfastregister" data-form="loxfastregister" data-target=".fast_register-respond" action="/core/ajax.php?action=userregister" rel="nofollow">
<input class="comment-input" type="text" name="username" style="direction:ltr;" maxlength="40" placeholder="نام کاربری">
<input class="comment-input" type="password" name="password" style="direction:ltr;" maxlength="40" placeholder="پسورد">
<input class="comment-input" type="email" name="email" dir="ltr" maxlength="100" placeholder="ایمیل">
<input class="comment-input" type="text" name="name" dir="auto" maxlength="100" placeholder="نام فارسی">
<input class="comment-input" type="text" name="mobile" id="mobile_f" dir="ltr" maxlength="100" placeholder="موبایل (اختیاری)">
<link rel="stylesheet" type="text/css" href="/captcha/style.css" />
<div class="captcha-widget" data-form="loxfastregister">
<input type="hidden" name="form" value="loxfastregister">
<input type="hidden" name="captcha_token" value="8a45a986255c524691670d43e45d33a5">
<div class="captcha-box"></div>
<div class="captcha-message"></div>
</div>
<div class="comment-row">
<button type="submit" class="send-btn">ارسال</button>
<button type="button" class="send-btn" style="background-color: #50bdff;" onclick="lx_open_modal('fastloginModal');return false;" >فرم ورود</button>
</div>
</form>
<div class="fast_register-respond"></div>
</div>
</div>
</div>
<div class="comment-footer">
</div>
</div>
</div><div class="comment-modal" id="fastloginModal">
<div class="comment-box" style="height:auto">
<div class="comment-top">
<div class="title">💬ورود کاربران</div>
<button class="close"onclick="lx_close_modal('fastloginModal')">✕</button>
</div>
<div class="comment-body">
<div class="comment-threadx">
<div class="comment-cardx" style="display: flex;
flex-direction: column;
gap: 12px;">
<form class="loxajax captcha-form" method="post" name="loxfastlogin" data-form="loxfastlogin" data-target=".fast_login-respond" action="/core/ajax.php?action=userlogin" rel="nofollow">
<input class="comment-input" type="text" name="username" style="direction:ltr;" maxlength="40" placeholder="نام کاربری">
<input class="comment-input" type="text" name="password" style="direction:ltr;" maxlength="40" placeholder="پسورد">
<link rel="stylesheet" type="text/css" href="/captcha/style.css" />
<div class="captcha-widget" data-form="loxfastlogin">
<input type="hidden" name="form" value="loxfastlogin">
<input type="hidden" name="captcha_token" value="e5804f0fc08c933321fa85194c2342eb">
<div class="captcha-box"></div>
<div class="captcha-message"></div>
</div>
<div class="comment-row">
<button type="submit" class="send-btn">ارسال</button>
<button type="button" class="send-btn" style="background-color: #50bdff;" onclick="lx_open_modal('fastregisterModal');return false;" >فرم ثبت نام</button>
</div>
</form>
<div id="respond" class="fast_login-respond"></div>
</div>
</div>
</div>
<div class="comment-footer">
</div>
</div>
</div></body></html>