it زندگی با طعم

it زندگی با طعم


استیو جابز؛ پدر اپل جین جنینگز بارتیک؛از اولین زنان برنامه نویس جان مک کارتی؛ پدر هوش مصنوعی چارلز والتون ؛ پدر RFID

۹ مطلب با کلمه‌ی کلیدی «اصول طراحی صفحات وب» ثبت شده است

شنبه, ۱۶ خرداد ۱۳۹۴، ۱۰:۲۱ ق.ظ

بالا بردن رتبه سایت و وبلاگ در گوگل

بهترین راه دسترسی به مطالب مورد نظرمان استفاده از موتورهای جستجو است،حال برای افزایش سرعت ورود اطلاعات وبلاگ یا سایت مان بهتر است آن را در موتور جستجو قدرتمند گوگل ثبت کنیم.

طرح ساخت سایت گوگل توسط دو دانشجو به نامهای Larry Page و Sergey Brin در یکی از خوابگاههای دانشگاه استانفورد پی ریزی شد و بعد از مدتی به بزرگترین و محبوبترین موتور جستجو ( search engine ) در دنیا تبدیل شد که در حال حاضر بیش از هشت میلیارد صفحه وب را در پایگاه داده ای( database ) خود جمع آوری کرده که توسط یک الگوریتم منحصر بفرد و با سرعت بسیار بالا خدمات جستجو را برای کاربران انجام میدهد.

موافقین ۰ مخالفین ۰ ۱۶ خرداد ۹۴ ، ۱۰:۲۱
AS Moosavian
جمعه, ۱۵ خرداد ۱۳۹۴، ۰۶:۴۵ ب.ظ

10 زبان برنامه نویسی که باید بدانیم

موافقین ۰ مخالفین ۰ ۱۵ خرداد ۹۴ ، ۱۸:۴۵
AS Moosavian

آیا تا به حال موقعیتی پیش آمده که بخواهید بین دو کلمه فاصله بیشتری وجود داشته باشد. یا بخواهید علامت کپی رایت را نشان دهید. این کاراکتر های ویژه با استفاده از کدهای ویژه در صفحه شما قرار می گیرند. این کدهای ویژه با علامت & (امپرسند) شروع می شوند و با تعدادی حرف یا عدد ادامه پیدا می کنند و با ; (نقطه ویرگول) پایان می یابند.

برای مثال زمانی که شما می خواهید بین دو کلمه فضای خالی اضافی بگذارید باید از کد ;nbsp& استفاده کنید که فضای خالی اضافه می کند. مطابق مثال زیر:

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

کلمه اول   کلمه دوم


فاصله اول بین کلمات با فشار دادن دکمه Space ایجاد می شود. مرورگر فاصله اول را تشخیص می دهد اما بعد از آن هر تعداد فاصله که باشد تفاوتی نمی کند و شما فقط یک فاصله را در مرورگر می بینید. افزودن کد ;nbsp& مرورگر را مجبور می کند تا بین دو کلمه فاصله اضافی بگذارد. شما با تکرار این کد می توانید به هر تعداد که بخواهید فاصله خالی ایجاد کنید.مانند زیر:

کلمه اول     کلمه دوم
نتیجه:

کلمه اول     کلمه دوم

این فرمان چهار فضای خالی اضافی بین دو کلمه ایجاد می کند. و در مجموع پنج فضای خالی داریم.

موافقین ۰ مخالفین ۰ ۱۵ خرداد ۹۴ ، ۰۶:۴۱
AS Moosavian
يكشنبه, ۱۰ خرداد ۱۳۹۴، ۱۰:۲۳ ب.ظ

فضای سفید چیست ؟

به طور خلاصه فضای سفید ( یا فضای منفی ) فاصله بین عناصر مختلف است .  این فاصله می تواند ، فاصله بین اجزا در یک صفحه یا فاصله حروف در یک متن باشد . فضای سفید ابزاری است برای مدیریت آسان تر ، سریعتر و بهتر عناصر در صفحه.

در این مقاله ما نشان خواهیم داد تا چطور از فضای سفید برای ایجاد نظم و ایجاد حس تمیز بودن طرح استفاده کنید.



دربالا فقط گفته شد که فضای سفید فاصله بین عناصر مختلف است . برای درک بهتر موضوع ما فضایی که یک شئ اشغال می کند را فضای مثبت و مجموعه اطراف آن را فضای منفی نام گذاری می کنیم . به تصویر زیر نگاه کنید .


چه می بینید ؟ آیا یک گلدان می بینید یا دو چهره . اگر چهره می بینید بدین معنی است که شما رنگ سیاه را فضای مثبت در نظر گرفتید و رنگ سفید را فضای منفی . با یک تغییر نگرش اوضاع کاملا فرق خواهد کرد .

در این مثال ما دیدیم که فضای منفی به اندازه فضای مثبت مهم و تاثیر گذار است . اگر یاد بگیریم وقتی به موضوعی نگاه می کنیم فضای منفی را به درستی ببینیم یک گام در طراحی به پیش رفته ایم .

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


موافقین ۰ مخالفین ۰ ۱۰ خرداد ۹۴ ، ۲۲:۲۳
AS Moosavian
جمعه, ۱ خرداد ۱۳۹۴، ۰۶:۰۳ ق.ظ

کار کردن با فونتها و رنگ و اندازه آنها


اندازه فونت را می توان با دستور زیر تعیین کرد:

<font size="x">متنی که می خواهیم اندازه آنرا تعیین کنیم</font>
به جای «x» عددی با علامت منفی یا مثبت قرار می گیرد. وقتی که می خواهیم یک متن بزرگتر دیده شود از علامت مثبت و زمانی که می خواهیم متن کوچکتر شود از علامت منفی استفاده می کنیم. به مثال زیر توجه کنید:

<font size="+2">این متن بزرگتر دیده می شود</font>
این هم نتیجه تغییر سایز فونت:

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

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

<font size="-2">این متن کوچکتر دیده می شود</font>
این هم متن کوچک شده:

این متن کوچکتر دیده می شود

تعدادی مثال در ادامه مطلب برای درک بهتر:

موافقین ۰ مخالفین ۰ ۰۱ خرداد ۹۴ ، ۰۶:۰۳
AS Moosavian
جمعه, ۱ خرداد ۱۳۹۴، ۰۵:۵۲ ق.ظ

اصول نوشتن صفحات HTML

در اینجا می خواهیم به ساختار شناسه ها یا همان تگها  ریاضی یعنی این علامت > آغاز می شود و با علامت بزرگتر < به پایان می رسد.

مثلاً تگی که باعث ایجاد زیرخط کلمات می شود اینطور نوشته می شود: <U> این علامت را قبل از متنی که می خواهیم زیر آن خط کشیده شود قرار می دهیم. به این تگ ، تگ ابتدایی (Opening tag) می گویند، که عملیاتی را که شما می خواهید آغاز کنید شروع می کند. به منظور پایان دادن به زیرخط باید از یک تگ پایانی استفاده کنید. یک تگ پایانی با این علامت شروع می شود: />  بقیه تگ مانند تگ ابتدایی می باشد. برای درک بهتر این مطلب به مثال زیر توجه کنید:

Tags and their position
اگر بخواهید متن بالا را با زیرخط در مرورگر خود ببینید باید آنرا مطابق خط روبرو در ویرایشگر متن خود بنویسید:



<u>tags and their position</u>


نتیجه را به این صورت می بینید:

Tags and their position



موافقین ۰ مخالفین ۰ ۰۱ خرداد ۹۴ ، ۰۵:۵۲
AS Moosavian
جمعه, ۱ خرداد ۱۳۹۴، ۰۵:۴۸ ق.ظ

آموزش HTML مقدمه

آنچه که قبل از یادگیری HTML لازم است بدانید:

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

شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند.
نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter.
شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Internet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند.
بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.

موافقین ۰ مخالفین ۰ ۰۱ خرداد ۹۴ ، ۰۵:۴۸
AS Moosavian
پنجشنبه, ۳۱ ارديبهشت ۱۳۹۴، ۱۰:۵۳ ق.ظ

آموزش html _ معرفی تگ ها – تگ تصویر

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

<img src="Koala.jpg" />

موافقین ۰ مخالفین ۰ ۳۱ ارديبهشت ۹۴ ، ۱۰:۵۳
AS Moosavian
جمعه, ۴ ارديبهشت ۱۳۹۴، ۱۰:۱۵ ق.ظ

پی اچ پی (PHP) چیست؟

پی‌اچ‌پی (PHP) یکی از پر طرفدارترین زبان‌های اسکریپت‌نویسی متن باز (Open Source) است، که بیشتر برای طراحی برنامه‌های سمت سرور در وب‌گاه‌های پویا (Dynamic) مورد استفاده قرار می‌گیرد.

PHP مخفف  Hypertext Preprocessor (پیش‌پردازنده فرامتن) می‌‌باشد. 

پی‌اچ‌پی در سال ۱۹۹۴ ایجاد شد. رسموس لردورف (Rasmus Lerdorf) ایجاد کننده اولیه آن بوده است ولی در طی زمان این زبان برنامه‌سازی، توسط سایر کارشناسان و برنامه‌نویسان تکمیل گردیده و به شکل کنونی آن درآمده ‌است. 

پی‌اچ‌پی از زبان‌های اسکریپت‌نویسی تحت وب است. ساختار این زبان بسیار شبیه زبان سی (C) و زبان برنامه‌نویسی پرل (Perl) می‌‌باشد. شکل پذیری فوق العاده آن و نیز همگونی با اغلب بانک‌های اطلاعاتی از قبیل MySQL قدرت آن را افزایش داده است. 

مشهورترین نرم‌افزارهای(بسته‌های) ایجاد شده با پی‌اچ‌پی عبارت‌اند از phpBB و SMF و Mambo و Joomla و PHPNuke و mybb و مدیاویکی (MediaWiki) . پی‌اچ‌پی می‌تواند جایگزینی برای زبان‌های ASP.NET و JSP و Perl باشد. 

سادگی استفاده از پی‌اچ‌پی و شباهت آن به زبان سی و پرل (و از نسخه ۵ آن به جاوا) باعث شده که اغلب برنامه نویسان با تجربه در کوتاه‌ترین زمان ممکن برنامه‌های کاملی را ایجاد کنند. 

پی‌اچ‌پی تنها یک زبان اسکریپت‌نویسی نیست و با استفاده از PHP-GTK می‌توان برای طراحی برنامه‌های با ظاهر گرافیکی (GUI) و همچنین طراحی برنامه‌های خط فرمان شبیه پرل یا پایتون (Python) از آن استفاده کرد. 

پی‌اچ‌پی امکان استفاده از انواع مختلفی از پایگاه‌های داده را از جمله MySQL، اوراکل، IBM DB۲ ،Microsoft SQL Server ،PostgreSQL و SQLite با دستورهایی ساده فراهم می‌‌سازد. 

پی‌اچ‌پی روی بیشتر سیستم عامل‌های معروف از جمله لینوکس، یونیکس، ویندوز و Mac OSX و با اغلب کارگزارهای وب (Web Server) معروف، قابل اجراست.


شیوه کار برنامه

یک برنامهٔ پی‌اچ‌پی می‌تواند قسمتی از یک برنامهٔ اچ‌تی‌ام‌ال (HTML) باشد. مثلاً در برنامهٔ زیر:  (بقیه درادامه مطلب...)

موافقین ۰ مخالفین ۰ ۰۴ ارديبهشت ۹۴ ، ۱۰:۱۵
AS Moosavian