افتخار طراحی سایت بیش از ۱۷۰۰ کسب و کار ایرانی و خارجی

تیم تحریریه

نمونه کارها

آموزش طراحی سایت(جلسه 1) : html چیست؟

خانه » مقالات طراحی وب » آموزش طراحی سایت(جلسه 1) : html چیست؟

[post-views]
21 ژانویه 2017

نظاره گر پیشرفت کسب و کار خود باشید ، وقتی اسپیناس وب جرئی از تیم شما می شود

HTML چیست ؟

دورره آموزش طراحی سایت با HTML

– HTML به معنای زبان نشانهگذاری ابرمتن است.
– يعني هر چند ما در اين زبان يک سری متن را تايپ ميکنيم اما اين متون، معنايي فراتر از ابرمتن متن دارند.
– در اين دوره ، HTML5 تدريس ميشود.
– هر چند html به حروف کوچک و بزرگ حساس نيست اما بهتر است نام تگها و نام صفات با حروف کوچک انگليسي نوشته شوند.
سادهترین برنامه به زبان HTML :

<!DOCTYPE html>  <html>  <head>  <title>First Page</title>  </head>  <body>  <h1 align="center">Hello World!</h1>  </body>  </html>

Hello World!

اولین گام در طراحی سایت:
اولين گام در شروع به طراحي، ايجاد يک پوشه برای آن سايت است. اين پوشه ميتواند به هر نامي انتخابشود اما چه بهتر که همنام دامنهی سايت باشد؛ مثلاً aftab.cc .

اما نکته مهم اين است که با خودتان قراردادکنيد که هر چيزی که قرار است در سايت شما استفاده شود، بايد به اين پوشه منتقل شود. عکسها، ويدئوها،اصوات و … همه بايد ابتدا به اين پوشه منتقل شوند سپس در کدنويسي به آنها اشاره شود. يعني ميشوديکي در درايو C شما باشد، يکي در درايو D شما، يکي روی دسکتاپ شما!!در اين پوشه، زيرپوشههای مرتبط با محتوای خود بسازيد. مثلاً پوشهای به نام img برای عکسهای سايت.پوشهای به نام video برای ويدئوهای سايت…

نحوهی اجرای کدهای HTML :

برنامه بالا را در NotePad تايپ کرده و در پوشه سايت که قبلاً ساختهايم، با نام index.html و باEncoding ، UTF-8 ذخيره ميکنيم. )توجه داشته باشيد که Encoding پيشفرض يعني ANSI زبانفارسي را پشتيباني نميکند.(1 Hyper Text Markup Language

مفهوم tag در طراحی سایت تهران :

– تگ يعني برچسب
– ما عناصری داريم؛ مانند عکس، متن، ويدئو و … قرار است آنها را با برچسبها به ديوار سايت خودبچسبانيم.
– در HTML محدودهی عناصر با تگها مشخص ميشوند.مانند {}و () که برای مشخص کردن يکمحدوده در زبان هستند

تگها و اجزای تشکیل دهنده آن:

Hello world!

– صفتها به تگ دستور ميدهند که به چه روشي عمل کنند. در html درج صفتها به اين صورت
است:

 عنصر/ Element
 Attribute / صفت
 Content / محتوا
 Closing tag
 Opening tag
name="value"

نام صفت =”مقدارصفت ”
– مقدار هر صفت بايد در دابلکوتيشن “قرار بگيرد.
– قبل از نام هر صفت، يک فاصله بزنيد.

فضای سفید در طراحی سایت :

در HTML هر تعداد فاصله Space که بيش از يک فاصله باشد، يک فاصله به حساب ميآيد. يعني به طور مثال اگر در بخش کد نويسي بين دو کلمه، 100 فاصله وارد کنيم در مرورگر يک فاصله بيشتر نمايش داده نميشود. برای درج فاصله های بيشتر از يکي، از عبارت استفاده کنيد.

نیازسنجی

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

0 اسپیناس وب اسپیناس وب