آموزش طراحی قالب بلاگفا – درسنامه شماره 2

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

 در این درس نامه خواهیم گفت که

             ما به چه چیزهایی نیاز داریم  .

همانطور که در درس قبل ذکر شد ما برای طراحی قالب بلاگفا باید با HTML و CSS کد نویسی کنیم . برای اینکار به ویرایشگر کد های HTML نیاز داریم .

 HTML می تواند با استفاده از ویرایشگرهای متفاوتی مانند Dream Weaver و یا Visual Studio نوشته یا ویرایش شود . البته ما در این آموزش ها از یک ویرایشگر متن ساده مانند نوت پد ویندوز (Notepad) و یا Notepad++ برای ویرایش اسناد HTML استفاده می کنیم . زیرا معتقدیم که استفاده از یک ویرایش گر ساده بهترین روش برای یادگیری HTML است .البته Notepad++ علاوه بر سادگی امکانات بیشتری نسبت به نوت پد ویندوز دارد و توصیه می کنیم از این ویرایشگر استفاده کنید . برای دانلود این نرم افزار از لینک های زیر استفاده کنید .

دریافت بسته نصبی از اینجا

دریافت بسته پرتابل از اینجا

برای دیدن تصاویر در اندازه واقعی بر روی آن کلیک کنید

روند آموزش

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

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

 آموزش های بیشتر :

معرفی HTML - به زبان انگلیسی

 ویرایش HTML - به زبان انگلیسی

 

نمونه فرم های html قسمت 2

http://www.formspring.me

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

4. http://builtbybuffalo.com/contact

 

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

 

نمونه فرم های html

نمونه فرم های HTML برای طراحی وب

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

1. http://www.rxbalance.com/contact.html

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

2. http://www.awesomejs.com/contact.html

یک نمونه خوب از یک فرم تماس است که کاربران می توانند سوالات خود را هم مانند اطلاعات تماس ارسال کنند .

نمونه های بیشتر در :

نمونه فرم های HTML برای طراحی وب

آموزش طراحی قالب بلاگفا - درسنامه شماره 1

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

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

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

صفحات وب

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

شما برای دیدن کد هایی که در پشت صفحاتی که شما مشاهده می کنید ، کافیست در صفحه مورد نظر راست کلیک کرده و گزینه view page source کلیک کنید ( توجه شود این گزینه برای مروگر فایرفاکس است و در دیگر مرورگر ها ممکن است اندکی متفاوت باشد مثلا در اینترنت اکسپلورر باید گزینه page source را بزنیم ) تا کد های آن صفحه از وب را برای شما نمایش دهد .

نمونه نمای گرافیکی یک وبسایت

تصویر بخشی از کدهای همان قالب - برای دیدن در سایز بزرگتر روی آن کلیک کنید

برای کد نویسی صفحات وب زبان های مختلف برنامه نویسی مانند PHP , ASP , HTML , Java  و ... ایجاد شده است . ما به جزییات این زبان ها کاری نداریم فقط  از HTML و CSS برای طراحی قالب خود بهره می گیریم و اندکی هم با Javascript آشنا خواهیم شد ، تا بتوانیم قالب خود را به آسانی طراحی کنیم .

HTML چیست ؟

HTML  مخفف Hyper Text Markup Language است . HTML یک زبان برنامه نویسی نیست بلکه زبان نشانه گداری است و شما می توانید در بیشتر صفحات وب آنرا مشاهده کنید . این زبان با تگ هایی به توصیف اشیا در یک صفحه وب می پردازد .

برای یافتن توضیحات بیشتر به لینک های زیر مراجعه کنید .

مجموعه آموزشی HTML از وبسایت معتبر w3schools - زبان انگلیسی

معرفی HTML از  w3schools - انگلیسی

معرفی HTML - ترجمه فارسی لینک بالا

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

پایان درسنامه اول

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

در آمد 50 میلیون دلاری گوگل در سال 2012

لری پیج در سخنانی اعلام کرد با پشت سر گذاشتن فصل چهارم سال مالی 2012 درآمد سالانه این کمپانی برای اولین بار در تاریخ به 50 میلیارد دلار رسید.

موسس گوگل ضمن ابراز خوشحالی افزود سود فصل چهارم به 2.89 میلیارد دلار رسید و در مجموع سود خالص گوگل در سال 2012 بالغ بر 10.7 میلیارد دلار شد.(مقایسه کنید 50 میلیارد دلار درآمد و 10 میلیارد دلار سود خالص)

به گفته وی درامد فصل چهارم گوگل با 36 درصد افزایش نسبت به مشابه سال قبل از آن، به 14.4 میلیارد دلار رسید. سهارم گوگل بعد از گزارش قوی ارائه شده افزایش یافت و به ازای هر سهم به 738 دلار رسید .

تسخیر کامل بازار تبلیغات دیجیتالی در امریکا توسط گوگل به گزارش eMarketer رشدی 14.9 درصدی را در اختیار گرفت و در سه ماهه پایان سال نیز به 10.58 میلیارد دلار رسید.

مارکت تراکر نیز گزارش داد گوگل 41 درصد از بازار تبلیغات آنلاین را در اختیار دارد.

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

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

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

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

نکته دیگر علی رغم سرمایه گذاری موتورولا روی جعبه های تلویزیونی، گوگل تی وی نیز جدا به کار خود ادامه می دهد و هنوز استراتژی درستی در این زمینه توسط مدیران گوگل اتخاذ نشده است.

من بازم اومدم - نمی دونم کی میرم