چهارشنبه 28 ژانویه 15

آموزش html قسمت دوم ( فارسی در طراحی سایت )

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

یونی کد های مختلفی وجود دارد اما فقط یونی کد utf8 فارسی را پشتیبانی میکند.

یونی کد utf8 بر دو نوع می باشد.

Utf8 بدون boom

Utf8 با boom

این دو نوع نحوه ذخیره سازی ادامه مطلب

ادامه مطلب

دوشنبه 26 ژانویه 15

آموزش html قسمت اول (نحوه کد نوشتن)

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

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

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

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

بعد از انتخاب ویرایشگر و نصب آن بر روی سیستم خود ادامه مطلب

ادامه مطلب

یکشنبه 6 آوریل 14

آموزش HTML

آموزش HTML

1 – وارد کردن تصاویر در صفحات  HTML

2 – وارد کردن کامنت در متن اچ تی ام ال

3 – ساختن لینک برای آدرس ایمیل، بخش اول

4 – ساختن لینک پست الکترونیک، قسمت دوم

………………………………………………………………….

وارد کردن تصاویر در صفحات HTML

آیا شما می خواهید یک عکس را به صفحه خود اضافه کنید؟ برای این کار باید از تگ زیر بهره ببرید:

<img src=”image.gif”>

در این تگ IMG نشانه قرار گرفتن تصویر در صفحه و SRC آدرس محل قرار گرفتن فایل عکس است. حتماً لازم نیست این عکس مربوط به سایت شما باشد یا در سرور شما قرار داشته باشد، شما می توانید هر عکسی که در اینترنت قابل دسترسی باشد استفاده کنید (اگر قصد دارید صفحه خود را در یک سایت اینترنتی قرار دهید) . شما می توانید فقط نام فایل را به جای آدرس کامل بنویسید اگر صفحه ای که عکس باید در آن قرار گیرد و خود عکس در یک پوشه قرار داشته باشند.
مثلاً اگر عکس شما در این آدرس قرار دارد http://www.example.com/images/image.gif و صفحه ای که در حال ویرایش آن هستید در پوشه ای غیر از این قرار دارد شما باید تگ زیر را برای اضافه کردن عکس به صفحه خود به استفاده کنید:

<img src=”http://www.example.com/images/image.gif”>

اگر فایل html و عکس هر دو در یک پوشه باشند می توانید برای راحتی در تایپ کردن  این تگ را به کار ببرید:

<img src=”image.gif”>

پسوند فایل حتماً نباید gif. باشد. یعنی شما می توانید از فرمتی مثل jpg. نیز استفاده کنید. این دو فرمت از بقیه پر استفاده تر هستند. اگر شما عکسی با فرمتی غیر از این دو فرمت دارید می توانید از برنامه های ویرایش عکس از قبیل فتوشاپ برای تبدیل کردن آنها استفاده کنید.

برای نمونه من می خواهم یک عکس را با نام learn_html.gif را که در پوشه همین صفحه قرار دارد را به این صفحه اضافه کنم. در اینجا از این تگ استفاده کرده ام:

 <img src=”learn_html.gif”>

به این ترتیب یک تصویر در سمت چپ صفحه ظاهر میگردد (در صورتی که صفحه ما چپ به راست باشد). اگر می خواهید تصویر در مرکز صفحه ( وسط خط ) باشد باید از تگ <CENTER> در اطراف تگ تصویر استفاده کنید. مانند زیر:

<center>
<img src=”learn_html.gif”>
</center>

روشهای دیگری هم برای نشان دادن عکس در وسط صفحه وجود دارد که با توجه به کم کاربرد شدن تگ <center> در نسخه چهارم HTML از آنها استفاده می شود. مثلاً می توان از تگ <div> با شناسه “align=”center استفاده کرد.

به خاطر داشته باشید که آدرس محل عکس و نام آن به حروف کوچک و بزرگ حساس هستند. پس ممکن است اگر به جای image.jpg از IMAGE.JPG استفاده کنید ممکن است مرورگر شما عکسی را در صفحه نشان ندهد. پس به نوشتن آنها توجه کنید

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

وارد کردن کامنت در متن اچ تی ام ال

توضیحات ( کامنتها ) می توانند وقتی که در حال نوشتن صفحه خود هستید به شما کمک کنند. مرورگرها نمی توانند کامنتها را نشان دهند پس در صفحه نهایی آنها به بیننده نشان داده نمی شوند. تنها راه مشاهده کامنتها مشاهده صفحه Source code صفحه است که با زبان HTML نمایش داده شود. با استفاده از این خاصیت شما می توانید در هنگام نوشتن یک صفحه برای خود یادداشت بگذارید تا وقتی که بعداً به آن نگاه کردید بهتر آرا درک کنید.

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

برای نوشتن یک کامنت شما باید ابتدا این علامت > سپس علامت تعجب ! و بعد دو خط فاصله — (دش) بگذارید. بعد از این علائم هر متنی که بنویسید توسط مرورگر نمایش داده نمی شود. تا وقتی که علامت پایان کامنت در انتهای آن قرار گیرد.

علامت پایان کامنت به این صورت نوشته می شود: ابتدا دو خط فاصله — سپس این علامت < . به مثال زیر دقت کنید:

<!– این یک کامنت است –>

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

<!–
این یک کامنت است
کامنتها در مرورگر نمایش داده نمی شوند
–>

ساختن لینک برای آدرس ایمیل، بخش اول

برای ایجاد یک لینک که بیننده با آن بتواند به شما ایمیل بفرستد باید ز تگ استاندارد لینک استفاده کنیم. اما تفاوت این لینک با لینک به یک صفحه در آدرسی است که به عنوان مقصد لینک نوشته می شود. برای اینکه مرورگر را مجبور کنیم لینک را به عنوان یک لینک ایمیل بشناسد، باید از این عبارت :mailto به جای //:http در آغاز آدرس استفاده کنیم و بعد از آن آدرس ایمیل را بنویسیم. به یک مثال دقت کنید:

<a href=”mailto:example@example.com”>متن لینک</a>

لینکی که در صفحه می بینید به صورت زیر است که برای فرستادن ایمیل به آدرس example@example.com ساخته شده است.

تنها کاری که شما باید انجام دهید جایگزین کردن example@example.com با آدرس ایمیل خودتان است.

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

شما میتوانید همچنین یک موضوع هم برای ایمیل در لینک قرار دهید تا بیننده مجبور نباشد چیزی غیر از متن اصلی بنویسد.

این کار ار می توانید با افزودن علامت سوال به انتهای آدرس ایمیل و نوشتن =subject بعد از آن انجام دهید. مانند زیر:

<a href=”mailto:example@example.com?subject=this is the subject”>متن لینک</a>

با کلیک کردن بر روی این لینک صفحه ای برای فرستادن ایمیل باز می شود که قسمت آدرس(to) و قسمت موضوع (subject) در آن کامل شده است و آماده است برای فرستاده شدن.

ساختن لینک پست الکترونیک، قسمت دوم

در بخش اخیر ما در مورد اینکه چگونه یک Subject را برای پیام خود از طریق یک لینک E-mail مشخص کنیم بحث کردیم. ما این کار را با استفاده از این عبارت
=subject? و نوشتن موضوعی که می خواهیم در بخش subject در ایمیل نوشته شود بعد از عبارت مذکور انجام می دهیم. برای مثال لینک زیر برای ارسال پیام با موضوع Learn HTML به کار می رود:

<a href=”mailto:example@example.com?subject=learn html”>متن لینک</a>

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

برای مثال شما میتوانید یک رونوشت (Carbon Copy) از پیام را به همراه آن برای کس دیگری بفرستید. یا یک نسخه مخفی را برای دیگری بفرستید. یا هر دوی اینها را به کار ببرید و باهم ترکیب کنید و…

برای فرستادن یک رونوشت از ایمیل باید بعد از علامت سوال از فرمان =cc استفاده کرده و بعد آدرس ایمیل کسانی که قرار است رونوشت را دریافت کنند بنویسید. در سطر زیر یک نمونه از این نوع لینک آورده شده است:

<a href=”mailto:mainmail@example.com?cc=corboncopy@example.com”>متن لینک</a>

برای فرستادن یک نسخه مخفی از ایمیل نیز مانند بالا عمل می کنیم فقط به جای cc در فرمان بالا از bcc استفاده می کنیم. مانند زیر:

<a href=”mailto:mainmail@example.com?bcc=corboncopy@example.com”>متن لینک</a>

لینک به دست آمده مانند زیر است.

اگر خواستید یک ایمیل را به چند نفر بفرستید باید بین آدرسهای مختلف از کاما استفاده کنید. مانند زیر:

<a href=”mailto:main@example.com?bcc=other1@example.com, other2@example.com”>متن لینک</a>

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

<a href=”mailto:main@example.com?subject=learn html&cc=other@example.com”>متن لینک</a>

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

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

ادامه مطلب

یکشنبه 6 آوریل 14

عناصر HTML

دستوریا تگ های HTML فایل های متنی هستند که با عناصر HTMLساخته شده اند .
معمولا عناصر در HTML با یک تگ پایانی شروع و با یک تگ پایانی خاتمه می یابند . ادامه مطلب

ادامه مطلب