X
تبلیغات
رایتل

به وبلاگ برنامه نویسی خوش آمدید.

برنامه نویس وب و نرم افزار تحت دسکتاپ

ایمیل rss feeds friendfa
  • آموزش برنامه نویسی وب
  • آموزش html و css
  • آموزش php و mysql
  • jquery
  • java
دکمه ی بعدی اسلاید شو دکمه ی قبلی اسلاید شو


شیوه نامه ی خارجی

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

کلاسهای اچ تی ام ال است. پسوند این فایل CSS . است .

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

۱) ایجاد یک فایل متنی با پسوند CSS که حاوی شیوه نامه باشد.

۲) استفاده از دستور <LINK> در کد های HTML برای استفاده از فایل حاوی شیوه نامه .دو صفت

مهم این دستور عبارت از REL و HREF . صفت REL رابطه ی بین  فایل  HTML  و  فایل حاوی شیوه نامه

 را نامگذاری می کند و به صورت "REL="STYLESHEET استفاده می شود. صفت HREF  مشخص  می

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

کد های زیر نمونه ای از شیوه نامه ی خارجی است:

قبل از هر کاری یک پوشه با نام www بسازید و دو برنامه ی زیر را که می نویسید داخل آن ذخیره کنید.

۱)کد های زیر را در برنامه ی notepad نوشته و با نام test.css ذخیره کنید.


BODY  {font:20pt;font-family:Tahoma;color:blue;background:white}

H1  {font:20pt;font-family:Tahoma;color:blue;text-align:center}

H2   {font:16pt;font-family:Tahoma;color:blue;text-align:center}

P     {text-indent:0.1 in;margin-left: 40px ;margin-right:40px}


۲)دستورات زیر را با نام test.htm ذخیره کنید.

 


<html>

<head>

<title>style sheet</title>

<link rel=stylesheet href="test.css" type="text/css">

</head>

<body>

<h1>آموزش شیوه نامه ی خارجی </h1>

<h2>. این مثالی برای شیوه نامه ی خارجی است </h2>

<p>

. شیوه نامه ها کاربرد فراوانی در طراحی صفحات وب دارند 

</p>

</body>

</html>

 

 سپس test.htm را اجرا کنید و نتیجه ی کار را خودتان ببینید.

margin-right: این خاصیت حاشیه ی سمت راست صفحه ی وب را تعیین می کند.

کاربر وبلاگ نوشته شده توسط راوندی در تاریخ چهارشنبه 12 اسفند‌ماه سال 1388 ساعت 12:27 ب.ظ  چاپ نظر دهید 0 نظر


شیوه نامه ی صفحه ای

۲)شیوه نامه ی صفحه ای:برای استفاده از این شیوه نامه از دستور <STYLE> و </STYLE>
در بین دو تگ <head> و </head> استفاده می شود. چون امکان دارد شکلهای گوناگونی
از شیوه نامه ها مورد استفاده قرار گیرد که متفاوت از استاندارد CSS باشند در دستور <STYLE>
بایدبا استفاده از صفت TYPEمشخص کنید که از چه فرمتی استفاده خواهد شد بنابراین برای استفاده
فرمت CSS صفت TYPE را به صورت " TYPE="text/css در دستور <STYLE> به کار ببرید.
شکل کلی شیوه نامه ی صفحه ای به این صورت است:


<html>

<head>

<title>onvan</title>

<style type="text/css">





</style>

</head>

<body>

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

</body>

</html>


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


<html>

<head>

<style type="text/css">



H1{

background-color:blue; color:white; font-size:40 pt;

font-family:arial; text-transform:uppercase; text-align:right

}

P{

text-indent: 2.5 em; font-size:12pt; font-family:tahoma

}



</style>

</head>

<body>

<H1> به وبلاگ آموزش رایگان خوش آمدید</H1>

<p align="right">. شما اینجا به راحتی آموزش طراحی صفحات وب را فرا خواهید گرفت </p>

</body>

</html>


توضیحات:در اولین کد ها در قسمت{} H1 رنگ زمینه و رنگ متن و اندازه ی متن در قسمت <H1>
و</H1> را می سازد.
و در قسمت {} P این کد ها اندازه و نوع فونت را در قسمت<p align="right"> </p> به وجود می آورند.
با ما همراه باشید.

کاربر وبلاگ نوشته شده توسط راوندی در تاریخ چهارشنبه 12 اسفند‌ماه سال 1388 ساعت 12:26 ب.ظ  چاپ نظر دهید 0 نظر


شیوه نامه یا CSS

شیوه نامه ها :شیوه نامه برای قالب بندی و صفحه آرایی صفحات وب به کار می روند مثلاً برای تنظیم

حاشیه ی متنها، تعیین رنگها و فونت ها برای کل متن .

شیوه نامه ها سه نوع هستند:

۱) شیوه نامه ی دستوری

۲) شیوه نامه ی صفحه ای

۳) شیوه نامه ی خارجی

۱) شیوه نامه ی  دستوری  : معمولاً  این  شیوه نامه  درون  تگ های  <P>  و  <SPAN>  و

<DIV>  و برای تغییر در پاراگراف به کار می روند


<html>

<head>

<title>css</title>

</head>

<body bgcolor="#ffffff">

<p style="font-size:14pt">

اگر با ما همراه باشید در این وبلاگ آموزش کامل

 طراحی صفحات وب را به شما آموزش خواهیم داد

</p>

<span style="font-size:18pt">

به اندازه ی متن توجه کنید

</span>

<br/>

<div style="background:yellow;font-weight:bold; color:green">

<p>

اینجا به تغییر رنگ و

 اندازه ی متن و تغییر

رنگ زمینه متن توجه کنید



</p>

</div>

</body>

</html>

توضیحات : برای تغییر اندازه ی متن ما از font-size:14pt استفاده کردیم . و برای ایجاد رنگ  زمینه ی

متن و درشت شدن متن و رنگ خود متن از  background:yellow;font-weight:bold; color:green در

  قسمت  div style استفاده کردیم.

با ما همراه باشید با ادامه ی بحث شیوه نامه.

کاربر وبلاگ نوشته شده توسط راوندی در تاریخ چهارشنبه 12 اسفند‌ماه سال 1388 ساعت 12:24 ب.ظ  چاپ نظر دهید 0 نظر


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

کارهایی که برای افزایش رتبه ی سایت یا وبلاگ خود در موتورهای جستجوگر باید انجام دهید به شرح زیر است:
برای ثبت سایت یا وبلاگ خود در گوگل می توانید به آدرس :www.google.com/addurl بروید.
استفاده از متا تگ ها:
حال برای افزایش رتبه ی سایت خود از کدهای زیر در قسمت در کدهای اچ تی ام ال استفاده کنید:
برای فارسی نویسی در صفحات وب و نمایش درست فونت فارسی در تمام مرورگر ها از این کداستفاده می شود:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta http-equiv="Content-Language" content="fa">


این کد توضیحات کوتاهی را در مورد سایت شما به موتور های جستجوگر ارائه می دهد:

<META NAME="description" CONTENT="توضیحات خود را اینجا بنویسید">


این کد کلمات کلیدی مرتبط با سایت شما را به موتور های جستجو گر معرفی می کند:

<META NAME="keywords" CONTENT="کلمات کلیدی را اینجا بنویسید">


این کد نام طراح وبسایت شما را به موتور های جستجو گر معرفی می کند:

<META NAME="Author" CONTENT="نام طراح سایت را اینجا بنویسید">


این کد به Crawer های موتورهای جستجوگر اعلام می کند که چه رفتاری را باید در قبال این صفحه ی وب داشته باشند :

<META NAME="robots" CONTENT="">


محتویات خصوصیت Content می تواند شامل موارد زیر باشد:
none : کراولر موتور جستجوگر از هر گونه عملی بر روی این صفحه ی وب منع می شود.
noindex :محتویات و آدرس این صفحه ی وب در بانک اطلاعاتی موتور جستجوگر ذخیره نمی شود.
nofollow :لینک های صفحه ی وب توسط کراولر موتور جستجوگر پیگیری نمی شود.
noarchive :محتویات این صفحه در آرشیو بانک اطلاعاتی cache یا ذخیره نشود.
all :کراولر موتور جستو قادر به انجام هر عملی بر روی این صفحه ی وب خواهد بود.
index :صفحه ی وب فقط در بانک اطلاعاتی موتور جستجو ذخیره شود.
follow :لینک های صفحه ی مورد نظر ، پیگیری شود.
اگر به قسمت ویرایش قالب وبلاگ خود بروید با موارد بالا روبرو خواهید شد.
معرفی تصاویر به موتور جستجوگر:

<img alt="برنامه" longdesc="در این قسمت می توانید این برنامه را دانلود کنید" src="program.gif" width="50" height="50">


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

<a href="http://www.fordownload.blogfa.com" title="دانلود برنامه های کم حجم">fordownload</a>


انتخاب title یا عنوان برای صفحات سایت خود:

<head> <title>fordownload</title> </head>

کاربر وبلاگ نوشته شده توسط راوندی در تاریخ چهارشنبه 12 اسفند‌ماه سال 1388 ساعت 12:19 ب.ظ  چاپ نظر دهید 9 نظر


آموزش اچ تی ام ال

html مخفف Hypertext Markup Language  (زبانی سازنده صفحات وب که مجموعه ای از
فرامین به نام تگ است ) است. اچ تی ام ال معمولاً یک زبان پایه  در طراحی  صفحات وب  

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

پی اچ پی و غیره را یاد بگیرید اولین زبانی که به دنبال آن باید بروید اچ تی ام ال است .

اچ تی ام ال زبان ساده وقابل فهم است وبه راحتی می توان آن را یاد گرفت

.و یادگیری ان برای مقدمه ضروری است .

 در برنامه هایی چون پی اچ پی کاربرد دارد. برای نوشتن  این  برنامه  ما  فقط به یک  

برنامه ی ساده چون notpad نیاز داریم ما این آموزش را با  یک  کد  ساده  از  اچ تی ام ال 

 شروع می کنیم:

<html>
<head>
<title>Title of page</title>
</head>
<body>
<b>This text is bold</b>
</body>
</html>

 

  

کدهای بالا را در notpad نوشته وبا نام test.htm ذخیره کنید  وارد  درایوی که  این  فایل  را  

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

می شود مکمل به این معنی که یک تگ نیز  نیاز  دارد  این  تگ  محلی  برای  قرار  گرفتن 

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

در این تگ قرار می گیرد از جمله متن وتصویر.
برای شروع پاراگراف می توانید به جای <p>this is a test</p> از 

<p align="center">this is a test</p> استفاده کنید که متن را به وسط صفحه می برد.
روش دیگه:برای اینکه بخواهیم نوشته ی ما درشت تر بشود از 
<h1 align="center">this is a test</h1> استفاده می کنیم.اگر بخواهیم کوچکتر  بشود 

 مثلاً h2  می نویسیم .h1 .h2.h3 h4.h5 .h6

ادامه مطلب»

کاربر وبلاگ نوشته شده توسط راوندی در تاریخ چهارشنبه 12 اسفند‌ماه سال 1388 ساعت 12:14 ب.ظ  چاپ نظر دهید 15 نظر
( تعداد کل: 96 )
<<      1       ...       16       17       18       19       20      >>


 درباره من
عکس پروفایل

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

دسته‌ها

 جدیدترین یادداشت‌ها
مشکل نمایش border با کلیک روی texbox یا کلیک روی لینک
رفع خطای ()Fatal error: Cannot redeclare jdate
گرفتن پشتیبان از بانک اطلاعاتی با کمک mysqldump
چگونه برنامه نویس شویم؟
افزونه ای برای عکس گرفتن از سایت
مشکل ویرایشگر ckeditor با ایجکس
قالب وبلاگ برنامه نویسی
اجرا نشدن فایل جاوا در cmd
اخطار عدم پشتیبانی از FULLTEXT در قسمت phpmyadmin
رنگی کردن کد در برنامه ی word و صفحات وب با کمک notepad++
طریقه ی ثبت دامین ir
کتاب آموزش آسان و کاربردی php و mysql
لینک گذاشتن روی بخشی از تصویر
چند مطلب اضافه شده به کتاب آموزش سریع و آسان jquery
کتاب آموزش سریع و آسان jquery
اخطار no privileges در برنامه ی wamp 2.4 در قسمت ایجاد دیتابیس
گرادینت gradient برای همه ی مرورگرها
کنفرانس برنامه نویسان php
مشکل قالب های میهن بلاگ
کتاب آموزش ++C
کتاب آموزش tkinter به زبان ساده
مترجم قالب
گرد کردن div در مرورگر اکسپلورر
ضبط صدا با کمک جاوا اسکریپت ، جی کوئری ، php و فلش
لینک های آموزش برنامه نویسی
حفره ی امنیتی در مرورگر اکسپلورر
نمایش عکس از روی سایت در برنامه ی جاوا
نمایش لینک به صورت تصادفی
برنامه ی شکلک های الفورآی
گذاشتن پسورد روی پوشه در سایت
لیست کامل عناوین یادداشت‌ها
 موارد دیگر

آمار تعداد کل بازدید ها : 445760
rss feeds

Powered By

www.barnamenevisi.blogsky.com

Copyright © 2014 barnamenevisi.blogsky.com