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


توسط : روابط عمومی رشدانا در 16 جولای 2019

در بخش یک  از آموزش طراحی سایت با html با گام‌های اساسی در مورد اینکه چه کار کنیم و چه چیزهایی را قبل و در حین ساخت یک وب سایت آشنا شدید.

در ادامه  بصورت کلی و مقدماتی به این بحث میپردازیم.

 

 

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

 HTMLچیست؟

HTML یا Hyper Text Markup Language که زبانی پایه برای طراحی وب سایت است.

تاریخچه Markup Language ها و HTML:

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

کارکرد این زبان ها بر اساس پردازش متن است.

بعد ها تیم برنرزلی زبانی به نام Hyper Markup Language (نشانه گذاری فرامتنی) هنگام طراحی شبکه اینترنتی منتشر کرد که امروزه در تمامی وبسایت ها با عنوان اختصاری HTML یافت میشود.

تابحال ۵ نسخه از آن منتشر شده و آخرین نسخه آن HTML 5 است.

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

 

 

تگ های HTML:

هر صفحه HTML دارای قسمت هایی است که به آن تگ میگویند و دارای کلمات از پیش تعیین شده است که بین دوتا<> قرار میگیرد و دارای ساختار زیر است.

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

لیست editor های مختلف برای نوشتن HTML:

  • Notepad ++
  • Adobe Dreamweaver
  • Web Storm
  • Sublime text
  • Brackets
  • Mictosoft Web Matrix
  • و…

در ابتدا نرم افزار Notepad ++را از این سایت دانلود کرده و پس از نصب گام های زیر را برای نوشتن نمونه ای از HTML دنبال کنید.

  1. پوشه ای در درایو دلخواه بانام دلخواه مثلا بنام  HTML درست کنید و درون آن فولدر پروژه اول را ایجاد کنید.

 

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

۲٫سپس نرم افزار را باز کرده و در بالا قسمت language کلمه ی Hو سپس HTMLرا انتخاب کرده و فایل موردنظر را در فولدر project1 ذخیره میکنیم .

شروع به کد زدن میکنیم.

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

تگ  HTMLتگ آغازین است که قبل ز همه تگ ها قرار گرقته و کمک میکند تا مرورگر صفحه HTML را بخواند.این تگ در بر گیرنده کل فایل به غیر از (doctype) خواهد بود.

داخل این تگ، تگ body است که نشان دهنده ی شروع صفحه ی ما است.

برای دیدن صفحه باید با مرورگر خودتون فایلHTML را باز کنید یعنی ابتدا روی فایل HTML راست کلیک کرده و با استفاده از Open with آن را با یکی از مرورگر ها(کروم یا فایرفاکس بهتر است) باز کنید.

بخش بعد را با آموزش طراحی سایت با css ادامه خواهیم داد،با ما همراه باشید.

دوره آموزشی پیشنهادی

رویداد هم آفرینی فردوس

Public Art

کارآفرینی فردوس

  • کارگاه آموزشی بوم مدل کسب و کار پروژه های شهری
  • کارگاه آموزشی ساخت MVP و پروتوتایپ پروژه های شهری
  • کارگاه آموزشی نحوه ارائه پروژه های خلاق شهری
  • کارگاه آموزشی اعتبارسنجی پروژه و ایده
  • روش بهینه کردن محصول نهایی برای ارائه به سرمایه گذار

  • زمان: چهارشنبه، پنجشنبه و جمعه 4، 5 و 6 دی ماه 1398
  • مدت زمان دوره : 3 روز
توضیحات بیشتر و ثبت نام
آموزش مقدماتی فتوشاپ

Photoshop Design Workshop

آموزش کار با فتوشاپ، ابزار دست جادوگران


  • آشنایی با محیط فتوشاپ و ایجاد سند جدید
  • آشنایی با ابزار های انتخاب (select)
  • معرفی ابزار های brush . gradient و ابزار های رتوش تصاویر
  • آشنایی با ابزار type و shaps
  • آشنایی با پنل های layers . channels و History
  • انواع ورودی و خروجی گرفتن در فتوشاپ
  • آشنایی با لایه ها و تنظیمات آن
  • آموزش فوتوشاپ با محوریت طراحی UI

  • زمان: نیمه اول بهمن ماه
  • مدت زمان دوره : 4 جلسه 3 تا 4 ساعته
توضیحات بیشتر و ثبت نام
آموزش مقدماتی موشن گرافیک

motion graphic course

لذت شیرین موشن گرافیک را تجربه کنیم


  • معرفی خاصیت ها
  • اصول متحرک سازی
  • شیپ لایر ها و متن ها
  • مبحث حوزه تری دی
  • افکت ها و پریست ها قسمت اول
  • افکت ها و پریست ها قسمت دوم

  • زمان: 24 و 27 و 30 آذر ماه ساعت 16:30 الی 20
  • مدت زمان دوره : سه جلسه ی 4 ساعته
توضیحات بیشتر و ثبت نام
سنجه های کلیدی و شاخص ها

Key Metrics and KPIs

عملکرد کسب و کار خود را مدیریت کنید

شاخص های کلیدی

  • چرا باید عملکرد کسب و کار خود را بررسی و مدیریت کنیم
  • KPI های عمومی کسب و کار
  • KPI های محصول محور
  • KPI های بازاریابی محور
  • مفهوم سنجه های کلیدی عملکرد
  • ویژگی یک KPI خوب
  • چگونه برای کسب و کار خود KPI تعریف کنیم
  • چگونه مدیریت عملکرد کسب و کار خود را برمبنای KPI ها ساماندهی کنیم
  • ابزار های مناسب برای اندازه گیری kpi ها
  • چگونه با استفاده از ابزار و kpi ها فروش خود را افزایش دهیم.

  • زمان: دوشنبه 25آذر ماه 98 ساعت 16:30 الی 20
  • مدت زمان دوره : 1جلسه 3 تا 4 ساعته
توضیحات بیشتر و ثبت نام
گفتمان رشد ۳

Growth Talks

دورهمی هایی از جنس تجربه های زندگی ساز

گفتمان رشد

  • توسعه فردی و اجتماعی خود را از کجا شروع کنیم؟
  • چگونه از نجربیات دیگران به درستی استفاده کنم؟
  • چگونه باعث رشد دوستان خود شویم؟
  • آیا این توسعه فردی در پیشرفت تیم هایی که در آن عضو هستم کاربرد دارد؟
  • چگونه از این رشد فردی خود در جامعه استفاده کنیم؟
  • شبکه سازی مؤثر از طریق رشد و توسعه جمعی

  • زمان: پنجشنبه 12 دی ساعت 16:00 الی 19:00
  • مدت زمان دوره : یک جلسه 3 ساعته
توضیحات بیشتر و ثبت نام

ورود به دنیای حرفه‌ای کارآموزی

درخواست کارآموزی

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *





دوره های پیشنهادی:
سایر دوره ها