ویرایش تصاویر در HTML

تعداد بازديد : 317

ویرایش تصاویر در HTML

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

برای نمایش دادن تصاویر در صفحه وب باید آنها را با تگ <img> مشخص کنیم.

تگ <img> یک تگ تهی است، اون فقط دارای خصوصیتها است و تگ بسته ندارد.

ویژگی src آدرس یا URL تصویر را مشخص میکند.

ویژگی alt

تاریخ ارسال پست: پنج شنبه 19 اسفند 1395 ساعت: 6:52

می پسندم 0 نمی پسندم 0

نمونه های پایه HTML

تعداد بازديد : 249

نمونه های پایه HTML

اگر با تگهایی که در این مثالها استفاده کرده ایم آشنایی ندارید، اصلاً نگران نباشید در آموزشهای بعدی همه آنها را فرا خواهید گرفت.

همانطور که پیش تر هم گفته بودیم یک سند HTML با تگ <html> آغاز و با تگ <html/> به پایان میرسد و همچنین قسمتی که در سند اچ تی ام ال قابل دیدن است را بین تگ <body> و <body/> میگذاریم.

<html>

<body><h1>My First Heading</h1><p>My first paragraph.</p>

</body> </html>

سرعنوان های HTML

تاریخ ارسال پست: پنج شنبه 19 اسفند 1395 ساعت: 6:51

می پسندم 0 نمی پسندم 0

کلمات رزرو شده در html

تعداد بازديد : 297

کلمات رزرو شده در html

کلمات رزرو شده

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

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

موجودیتهای HTML

برخی کاراکترها مانند علامت کوچکتر < یا علامت بزرگتر > در HTML رزرو شده اند. اگر از کاراکترهای رزرو شده، علامت کوچکتر (>) و علامت بزرگتر (<) در متن خود استفاده کنید، ممکن است مرورگر خیال کند که یک تگ هست. موجودیتهای کاراکتر برای نمایش کاراکترهای رزرو شده استفاده میشوند.

تاریخ ارسال پست: پنج شنبه 19 اسفند 1395 ساعت: 6:49

می پسندم 0 نمی پسندم 0

عناصر معنایی HTML5 جیست؟

تعداد بازديد : 225

عناصر معنایی HTML5 جیست؟

عناصر دارای معنی و مفهوم، عناصر معنایی هستند.

عناصر معنایی چه چیزی هستند؟

عنصر معنایی توضیح روشنی از معنی خود به مرورگر و توسعه دهنده میدهد.

توسعه دهندگان با HTML4 از نامهای دلخواه خود برای استایل دادن به صفحه وب استفاده میکردند:

header, top, bottom, footer, menu, navigation, main, container, content, article, sidebar, topnav, … اینکار شناسایی محتوای صفحه وب را برای موتورهای جستجو غیر ممکن میکرد. به وسیله عناصر HTML5 مانند : <header> <footer> <nav> <section> و <article> شناسایی محتوای صفحه وب راحتتر شده.

عناصر غیر معنایی مانند <div> و <span> چیزی در مورد محتوای خود به ما نمیگوید، اما عناصر معنایی مانند <form>، <table> و <img> محتوایشان روشن و واضح است.

تاریخ ارسال پست: پنج شنبه 19 اسفند 1395 ساعت: 6:48

می پسندم 0 نمی پسندم 0

عناصر قالب بندی متن

تعداد بازديد : 221

عناصر قالب بندی متن

HTML عناصر ویژه ای برای قالب بندی متن با معانی به خصوص ارائه داده.

در درس پیش آموختید که چگونه از خصوصیت style برای سبک دهی به عناصر HTML استفاده کنید.

با بهره گیری از عناصری مانند <b> و <i> برای قالب بندی نمایش میتوان متن را بصورت توپر یا کج نمایش داد.

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

تاریخ ارسال پست: پنج شنبه 19 اسفند 1395 ساعت: 6:47

می پسندم 0 نمی پسندم 0

سبک دهی به HTML با CSS

تعداد بازديد : 236

سبک دهی به HTML با CSS

CSS مخفف کلمات Cascading Style Sheets است.

CSS به سه روش میتواند به HTML افزوده شود:

درون خطی : با بهره گیری از ویژگی style عنصر HTML میتوان برایش CSS تعریف کرد.
داخلی : برای تعریف CSS داخلی باید از عنصر <style> در درون قسمت <head> سند HTML استفاده کرد.
خارجی : میتوان چندین فایل خارجی CSS را برای یک یا چند سند HTML بکار گرفت.

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

تاریخ ارسال پست: پنج شنبه 19 اسفند 1395 ساعت: 6:46

می پسندم 0 نمی پسندم 0

جاوا اسکریپت و HTML

تعداد بازديد : 243

جاوا اسکریپت و HTML

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

تگ <script>

تگ <script> برای تعریف اسکریپتهای سمت سرور، مانند جاوا اسکریپت استفاده میشود. همچنین عنصر <script> شامل دستورات اسکریپت یا لینکهایی به فایلهای اسکریپت خارجی از طریق ویژگی src است.معمولا از جاوااسکریپت برای ویرایش تصاویر، اعتبارسنجی فرمها و تغییر دادن محتوا به شکل داینامیک استفاده میکنند.

در اسکریپت زیر با جاوا اسکریپت کلمه Hello را درون عنصر HTML با “id=”demo مینویسیم.

تاریخ ارسال پست: پنج شنبه 19 اسفند 1395 ساعت: 6:45

می پسندم 0 نمی پسندم 0

توضیحات مربوط به HTML

تعداد بازديد : 226

توضیحات مربوط به HTML

برای کامنت گذاشتن در HTML از تگهای <-- --!> استفاده میشود و متن توضیحات را باید در داخل این تگها نوشت.

مرورگرهای وب توضیحات را نمایش نمیدهند، اما نوشتن توضیحات در سند HTML میتونه به خوانایی کدهایی که نوشتید کمک کنه و همچنین میتونید در سند HTML اطلاعیه و یادآوری بگذارید.

تگهای توضیح گذاشتن HTML

با بهره گیری از دستوری که در ادامه خواهم گفت میتوانید در هر جایی از فایل HTML خودتان توضیحات بگذارید.

تاریخ ارسال پست: پنج شنبه 19 اسفند 1395 ساعت: 6:44

می پسندم 0 نمی پسندم 0

آموزش های سبک های HTML

تعداد بازديد : 245

آموزش های سبک های HTML

با استفاده از ویژگی style میتوانید به عناصر HTML یک سبک به صورت پیش فرض بدهید.

در این درس استفاده کردن از ویژگی style رو یاد میگیرید و با فراگیری این مبحث میتونید رنگ پس زمینه، رنگ متن، نوع فونت، اندازه فونت و ترازبندی متن را در عناصر HTML تغییر دهید.

هر عنصری در HTML یک سبک نمایش پیشفرض دارد که مثلاً رنگ پس زمینه همه عناصر سفید است و رنگ متن همه آنها هم مشکی است.

تاریخ ارسال پست: پنج شنبه 19 اسفند 1395 ساعت: 6:42

می پسندم 0 نمی پسندم 0

آموزش کامل عناصر HTML

تعداد بازديد : 247

آموزش کامل عناصر HTML

اسناد HTML به وسیله عناصر HTML ساخته میشوند.

عناصر HTML با یک تگ آغازین، یک تگ پایانی و محتوای بین آنها مانند نمونه زیر نوشته میشوند

<tagname>contenttagname>

از تگ آغازین تا تگ پایانی همه چیز به عنوان عنصر html شناخته میشود.

نکته: برخی از عناصر HTML تگ پایانی ندارند، مانند تگ <br>

عناصر تو در تو

تاریخ ارسال پست: پنج شنبه 19 اسفند 1395 ساعت: 6:41

می پسندم 0 نمی پسندم 0

آموزش فرم ها در HTML

تعداد بازديد : 233

آموزش فرم ها در HTML

فرمهای HTML برای جمع آوری اطلاعات کاربران استفاده میشود.

برای تعریف فرم از عنصر <form> بهره میگیریم.

<form> . form elements . </form>

فرمهای HTML شامل عناصر فرم است.

عناصر فرم انواع گوناگونی از عناصر ورود اطلاعات مانند چک باکسها، دکمه های رادیویی، دکمه ارسال و غیره هستند.

عنصر <input>

عنصر <input> مهمترین عنصر فرم است. این عنصر دارای انواع مختلفی از ابزارهای ورود اطلاعات هست که به وسیله ویژگی type مشخص میشوند.

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

تاریخ ارسال پست: پنج شنبه 19 اسفند 1395 ساعت: 6:40

می پسندم 0 نمی پسندم 0

آموزش تخصصی پیوندها در HTML

تعداد بازديد : 221

آموزش تخصصی پیوندها در HTML

تقریباً در همه صفحات وب میشه چندین پیوند پیدا کرد. لینکها قابلیت حرکت از یک صفحه به صفحه دیگر را به ما میدهند.

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

نحوه ایجاد لینک

در HTML، لینکها با تگ <a> تعریف میشوند:

مثال زیر را برای آشنایی بیشتر با ایجاد پیوند امتحان کنید :

تاریخ ارسال پست: پنج شنبه 19 اسفند 1395 ساعت: 6:38

می پسندم 0 نمی پسندم 0

آموزش طراحی وبسایت(۲)

تعداد بازديد : 221

آموزش طراحی وبسایت(۲)

قسمت دوم آشنایی با قسمت های مختلف یک سایت

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

به طور دقیق اگر بگم هر وبسایتی که شما میبینید از ۳ قسمت اصلی تشکیل شده است: لایه یHTML و CSS و JAVA SCRIPT

یادگیری این ۳ لایه شما را به یک طراح تبدیل میکنید.

لایه ی HTML لایه ی محتوی است و مانند شاسی ماشین شامل تگهای متفاوتی است . لایه یCss به HTML ظاهر و جلوه میدهد و لایه ی جاوا اسکریپت حرکات وبسایت و پویایی آن را در کنترل دارد.

تاریخ ارسال پست: پنج شنبه 19 اسفند 1395 ساعت: 6:35

می پسندم 0 نمی پسندم 0

آموزش طراحی وبسایت ۱

تعداد بازديد : 253

آموزش طراحی وبسایت ۱

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

1-برنامه ای برای ویرایش متن ها و کدهای شما

2-یک مرورگر برای دیدن صفحات وب در آن

3-فرستادن صفحه وب به اینترنت با استفاده از دستور ftp که در ادامه توضیح میدم

تاریخ ارسال پست: پنج شنبه 19 اسفند 1395 ساعت: 6:32