دات نت نیوک
Menu

دوره طراحی وب

زبان نشانه‌گذاری ابرمتنی یا زنگام یا اچ‌تی‌ام‌ال، HTML یا HyperText Markup Language در کنار سی‌اس‌اس هستهٔ فناوری ساخت صفحه‌های وب هستند. اچ‌تی‌ام‌ال زبان توصیف ساختار صفحه‌های وب است. زبانی‌است برای نشانه‌گذاری ابرمتن (فرامتن) که برای تدوین قالب و طراحی صفحه‌های وب به کار می‌برند. دستورالعمل‌های این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، با آن‌ها، نشانه‌گذاری شده و بدین‌ترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وب، توصیف می‌شود. تاکنون ۵ نسخه از اچ تی ام‌ال عرضه شده‌است.

هر یک از برچسب‌های اچ‌تی‌ام‌ال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند؛ مثلاً برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند.

یک سند اچ‌تی‌ام‌ال، یک پروندهٔ مبتنی بر متن (Text–based) است که معمولاً با پسوند .htm یا .html نام‌گذاری شده و محتویات آن از برچسب‌های اچ‌تی‌ام‌ال تشکیل می‌شود. مرورگرهای وب، که قادر به درک و تفسیر برچسب‌های اچ‌تی‌ام‌ال هستند، تک‌تک آن‌ها را از داخل سند اچ‌تی‌ام‌ال خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) می‌کنند.

اچ‌تی‌ام‌ال زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساخت‌مند کردن اطلاعات و جدایش اجزای منطقی یک نوشتار — نظیر عناوین، تصاویر، فهرست‌ها، بندها و جداول — به کار می‌رود. از سوی دیگر، اچ‌تی‌ام‌ال را نباید به عنوان زبانی برای صفحه‌آرایی یا نقاشی صفحات وب به کار بُرد؛ این وظیفه اکنون بر دوش فناوری‌های دیگری همچون سی‌اس‌اس است.

 

تقویم زمان بندی دوره:

نام دوره جنسیت روز ساعت تاریخ شروع شهریه(تومان)
طراحی وب خواهران دوشنبه 17:30-19:30 97/6/5 175,000
طراحی وب برادران دوشنبه 17:30-19:30 97/6/5 175,000

 

سرفصل دوره

 

نمایه محتوای آموزشی دوره

ردیف

سرفصل‌ها

ریزمحتوا

1

وب

  • تاریخچه وب
  • مفهوم و کاربرد وب
  • تاریخچه طراحی صفحات وب
  • شناسایی محدودیت‌ها و مزیت‌ها در طراحی صفحه وب و بررسی چند نمونه
  • مفهوم و کاربرد شبکه جهانی
  • مدل Client/Server در شبکه
  • مرورگر‌های واسطه به‌عنوان client مجازی
  • یا پروتکل پست الکترونیکی
  • یا پروتکل انتقال فایل
  • یا NNTP یا پروتکل انتقال اخبار شبکه
  • مفهوم Gopher
  •  
  • مفهوم HTTP
  • مفهوم و کاربرد چند رسانه‌ها یا multimedia
  • مفهوم و کاربرد پروتکل ارتباط شبکه‌ها (TCP/IP)
  • اتصال‌ها در وب
  • آدرس‌‌دهی با:

URL, HTTP, FTP, EMAIL, GOPHER, NNTP, TELNET

  • مفهوم و کاربرد جست‌وجو
  • مفهوم و کاربرد لینک‌ها

2

به‌کارگیری برنامه‌های قابل‌استفاده در وب

  • برنامه‌های Helper Application
  • ‌ ها یا برنامه‌های اتصالی
  • روش‌های ایجاد برنامه‌های اتصالی
  • اضافه‌کردن برنامه‌های اتصالی به مرورگر
  • Embedded ‌کردن برنامه اتصالی در یک سند HTML
  • معرفی برنامه‌های اتصالی
  • معرفی برنامه VB Script، Java Script، DHTML، CGL، Activex، Shock Wave
  • یا وب سه‌بعدی
  • برنامه‌های ایجاد تصاویر گرافیکی

3

نرم‌افزار‌های کمکی

  • Front page
  • نرم‌افزار‌های مرورگر  Internet Explorer، Netscape Navigator
  • نرم‌افزار‌های ویرایشگر متن به‌عنوان محیط ایجاد HTML
  • ویرایشگر Wordpad
  • ویرایشگر Notepad

4

ساختار اصلی زبان برنامه‌نویسی HTML

  • مفهوم و کاربرد زبانHTML
  • ساختار اصلی زبان HTML
  • دستورهای  <HTML>و</HTML>
  • <HEAD>و </HEAD>
  • دستورهای <TITLE> و </TITLE>
  • دستورهای <BODY> و </BODY>
  • صفحات BODY

5

کار با متن

  • چگونگی ایجاد یک وب متنی ساده
  • دستور <-- متن توضیحی--!> برای توضیحی ‌کردن متن
  • دستورهای </P> و <P> و صفات آن برای ایجاد پاراگراف
  • دستورهای <BR> و صفات آن برای شکستن خط
  • دستورهای  <H1>و </H1> و صفات آن برای تیتر کردن متن
  • دستورهای <NOBR> و </NOBR> برای شکسته ‌نشدن متن
  • دستور <HR> و صفات آن برای ایجاد خطوط افقی و جدا کننده مطالب
  • مفهوم و کاربرد آرایش متون
  • مفهوم و کاربرد آراینده‌های منطقی
  • دستورهای </EM> و <EM> برای حروف کج
  • دستورهای  <STRONG>و </STRONG> برای حروف توپر
  • مفهوم و کاربرد آراینده‌های فیزیکی
  • دستورهای  <B>و  </B>برای تو پر‌کردن متن
  • دستورهای  <I>و </I> برای کج‌کردن متن
  • دستورهای </PRE> و <PRE> و صفات آن برای درج‌کردن متن به همان ترتیب در مرورگر
  • دستورهای <ADDRESS> و </ADDRESS> برای نمایش آدرس طراح به User
  • دستورهای <CODE> و </CODE> برای نوشتن متنی که به‌صورت کد کامپیوتر است.
  • دستورهای <CITE> و </CITE> برای متن نقل قول یا تشکر
  • دستورهای  </BLOCKQNOTE>و <BLOCKQNOTE> و صفات آن برای جدا‌کردن متن از بقیه صفحه
  • دستورهای <TT> و </TT> برای ایجاد متن با عرض یکسان
  • دستور متن <عدد=  <B ASEFONT SIZEبرای اندازه تمام متن‌های آن صفحه
  • دستورهای <BIG> و </BIG> برای اِعمال یک‌اندازه بزرگ‏تر به متن
  • دستورهای <SMALL> و </SMALL> برای اِعمال یک‌اندازه کوچکتر به متن
  • دستورهای </BLANK> برای متن به‌صورت چشمک‌زن
  • دستورهای <CENTER> و </CENTER> برای وسط‌چین‌کردن ازنظر افقی
  • دستورهای <DIV> و </DIV> و صفات آن، برای چیدن متن و پاراگراف‌بندی
  • <KBD>و </KBD> برای حروف یک‌اندازه با فاصله‌های مساوی
  • دستورهای <LISTING> و </LISTING>
  • دستورهای  <PLAINTEXT>و </PLAINTEXT>
  • دستورهای <S> و </S>
  • دستورهای <STRIKE> و </STRIKE>
  • دستورهای <Q> و </Q> و صفات آن برای نقل قول ‌کردن متن
  • دستورهای <SAMP> و </SAMP>
  • <SPACER>و  </SPACER>و صفات آن
  • دستورهای  <SPAN>و </SPAN>و صفات آن برای قرار دادن تصویر یا متن
  • <SUB>  و </SUB>
  • <U>  و </U>
  • دستورهای <VAR> و </VAR>
  • <WBR>  و </WBR> برای شکسته ‌شدن متن
  • دستورهای  <FONT>و </FONT> و صفات آن، برای رنگ و قلم و اندازه متن
  • دستور متن <ABBR> و </ABBR> برای مخفف‌ کردن متن
  • <ACRONYM>  و </ACRONYM> برای کوتاه‌ کردن متن
  • دستورهای <DFN> و </DFN>
  • دستورهای <DEL> و </DEL> و صفات آن
  • دستورهای <INS> و </ISN>

6

پیوندها

  • مفهوم و کاربرد پیوندها
  • پیوند‌های خارجی (از صفحه‌ای به صفحه دیگر)
  • پیوند‌های داخلی (داخل همان صفحه)
  • صفات پیوند‌های داخلی و خارجی
  • دستور META و صفات آن
  • دستور BASE و صفات آن
  • تعریف و تعویض کاربرد نقشه‌های تصویری وابسته به SERVER
  • فایل‌های MAP دارای اطلاعات نقشه
  • فایل‌های HTM به‌عنوان مقصد‌های نقاط حساس
  • تعریف نقشه‌های تصویری وابسته به CLIENT
  • دستورهای <MAP> و </MAP> و صفات آنان
  • دستور <AREA> و صفات آن
  • دستور <IMG SRC="">
  • دستور <LINK> و صفات آن

7

کار با چندرسانه‌ای در صفحات وب

  • تعریف و کاربرد چند رسانه‌ای
  • اشیای flash  و shockwave
  • دستور <IMG> و صفات آن برای تصاویر، فایل‌های ویدئویی و فایل‌های صوتی
  • دستورهای <BGSOUND> و صفات آن برای
  • دستورهای <MARQUEE> و </MARQUEE> و صفات آن، برای استفاده از نوار متحرک

8

دسته‌بندی اطلاعات با استفاده از لسیت‌ها

  • مفهوم و کاربرد لیست‌های مرتب(Ordered list)
  • <OL>و </OL> و صفات آن، برای ایجاد لیست‌های مرتب‌شده یا شماره‌دار
  • دستورهای  <LI>و </LI> و صفات آن برای اقلام لیست‌ شده
  • مفهوم و کاربرد لیست‌های نامرتب <Unordered list>
  • دستورهای  <UL>و </UL> و صفات آن، برای اجزای لیست
  • مفهوم و کاربرد لیست‌های توضیحی یا تعریفی <Definition>
  • دستورهای <DL> و </DL> و صفات آن
  • مفهوم و کاربرد لیست‌های ترکیبی
  • ترکیب لیست‌های هم‌نوع و غیر هم‌نوع
  • دستورهای <DIR> و </DIR> و صفات آن برای دسته‌بندی اطلاعات به‌صورت لیست
  • دستورهای  <MENU>و </MENU> برای دسته‌بندی اطلاعات به‌صورت لیست
  • دستورهای  </MOLTICOL>و </MOLTICOL> و صفات آن برای دسته‌بندی متن در چند ستون

9

سازماندهی اطلاعات با استفاده از جدول‌ها

  • مفهوم و کاربرد جدول
  • دستورهای <TABLE> و </TABLE>
  • دستورهای <TR> و </TR> و صفات آن
  • دستورهای <TD> و</TD> و صفات آن
  • دستورهای <TH> و </TH> و صفات آن
  • چگونگی قرار دادن عناصر در سلول‌ها
  • دستورهای </COPTION> و <COPTION> و صفات آن
  • دستور <COL> و صفات آن
  • دستورهای </COL GROUP> و <COL GROUP> و صفات آن
  • دستورهای <TBODY> و  </TBODY>و صفات آن
  • دستورهای <TFOOT> و </TFOOT> و صفات آن
  • دستورهای <THEAD> و </THEAD> و صفات آن

10

به‌کارگیری زیرصفحه‌ها، با استفاده از قاب‌ها

(FRAMES)

  • صفحه اصلی و زیرصفحه‌ها
  • دستورهای <FRAMESET> و </FRAMESET> و صفات آن
  • دستور <FRAME> و صفات آن
  • قراردادن آدرس فایل  HTMLدر داخل زیر ‌صفحه
  • چگونگی ایجاد اتصال یا پیوند از زیرصفحه‌ای به زیرصفحه دیگر یا به یک URL دیگر
  • صفت TARGET در دستور  </A>…..<A>برای اتصال یک زیرصفحه به زیرصفحه‌ای دیگر
  • دستورهای </NOFRAME> و <NOFRAME> برای ارائه پیغام از طرف طراح به USER در هنگام شناسایی‌ نشدن فریم توسط مرورگر
  • دستورهای <IFRAME> و </IFRAME> و صفات آن

11

برقراری ارتباط با کاربران به‌وسیله پرسشنامهFORMS

  • مفهوم و تعریف فرم و کاربرد آن
  • دستورهای <FORM> و </FORM> و صفات آن
  • قرار دادن ورودی متن یا TEXT BOXبه فرم
  • دستور
  • <INPUT TYPE="TEXT"> برای ایجاد فرم ورودی متن و صفات آن
  • قرار دادن ورودی متنی چندخطی به فرم و کاربرد آن
  • دستور </TEXT> و <TEXT AREA> و <AREA> و صفات آن
  • قرار دادن ورودی به‌صورت رمز یا PASSWORD در فرم و کاربرد آن
  • دستورهای <INPUT"PASSWORD="TYPE> و صفات آن
  • چگونگی قرار دادن دکمه‌های فشاری در فرم و کاربرد آن
  • دستور <INPUT TYPE="BUTTON"> و صفات آن
  • دستور
  • <INPUT TPYE="RESET"> و صفات آن
  • دکمه فشاری SUBMIT و کاربرد آن
  • دستور <INPUT TYPE="SUBMIT"> برای ایجاد دکمه
  • و صفات آن
  • چگونگی به‌کارگیری تصاویر گرافیکی به‌جای دکمه SUBMIT
  • <INPUT TYPE="IMAGE">
  • "آدرس فایل تصویری"=SRC برای ایجاد تصویر به‌جای دکمه SUBMIT و صفات آن
  • CHECK BOX  و فرم و کاربرد آن
  • دستور
  • <INPUT TYPE="CHECK BOX"> برای ایجاد CHECK BOX و صفات آن
  • کاربرد NAME در CHECK BOX
  • قراردادن RADIO در فرم و درک تعریف و کاربرد آن
  • دستور
  • <INPUT TYPE="RADIO"> برای ایجاد دکمه رادیویی و صفات آن
  • قرار دادن لیست منویی در فرم و کاربرد آن
  • دستورهای <SELECT> و </SELECT> برای ایجاد لیست منویی و صفات آن
  • دستورهای <OPTION> و </OPTION> برای قرار دادن عناصر در لیست و صفات آن
  • دستورهای  <BUTTON>و </BUTTON> برای ایجاد کنترل دکمه‌ای در فرم و صفات آن
  • <FILD SET>و </FILD SET> و صفات آن برای محصور‌ کردن گروهی از کنترل‌های وابسته روی فرم
  • دستورهای  <LEGEND>و </LEGEND> و صفات آن
  • دستورهای <LABEL> و </LABEL>و صفات آن برای ایجاد برچسب‌های کنترل
  • دستورهای <OPTGROUP> و </OPTGROUP> و صفات آن برای گزینه‌های گروهی
  • دستور <ISTNEDEX> برای آگاهی SERVER، برای جست‌وجو پذیر بودن سند HTML

12

برقراری ارتباطHTML با کد‌های دیگر

  • دستورهای <APPLET> و </APPLET> برای اپلت‌های جاوا در HTML
  • دستورهای <SCRIPT> و </SCRIPT> برای اضافه ‌کردن یک زبان اسکریپت بر HTML
  • دستورهای  </NOSCRIPT>و <NOSCRIPT> برای ارائه توضیحات بر USER در حالت اجرا نشدن یک اسکریپت در مرورگر
  • دستورهای <OBJECT> و </OBJECT> برای برقراری ارتباط با اشیا، همانند فایل‌های FLASH

13

کار با نرم‌افزار Frontpage

  • فضای کاری Frontpage
  • ایجاد صفحات جدید
  • طریقه ذخیره‌ کردن صفحات
  • طریقه باز‌ کردن صفحات
  • استفاده از الگو‌های صفحه page templates
  • مشخصات صفحهpage properties
  • الگو برای وب‌سایت web stie template
  • طریقه باز‌ کردن یک الگوی وب‌سایت
  • طریقه باز و بسته‌ کردن و حذف یک وب‌سایت
  • شناسایی نماها (views)
  • شناسایی نوار ابزارها
  • سفارشی‌سازی ابزارها
  • نوار ابزار Formatting

14

ایجاد وب‌سایت با استفاده از  wizardو template در frontpage

  • ایجاد وب‌سایت با ویزارد
  • Corporate presence wizard
  • Discussion web wizard (ویزارد وب مباحثه‌ای)
  • Database interface wizard (ویزارد واسط پایگاه داده)
  • Import web wizard
  • ایجاد یک وب‌سایت با استفاده از template

15

طراحی صفحه وب به کمک منوی Insert و امکانات دیگر

  • اضافه کردن line break در یک پاراگراف
  • اضافه ‌کردن یک horizontal line
  • وارد‌ کردن یک Web Component
  • اضافه ‌کردن تصاویر
  • Page banners
  •  
  • فراپیوندها (Hyperlinks)
  • طریقه ایجاد لینک‌های ایمیل و لینک‌های دیگر
  • اضافه‌ کردن bookmark
  • پایگاه داده (database)

16

انتشار وب‌سایت

  • پیش‌نمایش وب‌سایت
  • برطرف‌ کردن اِشکال وب‌سایت (Trouble-shooting)
  • نحوه انتشار وب‌سایت به یک سرور HTTP

17

شناخت مفاهیم پایه‌ای و اصول برقراری سایت

  • کاربرد dreamweaver
  • اصول کار با فضای کاری
  • شناسایی ساختار سایت
  • اصول برقراری سایت
  • اصول ساختن و باز ‌کردن سند

18

سایت‌های dreamweaver

  • سایت و مفاهیم آن
  • اصول مدیریت فایل‌ها
  • برقراری سایت
  • اصول مدیریت  libraries و  Assets مربوط به سایت
  • مدیریت کار گروهی با Macromedia Contribute

19

قالب‌بندی صفحات وب با استفاده از سبک

  • ایجاد یک سبک
  • نحوه استفاده از سبک جدید
  • ایجاد یک سبک خارجی
  • ویرایش سبک‌های موجود

20

Layout از صفحات

  • مفهوم layout
  • اصول laying out page با css
  • اصول  presenting contentبا جداول
  • اصول laying out page در layout mode
  • اصول کار با frame
  • اصول مدیریت template

21

 اضافه‌کردن content به صفحات

  • صفحات و مفهوم آن
  • اصول کار با صفحات
  • اصول  formattingو  Inserting متون
  • اصول Inserting تصاویر
  • اصول  linking و  navigation

22

شناسایی اصول کار با application ‌های دیگر

  • Flash, fireworks
  • اصول اضافه‌ کردن audio, video, interactive elements
  • اصول به‌کارگیری java script behaviors

23

page code1

  • مفهوم pagecode
  • مروری بر نمای code سند
  • کار با صفحه در میحط code
  • اصول بررسی coding در Dreamweaver
  • اصول بهینه‌سازی و اشکال‌‌زدایی code

24

page code2

  • اصول ویرایش code در design view
  •  
  • ویرایشگر‌های htmlخارجی در Dreamweaver
  • مدیریت کتابخانه‌های tag
  • استفاده از snippet ها

25

سایت پویا

  • مفهوم سایت پویا
  • اصول برقراری WEB APPLICTION
  • اصول برقراری اتصال DB با مفاهیم Cold Fusion
  • اصول برقراری اتصال DB با مفاهیم ASP.Net
  • اصول برقراری اتصال DB با مفاهیمASP
  • اصول برقراری اتصال DB با مفاهیمJSP
  • اصول برقراری اتصال DB با مفاهیمPHP
  • اصول عیب‌یابی و رفع عیب اتصال DB

26

 

تولید صفحات پویا

  • اصول بهینه‌سازی فضای کاری برای توسعه VISUAL
  • اصول workflow برای طراحی صفحات پویا
  • اصول به‌دست‌آوردن data برای صفحه
  • اصول تعیین منابع برای محتوای پویا
  • اصول اضافه‌ کردن محتوای پویا به صفحات وب
  • اصول نمایش رکورد‌های DB
  • اصول به‌کارگیری کامپوننت‌های cold fusion
  • اصول به‌کارگیری سرویس‌های وب
  • اصول اضافه ‌کردن رفتار‌های سرور سفارشی
  • اصول ساختن form

27

توسعه application rapidly

  •  
  • اصول ساختن  ARبا COLD FUSION
  • اصول ساختن AR با ASP.NET
  • اصول ساختن  ARبا ASP و  JSP
  • اصول ساختن  ARبا PHP

28

آزمون

 

 

 

 

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

واقع در تقاطع کارگر و جمهوری با شماره 66902130

تماس حاصل فرمایید.