طراحی سایت

درود و عرض ادب خدمت همراهان همیشگی پای طراحی صفحه. قبل از شروع فرصت آموزش محور وردپرس برآن شدیم تا اصطلاحات رایج و اول ای که درک کردن آن ها برای کاربران مبتدی و تازه کار مایحتاج هست خدمت عزیزان معرفی کنیم. به نظر می‌آید این مسیر و نقشه نحوه مناسب تر باشد. به دلیل آنکه کاربرانی که به تازگی می‌خواهند طراحی وب سایت را شروع کنند با خیلی از واژه های به کار رفته در دنیای اینترنت غریبه هستند و این نوشته‌علمی قادر است به عنوان استارت یادگرفتن موردنیاز باشد. در این یادگرفتن اصطلاحات اولیه طراحی وب یا لغات رایج در ساخت سایت و نرم‌افزار نویسی را طراحی سایت در مشهد خدمت شما دوستان گرامی تقدیم خوا هیم کرد.

در این نوشته‌ی‌علمی می‌خوانیم : [نمایش]

Browser ( مرورگر ) :
مرورگر نرم افزاری می باشد که بتواند صفحه های وب را باز کند و به کاربر نمایش دهد. به عنوان مثال مرورگرهای رایج می توان به فایرفاکس ، گوگل کروم ، سافاری ، اینترنت اکسپلورر و… اشاره کرد.طراحی سایت مرورگرها از نظر تکنیکی در افزایش سرعت بازگشایی صفحات وب با یکدیگر رقابت می کنند و به همین خاطر هرمورد قابلیت و امکان های ویژه ای دارا هستند که وجه تمایزشان می‌شود.

Web Page ( صفحه‌ی وب ) :
به مجموعه ای از تصاویر ، فیلم ها ، نوشته‌ها و… که به صورت یک صفحه از طریق اینترنت قابل دسترسی باشند ، برگه وب میگویند .

Web Site ( وبسایت ) :
پایگاهی بر روی اینترنت قرار دارد که تیم ای از صفحه های وب ( Web Page ) را در بر می گیرند ؛ این پایگاه به وسیله آدرس مخصوصی ( Domain ) از طریق اینترنت در دسترس همگی عموم است . این کاغذ ‌ها می‌توانند حاوی خبر‌ها ، تصاویر ، اطلاعات علمی و تجاری ، تبلیغات ، مغازه ، نمونه کار و… باشند

Domain ( دامنه ) :
نام بین ‌المللی مخصوصی که برای هر تارنما ثبت میشود و به عنوان آدرس آن سایت محسوب می‌شود. دامنه ها هر سال یا ۵سال یکبار تمدید می گردند و می بایست هزینه اجاره آن را به موسسه ها ارائه دهنده خدمات اینترنت پرداخت کرد. (مثال : google.com)

Sub Domain ( زیردامنه ) :
پسوند دامنه در واقع نصیب ابتدایی آدرس دامنه می باشند. زیردامنه ها ممکن می‌باشد خودشان سایت های متفاوتی از تارنما اصلی باشند. به عنوان مثال سرویس دهنده های بلاگ از زیردامنه ها برای ساخت‌و‌ساز وبلاگ های شخصی کاربران استفاده می کنند که هر مورد با دامنه اصلی متعدد است. ( برای مثال pani.blogfa.com ) . گاه زیردامنه ها به منظورهای متفاوت تعیین میشوند مثلا از آنان برای تالار گفتگو ( forum.google.com ) یا دکان ( shop.google.com ) به کارگیری می گردد. گه گاه نیز هر پایین دامنه بیانگر یک زبان وب سایت هست. ( en.panidesign.ir )

Web Host ( وب هاست یا هاست ) :
میزبان وب ، به کامپیوتر یا ابرکامپیوتری گفته می گردد که اطلاعات یک یا یک سری وب سایت بر روی آن قرار میگیرد. زمانی که کاربری در مرورگر ، آدرس تارنما ( Domain ) مورد نظر را وارد می‌کند ، مرورگر با Web Host ( صاحب خانه وب ) ارتباط برقرار نموده و صفحات مورد نظر را به نمایش در می‌آورد.

Web Server ( وب سرور ) :
نرم افزاری است که روی هاست و بوسیله مدیر سرور نصب شده و صفحه ها درخواستی مرورگرهای وب را برای آنها ارسال می‌نماید . البته اکثر زمان ها از میزبان وب ( Web Host ) به عنوان وب سرور نام برده میگردد که این از دید تکنیکی صحیح وجود ندارد.

Home Page ( صفحه اصلی ) :
صفحه مهم یک تارنما می‌باشد که بازدید کننده وب سایت آن را در ابتدا مشاهده می‌نماید . این ورقه دربرگیرنده ، خبر‌ها اصلی ، مهمترین یا آخرین تولیدها و مقالات ، تصاویر اولیه ، پیوندهایی به بخش های گوناگون آن وب سایت نمونه کارها و… است که با توجه به ذوق طراح و پیشنهادات صاحب کار ساخته می‌گردد.

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

Dynamic Page ( صفحه‌ی پویا ) :
به ورقه‌ی وبی گفته می گردد که مطالب و محتویات آن متغیر می‌باشند و به درخواست کاربران در آن‌ها اطلاعات متفاوتی نمایش داده شده و نیز امکان وارد کردن اطلاعاتی توسط کاربران اینترنت در آن‌ها میسر می باشد. برای ساخت‌و‌ساز این برگه‌ها نیاز به نرم افزار نویسی‌های خاصی است. مثل مغازه های آنلاین که تمامی روزه تولیدات جدیدی برروی تارنما خود آپلود می کنند. همچنین اطلاعاتی که از کاربران گرفته می‌شود اکثر زمان ها از طریق فرم ها مثل فرم های ثبت نامی ، تماس با ما و… دریافت می شوند.

معرفی تکنولوژی ها و لهجه های مدیر و ساخت سایت
لهجه نشانه گذاری اچ تی ام ال ( HTML )
HTML در حقیقت لهجه اساسی در طراحی وب سایت و پل ارتباطی بین طراح و مرورگر وب هست. امروزه از جدیدترین نسخهHTML یعنی HTML5 استفاده میشود. با استفاده از کدنویسی صحیح و استاندارد، می‌توان اعتقاد داشت که ‌سایت طراحی شده مجموعاَ مرورگرها با کمترین اشتباهات نمایش داده گردد.

گویش سی اس اس ( CSS )
Cascading Style Sheets یا CSS ابزاری برای قالب ‌بندی، رنگ ‌بندی و ساخت جلوه‌های تصویری و گرافیکی در صفحات HTML می‌باشد. به کارگیری از CSS تغییرات گرافیکی ساده و جاری را برای طراح سایت به ارمغان می آورد.

گویش نرم افزار نویسی ( ASP.net )
ASP یک زبان برنامه ‌نویسی تحت وب سمت سرور هست که بوسیله شرکت مایکروسافت پیشرفت یافته است. از لهجه‌های اپ‌نویسی پایین وب مثل ASP و PHP و… برای ساخت تعامل با استفاده کننده و طراحی صفحات داینامیک استعمال می‌شود.

گویش اپلیکیشن نویسی پی اچ پی ( PHP )
PHP نیز مانند ASP یک زبان نرم افزار‌نویسی وب سمت سرور می‌باشد. تفاوت اصلی دربین PHP و ASP در “Open Source” یا “کد باز” بودن PHP می باشد. هریک از این دو گویش قابلیت‌های گوناگونی دارند که بسته به نیاز مشتری و امکانات سرویس‌دهنده وب قابل استفاده است. اغلب وب سایت های دانا که از اپلیکیشن نویسی اختصاصی اسنفاده می کنند از تکنولوژی PHP فایده می‌برند.

گویش نرم‌افزار نویسی جاوااسکریپت ( JS )
JavaScript (جاوااسکریپت) یک زبان کد نویسی سمت مخاطب می باشد. بر خلاف لهجه های کدنویسی سمت سرور که توسط سرور انجام میگردند جاوااسکریپت توسط مرورگر مخاطب جاری ساختن می گردد.

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

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

درود و عرض ادب خدمت همراهان همیشگی پای طراحی صفحه. قبل از شروع فرصت آموزش محور وردپرس برآن شدیم تا اصطلاحات رایج و اول ای که درک کردن آن ها برای کاربران مبتدی و تازه کار مایحتاج هست خدمت عزیزان معرفی کنیم. به نظر می‌آید این مسیر و نقشه نحوه مناسب تر باشد. به دلیل آنکه کاربرانی که به تازگی می‌خواهند طراحی وب سایت را شروع کنند با خیلی از واژه های به کار رفته در دنیای اینترنت غریبه هستند و این نوشته‌علمی قادر است به عنوان استارت یادگرفتن موردنیاز باشد. در این یادگرفتن اصطلاحات اولیه طراحی وب یا لغات رایج در ساخت سایت و نرم‌افزار نویسی را طراحی سایت در مشهد خدمت شما دوستان گرامی تقدیم خوا هیم کرد.

در این نوشته‌ی‌علمی می‌خوانیم : [نمایش]

Browser ( مرورگر ) :
مرورگر نرم افزاری می باشد که بتواند صفحه های وب را باز کند و به کاربر نمایش دهد. به عنوان مثال مرورگرهای رایج می توان به فایرفاکس ، گوگل کروم ، سافاری ، اینترنت اکسپلورر و… اشاره کرد.طراحی سایت مرورگرها از نظر تکنیکی در افزایش سرعت بازگشایی صفحات وب با یکدیگر رقابت می کنند و به همین خاطر هرمورد قابلیت و امکان های ویژه ای دارا هستند که وجه تمایزشان می‌شود.

Web Page ( صفحه‌ی وب ) :
به مجموعه ای از تصاویر ، فیلم ها ، نوشته‌ها و… که به صورت یک صفحه از طریق اینترنت قابل دسترسی باشند ، برگه وب میگویند .

Web Site ( وبسایت ) :
پایگاهی بر روی اینترنت قرار دارد که تیم ای از صفحه های وب ( Web Page ) را در بر می گیرند ؛ این پایگاه به وسیله آدرس مخصوصی ( Domain ) از طریق اینترنت در دسترس همگی عموم است . این کاغذ ‌ها می‌توانند حاوی خبر‌ها ، تصاویر ، اطلاعات علمی و تجاری ، تبلیغات ، مغازه ، نمونه کار و… باشند

Domain ( دامنه ) :
نام بین ‌المللی مخصوصی که برای هر تارنما ثبت میشود و به عنوان آدرس آن سایت محسوب می‌شود. دامنه ها هر سال یا ۵سال یکبار تمدید می گردند و می بایست هزینه اجاره آن را به موسسه ها ارائه دهنده خدمات اینترنت پرداخت کرد. (مثال : google.com)

Sub Domain ( زیردامنه ) :
پسوند دامنه در واقع نصیب ابتدایی آدرس دامنه می باشند. زیردامنه ها ممکن می‌باشد خودشان سایت های متفاوتی از تارنما اصلی باشند. به عنوان مثال سرویس دهنده های بلاگ از زیردامنه ها برای ساخت‌و‌ساز وبلاگ های شخصی کاربران استفاده می کنند که هر مورد با دامنه اصلی متعدد است. ( برای مثال pani.blogfa.com ) . گاه زیردامنه ها به منظورهای متفاوت تعیین میشوند مثلا از آنان برای تالار گفتگو ( forum.google.com ) یا دکان ( shop.google.com ) به کارگیری می گردد. گه گاه نیز هر پایین دامنه بیانگر یک زبان وب سایت هست. ( en.panidesign.ir )

Web Host ( وب هاست یا هاست ) :
میزبان وب ، به کامپیوتر یا ابرکامپیوتری گفته می گردد که اطلاعات یک یا یک سری وب سایت بر روی آن قرار میگیرد. زمانی که کاربری در مرورگر ، آدرس تارنما ( Domain ) مورد نظر را وارد می‌کند ، مرورگر با Web Host ( صاحب خانه وب ) ارتباط برقرار نموده و صفحات مورد نظر را به نمایش در می‌آورد.

Web Server ( وب سرور ) :
نرم افزاری است که روی هاست و بوسیله مدیر سرور نصب شده و صفحه ها درخواستی مرورگرهای وب را برای آنها ارسال می‌نماید . البته اکثر زمان ها از میزبان وب ( Web Host ) به عنوان وب سرور نام برده میگردد که این از دید تکنیکی صحیح وجود ندارد.

Home Page ( صفحه اصلی ) :
صفحه مهم یک تارنما می‌باشد که بازدید کننده وب سایت آن را در ابتدا مشاهده می‌نماید . این ورقه دربرگیرنده ، خبر‌ها اصلی ، مهمترین یا آخرین تولیدها و مقالات ، تصاویر اولیه ، پیوندهایی به بخش های گوناگون آن وب سایت نمونه کارها و… است که با توجه به ذوق طراح و پیشنهادات صاحب کار ساخته می‌گردد.

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

Dynamic Page ( صفحه‌ی پویا ) :
به ورقه‌ی وبی گفته می گردد که مطالب و محتویات آن متغیر می‌باشند و به درخواست کاربران در آن‌ها اطلاعات متفاوتی نمایش داده شده و نیز امکان وارد کردن اطلاعاتی توسط کاربران اینترنت در آن‌ها میسر می باشد. برای ساخت‌و‌ساز این برگه‌ها نیاز به نرم افزار نویسی‌های خاصی است. مثل مغازه های آنلاین که تمامی روزه تولیدات جدیدی برروی تارنما خود آپلود می کنند. همچنین اطلاعاتی که از کاربران گرفته می‌شود اکثر زمان ها از طریق فرم ها مثل فرم های ثبت نامی ، تماس با ما و… دریافت می شوند.

معرفی تکنولوژی ها و لهجه های مدیر و ساخت سایت
لهجه نشانه گذاری اچ تی ام ال ( HTML )
HTML در حقیقت لهجه اساسی در طراحی وب سایت و پل ارتباطی بین طراح و مرورگر وب هست. امروزه از جدیدترین نسخهHTML یعنی HTML5 استفاده میشود. با استفاده از کدنویسی صحیح و استاندارد، می‌توان اعتقاد داشت که ‌سایت طراحی شده مجموعاَ مرورگرها با کمترین اشتباهات نمایش داده گردد.

گویش سی اس اس ( CSS )
Cascading Style Sheets یا CSS ابزاری برای قالب ‌بندی، رنگ ‌بندی و ساخت جلوه‌های تصویری و گرافیکی در صفحات HTML می‌باشد. به کارگیری از CSS تغییرات گرافیکی ساده و جاری را برای طراح سایت به ارمغان می آورد.

گویش نرم افزار نویسی ( ASP.net )
ASP یک زبان برنامه ‌نویسی تحت وب سمت سرور هست که بوسیله شرکت مایکروسافت پیشرفت یافته است. از لهجه‌های اپ‌نویسی پایین وب مثل ASP و PHP و… برای ساخت تعامل با استفاده کننده و طراحی صفحات داینامیک استعمال می‌شود.

گویش اپلیکیشن نویسی پی اچ پی ( PHP )
PHP نیز مانند ASP یک زبان نرم افزار‌نویسی وب سمت سرور می‌باشد. تفاوت اصلی دربین PHP و ASP در “Open Source” یا “کد باز” بودن PHP می باشد. هریک از این دو گویش قابلیت‌های گوناگونی دارند که بسته به نیاز مشتری و امکانات سرویس‌دهنده وب قابل استفاده است. اغلب وب سایت های دانا که از اپلیکیشن نویسی اختصاصی اسنفاده می کنند از تکنولوژی PHP فایده می‌برند.

گویش نرم‌افزار نویسی جاوااسکریپت ( JS )
JavaScript (جاوااسکریپت) یک زبان کد نویسی سمت مخاطب می باشد. بر خلاف لهجه های کدنویسی سمت سرور که توسط سرور انجام میگردند جاوااسکریپت توسط مرورگر مخاطب جاری ساختن می گردد.

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

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