نوشته‌هایی با برچسب "قالب رابین وب"

آموزش زبان html در قالب یک پروژه (قسمت 4) | رابین وب | RabinWeb آموزش زبان html در قالب یک پروژه (قسمت 4) | رابین وب | RabinWeb

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

آموزش زبان html در قالب یک پروژه (قسمت 5) | رابین وب | RabinWeb آموزش زبان html در قالب یک پروژه (قسمت 5) | رابین وب | RabinWeb

استفاده از تصاویر گرافیکی در صفحات وب:. از سال ۱۹۹۴ به بعد،استفاده از تصاویر گرافیکی در سایت های وب،آنقدر گسترده شده که گوئی بصورت یک قانون درآمده است. همانطور که که شاید هیچ مجله بدون تصویری نتوان پیدا کرد،سایت های وب نیز استفاده تصاویر گرافیکی را در دستور کار خود قرار داده اند. استفاده از این تصاویر بود که باعث شد وب تا این حد معروف و پر طرفدار شده و اینترنت از آن حالت سرد قبلی که فقط متن در آن قابل روئت بود،خارج شود. این تصاویر،باید طرز ذخیره سازی(format) خاصی داشته باشند و حتی المقدور حجم زیادی اشغال ننمایند. تصاویر بزرگ و حجیم به مدت زیادی

طراحی قالب سایت در فتوشاپ(سری 3) قالب ساده | رابین وب | RabinWeb طراحی قالب سایت در فتوشاپ(سری 3) قالب ساده | رابین وب | RabinWeb

در این آموزش طراحی قالب سایت, قصد طراحی یک صفحه ساده را داریم,سادگی در این آموزش مهم نیست,مهم نکاتی است که در هنگام این آموزش فرا خواهید گرفت. دوستان زیادی درخواست آموزش های ساده را داشتند و من این آموزش را بسیار مناسب دیده ام. طراحی این قالب در دو بخش می باشد. بخش اول طراحی قالب در فتوشاپ و بخش دوم تبدیل psd به html و css می باشد. صفحه نهایی طراحی شده:. بعد از پایان این آموزش شما باید صفحه ای مانند زیر را طراحی کنید. گام ۱:ایجاد سند جدید. ابتدا نرم افزار فتوشاپ را باز کرده و با استفاده از منو File > New یک سند جدید با ابعاد ۱۱۵۰ در ۹۰۰ پیکسل ا

طراحی قالب سایت در فتوشاپ (سری 1) | رابین وب | RabinWeb طراحی قالب سایت در فتوشاپ (سری 1) | رابین وب | RabinWeb

در این آموزش قصد طراحی قالب فوق را در فتوشاپ داریم. همانطور که می بینید در قالب فوق از رنگ های بسیار زیبایی استفاده شده است. برای داشتن یک سایت زیبا باید اطلاعاتی در مورد رنگ,فونت,سایز و … داشته باشید که این اطلاعات تنها با تکرار و تمرین ایجاد می شود. بعد از این آموزش باید قالب زیر را طراحی کنید. گام ۱:. نرم افزار فتوشاپ را باز کرده و یک فایل جدید با عرض ۱۰۲۰ و ارتفاع ۱۸۲۰ پیکسل ایجاد کنید. از منوی Image>Convas Size مانند تصویر زیر Anchor را در سمت بالا,وسط قرار دهید. برای ایجاد یک سری خطوط که ما را در طراحی قالب کمک خواهند کرد باید از ابزار خط

آموزش زبان html در قالب یک پروژه (قسمت 1) | رابین وب | RabinWeb آموزش زبان html در قالب یک پروژه (قسمت 1) | رابین وب | RabinWeb

درس ۱:شروع کردن. در این درس،شما را با با نرم افزار های لازم برای ساخت وب سایت،آشنا می کنیم. چه چیزی نیاز است؟. شما به یک مرورگر یا Browser نیاز دارید. مرورگر برنامه ای است که به شما امکان می دهد تا بتوانید وب سایت ها را باز کنید و به درستی بتوانید محتویات آن را مشاهده کنید. مهم نیست که شما از چه مرورگری استفاده می کنید. بیشتر افراد از مرورگر ماکروسافت اینترنت اکسپلورر(Microsoft internet explorer) استفاده می کنند. بعضی دیگر از مرورگر ها،opera,Mozilla firefox و… هستند که می توانید از آنها هم استفاده کنید. شاید شما در باره برنامه هایی از قبیل fron

آموزش زبان html در قالب یک پروژه (قسمت 2) | رابین وب | RabinWeb آموزش زبان html در قالب یک پروژه (قسمت 2) | رابین وب | RabinWeb

درس ۲:HTML چیست؟. HTML “زبان مادری”مرورگر شماست. اگر بخواهیم این داستان بلند رو کوتاه کنیم،HTML به وسیله یک مخترع به نام Tim berners-lee اختراع شد. هدف از این اختراع این بود که دستیابی به دیگر اسناد رو در دانشگاه آسان کند. این پروژه به اندازه ای بزرگ شد که burners-lee انتظار نداشت. امروزه HTML پایه و اساس اینترنت می باشد. زبان HTML این امکان را به شما می دهد که اطلاعات خود را بر روی اینترنت نمایش دهید. تمام چیزهایی که در صفحه های اینترنت،به وسیله مرورگر ها مشاهده می کنید. برای دیدن کد های HTML بر روی صفحات اینترنت،بر روی گزینه View از منوی بالا

آموزش زبان html در قالب یک پروژه (قسمت 7 پایانی) | رابین وب | RabinWeb آموزش زبان html در قالب یک پروژه (قسمت 7 پایانی) | رابین وب | RabinWeb

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

آموزش زبان html در قالب یک پروژه (قسمت 6) | رابین وب | RabinWeb آموزش زبان html در قالب یک پروژه (قسمت 6) | رابین وب | RabinWeb

درس۶:. طبقه بندی اطلاعات با استفاده از لیست ها:. لیست ها ابزار مفیدی برای دستبه بندی اطلاعات پیچیده،به صورتی خلاصه و قابل فهم می باشند. به کمک HTML می توان حداقل سه نوع لیست مفید ساخت که عبارتند از:. ۱-لیست های مرتب(شماره دار). ۲-لیست های غیر مرتب(گلوله دار). ۳-لیست های تعریف. همچنین می توان با ترکیب این لیست ها،لیست های مرکب و تو در تو ایجاد کرد. در زیر،روش ساخت سه نوع لیست یاد شده را توضیح می دهیم:. ۱-لیست های مرتب(شماره دار). لیست شماره دار،لیستی است متشکل از چند عضو که برای هر یک از این اعضا یک شماره اختصاص داده شده است. به وسیله HTML ،می ت

آموزش زبان html در قالب یک پروژه (قسمت 3) | رابین وب | RabinWeb آموزش زبان html در قالب یک پروژه (قسمت 3) | رابین وب | RabinWeb

فصل ۳:ساختار دستورات. دستورات HTML،در واقع ابر متن ها را علامتگذاری می کنند و با این کار روش به نمایش درآمدن آنها را به مرورگر می فهماند. به طور کلی دستورات HTML بین دو علانت کوچکتر > و بزرگتر < قرار می گیرد و به این ترتیب از متن عادی متمایز می شوند. اکثر دستورات HTML به صورت جفت هستند و شامل یک دستور آغازین و یک دستور پایانی می شوند. قبل از دستورات پایانی،یک علامت/ قرار می گیرد. دو دستور آغازین و پایانی،با احاطه کردن متن،آنرا علاماگذاری می کنند. برای مثال،دستور <B> برای به منظور درآوردن متن با حروف ضخیم Bold یکار می رود. برای اینکه قسمتی از مت

تبدیل psd به html/css (قالب خاکستری) | رابین وب | RabinWeb تبدیل psd به html/css (قالب خاکستری) | رابین وب | RabinWeb

قالبی که قصد کد نویسی آن را داریم,شباهت زیادی به قالب های سیستم های مدیریت محتوا دارد. شما بعد از این آموزش می توانید یک قالب اختصاصی برای خود طراحی کنید و قسمت های دلخواه را حذف یا اضافه کنید. در این آموزش ما تنها با CSS و HTML کار می کنیم و تنها برای استاندارد کردن قالب در مرورگر اینترنت اکسپلورر ۶ از چند تابع CSS3 استفاده می کنیم. طرح کلی قالب :. همانطور که می دانید در این آموزش قصد طراحی را نداریم و فقط کدنویسی آن یعنی تبدیل PSD به CSS/HTML را فرا می گیرید. اسلایس کردن:. با استفاده از ابزار Slice شما می توانید بخش های مورد نیاز قالب خود را

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

مشاهده سایت نشونه