طراحی صفحات وب

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

در این پی دی اف که 137 صفحه هم دارد به موضوع کامل طراحی صفحات وب پرداخته شده که به درد افراد طراح صفحات و دانشجویان این رشته میخوره و کامل مفاهیم رو تعریف و چگونگی طراحی صفحات رو یاد داده

حجم فایل: 700 کیلوبایت

دانلود گزارش کارآموزی طراحی صفحات وب

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

تعداد صفحات : 63 صفحه        -            

قالب بندی :  word       

فهرست مطالب                                                                                   شماره صفحه

فصل اول

آشنایی کامل با مکان کارآموزی.................................................................................................................3

فصل دوم

ارزیابی بخش­های مرتبط با رشته علمی کارآموزی................................................................................6

فصل سوم

آزمون آموخته­ها، نتایج و پیشنهادات.....................................................................................................8

1-3- با Dreamweaver چه می­توان کرد؟.....................................................................................9

2-3-عناصر پایه­ای صفحات وب.............................................................................................................9

3-3-چندرسانه­ای......................................................................................................................................10

4-3-صفحات تعاملی.................................................................................................................................10

5-3-تعریف یک وب سایت جدید..........................................................................................................10

6-3-ایجاد فایل­های جدید در پنل Files...........................................................................................11

7-3-نوار هنر...............................................................................................................................................12

8-3-نوار Insert........................................................................................................................................13

9-3-Flash Elements........................................................................................................................26

10-3- پنجره سند.....................................................................................................................................27

11-3-نوار ابزار Document.................................................................................................................27

12-3-نوار وضعیت.....................................................................................................................................28

13-3-پنل­ها و بازرسان............................................................................................................................30

14-3-پنل­ها و گروه­های پنل..................................................................................................................30

15-3-منوهای مضمونی...........................................................................................................................31

16-3-Help...............................................................................................................................................31

17-3-افزودن یک تصویر به یک صفحه...............................................................................................32

18-3-هم­ترازی تصویر با متن.................................................................................................................32

19-3-استفاده از پنل Time lines....................................................................................................33

20-3-قالب­بندی صفحات وب با استفاده از سبکهای آبشاری.........................................................37

21-3-ایجاد سبکهای CSS پیشرفته...................................................................................................45

22-3-عملکرد Dreamweaver چیست؟........................................................................................47

23-3-نمایش دادن و پنهان کردن لایه­ها............................................................................................48

24-3-ارسال متن به یک لایه.................................................................................................................52

25-3-افزودن یک لایه کشیدنی به یک صفحه وب...........................................................................53

26-3-ایجاد یک فرم.................................................................................................................................55

27-3-افزودن فیلدهای متن به فرمها...................................................................................................56

28-3-افزودن دکمه­های رادیویی...........................................................................................................57

29-3-افزودن لیستها ومنوها...................................................................................................................59

30-3-افزودن دکمه­های Submit و Reaset .....................................................................60

فصل اول

آشنایی با مکان کارآموزی

شرکت گروه صنعتی ویدا فناوران آسیا دارای مدیران مجرب و توانمند در زمینه‌های طراحی ،‌ نمونه سازی ماشین آلات صنایع غذایی ، جذب و بومی سازی دانش فنی ، ارتقاء بر سطح تولیدات دستگاههای ساخت داخلی ، ایجاد رقابت و مبادرت به صادرات می باشد .

سابقه فعالیت مدیران شرکت در رشته طراحی و ساخت به بیش از 15 سال مهارت در ساخت انواع ماشین آلات صنایع غذایی و بسته بندی می‌باشند .

 زمینه‌‌ی طراحی و ساخت ماشین آلات در شرکت عبارتند از :

• ماشین آلات صنایع غذائی
• ماشین آلات صنایع آرایشی و بهداشتی
• ماشین آلات صنایع شوینده
• ماشین آلات صنایع بسته بندی
• ماشین آلات صنایع شیمیایی

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

مفاهیم مشترک دستگاهها عبارتند از :

1. پرکن - دستگاههای پرکن بستگی به نوع محصول تولید می‌شوند مثلاً دستگاههای پرکن عطریات با دستگاههای پرکن مواد شیمیائی یا غذائی از نظر سلیقه کارائی به حجم دستگاه و میزان پرکنی ظروف محصولات .
2. در بند ، لیبل چسبان ، بسته بندی و دیگر دستگاههای همانند شرح فوق دارای قابلیت‌های فراوانی در زمینه‌های مختلفی می‌باشند .

طر احی دستگاهها از طریق کامپیوتر و نرم افزارهای طراحی انجام می‌پذیرد . بدینوسیله آشنائی ، کارکرد و تجربه بالائی در استفاده از نرم افزارهایی مانند Auto CAD و... موجب تسریع ،‌دقت و مهارت در تهیه نقشه‌های هر یک ازدستگاهها و یا نیازمندیهای متقاضیان میگردد . و باید دانست که همیشه بایستی طراحی دستگاه‌ها در راستای پیشرفت ، کاهش هزینه‌ ، ارائه ویژگیهای جدید و کاملاً بهتر از گذشته باشد .

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

فصل دوم

ارزیابی بخش­های مرتبط با رشته علمی

شرکت ویدا فناوران آسیا که طراح و سازنده ایستگاه‌های لیبل چسبان و پرکن در صنعت کشور می‌باشند ، به منظور معرفی و عرضه بهتر دستگاه‌های صنعتی خود نیاز به تبلیغات گسترده می‌باشد ، که طراحی سایت وب ، طراحی کتابهای تبلیغاتی و همچنین ساخت CDهای تبلیغاتی و ... از جمله راههای تبلیغات می‌باشد . نرم افزارهای طراحی صفحات وب Dreamweaver , Front page می‌باشد که مکمل این نرم افزارهای طراحی ،‌ نرم‌افزارهای گرافیکی‌ دیگر از جمله photoshop و Corel و... نیز نیاز می‌باشد .

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

 این شرکت علاوه بر نیاز به این تبلیغات از کامپیوتر و نرم ‌افزارهای دیگری از جمله Word , Exel و... برای انجام امر حسابداری و نامه‌های اداری نیز استفاه می‌نماید و همچنین می‌توان از نرم افزار کامپیوتر در جهت هدایت و کارکرد دستگاههای صنعتی ساخته شده نیز استفاده نمود که نیاز به علم بالای کامپیوتر و برنامه‌نویسی دارد .

فصل سوم

آزمون آموخته­ها، نتایج و پیشنهادات

طراحی سایت استاتیک توسط نرم­افزار Dreamweaver

با Dreamweaver چه می­توان کرد؟

Dreamweaver مشهورترین ابزار حرفه­ای توسعه کار وب می­باشد که بسیاری از شرکت­های بزرگ Dreamweaver را به عنوان ابزار استاندارد خود برای توسعه وب معرفی می­کنند. Dreamweaver همچنین برای تولیدکنندگان مستقل که برای مشتریان خود سایت وب می­سازند، یک ابزار عمومی به شمار می­رود. Hypertext Mark up یا HTML اساس کار Dreamweaver می­باشد. HTML language زبانی است برای قالب­بندی محتویات که در شبکه گسترده جهانی و با استفاده از نرم­افزاری به نام مررورگر وب، مشاهده می­شود.

عناصر پایه­ای صفحات وب: متون، تصاویر، پیوندها

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

این سه عنصر زیربنای اکثر سایت­ها هستند چرا که اطلاعات متن را در کنار پشتیبانی قطعات گرافیک (Image) علاوه بر شیء برای هدایت به صفحات دیگر، برای سایت وب فراهم می­کنند.

CSS جدیدترین روش طراحی وب است که هم­چنان در حال رشد می­باشد. با استفاده از CSS می­توان قالب­های پیچیده­ای برای صفحات وب طراحی کرد.

CSS این امکان را می­دهد که متن­ها، روش­های مختلف ظاهر شدن برچسب­های HTML و تعداد عناصر مختلفی را که روی صفحه قرار داده می­شود قالب­بندی کنید.

چندرسانه­ای (Multi media)

بسیاری از طراحان، از فیلم، صدا، انیمیشن، تصاویر متحرک حقیقت مجاز و دیگر عناصر چندرسانه­ای در سایرتای وب خود استفاده می­کنند. کاربر باید برای دیدن و شیندن این فایل­های چندرسانه­ای به نامه­های کاربردی چندرسانه­ای مانند Flash، Quick Time را بارگذاری و نصب نماید. صفحات وب ساخته شده در Dreamweaver می­توانند شامل آدرس صفحه وبی باشند که کاربر باید از آنجا برنامه اجراکننده­ای را بارگذاری کند. همچنین مرورگر ممکن است به طور اتوماتیک بارگذاری را راه­اندازی نماید.

صفحات تعامل

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

کتاب - آموزش طراحی صفحات وب پیشرفته

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

لینک دانلود "MIMI file" پایین همین صفحه 

تعداد صفحات :  "304"

فرمت فایل : "pdf"

بخشی از  فایل  :

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

پروژه کارآموزی - طراحی یک وب سایت شخصی با امکانات متداول و معمول

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

تعداد صفحات : 46

فهرست مطالب :

تاریخچه طراحی وب                                                                                                    1

طراحی صفحات وب                                                                                                    2

مقدمه                                                                                                                           2

عناصر                                                                                                                           3

فرمهاforms                                                                                                                6

پس زمینه                                                                                                                      7

اسکریپت                                                                                                                      12

VB SCRIP                                                                                       13

JAVA SCRIPT                                                                                13

FLASH                                                                                            14

VECTOR تصاویر                                                                                                   14

تصاویر برداری                                                                                                             19

کد نویسی آسان                                                                                                           20

شبیه سازی موبایل                                                                                                         20

AJAX طراحی برنامه های کاربردی تحت وب                                                           21

ASP                                                                                                  24

اسجاد کردن اولین صفحه ASP                                                                                  29

آموزش ASP                                                                                                             35

منابع                                                                                                                             41

توضیحات فابل :

تاریخچه طراحی وب

تیم برنرز لی، مخترع وب، با برپایی یک سایت وب در اوت ۱۹۹۱، نام خود را به عنوان نخستین سازندهٔ وب در تاریخ نگاشت. او در نخستین وب‌سایتش، از اَبَرمتن و پیوندی برای ایمیل (پست الکترونیک) استفاده کرده بود.

در آغاز، سایتهای وب با کُدهای ساده «اچ‌تی‌ام‌ال» نوشته می‌شدند، گونه‌ای از زبان کُدنویسی که ساختار ساده‌ای به وب‌گاه‌ها می‌داد، شامل سرتیتر و پاراگراف، و توانایی پیوند دادن به صفحه‌های وب دیگر، با اَبَرمتن. در مقایسه با روش های دیگر، این راه تازه و متفاوتی بود که کاربران به سادگی می‌توانستند با یک مرورگر، صفحه‌های پیوند خورده را باز کنند.

با پیشرفت وب و هنر طراحی آن، زبان کُد نویسی اش، اَبَرمتن یا اچ‌تی‌ام‌ال، پیچیده‌تر و پرانعطاف‌تر شد. ابزاری مانند جدول‌ها که بیشتر برای نمایش نمودارهای داده‌ای بودند، بزودی مورد استفاده نادرست، برای چیدمان های پنهان در صفحه‌های وب قرار گرفتند. با پیدایش الگوهای آبشاری وب یا «CSS»، روش نادرست طراحی با جدول های پنهان در صفحه از گردونه خارج، و بجای آن استفاده مناسب از «CSS» جایگزین شد.

طراحی صفحات وب

اچ تی ام ال  و طراحی صفحات وب :

یادگیری زبان HTML بسیار ساده است.در این درسها یاد خواهید گرفت که چگونه با کمک HTML صفحاتتان را ساخته و وب سایت شخصی فارسی و یا وبلاگتان را راه اندازی کنید. مبنای این دروس نسخه 4 استاندارد اچتمل بوده و نکته بسیار مهم این نسخه جداسازی فرمت بندی و انتقال آن به style sheet ها میباشد. لازم به توضیح است که که تاکید دروس و مقالات این راهنما بر فارسی نویسی مطابق استاندارد یونیکد بوده و اولین مجموعه دروس آموزشی ما شامل آموزش مقدماتی HTML بهمراه مثالهای متعدد فارسی نویسی خواهد بود. ادامه این بخش به شرح سرفصل مطالب ارائه شده خواهد پرداخت:

سرفصل مطالب کلاس اچتمل مقدماتی :

  مقدمه
در این درس با ویژگیهای فایلهای اچتمل، اجزا تشکیل دهنده آن یعنی عناصر و تگ ها ( Elements & Tags ) و نحوه ایجاد یک فایل ساده و نمایش آن در صفحه مرورگرتان آشنا خواهید شد.

  HTML & WWW
در این درس با مفاهیم وب ( تار عنکبوت جهانی یا World Wide Web ) ، اینترنت، مرورگرها و استانداردهای وب آشنا خواهید شد. همچنین با تفاوتهای مرورگرهای وب ( Web Browsers ) و سرویس دهنده های وب ( Web Servers ) آشنا خواهید شد.

• عناصر ( Elements )
  یک متن و یا فایل اچتمل از عناصر یا element ها تشکیل میشود و برای ایجاد عناصر از تگ ها یا tags استفاده میشود. در این فصل با عناصر و تگ ها آشنا خواهید شد.
• تگ های اصلی ( Basic Tags )
  تگ ها ( tags ) اجزا تشکیل دهنده عناصر یا elements های اچتمل هستند و یکی از بهترین روش های یادگیری اچتمل دیدن مثالها و تغییر آنها میباشد. در این فصل با تگ های پایه و مهم آشنا شده و با کمک ادیتور اختصاصی ما و با امکانات فارسی نویسی آن به صورت آنلاین میتوانید به مطالعه و یادگیری مثالها بپردازید.
• فــارسی نویسی
  در این درس با فارسی نویسی، فارسی سازی و استاندارد یونیکد و نحوه استفاده از ادیتور آنلاین و فارسی این سایت آشنا خواهید شد.

• فرمت دهی ( Formatting )
  وظیفه گروهی از تگ های اچتمل فرمت دهی و تعیین شکل نمایش متون ( مثلا توپر و bold بودن و یا ایتالیک بودن ) میباشد و در این درس با این گروه ازتگهایformating آشنا خواهید شد. همچنین یاد خواهید گرفت که چگونه source یا اصل کدهای اچتمل یک صفحه یا page را ببینید.
• نهادها ( Entities )
  گروهی از نویسه های ( Character ) اچتمل مانند (<) و یا (>) دارای معنی خاصی ( مثلا نویسه < شروع یک تگ را نشان میدهد. ) در استاندارد اچتمل بوده و برای نمایش آنها در صفحاتتان مستقیما قابل مصرف نمیباشند. در این فصل با این نویسه ها آشنا شده و با کمک Character Entities چگونگی استفاده از این گروه از نویسه ها را فرا خواهید گرفت.
• پیوندها ( Links )

در این درس با پیوندها ( Links ) ، شناسه های مرتبط مخصوصا href و نحوه به کار گیری آنها آشنا خواهید شد.

• جداول ( Tables)

در این درس با مفاهیم جدول ( Table ) ، ردیف یا row ، سلولها یا خانه ها، مرز یا border در جداول و عناصر مرتبط مخصوصا TABLE ، TD , TR آشنا خواهید شد.

• فریمها ( Frames )

در این درس با مفاهیم فریم ( Frame ) و عناصر مربوطه مخصوصا Frame و Frameset آشنا خواهید شد.

• فهرستها ( Lists )

این درس شما را با نحوه نمایش فهرستها ( List ) ، انواع فهرستها و تگ های مربوطه آشنا خواهد ساخت.

• مثالهای اچتمل

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

• FAQ HTML

این صفحه به بیشترین سؤالات پرسیده شده در مورد اچتمل ( Frequently Asked Questions ) و مخصوصا مشکلات مربوط به فارسی نویسی و پاسخهای آنها اختصاص دارد.

• فرمها ( Forms )

از طریق استفاده از تگ های فرم ( form ) قادر به دریافت اطلاعات از بازدیدکنندگان صفحاتتان و یا تبادل اطلاعات بین صفحات مختلف خواهید شد. با کمک این گروه از تگ ها قادر به نمایش باکسهای ورود اطلاعات متن (text fields) ، چک باکسها (check-boxes) ، رادیو باتونها (radio-buttons) و ... شده و همچنین امکان گذاشتن دکمه های ارسال (submit button) و یا حذف (reset) را خواهید داشت. این فصل با شرح تگ های form و input و ... به چگونگی ایجاد ارتباط با بازدیدکنندگان و گرفتن اطلاعات از آنها خواهد پرداخت.

• تصاویر ( Images ) :در این درس با عنصر img و چگونگی نمایش تصاویر و همچنین تنظیم محل آنها آشنا خواهید شد.
• پس زمینه ( Background )

در این درس با چگونگی نمایش تصاویر و یا تعیین رنگ پس زمینه آشنا خواهید شد.

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

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