آشنایی با طراحی وب، ساختار کلی صفحه و محیطهای برنامه نویسی


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

مقدمه ای بر طراحی وب با  html و css

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

 

آشنایی با انواع وبسایت های ایستا و پویا :

 

وبسایت های ایستا (Static):

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

 

وبسایت های پویا (Dynamic):

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

 

 

برنامه نویسی   Back End و: Front End

Front End:  برنامه نویسی سمت کاربر گفته می شود که ظاهر سایت را طراحی می کنند.

Back End:  برنامه نویسی سمت سرور گفته می شود که ایجاد ارتباط بین کاربر و سرور را انجام می دهند.

 

زبان های سمت کاربر :

  • Html
  • css
  • javaScript

 

زبان های سمت سرور :

  • c#
  • java
  • python
  • php
  • javaScript

و...

 

معرفی Html,css و کاربرد آنها در طراحی وب:

HTML مخفف عبارت HyperText Markup Language، به معنی زبان نشانه گذاری ابرمتن است.

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

 

CSS مخفف عبارت Cascading Style Sheet، به معنی شیوه نامه آبشاری است.

 با استفاده از دستورات CSS می توان تمامی خصوصیات ظاهری صفحه وبسایت را تعیین کرد. بنابراین، از کدهای Html برای ساختن یک سند وب استفاده می شود و با دستورات CSS مشخص می کنید هر عنصر چه خصوصیات ظاهری داشته باشد.

 

تفاوت html و css

 

معرفی ابزار های مورد نیاز برای یادگیری HTML , CSS

بهترین و راحت ترین نرم افزار های موجود برای کدنویسی صفحات وب

نرم افزار ویژوال استودیو کدنرم افزار bracketsنرم افزار نوت پد پلاس پلاس

دراین دوره، برای نوشتن کد ها از نرم افزار Visual Studio Code استفاده کرده ایم،پیشنهاد ما به شما این است که از این نرم افزار استفاده کنید.

برای راحت تر شدن کار شما، فایل نصبی Visual Studio Code را همراه با ویدئو های این درس برایتان قرار دادیم که با دانلود این درس به فایل نصبی نیز دسترسی پیدا خواهید کرد.

 

 

مرورگر های مناسب برای اجرای صفحات وب

مرورگر های مطرح دنیا

با توجه به تصاویر بالا بهترین مرورگری که می توانید به راحتی کدهای خود را در آن اجرا کنید بی شک مرورگر chrome,firefox می باشد.

 

 

مفاهیم پایه در HTML

 

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

 تگ ها برای ایجاد عناصر مانند پاراگراف ها، پیوندها و...در صفحات وب استفاده می شوند و باعث می شوند که مرورگر تشخیص دهد هر بخش از چه نوع عنصری تشکیل شده است. به عنوان مثال برای ایجاد پاراگراف از تگ p استفاده میکنیم :

 

<p/> این یک پاراگراف است. <p>

 

 

 

 تگ ها به دودسته تقسیم می شوند:

  • تگ های بلند
  • تگ های کوتاه

تگ های بلند، تگ هایی هستند که محتویات درون خود را تحت تاثیر قرار می دهند.این نوع تگ ها دارای دو بخش شروع وپایان هستند.شکل دستوری تگ های بلند :

 

<نام تگ  / > محتوا <نام تگ>

<p  / > محتوا <p>

 

تگ های کوتاه، تگ هایی هستند که عمل خاصی را انجام می دهند و شروع و پایان ندارند.شکل دستوری تگ های کوتاه :

<نام تگ  / >

<br  / >

 

 

ایجاد یک صفحه HTML :

ایجاد یک صفحه html

 

نظرات


محمد مرادی

محمد مرادی

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

برای پاسخ باید وارد شوید

حمیدرضا دری فر

مدیر سایت

سلام وقت شما بخیر، منظورتان از پکیج چیه؟!
زهره بابائی

Vesper

سلام خسته نباشید من ثبت نام کردم در دوره نمی تونم دانلود کنم .

برای پاسخ باید وارد شوید

حمیدرضا دری فر

مدیر سایت

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

نظر بدهید

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

مشخصات دوره


مدرس دوره : مهدی عباسی
تعداد جلسات 27 جلسه
مدت زمان 900 دقیقه
حجم دوره 3/55 گیگابایت
سطح مهارت مقدماتی تا پیشرفته
وضعیت دوره پایان یافته
: میانگین امتیاز دوره

180 هزار تومان
برای دسترسی به این دوره وارد یا عضو شوید.
مهدی عباسی
مهدی عباسی

درباره مدرس :

مدیر‌ عامل‌ شرکت آریا‌ نرم‌‌ افزار دارنده مدرک کارشناسی‌ ارشد مهندسی کامپیوتر 12‌ سال سابقه تدریس دروس کامپیوتر را در دانشگاههای دولتی، آزاد، پیام‌نور ملایر، شهیدشمسی‌پور تهران و تدریس برنامه‌نویسی در انیستیتو ایزایران، مجتمع فنی و موسسه راه‌آینده تهران دارا میباشد و تا به حال راهنمایی انجمنهای علمی دانشگاه و صدها پروژه دانشجویی را برعهده داشته است. تخصص اصلی: با داشتن گواهی‌نامه‌های معتبر تدریس از انیستیتو‌ ایزایران، راه آینده‌تهران و سازمان‌فنی‌حرفه‌ای، تدریس و آموزش‌ دروس کامپیوتر، ‌برنامه‌نویسی کامپیوتر و کلاسهای کنکور کارشناسی و کارشناسی‌ارشد میباشد.همچنین تجربه داوری و نظارت مسابقات برنامه‌نویسی کشوری‌ACM را در سالهای متعدد داشته و تیم مورد رهبری ایشان در 3سال متوالی مقام اول مسابقات کشوری را از آن خود کرده است.ایشان مقالاتی در زمینه شبکه‌های کامپیوتری، تکنیک‌های وزارت دفاع و ... به ثبت رسانده و مشاور و کارشناس در طراحی و برنامه نویسی بیش از 50‌برنامه کاربردی تحت وب و ویندوز و موبایل میباشد. افتخارات دیگر:کسب مقام دوم ایده‌های برتر در مسابقات استارت‌آپ و بکند کشوری را نام برد.