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

دانلود کم حجم ترین برنامه ها!!!؟؟؟

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

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

http://amozesh-raygan.blogsky.com

+ نوشته شده توسط سید محمد رضا حسینیان راوندی در پنجشنبه بیست و سوم دی 1389 و ساعت 10:0 |

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

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

bgsound : برای این است که شما آهنگی را در زمینه ی صفحه ی وب وارد کنید.

src : برای آدرس دهی صفحه ی وب است.

loop : برای کنترل تعداد دفعات پخش است.

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

<a href="sound.wav">sound</a>

راه دیگر یا بهترین راه برای اضافه کردن صوت به صفحه ی وب استفاده از تگ object است.

data : این خصوصیت برای آدرس دهی است.

mime : این خصوصیت در اینجا برای این است که به مرورگر کمک کند که چه برنامه ای را برای اجرای

فایل صوتی صدا بزند.

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

autostart : این خصوصیت اگر true باشد وقتی شما وارد این صفحه شوید یا دکمه ی رفرش را کلیک

کنید بدون اینکه شما دکمه ی play را کلیک کنید فیلم به طور خودکار به نمایش در می آید ولی اگر

false باشد دیگر به طور خودکار نمایش داده نخواهد شد.

+ نوشته شده توسط سید محمد رضا حسینیان راوندی در سه شنبه بیست و دوم بهمن 1387 و ساعت 16:28 |

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

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

کلاسهای اچ تی ام ال است. پسوند این فایل 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: این خاصیت حاشیه ی سمت راست صفحه ی وب را تعیین می کند.

+ نوشته شده توسط سید محمد رضا حسینیان راوندی در جمعه چهارم بهمن 1387 و ساعت 16:8 |

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

۲)شيوه نامه ي صفحه اي:براي استفاده از اين شيوه نامه از دستور <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">



</style>

</head>

<body>

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

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

</body>

</html>

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

+ نوشته شده توسط سید محمد رضا حسینیان راوندی در سه شنبه بیست و چهارم دی 1387 و ساعت 17:9 |

شیوه نامه یا CSS

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

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

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

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

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

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

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

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

<html>

<head>

<title>css</title>

</head>

<body bgcolor="#ffffff">

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

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

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

</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 استفاده کردیم.

دستور <SPAN> برای متن های کوچک به کار می رود و دستور <DIV> برای متن های

طولانی به کار می رود

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

+ نوشته شده توسط سید محمد رضا حسینیان راوندی در شنبه چهاردهم دی 1387 و ساعت 18:32 |

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

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

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

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

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

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

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

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

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

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

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

+ نوشته شده توسط سید محمد رضا حسینیان راوندی در چهارشنبه چهارم دی 1387 و ساعت 17:49 |

الگوریتم

الخوريسم

ابو محمداله بن موسي خوارزمي

تاريخ کامپيوتر

از دانشمندان بزرگ رياضي جهان و اهل خوارزم بود که در حدود سالهاي 129 تا 159 شمسي متولد شد و در حدود سال 229 شمسي در گذشت او اولين کسي است که علم جبر را کشف کرد و کتاب جبر و المقابله را نوشت اروپاييان روش او را مورد استفاده قرار دادند و چون اولين بار به زبان لاتين به نام الخوريسم يا algorism چاپ شد نام الگوريسم و لگاريتم به رشته اي از علم حساب که خوارزمي کاشف آن بود اطلاق گرديد اين نام در تمام فرهنگنامه هاي جهان و در دانش رياضي ثبت شده است سيستم محاسبه ارقام رياضي اروپاييان از خوارزمي گرفته شده و مدت 400 سال کتاب رياضي وي جز کتب مطرح در دانشگاه هاي اروپا بود به افتخار اين دانشمند ايراني نيمه اول قرن 9 ميلادي را عصر خوارزمي ناميده اند کتاب جبر و مقابله و المجمع و التفريق وزيج خوارزمي از کتابهاي معروف اوست و کتاب الرخامه درباره محاسبات ظل سايه آفتاب و تعيين اوقات است که پايه و اساس محاسبات مثلثات کروي گرديد.علم کامپيوتر علم مطالعه الگوريتم هاست الگوريتم برگرفته از نام خوارزمي است به همين دليل دانشمندان علم کامپيوتر در هزاره خوارزمي او را پدر برنامه نويسي ناميده اند.

الگوریتم چیست؟به مجموعه ای از دستورالعمل ها که مراحل مختلف انجام کاری را به زبان دقیق

وبا جزئیات کافی بیان کند.

ورودی > پردازش > خروجی

information < Process < Data

به عنوان مثال:۴=2+۲

داده ها۲ مجهولات ۴ =+ ارتباط بین داده ها و مجهولات

variable( متغیر): محلی از حافظه است که برای نگهداری موقت داده ها و اطلاعات مورد استفاده

قرار می گیرد

constant ثابت ها.

مقادیری که در طول اجرای الگوریتم تغییر نمی کند

روشی را که الگوریتم یا خوارزمی برای حل مسائل ابداع کرده است:

1)به عنوان مثال الگوریتمی بنویسید که دو عدد را از ورودی دریافت ومیانگین آنها را محاسبه کند

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

1)شروع ۲)دو عدد را از ورودی دریافت ودر AوB قرار بده ۳)هر دو عدد را با هم جمع کن.

4)جمع هر دو را بر دو تقسیم کن ۵)میانگین را بنویس ۶) پایان.

ادامه مطلب

+ نوشته شده توسط سید محمد رضا حسینیان راوندی در جمعه هفدهم آبان 1387 و ساعت 8:5 |