• تاریخ ارسال : چهارشنبه 20 شهریور 1398
• بازدید : 156

روش 1

در ویندوز :

در صورت نیاز، XPS Viewer را به کامپیوتر خود اضافه کنید. XPS Viewer به طور پیش فرض روی رایانه های ویندوز 10 نصب شده است، اما اگر در گذشته پاک کرده اید، باید آن را دوباره نصب کنید:

استارت را باز کنید، سپس روی تنظیمات (چرخ دنده) کلیک کنید.

روی Apps کلیک کنید، سپس روی لینک Manage optional features کلیک کنید.

روی Add a feature در بالای صفحه کلیک کنید.

XPS Viewer را پیدا کرده و روی آن کلیک کنید، سپس روی Install کلیک کنید .

هنگامی که XPS Viewer نصب می شود، کامپیوتر خود را مجددا راه اندازی کنید.

سند XPS را پیدا کنید به محل سند XPS که می خواهید باز شود بروید.

روی سند XPS دوبار کلیک کنید. انجام این کار مستلزم سند XPS برای باز کردن در برنامه XPS Viewer کامپیوتر شما است.

صبر کنید تا سند باز شود این ممکن است بسته به اندازه سند چند ثانیه طول بکشد. پس از تکمیل سند در بارگیری، باید آن را در پنجره بازبینی XPS مشاهده کنید.

باز کردن XPS Viewer : اگر می خواهید برنامه ای را که برای مشاهده اسناد XPS استفاده می کنید باز کنید، موارد زیر را انجام دهید:

 Start را باز کنید.

تایپ کنید xps viewer.

در لیست نتایج جستجوی روی XPS Viewer کلیک کنید.

روی File کلیک کنید. این در پنجره XPS viewer در بالای صفحه است. این منوی کشویی را باز می کند.

روی Open بزنید این اولین گزینه در بالای منوی کشویی است. این پنجره ی جدید فایل را باز می کند تا شما بتوانید فایل XPS را که می خواهید باز کنید را انتخاب کنید.

فایل XPS خود را انتخاب کرده و روی Open کلیک کنید. محل فایل XPS viewer خود را در سمت چپ پنجره اکسپلورر فایل (مانند * اسناد یا * دانلود *) انتخاب کنید و سپس روی پرونده XPS کلیک کنید تا انتخاب شود. سپس بر روی دکمه Open در گوشه پایین سمت راست پنجره اکسپلورر فایل کلیک کنید. این فایل XPS شما را در  XPS viewer باز می کند.

روش 2

در مک :

وب سایت xpstopdf را باز کنید. به https://xpstopdf.com/ در مرورگر وب رایانه خود بروید . در حالی که شما نمیتوانید فایلهای XPS را روی یک مک بدون استفاده از نرم افزار باز کنید، می توانید فایل های XPS را به فایل های PDF تبدیل کنید که می تواند با مرورگر پیش فرض PDF مک شما را باز کند.

فایل های XPS اساسا از نظر فایل های PDF متفاوت نیستند.

روی UPLOAD FILES کلیک کنید. این یک دکمه در وسط صفحه است. یک پنجره Finder باز خواهد شد.

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

روی Choose کلیک کنید. دکمه آبی در گوشه پایین سمت راست پنجره است. انجام این کار فایل XPS را به وب سایت xpstopdf  آپلود می کند.

شما ممکن است به جای  Open  اینجا کلیک کنید.

روی DOWNLOAD کلیک کنید. پس از پایان تبدیل، این دکمه زرد در وسط صفحه زیر نام سند XPS شما ظاهر می شود. با کلیک بر روی converted PDF را دانلود می کند.

ممکن است از شما خواسته شود تا دانلود را تایید کرده یا یک مکان ذخیره را قبل از دانلود فایل PDF انتخاب کنید.

روی PDF دانلود شده دوبار کلیک کنید انجام این کار در بازبینی پیش فرض PDF Mac (معمولا برنامه پیش نمایش) مک خود را باز می کند.

• تاریخ ارسال : چهارشنبه 20 شهریور 1398
• بازدید : 192

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

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

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

PDF چیست؟
pdf یک فرمت فایل بسیار متداول به حساب میاد چون اسناد شما را گرفته و ساختار آنها را برای اشتراک گذاری محافظت مینماید. به این ترتیب، دیگر نیازی نیست نگران این مسئله باشید که شخص دیگری بر روی اسناد شما کار کرده و یا آنها را تغییر خواهد داد. چون فرمت بندی سند مورد نظر از قبل تعیین شده و تمام ویژگی های مربوط به اون در آن درج شده است. تا سایرین فقط قادر به مشاهده آن باشند. برای خواندن فایلهای PDF باید یک نرم افزار reader داشته باشید که کمپانی adobe آنرا به رایگان با نام Adobe reader در اختیار شما میگذارد که از آدرس سایت خودش میتونید دریافت کنید.
www.adobe.com

XPS چیست؟
XPS مخفف عبارت XML Paper Specification است. xps هم یک فرمت برای اشتراک گذاری اسناد به حساب میاد که مایکروسافت آن را بدون شک برای رقابت با Adobe معرفی کرده است. با اینکه pdf یک استاندارد رایج شده شاید نخواهید از آن استفاده کنیدو فقط به اون متکی باشید. XPS یک فرمت باز به حساب میاد و ویژگی های آن از این قرار است:

۱- یک سند تبدیل شده به فرمت XPS ، ظاهر خود را حفظ میکنه. هیچیک از عناصر کیفی در آن از بین نخواهد رفت. در نتیجه فونتها ، قالب بندی ، و تصاویر دارای کیفیت بالا در آن دست نخورده باقی میماند. اگر دقت کنید pdf از کیفیت کم میکنه.

۲- شما میتونید اسناد XPS را با هر شخصی دیگری به اشتراک بگذارید چون مبتنی بر یک استاندارد باز است. بارگذاری و استفاده از ابزارهای XPS برای عموم کاربران رایگان است. منظورم به viewer آن و writer آن هست.

۳- XPS از امضاهای دیجیتال پشتیبانی میکند تا به شما امکان دهد که حقوق مربوط به خود را برروی سند اعمال نمائید.

طریقه ساخت XPS بسیار آسان هست. در word 2007 شما میتونید این سند را مثل بقیه فایلها بسازید. و اگر شما کاربر ویندوز ویستا هستید، ویندوز ویستا یک درایور برای write فرمت XPS داره و شما حتی احتیاج به word 2007 هم ندارید و فقط کافی است در نرم افزاری که هستید دکمه print را بزنید و نوع پرینتر خود را Microsoft XPS document writer را انتخاب کنید.

• تاریخ ارسال : چهارشنبه 20 شهریور 1398
• بازدید : 161

اگر از افرادي هستيد كه وب گردي كار اساسي شماست و شب و روز در حال سر زدن به سايت هاي مختلف هستيد توصيه ما اين است كه تمام اين مقاله را حفظ كنيد و ياد بگيريد زيرا بسيار بسيار براي شما كارامد است.

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


ترفند اول:
اگر وارد سايتي شده ايد كه تمايل شديدي به ديدن عكس هاي آن داريد اما نمي توانيد عكس را ببينيد يا به عبارت ديگر عكس مورد نظر به صورت مربعي كه در آن ضربدر قرمزي قرار گرفته مشاهده مي شود.براي اين كار اغلب راست كليك كرده و گزينه show pic را كليك ميكنند كه ۹۰درصد بي فايده است اما راه حل جالب آن:

بر روي آيكون عكس راست كليك كنيد و بعد properties را انتخاب كنيد. در اين كادر محاوره اي مشاهده شده كافي است آدرس جلوي URL را در قسمت adressصفحه جستجو گر هاي خود بنويسيد و دكمه enterرا بفشاريد.

در اين صورت عكس قابل مشاهده است. اما اگر قابل مشاهده نبود ديگر نمي شود كاري كرد چون صد در صد لينك عكس داراي مشكل شده است.

ترفند دوم:
اگر وارد يك سايت شلوغ شديد كه شايد دقايق زيادي طول بكشد تا صفحه اصلي آن load شود و تنها چند مربع و….در اطراف سايت مشاهده ميكنيد و شديدا ميخواهيد مطالب سايت و موضوعات آن را ببينيد و بخوانيد فورا به اطراف سايت نگاه كنيد و به دنبال كلمه Site Mapبگرديد. در صورتي كه اين عبارت را پيدا كرديد با باز كردن آن مي توانيد ليستي از لينك ها و موضوعات سايت را مشاهده كنيد اما اگر همچين دكمه اي نيافتيد…..صبر كنيد تا صفحه كاملا load شود.(به همين سادگي!!)

ترفند سوم:
وقتي مي خواهيد بدانيد آيا كلمه مورد نظر شما در سايت وجود دارد يا نه ؟ و سايت امكان جستجوي كلمه و… را براي كاربران خود تدارك نديده تنها كاري كه مي توانيد كنيد اين است كه:

در مرورگر Internet Explorer خود از نوار منو گزينه view را انتخاب كنيد و سپس find را انتخاب كنيد. در صفحه باز شده عبارت مورد نظر را تايپ و find را كليك كنيد. با انجام اين كار به راحتي كلمه مورد نظر در صفحه هاي لايت شده و براي شما قابل رؤيت مي باشد حال اگه پشت سر هم FIND را بزنيد قطعا در صورت وجود كلمه هاي ديگر در ادامه آن ها هم هاي لايت مي شوند.

ترفند چهارم:
ميخواهيم ببينيم كه آيا كلمه مورد نظر اصلا در كل سايت مورد نظر وجود دارد يا نه؟
براي اين كار از دو جستجوگر GOOGLE و Alta Vista براي ترفند استفاده مي كنيم:

براي google:
مثلا مي خواهيم بدانيم در يك سايت كسي به نام Zahra مطلبي نوشته يا نه؟ يا اصلا اين كلمه در سايت وجود دارد يا نه؟:
در قسمت جستجوگر گوگل نام سايت و نام مورد جستجو را با يك فاصله به صورت زير تايپ كرده:

zahra www.example.com و در نهايت دكمه enter را مي فشاريم حال جستجو گر تمامي صفحاتي از سايت مورد نظر كه در آن اين كلمه وجود دارد را نشان مي دهد.

براي جستجو گر Alta Vista در جعبه جستجو همانند گوگل عمل ي كنيد با اين تفاوت كه به جاي فاصله از علامت + استفاده مي كنيد:

به اين فرم: +

zahra www.example.com

نهايتا دكمه enter را بزنيد و نتايج را مشاهده كنيد.

ترفند پنجم:
گاهي اوقات طراحان سايت ها براي سايت ها انيميشن ها و…را طراحي مي كنند(به اين صفحه intro مي گويند) كه براي ورود به سايت بايد حتما از آن عبور كنيد اگر حوصله نداريد تا انتهاي load شدن اين صفحه منتظر بمانيد فورا در صفحه به دنبال كلمه skipintro بگرديد و در صورت يافتن آن را كليك كنيد تا از اين صفحه به صفحه اول برويد اگر نبود مجبوريد يك بار هم كه شده اين مبارك صفحه را تحمل كنيد و بلافاصله وقتي به صفحه اول سايت برخورديد آدرس آن را ياد داشت كرده و براي بار هاي بعد از طريق تايپ آدرس در قسمت adress سايت بلافاصله بدون تحمل intro وارد صفحه اول شويد.

ترفند ششم:
گاهي به سايت هايي بر مي خوريم كه مقالات آنها در بيش از يك صفحه قرار گرفته (گاهي حتي با وجود اينكه مقالات كمحجم اند و طولاني نيستند به اينچنين مواردي براي مقالات رو برو مي شويم) كه خواندن و پرينت گرفتن آنها مشكل است (طراحان سايت اين كار را فقط براي اين انجام مي دهند كه بتوانند تبليغات سايت را بالاتر ببرند و خواننده مجبور باشد تمام تبليغات را مشاهده كند.)

راه حل اين مشكل:
در صورت وجود چنين مقالاتي ابتدا به ابتدا و انتهاي ليست مقالات برويد و كلمه printer friendly را پيدا كنيد (اين عبارت يا در اول ليست مقالات چنين سايتهايي قرار مي گيرد يا در انتهاي آن) با كليك بر اين دكمه تمام مقاله در يك صفحه ظاهر مي شود و شما به راحتي مي توانيد هم از آن پرينت بگيريد و هم مي توانيد آن را ذخيره كنيد.

ترفند هفتم:
گاهي در ابتداي ورود به سايت ها از شما ايميل ميخواهند براي اينكه در آينده تبليغات خود را به ايميل شما ارسال كنند براي رهايي از چنگال اين تبليغات و دست يافتن به محتواي سايت كافيست كه يك ايميل نامعتبر مثل salam@byebye.com را به جاي آدرس ايميل خود به آنها بدهيد. بسياري از سايت ها قابليت تشخيص آدرس ايميل معتبر از غيرمعتبر را ندارند.

ترفند هشتم:
وقتي رنگ نوشته هاي سايت مطابق ميل شما نيست يا متن سايت خوانا نيست كار هاي زير را انجام دهيد:

به view برويد:

به گزينه Internet Option برويد.

در صفحه اي كه بازمي شود بر روي دكمه color در انتهاي صفحه مراجعه كنيد.

و از كنار عبارت use windows color تيك را برداريد و سپس رنگ نوشته هاي text نوشته ها و پس زمينه background را مطابق ميل خود تغيير دهيد با اين كار رنگ نوشته و پس زمينه مطابق ميل شما تغيير ميكند

نكته: توجه داشته باشيد كه كل رنگ نوشته هاي سايت ها تغيير مي كنند و اگر حالات گفته شده را به حالت اول بازگردانيد مي توانيد رنگ اصلي سايت ها را مشاهده كنيد.

• تاریخ ارسال : چهارشنبه 20 شهریور 1398
• بازدید : 185

مقدمه

طراحی وب یک کار زیبا و هنری است. چنانچه قصد یادگیری طراحی سایت به صورت حرفه ای برای کسب درآمد، یا فقط برای علاقه مندی را دارید این مطلب را تا انتها مطالعه کنید؛ در این مطلب از کاسپریا، ارائه دهنده خدمات طراحی سایت تمام مواردی که برای یادگیری طراحی سایت به صورت حرفه ای لازم است از ابتدا تا انتها توضیح داده خواهد شد. از یادگیری زبان های HTML و CSS گرفته تا زمان مورد نیاز برای یادگیری طراحی وب، همگی به طور کامل در این مطلب توضیح داده شده است. 
حتی اگر قصد یادگیری طراحی سایت به صورت حرفه ای را ندارید و فقط مایلید یک سایت ساده (شخصی، شرکتی یا فروشگاه) راه اندازی کنید، در ابتدای این مطلب این مورد هم توضیح داده شده است، به طوری که هر شخصی با کمی مهارت در بکارگیری مرورگر اینترنت و زبان انگلیسی، با کم ترین هزینه ممکن می تواند یک سایت برای خود راه اندازی کند. 
عبارت های "طراحی وِب"، "طراحی سایت" و غیره همگی به یک کار اشاره دارند و هم معنی هستند؛ ولی در اصل "طراحی وب" یا به انگلیسی "Web Design" صحیح ترین عبارت برای این کار است. منبع عکس: 2440Media

پیش نیازهای یادگیری طراحی وب

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

راه اندازی سایت به صورت ساده و سریع

برای راه اندازی یک سایت ابتدا باید یک دامِین (به فارسی دامَنه) برای سایت ثبت شود، دامین همان آدرس سایت است، به عنوان مثال google.com یک آدرس دامین است. و بعد خرید Host. هاست به معنی فضایی است که فایل های سایت مانند فایل های کدنویسی و برنامه نویسی شده، تصاویر، ویدیوها و غیره روی آن نگهداری می شوند و زمانی که کاربر آدرس سایت (به انگلیسی Domain) را در مرورگر خود تایپ می کند این فایل ها توسط مرورگر کاربر از سِرور Host دریافت شده و در مرورگر نمایش داده می شوند. پس از خرید هاست و دامین باید این دو را به هم متصل نمود، یعنی آدرسی که برای سایت ثبت شده است را به هاست خریداری شده متصل کرد که نحوه این کار در سایت شرکت های ارائه دهنده این خدمات توضیح داده شده است. هزینه هاست و دامین به صورت سالیانه و آنلاین پرداخت می شود که بسته به نوع آدرس مورد ثبت، و میزان فضا و پهنای باند خریداری شده برای هاست، متغیر خواهد بود که البته برای راه اندازی یک سایت ساده معمولاً گزینه های با هزینه پایین کافی است. برای خرید و تهیه هاست و دامین می توانید عبارت های "ثبت دامین" و "خرید هاست" را در گوگل سرچ کنید. 
حالا پس از تهیه هر دو مورد و اتصال این دو به یکدیگر با نصب یک سیستم مدیریت سایت مانند WordPress می توانید یک سایت ساده راه اندازی کنید. وردپرس یک نرم افزار تحت وب رایگان است که از زبان فارسی نیز پشتیبانی می کند و با نصب این سیستم روی هاست خریداری شده (برای این کار هاست لینوکس خریداری کنید) کاربر یک وب سایت ساده با تمام قابلیت های مورد نیاز مانند ساخت صفحات مختلف، ارسال مطلب، ایجاد دسته بندی، عضویت کاربران و غیره را در اختیار خواهد داشت. کاربر با نصب قالب های مختلف روی وردپرس می تواند طراحی و شکل شمایل سایت خود را تغییر دهد و با نصب پلاگین های مختلف می تواند قابلیت های جدید به سایت خود اضافه کند به عنوان مثال با نصب پلاگین Contact Form 7 می تواند یک فرم تماس (یا هر فرم دیگری) به سایت خود اضافه نماید و یا با نصب پلاگین WooCommerce می تواند سایت خود را به یک فروشگاه اینترنتی تبدیل کند. وردپرس هزاران قالب و پلاگین مختلف دارد. برای نصب وردپرس عبارت "آموزش نصب وردپرس" را سرچ کنید.

یادگیری HTML

زبان HTML (اِچ تی اِم اِل) مبنای صفحات وب و اینترنتی است و البته اولین زبانی است که برای یادگیری طراحی سایت باید فرا گرفته شود. زبان اِچ تی اِم اِل برای تعریف عناصر و بخش های مختلف در صفحه به کار گرفته می شود. هر صفحه و وب سایت اینترنتی معمولاً از بخش های مختلفی مانند هِدِر (بخش بالای سایت شامل لوگو، منو و غیره)، بخش سایدبار (بخش کناری سایت معمولاً شامل تبلیغات، لینک های مختلف مانند دسته بندی، مطالب پربازدید و غیره)، بخش محتوا (شامل متن و محتوای اصلی سایت) و بخش فوتر (که در انتهای صفحه قرار می گیرد و شامل متن کپی رایت و لینک های مختلف است) بوده که این تقسیم بندی ها با استفاده از زبان HTML تعریف شده و سپس با زبان CSS شکل و شمایل آن تعریف می شود. 
HTML مجموعه ای از ده ها تَگ مختلف است که هر یک برای تعریف چیز خاصی در صفحه بکار برده می شوند؛ به عنوان مثال از چند تگ برای تعریف بخش های مختلف و تقسیم بندی صفحه، از یک تگ برای درج متن، از تگ دیگری برای درج تصویر، از چند تگ برای ایجاد فرم، فیلد و دکمه ارسال و دیگر موارد استفاده می شود.

یادگیری CSS

زبان سی اِس اِس برای ایجاد ظواهر، شکل و شمایل اجزائی است که با HTML تعریف شده است. به عنوان مثال اینکه رنگ پس زمینه چه رنگی باشد، حاشیه و کادر دور آن چقدر ضخامت و چه رنگی باشد، فاصله اجزاء از یکدیگر چه مقدار باشد، متن آن چه رنگی داشته باشد، فاصله بین خطوط چقدر باشد، بخش مورد نظر در سمت چپ صفحه باشد یا راست، اندازه عنوان و متن های صفحه چقدر باشد و تقریباً هر موردی که مربوط به ظواهر و شکل و شمایل اجزاء مختلف است با استفاده از زبان سی اس اس کدنویسی خواهد شد. 
پس از یادگیری زبان HTML برای تعریف بخش ها و اجزاء مختلف در صفحه، و زبان CSS برای تعریف شکل و شمایل اجزاء تعریف شده با HTML، شخص تا همین جا با یادگیری همین دو زبان می تواند وب سایت طراحی کند. البته وب سایت اِستاتیک (Static). استاتیک به این معنی که فقط یک صفحه ثابت است و پنل و صفجه مدیریتی ندارد یعنی به عنوان مثال برای ویرایش عنوان و یا متن صفحه، این ویرایشات باید از طریق تغییر در کدنویسی، ذخیره و آپلود مجدد روی سرور انجام شوند. همچنین وب سایت های استاتیک قابلیت هایی مانند ارسال مطلب، ساخت صفحه، عضویت کاربران، آپلود فایل، پرداخت آنلاین و غیره را ندارند و برای این کار باید از یک زبان سِرور ساید (Server-Side) استفاده نمود که به این مدل از سایت ها Dynamic یا به فارسی پویا گفته می شود. اکثر طراحی سایت ها به صورت داینامیک بوده و از وب سایت های استاتیک فقط در مواردی مانند وب سایت های موقت یا وب سایت هایی که نیاز به بروزرسانی ندارند استفاده می شود. توضیحات مربوط به یادگیری زبان سرورساید در ادامه این مطلب آمده است.

یادگیری JavaScript

زبان جاوا اِسکریپت یک زبان برنامه نویسی Client-Side یا به فارسی، سَمت کاربر است؛ به این معنی که کدهای آن از طریق مرورگر کاربر دریافت شده و توسط خود مرورگر نیز اجرا می شوند. و این بر خلاف زبان Server-Side بوده که در ادامه توضیح داده شده است. در زبان Server-Side کدها در سرور سایت پردازش و اجرا شده و کاربر فقط نتیجه آن را مشاهده خواهد کرد.
کاربرد جاوا اسکریپت در طراحی وب گسترده و برای طراحی سایت های حرفه ای لازم است. کاربرد جاوا اسکریپت معمولاً در اعتبار سنجی فرم ها، ایجاد واکنش ها و رخدادهای مختلف، ارسال درخواست های اِیجَکس (Ajax)، ایجاد اسلایدشو تصاویر و بسیاری موارد دیگر است. 
برای توضیح موارد بالا این طور می توان گفت که اگر فرم تماسی را با استفاده از HTML تعریف، و با سی اس اس شکل و شمایل آن مشخص شده باشد، با استفاده از جاوا اسکریپت می توان بررسی نمود که آیا کاربر تمام فیلدهای مورد نظر مانند نام، ایمیل، موضوع، شماره تماس و متن را پر کرده است یا خیر. اگر یکی از فیلدها خالی بود می توان متنی را نمایش داده که پرکردن این فیلد لازم است. یا می توان بررسی کرد که آیا کاربر آدرس ایمیل خود را به صورت صحیح وارد کرده است یا خیر، و اگر کاربر چیزی شبیه aaa.bbb.ccc وارد نمونه بود پیامی مبنی بر وارد کردن ایمیل صحیح نمایش داده شود. یا اگر شماره تماس را به صورت aaa وارد نموده بود با نمایش پیامی از کاربر درخواست شود تا برای شماره تماس فقط از عدد استفاده نماید. حالا وقتی کاربر روی دکمه ارسال کلیک می کند می توان این درخواست را به صورت اِیجکس به سرور ارسال نمود یعنی بدون رفرش صفحه. این مورد در بسیاری از سایت های مختلف قابل مشاهده است به این صورت که کاربر با کلیک بر روی دکمه ای یک تصویر کوچک و چرخنده را مشاهده می کند و پس از لحظاتی نتیجه درخواست نمایش داده خواهد شد.

یادگیری زبان سِروِرساید

زبان Server-Side به زبان برنامه نویسی تحت وبی گفته می شود که کدهای آن توسط سرور پردازش شده و نتیجه آن به مرورگر کاربر ارسال می شود و کاربر کدهای اصلی را نخواهد دید. کاربرد زبان سرور ساید برای برنامه نویسی قابلیت هایی مانند دریافت و ذخیره اطلاعات مختلف (مانند پست، ثبت سفارش و نظرات) از کاربر در دِیتابِیس (یعنی بانک اطلاعاتی و محل ذخیره اطلاعات سایت)، آپلود فایل، ارسال ایمیل، پرداخت آنلاین و اینگونه موارد. 
برای طراحی وب سه زبان CSS ،HTML و JavaScript معادل و جایگزینی ندارند و مبنای صفحات وب هستند ولی در مورد زبان سرورساید گزینه های مختلفی قابل استفاده است. دو زبان تحت وب PHP و ASP.NET معمولاً دو انتخاب اصلی برای یادگیری هستند. PHP یک زبان برنامه نویسی تحت وب اُپِن سورس، رایگان و فراگیر است که حدود 80 درصد سایت های اینترنتی از این زبان استفاده می کنند. در مقابل ASP.NET از شرکت مایکروسافت است که رایگان نیست و درصد استفاده بسیار کمتری نسبت به PHP دارد. ASP.NET یک زبان برنامه نویسی تحت وب نیست بلکه بخشی از فریم ورک NET Framework. (دات نت فِریم وُرک) بوده که معمولاً با زبان دیگری از مایکروسافت به نام #C (سی شارپ) بکارگرفته می شود. PHP رایگان بوده و دارای منابع یادگیری بسیاری بیشتری نسبت به ASP.NET است، همچنین به دلیل گستردگی استفاده از پی اِچ پی، این زبان معمولاً دارای مشتریان بیشتری نیز است. در مقابل ASP.NET ساختار و سبک کدنویسی منظم تری نسبت به PHP دارد ولی به دلیل پیچیده تر بودن نسبت به پی اِچ پی یادگیری آن نیازمند زمان بیشتری است. 
همچنین PHP زبان برنامه نویسی سیستم مدیریت سایت WordPress که در ابتدای مطلب توضیح داده شد است. وردپرس یک سیستم مدیریت سایت بسیار پرمخاطب است که تمام قابلیت های پایه یک وب سایت مانند ارسال مطلب، ایجاد صفحه، ایجاد دسته بندی، آپلود فایل و غیره را در اختیار کاربر قرار می دهد و طراحان وب آن را مبنای کار خود قرار می دهند و به این صورت دیگر نیاز نیست برای طراحی و راه اندازی هر سایت تمام قابلیت های مورد نیاز را از ابتدا کدنویسی کنند که این خود باعث کاهش زمان و هزینه برای طراحی و راه اندازی یک وب سایت است.
در این مطلب با توجه به توضیحات بالا، یادگیری زبان PHP توصیه می شود. از نظر از قدرت و سرعت هر دو این زبان ها در یک سطح هستند و برتری خاصی نسبت به یکدیگر ندارند. ولی نهایتا انتخاب با خود شخص است.

یادگیری اصول طراحی

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

یادگیری تبدیل PSD به HTML

برای طراحی، برخی ترجیح می دهند طراحی خود را در مرورگر و نرم افزار کد ادیتور انجام داده و با انجام ویرایشات مختلف طرح را نهایی کنند. در مقابل برخی ترجیح می دهند که طراحی خود را در نرم افزار فتوشاپ انجام داده و سپس آن را کدنویسی کنند. به این کار تبدیل PSD به HTML (و معمولاً سپس وردپرس) گفته می شود. تبدیل PSD به HTML با استخراج و برش بخش های مختلف مانند لوگو و آیکان ها، و پس زمینه ها که معمولاً با کدنویسی قابل اجرا نیستند آغاز شده و سپس شخص با نگاه کردن به طرح PSD کدنویسی آن را شروع می کند. آنچه که در تبدیل PSD به HTML بسیار مهم است این است که طرح کدنویسی شده باید تا %99 با طرح اصلی مطابقت داشته باشد. تبدیل PSD به HTML نیازمند مهارت بالایی در کدنویسی HTML و CSS است.

یادگیری اصول سئو

اصول سئو یا به انگلیسی SEO (در انگلیسی اِس ای اُ خوانده می شود) به معنی رعایت اصولی است که نتیجه آن دریافت بازدیدکننده و مشتریان بیشتر در عبارت های مورد نظر و جستجو شده توسط کاربران از موتورهای جستجو به ویژه گوگل است. اصول سئو جزو طراحی وب محسوب نمی شود ولی یادگیری آن برای طراحی سایت به صورت حرفه ای به ویژه برای مشتریان لازم است. برخی از اصول سئو اثبات شده هستند و برخی دیگر فقط برمبنای حدس و گمان، چراکه گوگل برای جلوگیری از تقلب و پایین آمدن کیفیت نتایج جستجو هرگز الگوریتم ها و نحوه رتبه بندی سایت های مختلف را توضیح نمی دهد. از جمله مهم ترین اصول سئو می توان به انتخاب عنوان خوب و دقیق برای صفحات، بکارگیری کلمات و عبارت مورد جستجوی کاربران در متن صفحه و دریافت بَک لینک از سایت های دیگر است. 

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

برای یادگیری اصول سئو می توان از سایت Moz استفاده کرد. برای ورود به راهنمای یادگیری سئو سایت Moz اینجا کلیک کنید.

معرفی سایت، فیلم و کتاب برای یادگیری طراحی سایت

در بالا توضیح داده شد که برای طراحی وب نیاز به یادگیری HTML برای تعریف اجزاء و بخش های مختلف، CSS برای تعریف شکل و شمایل اجزاء HTML، و JavaScript برای ایجاد قابلیت های مختلف در مرورگر کاربر و یک زبان سرورساید مانند PHP برای برنامه نویسی قابلیت های مختلف لازم است. 

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

در مورد فیلم های آموزشی کدنویسی و طراحی وب، می توان از فیلم های آموزشی Lynda.com و TutsPlus.com استفاده نمود. البته فیلم های آموزشی موجود در این سایت رایگان نیستند بلکه برای استفاده باید اشتراک این سایت ها را خریداری نمود ولی با توجه به محدودیت های موجود در ایران، تقریباً تمام فیلم های آموزشی این دو در سایت های مختلف قابل دانلود کردن هستند. به عنوان مثال عبارت "دانلود آموزش Lynda HTML" را جستجو کنید. 

در مورد کتاب هم کتابی با عنوان HTML & CSS: Design and Build Web Sites برای یادگیری HTML و CSS وجود دارد که می توان از آن نیز استفاده نمود. البته امکان خرید این مورد هم در ایران وجود ندارد ولی لینک دانلود آن در سایت های مختلف قابل دسترسی است. البته نسخه چاپی این کتاب های انگلیسی برنامه نویسی و طراحی وب در برخی از کتاب فروشی های تهران میدان انقلاب قابل تهیه است. 

در مورد آموزش های به زبان فارسی نیز می توانید جستجو کنید ولی موارد به زبان انگلیسی به ویژه این چند موردی که در بالا توضیح داده شد توصیه می شود چراکه آموزش ها کاملاً بروز، استاندارد و بدون هزینه بوده و البته ضمن یادگیری باعث تقویت زبان انگلیسی نیز خواهند شد.

زمان مورد نیاز برای یادگیری طراحی وب

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

درآمد طراحی وب چقدر است؟

درآمد طراحی سایت کاملاً متغیر است چراکه افراد معمولاً به صورت آزاد کار می کنند و هر یک تعرفه دلخواه خود را دارند به عنوان مثال یک نفر ممکن است یک طراحی باکیفیت را با 1 میلیون تومان و نفر دیگر همان طراحی را با 2 میلیون تومان و با کیفیتی بسیار پایین تر تمام کند. در طراحی وب مبلغ بالا نشانه کیفیت بالا، و مبلغ پایین نشانه کیفیت پایین نیست. ولی به طور کلی درآمد طراحی وب بستگی به میزان مهارت شخص در کدنویسی و اجرای درخواست های مشتری، جذب مشتریان جدید (از طریق گوگل یا سایت هایی که قبلا طراحی کرده است) و البته مشتری مداری شخص دارد. ولی درآمد این کار قابل توجه است.

جمع بندی

تقریباً تمام مواردی که برای یادگیری طراحی وب به صورت حرفه ای لازم بود در بالا توضیح داده شد ولی آنچه که در یادگیری هر کاری بسیار مهم است تمرین روزانه و صبر است. برای یادگیری طراحی وب شخص باید مطالعه و تمرین روزانه بدون توقف داشته باشد و اقدام به طراحی سایت تمرینی و آزمایشی روی کامپیوتر خود نماید. در حین کدنویسی افراد با خطاها و پیام های مختلف مواجه می شوند که با جست و جوی متن این پیام ها به پاسخ آن خواهند رسید. و بعد اینکه، برای کدنویسی از یک نرم افزار کد اِدیتور سریع و کامل که قابلیت Code Completion یا به عبارت دیگر تکمیل کردن کد را داشته باشد استفاده شود. با این قابلیت شخص با تایپ کردن چند کاراکتر، کد ادیتور به صورت خودکار پیشنهادهایی برای تکمیل کد به همراه توضیحاتی ارائه می دهد که این هم خود در یادگیری مؤثر است. و در انتها توصیه می شود که فقط از یک سایت، کتاب یا فیلم آموزشی استفاده نشود بلکه از چندین مورد مختلف استفاده گردد چراکه هر یک لحن، مثال ها و توضیحات خاص خود را دارند که به یادگیری و درک بهتر کمک قابل توجهی می کند.

• تاریخ ارسال : چهارشنبه 20 شهریور 1398
• بازدید : 155

• تاریخ ارسال : چهارشنبه 20 شهریور 1398
• بازدید : 162

• تاریخ ارسال : چهارشنبه 20 شهریور 1398
• بازدید : 147

• تاریخ ارسال : چهارشنبه 20 شهریور 1398
• بازدید : 161

• تاریخ ارسال : چهارشنبه 20 شهریور 1398
• بازدید : 154

• تاریخ ارسال : چهارشنبه 20 شهریور 1398
• بازدید : 174

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

فقط کافیست نگاهی به فروشگاه گوگل پلی بیاندازید، در این صورت با انبوهی از اپ‌های لانچر، بسته‌های آیکن، اپ‌های کاغذ دیواری زنده، اپ‌های کاغذ دیواری، اپ‌های لانچر سه بعدی و غیره مواجه می‌شوید. نه تنها این، بلکه مُدهای زیادی در پلی استور یا همان فروشگاه گوگل پلی وجود دارند که می‌توانند ظاهر اندروید شما را تغییر دهند.

شما می‌توانید هر کجای دستگاه اندرویدی خود از جمله نوار پیمایش یا نویگیشن بار را شخصی‌سازی کنید. نوار پیمایش یک نوار سیاه رنگی است که در پایین صفحه قرار دارد و شامل دکمه‌های Home Back و Recent می‌باشد. نکته جالب این است که شما هم اکنون می‌توانید رنگ نوار پیمایش را تغییر دهید.

نحوه تغییر رنگ نوار پیمایش در اندروید

برای تغییر رنگ نوار پیمایش، باید از اپ‌های Navbar استفاده کنید که یک اپ شخصی‌سازی رایگان و موجود در فروشگاه گوگل پلی است. اگر می‌خواهید بدانید که چگونه یک نوار پیمایش رنگی در اندروید 2019 داشته باشید، این مراحل را دنبال کنید:

مرحله 1: در وهله اول، اپ Navbar را از فروشگاه گوگل پلی در گوشی هوشمند اندرویدی دانلود و نصب نمایید. پس از دانلود، اپ مورد نظر را راه‌اندازی کنید.

مرحله 2: حالا یک صفحه نمایش شبیه به این را می‌بینید که در اینجا باید روی ‘Let’s do it!’ ضربه بزنید.

مرحله 3: در صفحه بعد، از شما خواسته می‌شود تا به اپ اجازه دهید تا در صدر اپ‌های دیگر باشد. این اجازه را بدهید.

مرحله 4: هم اکنون صفحه هوم یا خانه این اپ را مشاهده می‌کنید. برای دریافت رنگ از این اپ در حال اجرا، گزینه ‘Active app’ را انتخاب کنید.

مرحله 5: شما می‌توانید ‘Navigation Bar widget’ را انتخاب کنید. این گزینه تصویر زیر نوار پیمایش را نشان خواهد داد.

مرحله 6: کابران می‌توانند گزینه Battery percentage را نیز تنظیم کنند، در این صورت نوار پیمایش به میزان باتری موجود شما تغییر می‌یابد.

مرحله 7: جدای از این، کاربران می‌توانند ‘Emojis’ و ‘Music Widget’ را در نوار پیمایش تنظیم کنند.

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