در این دوره چه آموزش داده می شود؟
در این دوره سرفصل ها عبارتند از :
جلسه ۱: آشنایی با مفاهیم اولیه وب و HTML
جلسه ۲: عناصر ساختاری HTML و فرم‌ها
جلسه ۳: معرفی CSS و اصول استایل‌دهی
جلسه ۴: کار با Layout و مفاهیم Box Mode
جلسه ۵: Flexbox و اصول طراحی واکنش‌گرا (Responsive Design)
جلسه ۶: پروژه پایانی و مرور کلی
جلسه 7 : رفع اشکال پروژه پایانی
جلسه 8: مرور پروژه پایانی
پیش نیاز های این دوره آموزشی
این دوره پیش نیاز ندارد.
سرفصل‌های دوره مقدماتی طراحی وب (HTML & CSS)
—
جلسه ۱: آشنایی با مفاهیم اولیه وب و HTML
– معرفی مفاهیم اولیه وب: مرور کلی بر ساختار اینترنت، پروتکل‌ها (HTTP و HTTPS)، مرورگرها و ساختار وب‌سایت.
– آشنایی با HTML و ساختار آن:
– مفهوم تگ (Tag) و ساختار پایه‌ای یک سند HTML.
– معرفی تگ‌های پایه HTML مانند <html>, <head>, <body>.
– ایجاد اولین صفحه وب: ساخت یک صفحه ساده با تگ‌های <h1>, <p>, <a>, <img>, و <ul>.
جلسه ۲: عناصر ساختاری HTML و فرم‌ها
– کار با تگ‌های ساختاری: معرفی تگ‌های ساختاری مانند <header>, <footer>, <nav>, <section>, <article>.
– ساخت یک صفحه چندبخشی: ایجاد یک صفحه وب با بخش‌های مختلف برای تمرین استفاده از تگ‌های ساختاری.
– فرم‌ها در HTML:
– معرفی تگ‌های <form>, <input>, <textarea>, <button>.
– ایجاد فرم ثبت‌نام ساده با فیلدهای متنوع.
جلسه ۳: معرفی CSS و اصول استایل‌دهی
– مبانی CSS و روش‌های اتصال به HTML:
– روش‌های Inline, Internal, External برای افزودن CSS به HTML.
– مفهوم انتخاب‌گرها (Selectors) در CSS و انواع آن‌ها.
– استایل‌دهی متن و رنگ‌ها:
– تغییر رنگ متن و پس‌زمینه، فونت‌ها، و اندازه‌ها.
– کار با واحدهای اندازه‌گیری مانند px, em, %.
– تمرین عملی: تغییر استایل‌های صفحه با CSS برای درک بهتر تاثیر CSS در طراحی.
جلسه ۴: کار با Layout و مفاهیم Box Model
– Box Model در CSS:
– مفهوم Box Model و اجزای آن (Margin, Border, Padding, Content).
– استفاده از ابزارهای توسعه‌دهنده مرورگر (Developer Tools) برای بررسی Box Model.
– مفهوم Display و Position:
– تفاوت بین display: block, display: inline, display: inline-block.
– معرفی position: relative, position: absolute, position: fixed.
– تمرین عملی: ساخت لایه‌بندی ساده برای صفحه با استفاده از Box Model.
جلسه ۵: Flexbox و اصول طراحی واکنش‌گرا (Responsive Design)
– آشنایی با Flexbox:
– معرفی Flexbox و اصول استفاده از آن برای طراحی‌های انعطاف‌پذیر.
– مفاهیم اصلی مثل justify-content, align-items, flex-direction.
– طراحی واکنش‌گرا (Responsive):
– مفهوم Media Query و نحوه استفاده از آن برای تغییر استایل در اندازه‌های مختلف صفحه.
– تمرین عملی: ساخت یک گالری تصاویر ساده با Flexbox که در دستگاه‌های مختلف به‌درستی نمایش داده شود.
جلسه ۶: پروژه پایانی و مرور کلی
– جمع‌بندی و مرور مباحث کلیدی: مروری بر تمام مفاهیم HTML و CSS که در جلسات قبلی پوشش داده شده است.
– پروژه پایانی: طراحی یک صفحه رزومه شخصی ساده با HTML و CSS که شامل بخش‌های اصلی مانند اطلاعات شخصی، مهارت‌ها، پروژه‌ها، و اطلاعات تماس باشد.
– دانشجویان باید با استفاده از مباحث یادگرفته‌شده، این پروژه را ایجاد و طراحی کنند.
– ارائه و بازخورد: هر دانشجو پروژه خود را ارائه می‌دهد و بازخورد می‌گیرد.
- همه دوره ها
با فتوشاپ طرح‌های گرافیکی برای استفاده در سایت طراحی می‌کنیم.
عنوان درس اول آزمون
زیرنویس عنوان درس اول
محهتنه
عنوان دوس دوم ویدئو
زیرنویس عنوان درس دوم
صفحات فرود مورد نیاز وب‌سایت را با صفحه ساز وردپرس طراحی می‌کنیم.
راه اندازی سایت اختصاصی رایگان
اصول کارکرد یک وب‌سایت بصورت عملی
نصب وردپرس روی هاست فایل صوتی
تغییر پیشوند جداول دیتابیس برای افزایش امنیت سایت
کار با نوشته‌ها و مقالات سایت رایگان
انواع نوشته و حالت های انتشار مطالب
از روش اصولی و طبق قوانین گوگل، سئو وب‌سایت ساخته شده را افزایش می‌دهیم.
راه اندازی سایت اختصاصی رایگان
اصول کارکرد یک وب‌سایت بصورت عملی
نصب وردپرس روی هاست فایل صوتی
تغییر پیشوند جداول دیتابیس برای افزایش امنیت سایت
کار با نوشته‌ها و مقالات سایت رایگان
انواع نوشته و حالت های انتشار مطالب
حالا که سایت کامل شده، با ارسال کمپین‌های ایمیلی اولین فروش خود را انجام خواهیم داد.
راه اندازی سایت اختصاصی رایگان
اصول کارکرد یک وب‌سایت بصورت عملی
نصب وردپرس روی هاست فایل صوتی
تغییر پیشوند جداول دیتابیس برای افزایش امنیت سایت
کار با نوشته‌ها و مقالات سایت رایگان
انواع نوشته و حالت های انتشار مطالب
حالا که سایت کامل شده، با ارسال کمپین‌های ایمیلی اولین فروش خود را انجام خواهیم داد.
راه اندازی سایت اختصاصی رایگان
اصول کارکرد یک وب‌سایت بصورت عملی
نصب وردپرس روی هاست فایل صوتی
تغییر پیشوند جداول دیتابیس برای افزایش امنیت سایت
کار با نوشته‌ها و مقالات سایت رایگان
انواع نوشته و حالت های انتشار مطالب
ضمانت بازگشت وجه ۷ روزه بدون ریسک
در صورت عدم تطابق دوره با سرفصل‌ها، وجه پرداختی شما را بازگشت خواهیم داد.
دوره های مرتبط
پیش رویداد “چالش‌های فناوری در عرصه پسماند صنعت شیلات و نقش هوشمندسازی”
معاونت فناوری و نوآوری وزارت علوم برگزار میکند:
پیش رویداد “چالش‌های فناوری در عرصه پسماند صنعت شیلات و نقش هوشمندسازی”
جهت آماده سازی رویداد
“مکانیزاسیون و هوشمندسازی در حوزه شیلات”
اقتصاد دریا محور، چشم‌اندازی نوین به توسعه زیست‌بوم نوآوری ایران”
زمان ۴۰۳/11/4 ساعت ۱۰ تا ۱۲
برای اطلاعات بیشتر و شرکت در رویداد، به لینک زیر مراجعه کنید:
پیش رویداد “چالش‌های فناوری در عرصه پرورش آبزیان و نقش هوشمندسازی”
معاونت فناوری و نوآوری وزارت علوم برگزار میکند:
پیش رویداد “چالش‌های فناوری در عرصه پرورش آبزیان و نقش هوشمندسازی”
جهت آماده سازی رویداد
“مکانیزاسیون و هوشمندسازی در حوزه شیلات”
اقتصاد دریا محور، چشم‌اندازی نوین به توسعه زیست‌بوم نوآوری ایران”
زمان ۴۰۳/۱۰/۲۲
ساعت ۱۰ تا ۱۲
برای اطلاعات بیشتر و شرکت در رویداد، به لینک زیر مراجعه کنید:
دوره ی سرا نوآوری زیست فناوری جلبک (پیشرفته)
اینستاگرام فرصتی فوق‌العاده است. با توجه به اینکه هر روز آمار استفاده کنندگان ایرانی از اینستاگرام افزوده می‌شود و واقعا خود اینستاگرام هم…
دوره ی سرا نوآوری زیست فناوری جلبک (مقدماتی)
اینستاگرام فرصتی فوق‌العاده است. با توجه به اینکه هر روز آمار استفاده کنندگان ایرانی از اینستاگرام افزوده می‌شود و واقعا خود اینستاگرام هم…
نظرات
400,000 تومان
دانشجویان با معدل بالای ۱۷ می توانند جهت عضویت اقدام کنند.
هنگام تکمیل اطلاعات، باشگاه صفادشت را انتخاب بفرمایید.
سایت عضویت باشگاه پژوهشگران:
https://bpj.iau.ir/تبلیغات
