اموزش رایگان برنامه نویسی ، اموزش رایگان برنامه نویسی c ، اموزش رایگان طراحی سایت ،اموزش رایگان برنامه نویسی کامپیوتر،اموزش رایگان طراحی وب سایت ، اموزش رایگان طراحی وب ، اموزش رایگان طراحی سایت آموزش رایگان برنامه نویسی های مختلف ، طراحی سایت به زبان php
درباره وبلاگ



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

اضافه کردن فضای خالی به دور یک تصویر

  • به دقت به تصویر نشان داده شده در شکل 1 نگاه کنید . اگر نمی خواهید متن به تصویر بچسبد می توانید با استفاده از شاخص های کنار گذاشته شده vspace و hspace به دور تصویر یک بافر ایجاد کنید .

برای اضافه کردن فضای خالی دور یک تصویر :

  1. تایپ کنید img src=image.location> که در ان image.location نشان دهنده مکان تصویر روی سرور است .
  2. در صورت لزوم تایپ کنید hspace=x که در ان x تعداد پیکسل خالی که باید به هر دو سمت چپ و راست تصویر اضافه شوند .
  3. در صورت لزوم تایپ کنید vspace=y که در ان y تعداد پیکسل خالی که باید به هر دو سمت بالا و پایین تصویر اضافه شوند .
  4. در صورت لزوم سایر مشخصه های مربوط به تصویر را اضافه کنید و سپس </ نهایی را تایپ کنید .

شکل شماره 1 

http://s3.picofile.com/file/7823419886/16html.jpg


مثال :

<html>

<body>

<img src = " http://s4.picofile.com/file/7809769779/zimg_017_17.jpg" align = "left" width = "300" height = "100"  hspace="10" vspace="10" />

<h2> the pioneer valley :

Northampton </h2>

<p> this triplex on south street is a good example of multi - family dwellings in the area . built as a one family home in the 30s , it has been converted to a three family with separate entrances , heating , and electricity . thanks to the area colleges , Northampton has a booming rental industry </p>

</body>

</html>

خروجی :
http://s1.picofile.com/file/7823424836/16_1html.jpg





نوع مطلب : آموزش html، 
برچسب ها :
لینک های مرتبط :

       نظرات
شنبه 8 تیر 1392
بهاره ساعدی
جلسه 15 html

جلوگیری از پیچیده شدن عناصر به دور تصویر

  • یک تصویر شناور روی تمامی عناصری که به دنبال ان می ایند اثر می گذارد ، مگر اینکه شما یک شکست خط خاص را قرار بدهید . شاخص clear که به تگ عادی br اضافه می شود نشان می دهد که چیده شدن متن نباید شروع شود ، مگر اینکه یک حاشیه خاص خالی باشد .

برای جلوگیری از پیچیده شدن عناصر به دور تصاویر :

  1. تصویر و متن یا سایر عناصری که می خواهید به همراه تصویر قرار گیرند را ایجاد کنید .
  2. ناشنگر ماوس را در جایی که می خواهدی پیچیده شدن متن و سایر عناصر در یک سمت تصویر متوقف شود ، قرار دهید .
  3. تایپ کنید </ br clear=left> تا چیده شدن مطالب تا زمانی که هیچ شی شناوری در حاشیه سمت چپ ردیف نشده متوقف می شود .
  4. یا تایپ کنید </ br clear=right> تا چیده شدن متن تا زمانی که هیچ شی شناور دیگری در حاشیه سمت راست ردیف نشده متوقف شود .
  5. یا تایپ کنید </ br clear=all> تا چیده شدن مطالب تا زمانی که هیچ شی شناور دیگری در هر یک از حاشیه های چپ و راست چیده نشده متوقف شود .

مثال :


<html>

<body>

<img src = " http://s4.picofile.com/file/7809769779/zimg_017_17.jpg" align = "right" width = "300" height = "100" />

<h2> the pioneer valley :

Northampton </h2>

<br clear = "right">

<p> this triplex on south street is a good example of multi - family dwellings in the area . built as a one family home in the 30s , it has been converted to a three family with separate entrances , heating , and electricity . thanks to the area colleges , Northampton has a booming rental industry </p>

</body>

</html>
خروجی :

http://s2.picofile.com/file/7820790749/15html.jpg




نوع مطلب : آموزش html، 
برچسب ها :
لینک های مرتبط :

       نظرات
پنجشنبه 6 تیر 1392
بهاره ساعدی
جلسه 14 html

شناور کردن تصویر
  • شما می توانید با استفاده از شاخص align (که فقط می تواند مقادیر left و write را داشته باشد ) تصاویر را در یک سمت از صفحتان شناور کنید ، در حالی که متن و سایر عناصر در سمت دیگر چیده شوند .

برای شناور کردن تصاویر :

  1. تایپ کنید  img src=image.jpg > که در ان image .jpg   نشان دهنده مکان تصویر روی سرور است و در درون " " قرار می گیرد .
  2. تایپ کنید align = left تا تصویر در سمت چپ صفحه نمایش قرار گرفته و متن در سمت راست ان چیده شود ، یا اینکه تایپ کنید align = right تا تصویر در سمت راست شناور شده و متن در سمت چپ ان چیده شود . (write , left در درون " " نوشته می شوند )
  3. در صورت لزوم شاخص های دیگر را برای تصویر اضافه کنید .
  4. در اخر تایپ کنید </
  5. عناصری که باید در کنار تصاویر شما شناور شوند را تایپ کنید .

مثال :

<html>

<body>

<img src = " http://s4.picofile.com/file/7809769779/zimg_017_17.jpg" align = "right" />

<h2> the pioneer valley :

Northampton </h2> 

<p> this triplex on south street is a good example of multi - family dwellings in the area . built as a one family home in the 30s , it has been converted to a three family with separate entrances , heating , and electricity . thanks to the area colleges , Northampton has a booming rental industry </p>

</body>

</html> 

خروجی :

http://s3.picofile.com/file/7819249458/html14.jpg





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

       نظرات
چهارشنبه 5 تیر 1392
بهاره ساعدی
جلسه 13 html

ارائه متن جایگزین

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

برای ارائه متن جایگزین در زمانی که تصاویر ظاهر نمیشوند :

  1. درون تگ img ، پس از شاخص و مقدار src ، تایپ کنید "=alt
  2. متنی را که می خواهید در صورتی که تصویر به هر دلیلی به نمایش در نیامد ، ظاهر شود ، تایپ کنید .
  3. تایپ کنید "

مثال :

<html>

<body>

<h1> Barcelona is market </h1>

<img src= "18.jpg" alt="fruit stand in market "  />

<p> this first picture shows the entrance-way to the mercat de la baqueria </p>

</body>

</html>


خروجی :


http://s4.picofile.com/file/7817793973/13html.jpg








نوع مطلب : آموزش html، 
برچسب ها :
لینک های مرتبط :

       نظرات
سه شنبه 4 تیر 1392
بهاره ساعدی
جلسه 12 html

تصاویر

جایگذاری یک تصویر روی یک صفحه
  • شما می توانید تمام انواع تصاویر را روی صفحه وب تان قرار دهید ، از لوگوها گرفته تا عکس ها ، تصاویر که به صورت شرح داده شده در انیجا در صفحه جایگذاری می شوند به صورت خودکار هر وقت که مراجعه کننده به سراغ صفحه شما می اید ظاهر می شوند .
برای جایگذاری یک تصویر روی یک صفحه :
  1. نشانگر ماوس را در جایی که می خواهندی تصویر در ان ظاهر شود قرار دهید .
  2. تایپ کنید  img src=image.url> که در ان image.url نشان دهنده مکان فایل تصویر روی سرور می باشد .(image.url در درون " " قرار می گیرد )
  3. یک فاصله تایپ کنی دو سپس در نهایت </ را تایپ کنید .
  • قبل از اینکه مراجعه کننده بتواند تصویر را ببیند باید عکس را در سرور اپلود کنید .
مثال :
<html>
<body>
<h1> animal </h1>
<img src="http://s4.picofile.com/file/7809770428/zimg_018_18.jpg"  />
<p> the first picture show on animal </p>
</body>
</html>
خروجی :
http://s4.picofile.com/file/7815070321/12html.jpg




نوع مطلب : آموزش html، 
برچسب ها :
لینک های مرتبط :

       نظرات
یکشنبه 2 تیر 1392
بهاره ساعدی
جلسه 11 html

وسط چین کردن عناصر روی یک صفحه

برای وسط چین کردن عناصر روی یک صفحه :
  1. تایپ کنید <center>
  2. عنصری که می خواهید وسط چین شود را ایجاد کنید .
  3. تایپ کنید <center/>
مثال
<html>
<body>
<center>
<h2> the earth is core </h2>
<p> at the center of the earth, more than 6000 kilometers from the surface , </p>
<p> the temperature is a toasty 6500 degrees kelvin </p>
</center>
<p> not bad for a little planet </p>
</body>
</html>
خروجی :


http://s4.picofile.com/file/7815033545/09html.jpg





نوع مطلب : آموزش html، 
برچسب ها :
لینک های مرتبط :

       نظرات
یکشنبه 2 تیر 1392
بهاره ساعدی
جلسه 10 html

توضیح کوتاه نوشت

  • کوتاه نوشت یا سرنام به فراوانی یافت می شود . متاسفانه ، مردم انقدر از انها استفاده می کنند که گاهی فراموش می کنند که همه معنی انها را نمی دانند . با استفاده از عناصر   abbr و acronym به کوتاه نوشت و سر نام های مورد سوال معنی بدهید بدون اینکه وقفه ای در جریان صفحه وب تان به وجود اید یا خوانندگان تان را با پیوندهای اضافی منحرف کنید .
برای توضیح دادن درباره کوتاه نوشت
  1. تایپ کنید abbr > ، یا اگر کوتاه نوشت را می توان مانند یک کلمه تلفظ کرد ، تایپ کنید acronym>
  2. سپس تایپ کنید title = explanation  که در ان explanation  جزئیاتی را درباره کوتاه نوشت ارائه می کند . (explanation باید در درون "  " قرار بگیرد )
  3. تایپ کنید <
  4. در اخر بسته به اینکه در مرحله یک از کدام تگ استفاده کرده اید ، تایپ کنید <abbr/> یا <acronym/ >
مثال
<html>
<body>
<p>
<abbr title = "Lyndon baynes jahnson " > lbj </abbr> took the <abbr title ="inter borough rapid transit" > irt </abbr> sown to 4th street <abbr title = "united states of America" > usa </abbr> </p>
<p> when he got there , what did he see? </p>
</body>
</html>


خروجی

http://s4.picofile.com/file/7813741826/9html.jpg




نوع مطلب : آموزش html، 
برچسب ها :
لینک های مرتبط :

       نظرات
شنبه 1 تیر 1392
بهاره ساعدی


( کل صفحات : 4 )    1   2   3   4   
 
 
 
شبکه اجتماعی فارسی کلوب | Buy Website Traffic | Buy Targeted Website Traffic