آشنایی با تمامی واژگان طراحی یک وب سایت (بخش پایانی)

منتشر کننده رایا مگ

بدون نظر 2 0

آشنایی با تمامی واژگان طراحی یک وب سایت (بخش پایانی)

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

HTML و عناصر تشکیل دهنده آن

یکی از عنصرهای اصلی طراحی یک وب سایت اسناد HTML است. HTML نیز دارای عناصر( Elements ) زیادی است که هرگاه در کنار یکدیگر قرار می گیرند موجب تشکیل یک وب سایت می شوند.

عناصر HTML:

متن ها و ليست ها ( Texts & Lists ): شامل نوشته های داخل يک صفحه هستند.

تصاویر ( Images ):

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

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

سورس کدها:

سورس کدها، همان کدهای منبعی هستند که توسط برنامه نویسان وب نوشته شده و برای جایگذاری در سایت آماده و مهیا هستند.

تمامی اسناد HTML از عنصرهای HTML به شکل تو در تو تشکیل می شوند.
نمونه زیر نشان می دهد که چهار عنصر HTML ( <html>، <body>، <h1> و <p>) به صورت تو در تو قرار گرفته‌اند:

- <!DOCTYPE html>

- <html>

- <body>

- <h1>نخستین عنوان صفحه وب من</h1>

- <p>نخستین پاراگراف صفحه وب من.</p>

- </body>

- </html>

در نمونه بالا عنصر <html> همان ریشه و مشخص کننده سند HTML است که خود، شامل دو عنصر تگ آغاز <html> و تگ پایان <html/> است. درون تگ html محتوایی شامل عناصر <body> بدنه سند html و عنصر <h1> و <p> وجود دارند که عنوان و پاراگراف یک صفحه هستند و نشان دهنده ی به یک متن عنوان و یک متن پاراگراف عنوان محتوای درون عنصر body می باشند.

نگاهی به تمامی اصطلاحات رایج طراحی وب سایت

اما وقت آن رسیده تا به صورت مختصر به تمامی اصطلاحات رایج طراحی وب سایت نگاهی بیندازیم.

User Friendly

یا همان کاربر پَسند. یعنی کاربر بتواند به راحتی با ابزارها و امکانات داخلی سایت کار کند و در هنگام کار کردن، درگیر پیچیدگی و شلوغی سایت نشود.

Wireframe

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

header

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

widget

ابزارک ها ( sidebar ) تشکیل دهنده ی ستون‌های کناری سایت هستند.

Content

مشخص کننده ی «محتوای اصلی سایت» هستند که شامل متن و تصاویر و ویدیوها و… می باشد.

Pagination

عمل «شماره بندی» در صفحات بر عهده ی این بخش است.

Footer

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

Social icons

آیکون‌های شبکه‌های اجتماعی ( مانند یاهو، گوگل پلاس، فیس‌بوک، توییتر و…) در سایت.

Seprator

یا همان جداکننده به خط‌های گرافیکی گفته می شود که در طراحی سایت به کار می برند.

Bullet

به گلوله‌های گرافیکی معروفی گفته می شود که در لیست‌های غیرمرتب ul li به کار می برند.

Arrow

که در وب سایت به معنی فِلِش می باشد بعضی اوقات وابسته به نوع طرح سایت، از آن گلوله های گرافیکی ul li کاربرد دارد.

Ribbon

کاربرد آن در طرح های گرافیکی است که جذابیت های خاصی را به طراحی سایت می بخشند.

Transparent

که حکم شفافیت وب سایت را دارد، اغلب در تصاویر با فرمت PNG و GIF در طراحی وب استفاده می شوند.

Feature

شاخص بودن یک بخش از لحاظ کیفیت در برابر دیگر بخش ها مربوط به این قسمت است. به طور مثال Feature Posts یا Feature slider هایی که از لحاظ ویژگی و خصوصیت هایشان نسبت به دیگری برتری دارند در این قسمت متمایز می شوند.

Optimize

یا همان بهینه سازی در وب. به طور مثال: بهینه کردن سایت برای انواع مرورگرها. (یکی از بخش های مهم سئو)

Responsive

پاسخگویی و نوع نمایش المان‌ها برای مشاهده وب سایت در پلفرم های دیگر. بعنوان مثال: Responsive for Android یک نوع نمایش وب سایت در گوشی های اندروید است.

Thumbnails

تصاویر کوچکی در سایت که در کنار هر نوشته جای گرفته اند.

Data Entry

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

Ranker

نشان دهنده ی جایگاه یک سایت در نتایج جستجو. (وابسته به الگوریتم های تعریف شده وب سایت، به موتور جستجو.)

Page Rank

یکی از فاکتورهای رنکینگ جهت تعیین «اهمیت صفحات وب». (پیج رنک یک سیستم انحصاری زیر نظر شرکت گوگل است).

Keywords

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

Text

همان متنی که شما می نويسيد و در مرورگر نشان داده می شود.

Markup

زمانی که يک متن ساده می نويسيد، مروگر آن را به گونه ی دیگری نمايش می دهد. به نحوه عملکرد مروگر Markup می گویند.

بیشتر بخوانید: آشنایی با تمامی واژگان طراحی یک وب سایت (بخش دوم)

عکسها با فرمت gif

عکسهای با فرمت gif محبوبترين و پر کاربردترین نوع عکس ها در وب سایت هستند. عکس های گیف، در کنار کم حجم بودنشان با پشتیبانی از 256 رنگ از ويژگي های animation, transparency, interlacing برخوردارند.

Transparency

یا همان شفافيت يک عکس. زمانی که يک عکس به اندازه ای شفاف است که شما قادر هستید تا تصوير، متن يا رنگ زير آن عکس را ببينيد Transparency می گویند.

Interlacing

به این معنی که بعضی از تصاویر به علت بزرگ بودنشان، خط به خط نمایش داده شده و کم کم لود می شوند.

Animation

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

عکسهايی با فرمت .jpeg

این تصاویر از از 16 ميليون رنگ پشتیبانی می کنند و نسبت به فرمت gif حجم بالاتری را به خود اختصاص داده اند. البته کيفيت آن بهتر است.

جدولها ( Tables )

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

فرمها ( Forms )

عناصری هستند که بيننده سايت از طریق آنها اطلاعاتی را که وارد کرده است بتواند ذخيره کند.

چارچوبها ( Frames )

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

چند رسانه ای ( Multimedia )

اضافه شدن یک عنصر فایل صوتی یا تصویری به صفحات وب سایت (مثال: پخش موزیک ها یا تریلرهای فیلم)

فرمتهای فايلهای صوتی

WAV فرمتی صوتی از نوع MIME که مختصر واژه ی audio/wav می باشد.

AU فرمتی صوتی از نوع MIME که مختصر واژه ی audio/ basic می باشد.

AIFF فرمتی صوتی از نوع MIME متعلق به کامپيوترهای Macintosh که مختصر واژه ی audio/aiff می باشد.

MIDI و MP3 فرمت هایی صوتی و متفاوت با بقیه، از نوع MIME که مختصر واژه ی audio/midi می باشند. در این نوع فرمت ها به جای ذخیره شدن فرکانس صدا، آهنگ های صدا پخش و ذخیره می شوند.

MPEG یا MP4 که مخفف کلمات Motion Picture Experts Group است در سیستم ها قابل استفاده اند.

AVI اين فرمت منحصراً متعلق به سيستم عامل ويندوز است.

MOV فرمتی مختص به سيستم های Macintosh می باشد.

جاوا اپلت (JavaApplets )

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

استايل شيت ( Style sheets )

عنصر منتقل کننده ی اطلاعات به عنوان «يک الگوی مشترک» در بين صفحات. به عنوان مثال ما يک الگو برای رنگ متن می سازيم و سپس آن را در میان صفحاتی که می خواهيم به اشتراک می گذاريم.

( DHTML )

DHTML از کلمات Dynamic Html گرفته شده است که در بالا بردن جذابيت وب سايت شما به طور موثری عمل می کند. شما با استفاده از کدهای javascript و Dhtml قادرید تا یک سايت پويا و زیبا را طراحی کنيد.

استاندارد W3C چیست؟

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

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

Page title

عنوان تب یا صفحه ای است که در بالای پنجره مرورگر نشان داده می شود و در میان تگ های Title قرار گرفته است.

On-Page Factors

فاکتور هایی مانند لینک ها، متون، تگ ها و غیره از «سئو» که در طراحی، بر روی رتبه بندی سایت شما تاثیر می گذارند.

Off-Page factor

فاکتور هایی وابسته به عناصر دیگر وب سایت (لینمک های اصلی) از که در طراحی، بر روی رتبه بندی سایت شما تاثیر می گذارند.

صفحه‌ی وِب (Web Page)

مجموعه ای از تصاویر و نوشته ‌ها كه به صورت یك صفحه از طریق اینترنت در دسترس کاربران قرار دارد.

وب سایت (Web Site)

وب سایت ها، همان پایگاه هایی که بر روی فضای مجازی اینترنت قرار دارند. این پایگاه ها شامل مجموعه ای از صفحات وب یاWeb Page حاوی اخبار ، تصاویر، اطلاعات تجاری - علمی، تبلیغات و ... هستند؛ كه توسط آدرس مشخصی تحت نام علمی Domain از طریق اینترنت قابل دسترسی می‌باشند.

وب سرور (Web Server)

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

صفحه‌ی ثابت یا Static Page

یک صفحه ی وب حاوی مطالبی ثابت برای بازدید کننده.

صفحه‌ی پویا یا Dynamic Page

یک صفحه ی وب حاوی مطالبی متغیر برای بازدید کننده که این تغییرات به درخواست بازدید

کنندگان متفاوت نمایش داده می شود.

صفحه اصلی یا Home Page

صفحه‌ی ابتدایی یا اصلی یك سایت كه بازدید كنندگان وب سایت، آن را در ابتدای کار مشاهده می کنند.

اینترو (Intro)

اینترو همان انیمیشنی است كه در ابتدای ورود به وب سایت به كاربران و بازدیدکنندگان نمایش داده می‌شود. از اینتروها به دلیل جذاب بودنشان، جهت تاثیر تبلیغاتی بیشتر و خوش آمد گویی به بازدیدکنندگان، استفاده می شود.

سایت فلش یا Flash Site

زمانی که یک وب سایت به طور كامل و با استفاده از صدا و انیمیشن توسط یک سری نرم‌افزارهای خاصی ساخته می‌شود به آن سایت فلش می گویند.

CSS یا سی اس اس:

CSS یک ابزار بسیار مهم جهت قالب‌بندی، رنگ‌بندی، ایجاد جلوه‌های بصری و اعمال تغییرات جدید گرافیکی در صفحات HTML.

ASP.NET یا ای اس پی نت:

یک زبان برنامه‌نویسی تحت وب جدید و پویا، گسترش یافته توسط شرکت مایکروسافت.

PHP یا پی اچ پی:

یک زبان برنامه‌نویسی تحت وب Open Source یا کد باز، گسترش یافته از سمت سرور.
JS یا جاوا اسکریپت:

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

AJAX یا آژاکس:

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

Robot یا ربات:

همان محققان دنیای وب. ربات های خودکار موتور های جستجو را بعضاً با نام spider یا crawlers نیز می شناسند.

برخی از روش های عملکردی ربات ها:

- موتوری که صفحات وب را جست و جو پ یدا می کنند.

- جست و جو و شناسایی صفحات جدید بعد از طراحی وب سایت.

- جست و جو و شناسایی صفحاتی که قبلاً پیدا شده و اکنون تغییر یافته اند.

- و ... .

Keyword

کیوورد به همان واژه های مهم یا کلیدی هر صفحه می گویند.

Keyword Density

منظور از آن «چگالی کلمه» است. چگالی کلمه یعنی تعداد دفعات تکرار واژگان کلیدی وب سایت در مقایسه با سایر کلمات متن.

Keyword Staffing

زمانی که کلمات کلیدی و غیر کلیدی بهد دفعات زیادی تکرار شوند تا چگالی کلمات وب سایت بالاتر رود به آن Keyword Staffing می گویند.

Tinny Text

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

Invisible Text

به متن های نامرئی گفته می شود. یعنی زمانی که شما از متن های همرنگ با پس زمینه صفحه استفاده می کنید از متن های نامرئی بهره برده اید.

Spam

اسپم یا تقلب: تلاش هایی همچون تکرار یک کلمه به دفعات، استفاده از متن های نامرئی و ... که از طریق آن سعی می شود از راه های غیر معمول و تقلبی، رتبه های بالایی برای وب سایت کسب شود.

ALT tag

محتوایی شامل متنی که یک عکس را توضیح می دهد.

Deep Crawl

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

Robots.txt

یک فایل متنی بسیار ساده است که در آن می توانیم «میزان دسترسی موتور جستجوگر به محتوای یک سایت» را کنترل کنیم.

META robots tag

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

Learn Frequency

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

URL-Uniform Resource Locator

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

Stop Word

کلمات مهم اینترنتی شامل the, a, an, web www, home page, و ...که به طور معمول در اینترنت زیاد دیده می شوند.

Meta tags

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

META Keywords

از طریق META Keywords، کلمات کلیدی یک صفحه وب سایت در اختیار موتورهای جستجوگر قرار می گیرد.

META Description

از طریق META Description، توضیحات مختصری از یک صفحه وب سایت در اختیار موتورهای جستجوگر قرار می گیرد.

Stemming

هرگاه موتورهای جستجو بتوانند به اشکال مختلف یک کلمه را جستجو کنند. مثلا یک موتور جست و جو به جای swim بتواندswimmer ، swimming را نیز جست و جو کند.

Rank

همان رتبه وب سایت شما در نتایج جستجو.

Spamdexing

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

Comment

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

کار تگهای < > چيست؟

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

برچسب ها وب سایت طراحی وب سایت سایت HTML کد HTML widget header Wireframe

بیشتر بخوانید: معرفی کسب و کار ها
بیشتر بخوانید: ثبت و معرفی کسب و کار خود در رایا مگ