تبليغاتX
CSS & HTML آموزش کامل
راه اندازی فروشگاه اینترنتی (آنلاین)
هدف اصلی بسياری از شرکت ها از حضور در اينترنت، کسب درآمد از طريق فروش محصولات، بدست گرفتن بازار آنلاين و ارائه خدمات بهتر به مشتريان و در نتيجه فروش بيشتر محصولات خود میباشد به اينصورت كه با استفاده از اين روش، خريدار علاوه بر صرفه جويي در وقت و هزينه ( خصوصا" هزينه هاي اياب و ذهاب )، با آرامش كامل، كالاهای مورد نظر خود را انتخاب و خريداری نموده و بدون هيچ مشكلی آنها را درب منزل و یا محل کار تحويل میگيرد

فروشگاه اینترنتی چیست؟

فروشگاه آنلاین (فروشگاه اینترنتی) یک وب سایت است که مانند یک فروشگاه سنتی، اجناس مختلفی را برای فروش عرضه می‌کند. خریداران پس از ورود به سایت فروشگاه،کالاهای مورد نظر خود را سفارش می‌دهند. پس از تکمیل سفارش، هزینه‌ی آن به چند شیوه قابل پرداخت است: با کارت‌های بانکی(سامان,پارسیان و ...)،شیوه پرداخت نقدی به مأمور پست در زمان تحویل کالا، و یا واریز به حساب. پس از مشاهده و تأیید سفارش توسط مسئول فروشگاه، مأمور پست کالا را در محل فروشنده تحویل می‌گیرد و به دست خریدار می‌رساند.
اداره‌ فروشگاه اینترنتی توسط نرم‌افزارهای ویژه‌ای صورت می‌گیرد که اضافه کردن کالا، ایجاد سبد خرید، اتصال به سیستم بانکی، اتصال به سیستم پست، پیگیری سفارش توسط خریدار، مشاهده و ارسال سفارش‌ها توسط فروشنده، و تهیه‌ی گزارش‌های مختلف از فروش، از امکانات این نرم‌افزار است.توجه داشته باشيد که شايد هنوز فرهنگ خريد به صورت کاملا آنلاين بدون حتی يک تماس هنوز در ايران کاملا جا نیفتاده است اما داشتن فروشگاه اینترنتی سبب آشنائی هزاران نفر با محصولات شما خواهد گرديد که هر کدام از آنها می توانند به صورت سنتی و يا تماس مستقيم با تلفن از شما خريد نمايند.
 

 مزایای فروشگاه اينترنتی
-عدم محدودیت جغرافیایی: در حالی که یک فروشگاه سنتی به منطقه‌ی بسیار محدودی خدمات می‌دهد، خرید و ارسال سفارش از یک فروشگاه آنلاین به دورترین نقاط کشور و (در صورت فروش با کارت‌های اعتباری بین‌المللی) به تمام نقاط دنیا امکان‌پذیر است

-فروشگاه اینترنتی در هر لحظه از شبانه روز آماده سرویس دهی به مشتریان است. فروشگاه شما در 365 روز سال و 24 ساعت شبانه‌روز باز است حتی زمانی که در خواب هستید، کسب و کار شما ادامه دارد.

- کاهش هزینه های جانبی نظیر اجاره محل,هزینه ویترین و انبار,فروشنده,خواب سرمایه و غیره .

- ارائه‌ی خدمات بهتر به مشتریان: با ارائه‌ی اطلاعات کامل هر کالا در سایت، مشتریان خود را راضی نگاه خواهید داشت. در حالی که ارائه‌ء این اطلاعات به هر مشتری در یک فروشگاه سنتی معمولاً امکان‌پذیر نیست.

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

-سایت فروشگاه شما همزمان یک کاتالوگ کامل و به روز از محصولات شما است.
-ابزار تبلیغی مناسب در جهت فروش محصولات شما.

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

نوشته شده توسط رضا گلاب  | لینک ثابت |

کانون تبلیغاتی راه گستر از سال ۱۳۸۲ با به کارگیری تجربیات گذشته پا به عرصه تبلیغات گذاشت و همچنین با برخورداری از دانش روز و همگام با پیشرفت تکنولوژی جهت ارائه هرچه مطلوب تر خدمات خود در کلیه امور تبلیغاتی از هیچ تلاشی فروگذار نخواهد کرد. امیدواریم که با ایجاد ارتباطی اثر بخش بین شما و مشتریان محترمتان شاهد روند رو به رشد شما عزیزان باشد.

نوشته شده توسط رضا گلاب  | لینک ثابت |


طراحی و چاپ پوستر، کاتالوگ، بروشور، پوشه، فولدر و ...
طراحی، چاپ و اجرای تابلوهای تبلیغاتی indoor و outdoor
(فلکسی - بنر- استیکر - لایت باکس - وینیل)
سازه های نمایشگاهی
(انواع استند - پاپ آپ - رول اپ - کانتر - جا کاتالوگی - پرچمی ...)
طراحی وچاپ پلات و انجام خدمات بعد از چاپ اعم از انواع لمینت
(سرد، گرم، مات و براق) شاسی، فوم برد و ...
ارائه انواع کیف، کلاسور، کیفهای کنفرانسی، نایلکس و ساکهای تبلیغاتی
طراحی و ساخت تندیس، لوح تقدیر، بج سینه، گل سینه و ...
طراحی و اجرای بیلبورد های تبلیغاتی
ارائه انواع هدایای تبلیغاتی اعم از سررسید، دفتر تلفن، تقویم دیواری
(گلاسه و حصیری) تقویم جیبی، خودکار، جاسوئیچی، ساعت رومیزی،
ساعت دیواری، انواع ماگ و ...
طراحی صفحات وب
نوشته شده توسط رضا گلاب  | لینک ثابت |

راه اندازی فروشگاه اینترنتی(آنلاین) پنجشنبه سی و یکم اردیبهشت 1388 11:34
هدف اصلی بسياری از شرکت ها از حضور در اينترنت، کسب درآمد از طريق فروش محصولات، بدست گرفتن بازار آنلاين و ارائه خدمات بهتر به مشتريان و در نتيجه فروش بيشتر محصولات خود میباشد به اينصورت كه با استفاده از اين روش، خريدار علاوه بر صرفه جويي در وقت و هزينه ( خصوصا" هزينه هاي اياب و ذهاب )، با آرامش كامل، كالاهای مورد نظر خود را انتخاب و خريداری نموده و بدون هيچ مشكلی آنها را درب منزل و یا محل کار تحويل میگيرد

فروشگاه اینترنتی چیست؟

فروشگاه آنلاین (فروشگاه اینترنتی) یک وب سایت است که مانند یک فروشگاه سنتی، اجناس مختلفی را برای فروش عرضه می‌کند. خریداران پس از ورود به سایت فروشگاه،کالاهای مورد نظر خود را سفارش می‌دهند. پس از تکمیل سفارش، هزینه‌ی آن به چند شیوه قابل پرداخت است: با کارت‌های بانکی(سامان,پارسیان و ...)،شیوه پرداخت نقدی به مأمور پست در زمان تحویل کالا، و یا واریز به حساب. پس از مشاهده و تأیید سفارش توسط مسئول فروشگاه، مأمور پست کالا را در محل فروشنده تحویل می‌گیرد و به دست خریدار می‌رساند.
اداره‌ فروشگاه اینترنتی توسط نرم‌افزارهای ویژه‌ای صورت می‌گیرد که اضافه کردن کالا، ایجاد سبد خرید، اتصال به سیستم بانکی، اتصال به سیستم پست، پیگیری سفارش توسط خریدار، مشاهده و ارسال سفارش‌ها توسط فروشنده، و تهیه‌ی گزارش‌های مختلف از فروش، از امکانات این نرم‌افزار است.توجه داشته باشيد که شايد هنوز فرهنگ خريد به صورت کاملا آنلاين بدون حتی يک تماس هنوز در ايران کاملا جا نیفتاده است اما داشتن فروشگاه اینترنتی سبب آشنائی هزاران نفر با محصولات شما خواهد گرديد که هر کدام از آنها می توانند به صورت سنتی و يا تماس مستقيم با تلفن از شما خريد نمايند.
 

مزایای فروشگاه اينترنتی
-عدم محدودیت جغرافیایی: در حالی که یک فروشگاه سنتی به منطقه‌ی بسیار محدودی خدمات می‌دهد، خرید و ارسال سفارش از یک فروشگاه آنلاین به دورترین نقاط کشور و (در صورت فروش با کارت‌های اعتباری بین‌المللی) به تمام نقاط دنیا امکان‌پذیر است

-فروشگاه اینترنتی در هر لحظه از شبانه روز آماده سرویس دهی به مشتریان است. فروشگاه شما در 365 روز سال و 24 ساعت شبانه‌روز باز است حتی زمانی که در خواب هستید، کسب و کار شما ادامه دارد.

- کاهش هزینه های جانبی نظیر اجاره محل,هزینه ویترین و انبار,فروشنده,خواب سرمایه و غیره .

- ارائه‌ی خدمات بهتر به مشتریان: با ارائه‌ی اطلاعات کامل هر کالا در سایت، مشتریان خود را راضی نگاه خواهید داشت. در حالی که ارائه‌ء این اطلاعات به هر مشتری در یک فروشگاه سنتی معمولاً امکان‌پذیر نیست.

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

-سایت فروشگاه شما همزمان یک کاتالوگ کامل و به روز از محصولات شما است.
-ابزار تبلیغی مناسب در جهت فروش محصولات شما.

 طراحی انواع سایت و پورتال دولتی سازمانی شرکتی و فروشگاه اینترنتی و مالتی مدیا ونرم افزار های تخصصی و بانک اطلاعاتی را می توانید فقط با یک تماس با شماره 09352598828 از ما بخواهید.

http://www.rezagolab.blogfa.com/

نوشته شده توسط رضا گلاب  | لینک ثابت |

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

زمانيکه شما نوشتن کدهاي html را در برنامه notepad  يا ويرايشگرهايHTML  تمام کرديد، بعد از ذخيره کردن آن فايل با يکي از پسوندهاي .htm يا .html و با استفاده از مرورگر وب خود آنرا امتحان کنيد تا نتيجه کارتان را مشاهده و اگر مشکلي هم داشت برطرف شود. مشکلاتي مانند نمايش نادرست صفحه يا حتي غلطهاي ديکته اي که زياد هم به چشم ميخورند.

شما اين صفحات را قبل از اينکه روي سرور بگذاريد تا ديگران هم ببينند، بر روي کامپيوتر خود ميتوانيد امتحان کنيد ولي اگر از فايلهاي ASP يا CGI استفاده کرده ايد نياز به يک وب سرور براي چک کردن آنها داريد. شرکت مايکروسافت دو نرم افزار دارد که توسط آنها ميتوانيد يک وب سرور درست کنيد و اينگونه فايلها را هم مشاهده کنيد. يکي از آنها IIS که مخفف Internet Information Services است و بر روي ويندوزهاي 2000 و XP نصب ميشود و ديگري PWS که مخفف Personal Web Server است و بر روي ويندوزهاي98  و ME اجرا ميشود.


ادامه مطلب
نوشته شده توسط رضا گلاب  | لینک ثابت |

آموزش Xhtml یکشنبه یازدهم اسفند 1387 13:15

زبان XHTML که مخفف EXtensible HyperText Markup Language در تاریخ 26 ژانویه سال 2000 منتشر شد و به قول بعضيها همان HTML 5 میباشد که در واقع اینچنین نیست. این زبان نسل جدید زبان وب ميباشد که داراي یکسري اصول و قوانین خاص است تا کمبودهايHTML را در مورد دستگاههاي کوچک الکترونیکي که به وب هم متصل ميشوند مانند تلفنهاي همراه، را جبران کند.


ادامه مطلب
نوشته شده توسط رضا گلاب  | لینک ثابت |

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

زمانيکه شما نوشتن کدهاي html را در برنامه notepad  يا ويرايشگرهايHTML  تمام کرديد، بعد از ذخيره کردن آن فايل با يکي از پسوندهاي .htm يا .html و با استفاده از مرورگر وب خود آنرا امتحان کنيد تا نتيجه کارتان را مشاهده و اگر مشکلي هم داشت برطرف شود. مشکلاتي مانند نمايش نادرست صفحه يا حتي غلطهاي ديکته اي که زياد هم به چشم ميخورند.

شما اين صفحات را قبل از اينکه روي سرور بگذاريد تا ديگران هم ببينند، بر روي کامپيوتر خود ميتوانيد امتحان کنيد ولي اگر از فايلهاي ASP يا CGI استفاده کرده ايد نياز به يک وب سرور براي چک کردن آنها داريد. شرکت مايکروسافت دو نرم افزار دارد که توسط آنها ميتوانيد يک وب سرور درست کنيد و اينگونه فايلها را هم مشاهده کنيد. يکي از آنها IIS که مخفف Internet Information Services است و بر روي ويندوزهاي 2000 و XP نصب ميشود و ديگري PWS که مخفف Personal Web Server است و بر روي ويندوزهاي98  و ME اجرا ميشود.


ادامه مطلب
نوشته شده توسط رضا گلاب  | لینک ثابت |

فارسي نويسي در وب یکشنبه یازدهم اسفند 1387 12:59

چند سالي است که با مطرح شدن يونيکد Unicode سايتهايي به زبانهاي غير از انگليسي زياد شده و در همين راستا ايرانيان عزيز هم عقب نشسته و شروع به ساختن سايتهاي فارسي کرده که جا دارد همين جا از همه کساني که براي ايران و ايراني زحمت ميکشند تشکر و قدرداني کنم. شما هم با استفاده از اين تکنيک ميتوانيد حروف فارسي را در وب بکاربريد بدون آنکه بيننده سايت شما نيازي به نصب فونت جديد در سيستم خود داشته باشد، البته ميتوانيد هر نوع فونت به غير از آنهايي که استاندارد ويندوز هستند را بکار بريد ولي همان فونت را بايد در اولين صفحه سايت قرار دهيد تا کاربر آنرا دانلود کرده و نصب کند تا متنهاي سايت شما را بتواند به درستي مشاهده کند ، اينرا در نظر داشته باشيد که براي همه خوشايند نيست اينکار و اين موضوع شايد باعث از دست دادن بيننده شود که يک نمره منفي براي وب سايت به حساب مي آيد.

خب دوستان براي راه اندازي يک وب سايت فارسي ابتدا بايد سيستم عاملي داشته باشيد که فارسي ساز داشته باشد و يا مانند ويندوز XP, 2000 سازگار با زبان فارسي باشد تا توانايي تايپ فارسي را داشته باشيد، در ضمن بهتر است که از برنامه هايي نظيرMS Word يا FrontPage   از مجموعه آفيس مايکروسافت  استفاده کنيد چون ميتوانيد مستقيم فارسي بنويسيد و آنرا بصورت فايلhtml  ذخيره کنيد. با هر برنامه اي که راحت هستيد ، متن را وارد کنيد و سپس به سورس source صفحه برويد و تگ زير را در قسمتHead  وارد کنيد، 

”>

اين تگ، encoding مرورگر را براي استفاده از حروف و علامتهاي يونيکد تنظيم ميکند. براي ديدن و تنظيم encoding  يک صفحه بصورت دستي بايد وارد منوي view در مرورگر شويد و برروي Encoding  رفته واز ليست باز شده گزينه مورد نظر را انتخاب کنيد. اما وظيفه آن،  تنظيم مرورگر بيننده  براي نمايش صحيح حروف و علامتهاي بکار گرفته شده دروب سايت شما است چون هر کدام از آنها علامت و فونت خاص خود را دارند. تا بحال با يک نامه فارسي درايميل خود برخورد کرده ايد که يکسري حروف عجيب و غريب داشته باشد؟ اگر جوابتان بله است از اين به بعد وارد encoding شويد و آنرا روي  Utf-8 بگذاريد.


ادامه مطلب
نوشته شده توسط رضا گلاب  | لینک ثابت |

Style براي نشانگر موس cursor یکشنبه یازدهم اسفند 1387 12:58

بيشتر مواقع نشانگر موس بصورت يک فلش است که براي تغيير دادن شکل آن در صورت نيازاز خصوصيات زير استفاده کنيد:

cursor: auto  نشانگر بصورت معمول نمايش داده ميشود.

cursor: crosshair بشکل علامت مثبت است.

cursor: default شکل پيش فرض خود را دارد.

cursor: hand مانند لينکها شکل دست بخود ميگيرد.

cursor: e-resize بصورت فلش شرقي غربي است.

cursor: n-resize فلش شمالي جنوبي است.

cursor: ne-resize فلش شمالشرقي به جنوبغربي.

cursor: nw-resize برعکس حالت بالا.

cursor: help يک علامت سوال اضافه ميکند.

cursor: move فلش در چهارجهت .

cursor: text بشکل نشانگر برروي متن است.

cursor: wait شکل ساعت شني براي انتظار را اضافه ميکند.

 

نوشته شده توسط رضا گلاب  | لینک ثابت |

Style براي scrollbar یکشنبه یازدهم اسفند 1387 12:57

اگر شما بخواهيد رنگ scrollbar مرورگر را تغيير دهيد ميتوانيد style  زير را به قسمت head صفحه اضافه کنيد:

البته متناسب با رنگ آميزي صفحه ميتوانيد نام رنگها را تغيير دهيد. در هر عنصر ديگري که از scrollbar استفاده ميشود هم ميتوانيد با اضافه کردن خصوصيت style=” “ به تگ مربوطه، رنگ آنرا کنترل کنيد. بطور مثال براي تغيير رنگ scrollbar در textarea داخل يک فرم ، بصورت زير عمل ميکنيد:



نوشته شده توسط رضا گلاب  | لینک ثابت |

float اين خصوصيت مانند align عمل ميکند و با none, left, right مقداردهي ميشود محل قرار گيري دو عنصر را در کنار هم کنترل ميکند.

clear اين خصوصيت برعکس float است و مشخص ميکند که در کدام طرف يا در هر دو سمت هيچ عنصري نباشد که با none, left, right, both هم مقداردهي ميشود.

Style براي ليستها lists

list-style-type نوع ترتيب قرارگرفتن ليستها را کنترل ميکند که عدد يا علامت ابتداي هر گزينه در ليست بيايد که ميتوانيد از مقادير none, disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha استفاده کنيد.

list-style-image اگر بخواهيد بجاي مقادير بالا از عکس دلخواه خودتان براي علامتهاي ابتداي گزينه ها استفاده کنيد ميتوانيد اين خصوصيت را بکار بريد.

list-style-image: url ( images/bullet.gif )

list-style-position اين خصوصيت گزينه هاي ليست را دندانه دار ميکند و با inside, outside   مقدار دهي ميشود که بصورت پيش فرض براي ليستها outside در نظر گرفته ميشود.

نکته: بهتر است در اين خصوصيات تگ li را به عنوان selector انتخاب کنيد و همچنين اين سه خصوصيت را ميتوانيد بصورت خلاصه و يکجا بکار بريد

li { list-style: circle url(bullet.gif) inside }

  • همانطور که مشاهده ميکنيد ترتيب قرار گرفتن مقادير ابتدا type سپس image و در آخر position است.
    نوشته شده توسط رضا گلاب  | لینک ثابت |

    • Style براي کنترل طول height و عرض width یکشنبه یازدهم اسفند 1387 12:55

    height, width همانطور که ميدانيد اين دو خصوصيت براي کنترل ابعاد يک عنصر مانند جدول و يا يک عکس بکار ميروند که با عدد بر حسب پيکسل و با علامت مشخصه px و يا با درصد مقدار دهي ميشوند در ضمن شما ميتوانيد مقدار auto هم قرار دهيد که آن عنصردر اندازه حقيقي  خود ظاهر شود.  

    نوشته شده توسط رضا گلاب  | لینک ثابت |

    style براي حاشيه margin یکشنبه یازدهم اسفند 1387 12:55

    margin براي افزودن حاشيه به کناره هاي عناصر داخل صفحه مانند پاراگرافها، عکسها يا حتي خود صفحه بکار ميرود که توسط اين خصوصيت حاشيه را در چهار طرف با دادن مقادير عددي بر حسب پيکسل  و يا درصد ميتوانيد کنترل کنيد. به اين نکته توجه فرماييد که اگر براي هر طرف مقادير متفاوت ميخواهيد بکاربريد پس بايد چهار مقدار با فاصله از هم بنويسيد مانند: margin:20px 45px 40px 100px که اولين عدد از سمت چپ مربوط به حاشيه بالاي عنصر و بترتيب براي راست، پايين و چپ محاسبه ميشود. و يا ميتوانيد دو عدد بکار بريد که مقدار اول حاشيه بالا و پايين و مقدار دوم حاشيه چپ و راست را کنترل ميکند  و همچنين اگر حاشيه ها بايد بمقدار مساوي باشند فقط يک عدد کافي است.

    padding اين خصوصيت هم مانند margin عمل ميکند.

     

    Style  براي کادر border

    border اين خصوصيت عناصر صفحه را داخل يک کادر قرار ميدهد که در سه قسمت مقدار دهي ميشود، اولين مقدار مدلهاي مختلف کادر را تعيين ميکند که مقادير آن عبارتند از: none, dotted, dashed, solid, double, groove, ridge, inset, outset  دومين مقدار مربوط به تعيين ضخامت کادر است که با thin,medium,thick و يا با عدد بهمراه  px و آخرين مقدار رنگ کادر را کنترل ميکند، مانند:

    style=” border: groove thin green”

    نکته: شما ميتوانيد خصوصيات حاشيه و کادر يک طرف را هم تعيين کنيد. بطور مثال فقط حاشيه يک عنصر از بالا يا رنگ کادر در طرف چپ ، که براي اين موضوع کافيست تا خصوصيت را نوشته و يک خط تيره گذاشته و سپس اسم سمت مورد نظر را وارد کنيد و در آخر هم مقدار دهي آن.

    margin-top: 40px
    padding-left: 100px
    border-bottom: dotted
    نوشته شده توسط رضا گلاب  | لینک ثابت |

    Style براي زمينه صفحه و يا جدولها یکشنبه یازدهم اسفند 1387 12:54
    • background-color توسط اين خصوصيت رنگ زمينه را کنترل ميکنيد که اسم رنگ يا مقدار مخلوط سه رنگ قرمز، سبزوآبي را که rgb مينامند مينويسيد براي هر رنگ از عدد 0  تا عدد 255 در نظر گرفته شده است. Style=”background-color: rgb(10,255,0)”  داخل پرانتز عدد 10 نمايانگر رنگ قرمز و 255 رنگ سبز و 0 رنگ آبي است که شما هم بايد به همين ترتيب بنويسيد.
    • background-image توسط اين خصوصيت ميتوانيد يک عکس به زمينه صفحه يا جدول اضافه کنيد.

    background-image: { url ( www.sitename.com/images/image.gif ) }

    • background-repeat زمانيکه بوسيله خصوصيت بالا يک عکس به زمينه صفحه يا يک جدول  اضافه ميکنيد، آن عکس نسبت به اندازه اي که دارد آنقدر تکرار ميشود تا زمينه صفحه را پر کند اما توسط اين خصوصيت ميتوانيد تکرار آن را کنترل کنيد که اگر مقدار را repeat-x  قرار دهيد فقط يک رديف بصورت افقي تکرار ميشود و اگر repeat-y باشد بصورت عمودي و no-repeat باشد همان عکس فقط ديده ميشود بدون تکرار.
    • background-attachment اگر مقدار اين خصوصيت را fixed قرار دهيد عکسي که در زمينه صفحه است ثابت ميماند و عناصر و محتواي صفحه با scroll کردن بالا و پايين خواهند شد ولي اگر مقدار را scroll بگذاريم همراه با بقيه عناصر حرکت ميکند.
    • background-position به کمک اين خصوصيت محل قرارگيري عکس در زمينه صفحه را تعيين ميکنيد که مقادير آن عبارتند از، top,bottom,center,left,right

    نکته: شما ميتوانيد همه خصوصيات مربوط به زمينه background يا چند تا از آنها را بطور يکجا تعريف کنيد که با اين موضوع آشنا هستيد. و اما ترتيب قرار گرفتن آنها بدين صورت است،

    background-color,background-image,background-repeat,

    background-attachment,background-position

    به مثال زير دقت بفرماييد:

      background: { green url(image.gif) no-repeat fixed bottom }  

      style=” background: green url(image.gif) no-repeat scroll bottom right “

     

    نوشته شده توسط رضا گلاب  | لینک ثابت |

    Style براي عنصر متن

    • text-align  محل قرارگيري متن در يک سطر را کنترل ميکند و با justify, left, center, right مقداردهي ميشود.
    • text-indent براي دندانه دار کردن متن بکار ميرود و با عدد مقدار دهي ميشود که اگر در مقياس پيکسل باشد بعد از عدد بايد px نوشته شود مانند: text-indent:20px و اگر با درصد مقداردهي شود بايد علامت % را بگذاريد.
    • letter-spacing اندازه بين حروف را کنترل ميکند که براي حروف فارسي مناسب نيست و با عدد مقداردهي ميشود که بعد از عدد px يا em نوشته ميشود که در em بين حروف فاصله اي به اندازه حرف m توليد ميشود.
    • line-height براي کنترل فاصله خطوط از هم بکار ميرود و با عدد سپس px مقداردهي ميشود.
    • font-family براي تعيين نوع فونت بکار ميرود که در اين خصوصيت ميتوانيد چندين فونت را قرار دهيد که اگر سيستم بيننده سايت يک از آن فونتها را نداشت از ديگري استفاده کند، بدين صورت:font-family:Arial, Tahoma, Times New Roman
    • font-style آرايش فونت را از لحاظ اريب بودن تعيين ميکند که ميتوانيد از normal, italic, oblique استفاده کنيد.
    • font-weight آرايش حروف را از لحاظ ضخامت تعيين ميکند که به دو روش مقدار ميدهيد ، با کلمات  lighter, normal, bold, bolder و يا با اعداد بين 100 تا 900 .
    • font-size اندازه حروف را به سه مدل کنترل ميکند : در مدل absolute sizes از کلمات  xxsmall, small, medium, large, xlarge, xxlarge  در مدل relative sizes از smaller, larger استفاده ميکنيم و در مدل font-point-size اعداد 1 تا 12  قرار ميدهيم که بعد از عدد pt بايد بنويسيم .

    نکته: شما ميتوانيد چند خصوصيت بالا را که مربوط به font ميباشد را يکجا بصورت خلاصه تعريف کنيد که در اين حالت نيازي به نوشتن خصوصيات نيست و فقط مقادير آنها را به ترتيب زير مينويسم:

    font-style,font-weight,font-size,font-family

    کلمه font را به عنوان selector مينويسيم و مقاديرخصوصيات را به ترتيب بالا با رعايت فاصله دربين { } قرار ميدهيم،

    font { italic bold 20pt “Arial” Tahoma }

    • Color رنگ متن را تعيين ميکند که هم اسم رنگ و يا کد هگز رنگ را مينويسيد.
    • text-decoration اين خصوصيت وظيفه کشيدن خط براي حروف را دارد که ميتوان از underline براي کشيدن خط زير حروف، از overline در بالاي حروف، line-through بر روي حروف استفاده کرد و اگر نيازي به کشيدن خط نيست از none استفاده ميشود، همچنين blink که براي چشمک زدن حروف بکار ميرود ولي مرورگر اينترنت اکسپلورر آنرا نمايش نميدهد.
    • text-transform اين خصوصيت حروف را براي بعضي از زبانها مانند انگليسي کوچک و بزرگ ميکند و کاربردي براي فارسي ندارد. مقادير مربوط به آن none, capitalize, uppercase, lowercase است
    نوشته شده توسط رضا گلاب  | لینک ثابت |

    فراخوانی فایل css در تگ <link> یکشنبه یازدهم اسفند 1387 12:51

    ارزش واقعی style sheet زمانی به چشم میاید که یکبار آنرا تعریف کنید و در تمام صفحات از آن بهره ببرید. برای این منظور شما فقط از طریق روش اول میتوانید اینکار را انجام دهید، بدین ترتیب که style ها را در برنامه ویرایشگر متن مانند notepad مینویسید و سپس آن فایل را با پسوند .css ذخیره کرده و در دایرکتوری اصلی  وب سایتتان قرار میدهید. css مخفف Cascading Style Sheet است.

     

    نکته: دراین روش نیازی به نوشتن تگهای  نیست و فقط selector ها و خصوصیات را مینویسید. در صورت رعایت نکردن این موضوع الگوهای تعریف شده در آن فایل در صفحات اعمال نخواهند شد.

     

    پس از ذخیره فایل style sheet  میتوانید برای هر صفحه که میخواهید آنرا فراخوانی کنید، برای انجام این عمل باید تگ را در قسمت head قرار دهید و سه خصوصیت مربوط به آنرا وارد کنید. خصوصیت rel=” “ است که برابر با کلمه stylesheet قرار میدهید و سپس type=” " وبا text/css مقداردهی میشود و در آخر با خصوصیت href=” “ فایل را آدرس دهی میکنید،

    آدرس فایل “>

    این تگ نیازی به پایان دهنده ندارد

    نوشته شده توسط رضا گلاب  | لینک ثابت |

    تعریف الگو از طریق class یکشنبه یازدهم اسفند 1387 12:50

    گاهی اوقات یک style به روشهای اول یا دوم تعریف میشود، اما شما نمیخواهید که آن الگو در همه جا اعمال شود، پس میایید یک اسم واحد برایselector  انتخاب میکنید ، بدین ترتیب که بلافاصله بعد از selector یک نقطه میگذارید و اسمی را مینویسید. پس از این کار در هر تگی که نیاز به آن الگو هست خصوصیت class=” “ را مینویسیم و برابر با آن اسم قرار میدهیم،





    ……..


    نوشته شده توسط رضا گلاب  | لینک ثابت |

    تعیین الگو و style یکشنبه یازدهم اسفند 1387 12:45

    هر style باید برای یک تگ خاص تعریف شود . به محتوای داخل تگی که میخواهیم یک style نسبت دهیم selector یا انتخاب کننده میگویند که الگوی تعریف شده در تگ آغاز کننده یک عنصر تا تگ پایان دهنده آن تاثیر خواهد داشت.

    برای تعیین و تعریف یک الگو ابتدا باید selector را مشخص و بنویسیم مانند h1 سپس خصوصیات و مقادیر آنها را بین دو علامت { } بگذاریم که طرز نوشتن خصوصیت و مقدار آن بین { } به این ترتیب میباشد:

    ابتدا خصوصیت را نوشته سپس علامت :   میگذاریم  و بعد مقدار مشخصه آنرا مینویسیم ،

    h1 { color:green }

    اگر بخواهیم چند خصوصیت را به یک selector  نسبت دهیم ، بعد از هر کدام یک ;   میگذاریم،

    h1 { color:green; text-align:center }

    نوشته شده توسط رضا گلاب  | لینک ثابت |

    Cascading Style Sheet یکشنبه یازدهم اسفند 1387 12:45

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

     

    با استایل شیت چه کارهایی میتوانید انجام دهید؟

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

    http://www.rahgostar-co.com/ دوشنبه بیست و یکم بهمن 1387 13:18
    سلام

    سایت کانون تبلیغاتی راه گستر در حال ساخت می باشد.

    http://www.rahgostar-co.com/

    نوشته شده توسط رضا گلاب  | لینک ثابت |

    تالار گفتمان رضا گلاب یکشنبه بیست و چهارم آذر 1387 13:22
    http://webdesign.parsboard.com/

    با عضویت در این تالار به با دوستان خود در ارتباط باشید

    نوشته شده توسط رضا گلاب  | لینک ثابت |

    عناصر تشکيل دهنده HTML دوشنبه بیست و هفتم آبان 1387 14:31

    گوناگوني است که بر روي هم تشکيل يک صفحه از ( elements ) زبان وب ميباشد که داراي عناصر HTML

    سايت را ميدهند. اين عناصر عبارتند از:

    متنها و ليست ها : نوشته هاي داخل يک صفحه را در برميگيرد. ( texts & lists )

    عکسها : عکس هاي داخل يک صفحه که زيبايي خاصي به وب سايتها مي بخشند. ( images )

    جدولها : جدولها بهترين عنصر براي سازمان دهي و مرتب کردن اطلاعات ما هستند که نقش ( tables )

    اساسي در طراحي يک سابت دارند.

    فرمها : عناصري که بيننده سايت به کمک آنها مي تواند اطلاعاتي را وارد کرده تا ذخيره شده ( forms )

    يا فرستاده شود.

    نقطه پيوند : البته اين معني اصلي لغت نمي باشد و اين عناصر، نقطه پيوند و ارتباط ( hyperlinks )

    بين دو صفحه از يک سايت يا دو وب سايت متفاوت مي باشد. مانند :

    www.yahoo.com

    چارچوبها : فريمها يا چارچوبها تنها عناصري هستند که با استفاده از آنها ما مي توانيم چند (f rames )

    صفحه اينترنتي را در يک صفحه جاي دهيم.

    چند رسانه اي : شايد بشه آنرا صوت و تصوير هم گفت ، اگرچه از ابتدا صوت و ( multimedia )

    نبوده اما در حال حاضر بيشتر مرورگر هاي وب از اين عنصر پشتيباني مي کنند و شما HTML تصوير با

    ميتوانيد در وب سايتتان فيلم وموزيک پخش کنيد.

    جاوا اسکريپت : يک نوع زبان نوشتاري يا بهتر بگويم يک نوع کد است که ارتباط ( javascript )

    بکار برد تا بتوانيد يک وب سايت حرفه اي html دارد و البته آنها را بايد داخل کدهاي HTML نزديکي با

    با جذابيت بالا طراحي کنيد.

    جاوا اپلت : اپلتها برنامه هايي هستند که توسط زبان جاوا نوشته مي شوند و مي توان (J avaApplets )

    آنها را در يک صفحه جاسازي کرد براي کارآيي بالاي وب سايت مانند عمليات پيچيده رياضيات يا ساختن

    بازيها. زبان برنامه نويسي جاوا خود يک زبان مجزا و داراي محبوبيت خاصي دردنيا مي باشد که با جاوا

    اسکريپت فرق دارد.

    استايل شيت : اين عناصر قابليت انتقال اطلاعات به عنوان يک الگوي مشترک در بين ( style sheets )

    صفحات را دارد. به طور مثال شما يک الگو براي رنگ متن مي سازيد و سپس آنرا بين صفحاتي که مي

    خواهيد به اشتراک مي گذاريد.

    مي باشد که وظيفه آن روح بخشيدن به صفحات و بالا Dynamic Html مخفف دو کلمه : ( DHTML )

    يک وب سايت Dhtml و javascript بردن جذابيت وب سايت مي باشد، شما مي توانيد با هماهنگي کدهاي

    پويا و زنده طراحي کنيد.

    نوشته شده توسط رضا گلاب  | لینک ثابت |

    HTML چيست؟ دوشنبه بیست و هفتم آبان 1387 14:29

    زمانيکه شما داخل صفحات يک وب سايت مي گرديد اجزاي گوناگوني را مي بينيد که تمام آنها در يک چيز

    HyperText Markup مشترک هستند و آن زبان يا کدي است که آنها را توليد مي کند که اين زبان

    مي باشد.حالا اجازه دهيد تا کلمه به کلمه برايتان توضيح بدهم، البته انتظار يک HTML يا همان Language

    معني دقيق و سليس را نداشته باشيد ولي درحدي که براي من قابل فهم بود براي شما خواهم گفت.

    است ، اگر شما با زبانهاي برنامه نويسي کامپيوتر آشنايي داشته ( Linear ) متضاد نوشته هاي خطي : Hyper

    باشيد مانند ويژوال بيسيک ميبينيد که بايد کدها را خط به خط بنويسيد و تا يک خط اجرا نشود بعدي خوانده نمي

    اينطوري نيست و الگوي خطي ندارد شما HTML شود يعني آنها را بايد به ترتيب بنويسيد تا برنامه اجرا شود ولي

    هر کدي را مي توانيد هر جا که بخواهيد بنويسيد.

    به همان متني مي گويند که مي نويسيد تا در مرورگر نشان داده شود. : Text

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

    داده مي شود.

    بخوره ديگه (-: L بالاخره اين هم يک نوع زبان و بايد يک چيزي پيدا کرد تا به حرف :Language

    نوشته شده توسط رضا گلاب  | لینک ثابت |

    World Wide Web دوشنبه بیست و هفتم آبان 1387 14:28

    همانطور که ميدانيد براي دسترسي به اين صفحات نياز به چند چيز داريد:

    مخفف ISP. مي گويند ISP ابتدا شما بايد مشترک يکي از شرکتهاي سرويس دهنده اينترنت شويد که به اين شرکتها

    است. سپس شما براي مشاهده صفحات نياز به يک برنامه به اسم مرورگر وب Internet Service Providers

    Internet explorer, Netscape Navigator, Opera, Mozilla : داريد مانند Web browser

    تا کدهاي متني اين صفحات را ترجمه کرده و به صورت يک سري اطلاعات قابل فهم براي ما نمايش دهند.

    است که شما مي توانيد آدرس هاي اينترنتي را وارد کرده و پس از (Address bar) داخل اين مرورگرها کادري

    برروي کيبورد منتظر نمايش يک وب سايت باشيد. اگر دقت کرده باشيد پس از اين عمل Enter فشار دادن دکمه

    ميباشد، HyperText Transport Protocol درجلوي آدرس وارد شده اضافه مي گردد که مخفف http کلمه

    اين کلمه به مرورگرميفهماند، اين آدرس از چه پيوند و تکنولوژي مي خواهد براي نمايش صفحه استفاده کند، چون

    . File Transfer Protocol که مخفف FTP : پروتکلهاي مختلفي هست مانند

    Universal Resource Locator مي باشد که اين اصطلاح مخفف سه کلمه URL نام فني آدرسهاي اينترنتي

    است.

    نوشته شده توسط رضا گلاب  | لینک ثابت |

    مروری بر وب دوشنبه بیست و هفتم آبان 1387 14:28

    WWW

    امروزه شما به هر طرفي که نگاه مي کنيد آدرس هاي اينترنتي را مشاهده مي کنيد که اين آدرس ها شما را به

    آغاز www صفحاتي در اينترنت هدايت مي کنند تا اطلاعاتي را در اختيار شما قرار دهند.بيشتر اين آدرس ها با

    مي باشد. وب قسمتي از دنياي اينترنت مي باشد که شامل متن، World Wide Web شده که مخفف سه کلمه

    عکس و تصوير يا حتي صدا مي باشد که بعضي از اين صفحات به هم مرتبط بوده و شما را به صفحه ديگر حرکت

    مي دهند.

    نوشته شده توسط رضا گلاب  | لینک ثابت |

    به چه چيزهايي نياز داريد HTML براي يادگيري دوشنبه بیست و هفتم آبان 1387 14:27

    براي ديدن صفحاتي که طراحي مي کنيد نياز به يک مرورگر وب

    داريد اگر شما اين صفحه را web browser

    در حال حاضر به برنامه ساده html مي بينيد پس يکي از اين مرورگرها را داريد. اما براي نوشتن کدهاي

    هدف و درک طراحی وب

    2 of 2 2007/08/25 ب.ظ 06:33

    که درکليه سيستمهاي عامل ويندوز وجود دارد نياز داريد، برنامه هاي پيشرفته ديگري هم هست که notepad

    ولي براي شروع Microsoft frontpage , Macromedia Dreamweaver : محيط گرافيکي دارند مانند

    استفاده کنيد. پس مهمترين چيزي که نياز داريد کمي وقت و علاقه هست. Notepad بهتر است که از همان

    نوشته شده توسط رضا گلاب  | لینک ثابت |

    اهميت طراحي وب سايت دوشنبه بیست و هفتم آبان 1387 14:26

    يک وب سايت موفق در مرحله طراحي جان مي گيرد چون چند چيز مهم در اين قسمت مشخص ميشود مانند، قالب

    بندي، رنگ، محتوي ومديريت اطلاعات سايت. اگر ما درست کردن وب سايت را به ساختن يک خانه تشبيه کنيم،

    ميبينيد که انسان منطقي خانه را بدون نقشه و طرح نمي سازد، پس بياييد به اين قسمت اهميت بيشتري بدهيم تا در

    پايان کار احساس رضايت بکنيم. در ساخت يک خانه نکات مهم ديگري هم هست، ظاهر و نماي آن، مواد ومصالح

    که قرار است بکار برده شود، در ضمن به راحتي کساني که ميخواهند از آن استفاده کنند هم بايد فکر کرد. پس شما

    هم اين نکات را مد نظر داشته باشيد که ظاهر صفحات چه شکلي داشته باشد از چه رنگهايي استفاده کنيد و چه

    مطالبي را بکار بريد تا مخاطبين را مجذوب کرده وهمچنين بتوانند به کليه قسمتهاي سايت دسترسي داشته باشند در

    هربخشي که هستند. زمان بيشتري را صرف اين قسمت کنيد تا نيازي به تغييرات اساسي در آينده نداشته باشيد.

    نوشته شده توسط رضا گلاب  | لینک ثابت |

    کجا و چگونه سايت را راه اندازي کنيد دوشنبه بیست و هفتم آبان 1387 14:26

    مي گويند، اسم يک وب سايت از سه domain ابتدا بايد يک اسم مناسب براي سايت انتخاب کنيد که به اين اسم

    و Domain ميباشد، اسم منتخب شما يا همان World Wide Web که مخفف www : قسمت تشکيل مي شود

    .com, .net, .org, .info: در آخر پسوندهاي مشخص مانند

    پس از انتخاب اسم که بايد يک هماهنگي با مطالب سايت داشته باشد، نوبت به ثبت آن ميرسد که شما مجبورهستيد

    با يک شرکت خدمات اينترنت قرار داد ببنديد، براي ثبت اسم و اجاره فضا تا اطلاعات شما را در اينترنت به

    FTP معرض نمايش بگذارند. بعد از اينکه تنظيمات اوليه انجام شد، شما مي توانيد با استفاده از سرويسهايي مانند

    ميباشد اطلاعات سايت را حذف ، اضافه يا تغيير دهيد که در مورد اين File Transfer Protocol که مخفف

    سرويس در بخش ديگري توضيح خواهم داد.

    البته سابتهايي هستند که شما ميتوانيد به طور رايگان سايت خود را راه اندازي کنيد اما معايبي هم دارند که يکي از

    آنها پخش تبليغات در صفحات شما ميباشد و ديگر اينکه امکانات محدود آنها است ولي براي شروع کار و آشنايي با

    است که www.geocities.com نصب و راه اندازي يک وب سايت بسيار مناسب ميباشند. يکي از اين سايتها

    اگر ايميل در سايت ياهو داريد، فضاي رايگان در اختيارتان قرار ميدهد.

    نوشته شده توسط رضا گلاب  | لینک ثابت |

    هدف از ساخت وب سايت دوشنبه بیست و هفتم آبان 1387 14:25

    قبل از هر کاري شما بايد هدف مشخصي داشته باشيد تا مصمم تر آن را دنبال کنيد، پس براي ساختن يک وب

    سايت هم هدف از ساخت آنرا مشخص کنيد به طور مثال موضوع آن چيست يا چه طرحي مي خواهيد داشته باشه با

    چه تعداد صفحه.ب د نيست که نوع مخاطبين و بيننده ها را هم مشخص کنيد که چه کساني قرار است از سايت شما

    استفاده کنند. شما مي توانيد در ابتدا از يک سايت شخصي شروع کنيد، فکر کنم با پيشرفت تکنولوژي کامپيوتر و

    اينترنت در آينده نزديک هر کسي مانند شناسنامه بايد يک سايت براي معرفي خود داشته باشه. هميشه سعي کنيد تا

    مطالب را متناسب با مضمون سايت انتخاب کنيد و در هر قسمت يک هدف را دنبال کنيد که بيننده گيج و فراري

    نشود. اگر سايت شما شخصي است و در آن خاطرات ، عکسهاي خود يا دوستانتان را گذاشته ايد پس ديگرنبايد تبليغ

    محصولات توليدی را اضافه کنيد يا بالعکس.

    نوشته شده توسط رضا گلاب  | لینک ثابت |