طراحی-سایت-تهران
نحوه ایجاد طرح اینفوگرافیک در طراحی سایت
11/12/2019
راه های ارتقای طراحی سایت در نتایج گوگل
12/12/2019
نمایش همه

طراحی سایت با HTML

طراحی سایت با HTML ، اگر کمی با دنیای طراحی سایت آشنایی داشته باشید حتما واژه ی طراحی سایت با HTML به گوشتان خورده است اگر بخواهیم یک ترجمه ی فارسی برای اچ تی ام ال بیان کنیم می توانیم به آن زبان نشانه گذاری فرا متن بگوییم البته این ترجمه کارایی اچ تی ام ال را به خوبی نشان نمی دهد در ادامه بیشتر با آن آشنا خواهیم شد

 

کاربرد اصلی HTML

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

  1. ساختار بندی اصلی صفحات که با اچ تی ام ال شکل می گیرد
  2. اضافه کردن جذابیت های ظاهری که با طراحی سایت با CSS انجام می شود

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

 

طراحی سایت را از کجا شروع کنیم ؟

طراحی سایت

تگ ( tag ) چیست ؟

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

 

ارتباط HTML و CSS

اچ تی ام ال و سی اس اس به کمک یک دیگر صفحات وب را ایجاد می کنند با استفاده از اولی اسکلت بندی طراحی سایت شکل می گیرد و دومی باعث زیبا و جذاب تر شدن صفحات سایت می شود

 

روش های اجرای فایل اچ تی ام ال

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

 

طراحی سایت

 

آموزش گام به گام اچ تی ام ال

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

چرا HTML یک زبان برنامه نویسی نیست ؟

اچ تی ام ال اصلا ویژگی های یک زبان برنامه نویسی مانند توابع ، حلقه ها و شرط ها را ندارد اچ تی ام ال در واقع ابزاری برای ساختار دهی سایت است

طراحی سایت با HTML 5 چه تفاوتی با اچ تی ام ال دارد ؟

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