کاتالوگ آنفایو
051-38550086 051-38515396 09355240891

HTML

Html چیست؟
سه شنبه ۹ خرداد ۹۶

Html چیست؟

Html  یک زبان برنامه نویسی است که می توان برای توصیف صفحات وب از آن استفاده کرد .در واقع یک زبان کد نویسی برای صفحات وب.

Html مخفف Hyper Text Markup Language است.

وقتی یک مرورگر مثل اینترنت اکسپرور یا فایرفاکس یا گوگل کرم صفحات وب رانشان می دهد برای خواندن و تفسییر یک سند Html است.این سند ممکن است به اندازه ۱۰خط کوتاه باشد و یا به ندازه صدها خط طولانی باشد. مروگر اهمیتی نمی دهد که هم آن خوانده شود.

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

HTML چیست؟

چه تفائتی بین Html و HTML5 وجود دارد؟ یک آموزش گسترده نسبت به این سوال خواهیم دید. اما چیزی که مهم است این است که هرچیزی که از HTML یاد دارید وقتی HTML5 می اید هنوز معتبر است و آنها را نباید دور ریخت.

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

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

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

چیزی که باید مطمئن باشید این است که html5 دارای امکاناتی هست که صفحات وبی که ساخته خواهد شد با apple و google تعامل خیلی خوبی برقرار می کند. کنسرسیوک W.W.W کارهای نسل جدید Html ……..

پس بیاید HTML5 را یاد بگیریم.

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

ادامه مطلب
نحوه غیر فعال کردن HTML در نظرات وردپرس
جمعه ۱۹ آذر ۹۵

نحوه غیر فعال کردن HTML در نظرات وردپرس

به طور پیش فرض، وردپرس اجازه ورود دستورات خاص با کد HTML در نظرات مانند <A>و<em> و <strong> و غیره را به شما میدهد.گر شما متوجه شده باشید بسیاری از نظرات اسپم نیز حاوی این دستورات هستند. ادامه مطلب

ادامه مطلب
آموزش html قسمت چهارم (  تگ های نوشتاری )
شنبه ۱۱ بهمن ۹۳

آموزش html قسمت چهارم ( تگ های نوشتاری )

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

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

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

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

ادامه مطلب
آموزش html قسمت سوم ( تگ head )
جمعه ۱۰ بهمن ۹۳

آموزش html قسمت سوم ( تگ head )

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

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

در سومین قسمت از آموزش های شرکت طراحی قالب وردپرس آنفایو قصد بررسی تگ هد ( head ) و اجزاء آن را داریم.این تگ قبل از تگ بادی نوشته می شود و برای معرفی صفحه به جستجوگر یا افزودن کدهای css و جاوا استفاده می شود. مرورگرها محتویات این تگ را پنهان میکنند.

به طور معمول پنج تگ داخل تگ head قرار میگیرند.

۱-      Titel

۲-      Meta

۳-      Link

۴-      Script

۵-      Style ادامه مطلب

ادامه مطلب
آموزش html قسمت دوم ( فارسی در طراحی سایت )
چهارشنبه ۸ بهمن ۹۳

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

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

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

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

Utf8 بدون boom

Utf8 با boom

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

ادامه مطلب
آموزش html قسمت اول (نحوه کد نوشتن)
دوشنبه ۶ بهمن ۹۳

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

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

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

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

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

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

ادامه مطلب
آموزش HTML
یکشنبه ۱۷ فروردین ۹۳

آموزش HTML

آموزش HTML

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

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

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

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

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

وارد کردن تصاویر در صفحات 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>

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

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

ادامه مطلب
عناصر HTML
یکشنبه ۱۷ فروردین ۹۳

عناصر HTML

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

ادامه مطلب

هاست پرسرعت سرور ایران

مشاهده پلن‌ها
آنفایو

استعلام قیمت بصورت آنلاین

تلگرام