آموزش HTML (قسمت بیست و دوم)- ایجاد صفحات چندگانه در HTML

در این جلسه در طراحی سایت ایجاد صفحات چندگانه در HTML را باهم خواهیم آموخت:

تگ </frame>:

برای مشخص کردن صفحه ای که در فریم ھا نمایش داده می شود از این تگ استفاده می شود.

این تگ جزء تگ ھای تھی است حتما باید در داخل تگ > <framesetاستفاده شود. دقت کنید تعداد فریم ھای به کار رفته در داخل framesetھا باید با تعداد اندازه ھایی که در صفت colsیا rowsتگ framesetآمده است برابر باشد.

این تگ از صفت ھای زیر پشتیبانی می کند:

name:نامی برای frameمشخص می کند.این نام باید در صفحه یکتا باشد. دقت کنید که این نام میتواند به عنوان پنجره ھدف لینک ھا مورد استفاده قرار گیرد.
longdesc: آدرسی را که توضیح مفصلی در مورد فریم در آن ھست را مشخص می کند.
src:آدرس صفحه ای که باید در فریم نمایش داده شود را مشخص می کند.
noresize:این صفت بولین در صورتی که برای فریمی به کار رود از امکان تغییر اندازه فریم توسط کاربرجلوگیری خواھد کرد.
scrolling:با این صفت می توانیم چگونگی نمایش یا عدم نمایش اسکرول ھای frameھا را ھنگامی که محتویاتش از اندازه frameبیشتر باشد را کنترل کنیم.

این صفت مقادیر زیر را می پذیرد:
auto:در صورت لزوم ابزار scrollرا برای فریم نمایش خواھد داد.
yes:ھمیشه ابزار اسکرول را برای فریم نتمایش خواھد داد(حتی اگر محتویات بیش از اندازه کلی فریم نباشد)
no:ھرگز ابزار اسکرول را برای فریم نمایش نخواھد داد (حتی اگر محتویات بیش از اندازه کلیفریم باشد)
frameborder:نمایش یا عدم نمایش borderھمان فریم را کنترل می کند. ھمان مقادیری را frameset می گیرد. برای تگframeborder که صفت می گیرد
marginwidth:فاصله ی محتویات داخل فریم را از دیواره ھای چپ و راست (در عرض فریم) را کنترل می کند.
این صفت عددی بر حسب pxیا درصد را می پذیرد.
marginheight:فاصله ی محتویات داخل فریم را از دیواره ھای بالا و پایین (در ارتفاع فریم) را کنترل میکند. این صفت عددی بر حسب pxxیا درصد را می پذیرد.

تگ <noframes>:

بعضی مرورگرھا کلا از framesetھا )صفحات چندگانه( پشتیبانی نمی کنند در نتیجه تگ ھای framesetو frameرا نمی شناسند و احتمالا خود آن ھا را در صفحه عینا نمایش خواھند داد. برای جلوگیری از این کار باید از تگی به نام<noframe> در داخل تگ  <frameset> برای نمایش یک کد جایگزین در اینگونه مرورگرھا استفاده کنیم. این تگ صفت خاصی ندارد و تنھا وظیقه آن نمایش کدھایی است که در داخلش قرار می گیرد.

تگ <iframe>:

تگ  ifame(مخفف inline frame)معمولا برای قرار دادن یک صفحه در داخل صفحه ای معمولی و در کنار سایر عناصر مانند متن ھا، عکس ھا، لینک ھا و … استفاده می شود. این تگ از تمام صفات تگ <frame>که قبلا به آن اشاره شده است پشتیبانی می کند. به غیر از .noriesizeاما از صفت ھای خاصی به نام widthو heightکه برای تعیین عرض و ارتفاع محدوده frameاستفاده می شود، پشتیبانی می کند.
بسیار خب، تا اینجا طریقه ایجاد یک فریم، ھم به صورت مجزا و ھم به صورت کلی رو یاد گرفتیم.

طراحی سایت اسپیناس همیشه سعی در استفاده از به روز ترین تکتینک ها و ابزارها در  طراحی سایت دارد  در اسپیناس از تکنولوژی ها روز دنیا مانند CSS3 , HTML5 , Jquery , JAVASCRIPT   درطراحی وب سایت استفاده می شود و همچنین زبانهایی مانند PHP , ASP  در شرکت اسپیناس مشتری مداری حرف اول را می زند

طراحی سایت موفق برای فروشگاه اینترنتی

طراحی سایت موفق برای فروشگاه اینترنتی
در حال حاضر طراحی یک فروشگاه امکانات پرداخت آنلاین یا پرداخت در محل و یا از طریق درگاه بانکی بسیار آسان شده است اما هنوز هم مشکلاتی وجود دارد و مهمترین آنها جذب کاربران هدف و بازدید کننده است معمولا صاحبان مشاغل دوست دارند در کنار کسب و کار خودشان از طریق وب سایت نیز مشتریانی داشته باشند
اما صرفاً با راه‌اندازی فروشگاه شما قادر به فروش نخواهید بود پس راه اندازی وب سایت فروشگاهی زیاد است اما کارا بودن آنها زیر سوال است در طراحی سایت اسپیناس ما به شما کمک میکنیم بعد از راه  اندازی وب سایت بازدید کنندگان خود را به کاربران هدفف  تبدیل کنید
این که مشتریان بتوانند در سایت برای محصولات نظر قرار دهند می توانند یک عامل موفقیت از جهت اعتماد دیگر کاربران باشد صرفاً با توضیح محصول هرچند که خیلی هم خوب باشند کاربر آن لحظه را خریداری می‌کنند اما با قسمت نقل محصولات کاربران طریقی به ترغیب به خرید محصولات بیشتر می شوند
یکی از رازهای موفقیت در طراحی سایت فروشگاهی استفاده از تصاویر با کیفیت محصولات می باشد کاربران تا امروز می توانند با گوشی های هوشمند خود تصاویر با کیفیت تهیه نمایند تصاویر در نور کافی از زوایای مختلف و دارای وضوح بالا باشند برنامه محبوب من Camera+
سیستم پرداخت سریع و راحت
مردم دوست دارند بعد از انتخاب محصول خیلی راحت آن را آنلاین سفارش می دهند در صورت کند بودن وب سایت و یا داشتن ثبت نام های پیچیده به راحتی تعداد مشتریان از دست میرود سعی کنید همیشه چندین روش برای پرداخت داشته باشید ثبت نام اجباری ممنون!
توصیف ساده و دقیق محصولات
سعی در توضیح محصولات خود در وب سایت برای عموم مردم به راحتی قابل فهم باشد چون باعث افزایش نرخ تبدیل مشتری می شود و تا آنجایی که ممکن است نیاز به تماس با کارشناسان فروش نباشد

طراحی سایت موفق برای فروشگاه اینترنتی

طراحی سایت موفق برای فروشگاه اینترنتی
در حال حاضر طراحی یک فروشگاه امکانات پرداخت آنلاین یا پرداخت در محل و یا از طریق درگاه بانکی بسیار آسان شده است اما هنوز هم مشکلاتی وجود دارد و مهمترین آنها جذب کاربران هدف و بازدید کننده است معمولا صاحبان مشاغل دوست دارند در کنار کسب و کار خودشان از طریق وب سایت نیز مشتریانی داشته باشند
اما صرفاً با راه‌اندازی فروشگاه شما قادر به فروش نخواهید بود پس راه اندازی وب سایت فروشگاهی زیاد است اما کارا بودن آنها زیر سوال است در طراحی سایت اسپیناس ما به شما کمک میکنیم بعد از راه  اندازی وب سایت بازدید کنندگان خود را به کاربران هدفف  تبدیل کنید
این که مشتریان بتوانند در سایت برای محصولات نظر قرار دهند می توانند یک عامل موفقیت از جهت اعتماد دیگر کاربران باشد صرفاً با توضیح محصول هرچند که خیلی هم خوب باشند کاربر آن لحظه را خریداری می‌کنند اما با قسمت نقل محصولات کاربران طریقی به ترغیب به خرید محصولات بیشتر می شوند
یکی از رازهای موفقیت در طراحی سایت فروشگاهی استفاده از تصاویر با کیفیت محصولات می باشد کاربران تا امروز می توانند با گوشی های هوشمند خود تصاویر با کیفیت تهیه نمایند تصاویر در نور کافی از زوایای مختلف و دارای وضوح بالا باشند برنامه محبوب من Camera+
سیستم پرداخت سریع و راحت
مردم دوست دارند بعد از انتخاب محصول خیلی راحت آن را آنلاین سفارش می دهند در صورت کند بودن وب سایت و یا داشتن ثبت نام های پیچیده به راحتی تعداد مشتریان از دست میرود سعی کنید همیشه چندین روش برای پرداخت داشته باشید ثبت نام اجباری ممنون!
توصیف ساده و دقیق محصولات
سعی در توضیح محصولات خود در وب سایت برای عموم مردم به راحتی قابل فهم باشد چون باعث افزایش نرخ تبدیل مشتری می شود و تا آنجایی که ممکن است نیاز به تماس با کارشناسان فروش نباشد

در این جلسه طراحی سایت شما را با تعیین موقعیت عناصر آشنا می کنیم:

در این جلسه  طراحی سایت شما را با تعیین موقعیت عناصر آشنا می کنیم:

موقعیت عناصر در صفحه

Positioning به شما این امکان را می دھد که موقعیت ھر عنصر را به دقت در یک سند مشخص کنید. می توان مشخص
کرد که موقعیت یک عنصر به عنصر پدر خود وابسته باشد یا به پنجره ی مرورگر. با استفاده از positioning می توان یک
عنصر را بر روی عنصر دیگر لایه بندی کرد. Positioning شامل خاصیت position و چھار مقدار top, bottom , right , left
می باشد که مختصات دقیق محل قرار گیری عنصر را میتوان با استفاده از آن ھا تعیین کرد.

خصوصیت position

این خاصیت به تنھایی کار خاصی را بر روی عنصر انجام نمی دھد. و ھمیشه به ھمراه خاصیت ھای left , right , left یا
top می آید،( و بلعکس) اما قبل از مقدار دھی به این خاصیت ھا در اول حتما باید به خصوصیت position یکی از چھار
مقدار زیر را داد:
Static : مقدار پیشفرض، و ھمان حالت عادی قرار گرفتن عناصر طبق ترتیبی که در سند HTML است می
باشد.
Relative : اجازه می دھد که یک سند در یک محل خاص از سند قرار گیرد، و وابسته به عنصر پدر می باشد.
Absolute : اجازه می دھد که یک سند در یک محل خاص از سند قرار گیرد، و وابسته به پنجره مرورگر می
باشد.
Fixed : عناصر fixed ھمواره در محل خود باقی می مانند حتی اگر سند scroll شود.
حال به تشریح ھر یک مقادیر فوق به ھمراه مثال می پردازیم:

مقدار Static

مقدار static ھمانطور که گفتیم تاثیری بر روی عنصر ندارد و ھمان حالت default عناصر می باشد، بجز در عناصر لیست
ھا (li, ol, ul ) . مقدار پیشفرض برای عناصر لیست ھا none است، اما اگر برای عناصر لیستھا از مقدار static استفاده
کنیم حالت تو در توی آن ھا از بین خواھد رفت.
نکته : این حالت قبلا به وجود می آمد اما پس از آمدن css3 مقدار none برای خصوصیت position برداشته شد و دیگر
ھمچین حالتی در مرورگر ھای جدید برای لیست ھا به وجود نمی آید و لیست ھا نیز مقدار پیشفرض static را دارند.
Offset Property
عناصری که مقدار absolute , relative و یا fixed را دارند را می توان با استفاده از property offset ھا، ( ھمان top ,left
right, bottom , ) تعیین موقعیت کرد.

مقدار Relative

این مقدار موقعیت یک عنصر نسبت به عنصر پدر را در صفحه تعیین می کند و نقطه ارجاع (نقطه شروع حرکت عنصر) از
مختصاتی که عنصر پدر دارد شروع خواھد شد. یا به عبارتی دیگر عنصر از محلی که در آن قرار دارد شروع به مختصات
گیری می کند. به مثال زیر دقت کنید تا با این حالت بیشتر آشنا شوید:
مثال برای مقدار relative :
کد html :

<div class="father">
 <div class="children"> </div>
 </div>
 و کد css :
 * {
 margin: 0;
 padding: 0;
 }b
 ody {
 width: 500px;
 margin: 10px auto;
 }d
 iv. father {
 width: 400px;
 height: 300px;
 margin: 0 auto;
 border: 4px solid green;
 }d
 iv. children {
 width: 150px;
 height: 150px;
 background: #09f;
 border: 3px solid red;
 }

حال style عنصر children.div را به مقدار زیر تغییر می دھیم

div. children {
 width: 150px;
 height: 150px;
 background: #09f;
 border: 3px solid red;
 position: relative;
 top: 10px;
 right: 20px;
 }

می بییند که box ما از محلی که در آن قرار گرفته بود شروع به حرکت کردن کرده ، یعنی ۱۰px از سمت بالا فاصله
گرفت و ۲۰px از سمت راست فاصله گرفت.
نکته : استفاده از مقادیر منفی برای خصوصیات bottom , right , top , right مجاز می باشد

میزبان های وب در طراحی سایت

میزبان های وب در طراحی سایت
امروز در طراحی سایت اسپیناس می خواهیم در موردمیزبانی وب یا Web hosting service به معنای فراهم سازی فضایی است که کاربر در آن فضا بتواند فایل های وب سایت خود را در آن قرار دهد. طراحی سایت مجموعه ای از فایل های تصاویر، متن و فایل  های دیگر برنامه نویسی است که این فایل ها باهم در ارتباط هستند. هر کاربر که نرم افزارهای مربوط به این فایل ها را داشته باشد می تواند از سایت بازدید کند. برای اینکه همه افراد به این فایل ها دسترسی داشته باشند نیاز است که این فایل ها به یک سرور SERVER  WEB متصل باشد.
قابلیت های مهم سرور در طراحی وب سایت

• برای اینکه حجم زیادی از وب سایت شما بازدید می کنند. نیاز به سرور قدرتمندی است تا بتوانند حجم زیادی از بازدید کننده را پشتیبانی کنند.
• توانایی اجرای بسیاری از فایل های برنامه نویسی را داشته باشد.
• توانایی مدیریت بخش های مختلفی از وب سایت را داشته باشد.

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

1. هاست ویندوز
2. هاست لینوکس

هاست ویندوزهاست ویندوز مربوط به سروری است که سیستم عامل آن ویندوز می باشد. این سرور از زبان های برنامه نویسی  ASP و ASP.NET پشیبانی می کند و همچنین دیتا بیس این سرور  MSSQL است . این سرورهای ویندوزی به دلیل خرید لایسنس ویندوز از Microsoft  هزینه بالاتری را نسبت به سرورهای لینوکس دارند.
هاست لینوکسهاست لینوکس مربوط به سروراست که سیستم عامل آن لینوکس می باشد. سرورهای لینوکس نسبت به سرورهای ویندوز محبوبیت بیشتری دارد. چون کدهای این سرور باز و رایگان است. این سرور از زبان های PHP پشتیبانی می کند و دیتا بیس این سرور MYSQL  است.
در شرکت های ارائه دهنده این سرویس، یک سرور تهیه می نمایند که از طریق کنترل پنل فضا و امکانات این سرور را بین کاربران خود برای طراحی سایت تقسیم می کند.