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

فرمت فایل: word(قابل ویرایش)تعداد صفحات127

بخش اول
طراحی صفحات وب با FrontPage 2000
فصل اول
ایجاد یک صفحه وب
پرکردن صفحه خالی، دانشی است که www آن را از اجدادش در خانواده مکتوبات به ارث برده است: کتابها، مجلات و روزنامه. سنگ نوشته های حکاکی شده را نیز می توان در این زمره به حساب آورد، گو اینکه روش ایجاد آنها کاملا متفاوت است.
در غیاب ابزار کارآمد صفحات خالی را با عناصر ابتدایی و اولیه وب پر خواهید نمود: متن و فوق پیوند با متن به اشکال مختلف متعددی کار خواهید نمود، با تغییر فونت ها و رنگها، ردیف بندی و قالب بندی پاراگراف ها و عنوان بندی متن به شکلی که جلب توجه نماید.
همچنین متن فوق پیوند را که صفحه را به اسناد دیگر در سایت وب خودتان یا www متصل می کنند تعیین خواهید نمود.
هنگام کار با صفحات، یاد خواهید گرفت که عنوان صفحه را تعیین کرده و رنگ یا تصویر زمینه آن را انتخاب کنید. همه چیز از صفحه خالی تنهایی در وب جاری FrontPage 2000 آغاز می شود.
ایجاد و عنوان دهی به یک صفحه
برای ویرایش یک صفحه، ابتدا باید آن را در نمای Page برنامه FrontPage 2000 بارگذاری کنید.
هر صفحه وب در FrontPage 2000، مثل یک الگو آغاز می شود. اگر می خواهید صفحه جدیدی را از ابتدای کار شروع کنید، بهترین روش استفاده از الگوNormal Page است.
برای شروع صفحه ای جدید، New Page,File یا دکمه New Page درمیله ابزار استاندارد کلیک کنید.
هنگامی که الگوی صفحه جدید را انتخاب کنید، بلافاصله صفحه برای ویرایش در نمای Page قرار می گیرد.
اگر برای وب جاری از تمی کمی به کار گرفته نشده باشد، صفحه جدید کاملا خالی خواهد بود. در غیر این صورت، زمینه، فونت ها، رنگها و سایر جزئیات قالب بندی برای صفحه در نظر گرفته می شوند.
از ابتدا به صفحه جدید اسم فایل منحصر به فردی مثل newpage2.htm,newpage1.htm داده خواهد شد. می توانید با کلیک کردن Save As,File نام دیگری برای آن برگزینید و یا بعدا در نمای Folders اسمش را تغییر دهید. روی فایل راست کلیک کنید واز منوی ظاهر شده Rename را برگزینید.
نکته: اگر لیست Folders هنگامی که درنمای Page قرار دارید، قابل مشاهده است، می توانید از آن برای تغییر نام فایل ها استفاده نمایید. دستور Folder List,View را انتخاب کنید تا ظهور یا عدم ظهور آن را کنترل نمایید.
اگر وب جاری را بدون هیچ گونه تغییری در صفحه جدید ببندید FrontPage 2000 از صفحه صرف نظر می کند. در غیر این صورت هنگام بستن وب و یا مشاهده پیش نمای آن در یک مرورگر، به شما یادآوری می کند که آن را ذخیره نمایید.
افزودن حاشیه های اشتراکی به یک صفحه
مورد دیگری که هنگام ایجاد صفحه به آن اضافه می شود، هر نوع حاشیه ای است که با بقیه وب جاری مشترک می باشد.
FrontPage 2000 شما را قادر می سازد نواحی حاشیه داری تعریف کنید که بین تمامی صفحات هر وب مشترک باشند. روی Shared Borders,Format کلیک کنید تا ببینید چه نوع حاشیه های مشترکی مورد استفاده قرار گرفته اند. یک کادر تبادلی باز می شود که نشان دهنده حاشیه هایی است که در وضعیت جاری به اشتراک گذارده شده اند.
هر وب در FrontPage می تواند دارای حاشیه های اشتراکی بالا، پائین، چپ و راست باشد. گو اینکه اشتراک هر چهار وجه فضای زیادی را برای صفحه باقی نمی گذارد. از این نواحی حاشیه ای اغلب برای فراهم آوردن فضا برای اقلامی نظیر نوارهای راهبری، لگوهای مربوط به سایت و اعلانهای حق کپی استفاده می شود.
بسیاری از تم های تو کار FrontPage از حاشیه چپ برای یک نوار راهبری که در هرصفحه از وب ظاهر می شود، استفاده می کنند. می توان از یک حاشیه اشتراکی در قسمت پائین برای اعلان عدم مسئولیت ناشر در صورت وقوع از دست دادن اطلاعات به صورت غیر منتظره دریک سایت آتش بازی با مسئولیت شخص بهره جست.
کادر ارتباطی Shared Borders را می توان برای افزودن یا برداشتن این حاشیه ها مورد استفاده قرار داد. حاشیه ها در نمای Page با خطوط نقطه چین نشان داده شده اند. به نمایش گذاشته می شوند هر تغییری که روی یک ناحیه حاشیه دار در یک صفحه صورت پذیرد، بلافاصله روی تمام صفحاتی که در آن حاشیه مشترک هستند، اعمال می گردد.
عنوان دهی به یک صفحه
به هر صفحه وب، یک عنوان داده می شود. با اینکه FrontPage 2000 عنوان پیش گزیده ای را به صفحه اختصاص می دهد، اما اغلب عبارتی است که باید تعویض شود، مثل "New Page 5" که کمک زیادی به کسانی که در وب شما به گشت و گذار می پردازند، نماید.
عنوان هر صفحه، در نوار عنوان بیشتر مرورگرهای وب یعنی لبه بالایی پنجره ای که مرورگر را در بر دارد ظاهر می شود (مرورگرهای غیر ویژوال و متنی به صورت متفاوتی با عنوان برخورد می کنند).
برای عنوان دهی به هر صفحه Properties.File را انتخاب کنید و یا روی صفحه راست کلیک نموده از منوی ظاهر شده Page Properties را بر گزینید. یک کادر تبادلی باز می شود که حاوی شش کادر تبادلی برگه دار است. می توان آنها را برای ایجاد تغییر در صفحه به کار برد. داخل برگه General، می توانید عنوان جدید را وارد نمائید.
هنگامی که صفحه ای را عنوان دهی می کنید، FrontPage 2000 از این متن یا عبارت برای درفش صفحه و در نوارهای راهبری نیز استفاده می کند، البته اگر این اقلام به کار گرفته نشده باشند. همچنین پیشنهاد می شود که به عنوان اسم فایلی که اولین بار ذخیره می شود، بکار رود.
هشدار: با اینکه عنوان در وهله اول در درفش صفحه ای کپی می شود، این اقلام عناصری مجزا در FrontPage 2000 هستند. تغییر یکی از آنها باعث تغییر اتوماتیک دیگری نمی شود، گو اینکه هنگام آموزش اولیه نرم افزار ممکن است چنین برداشتی داشته باشید.
انتخاب عنوان توصیفگر و مفید و مختصر به دو دلیل اهمیت دارد- کمک می کند افراد بتوانند وب تان را مورد استفاده قرار دهند و کمک می کند که دیگران بتوانند آن را بیابند.
اگر از الگو Table of Contents برای افزودن این نوع صفحه به وب استفاده کنید، تمامی عناوین صفحات در جدول حاصله از فهرست محتویات ظاهر می گردند.
همچنین عنوان صفحه پراهمیت ترین چیزی است که در نتایج جستجو ظاهر می شود. برای مثال، Alta Vista عنوان هر صفحه و به دنبال آن چند سطر از محتویات صفحه را به نمایش می گذارد.
عنوان ممکن است برای تشخیص رده بندی وب طی یک جستجو به کار رود و بنابراین اگر عنوان صفحه ای را به صورت مناسبی انتخاب کنید، تعداد ویزیت های بیشتری را از سوی افرادی خواهید داشت که به دنبال عبارت خاصی می گردند که شکل عامی دارد. (تعداد ویزیت های بیشتر به معنای فعالتر بودن وب و امری مطلوب است).

تحقیق طراحی صفحات وب 100 ص - ورد

مقدمه

طراحی  صفحات ب موضوعی کاملاً سلیقه ای است اینطور به نظر می رسد که بیشتر مردم دقیقاً می دانند که سلیقه شان چه چیزی را می پسندد و چه چیزی را رد می کند .

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

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

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

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

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

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

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

فهرست مطالب :

تاریخچه طراحی وب                                                                                                    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 )

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

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

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

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

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

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

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

فهرست مطالب :

تاریخچه طراحی وب                                                                                                    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 )

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

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

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

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

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

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

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

فهرست مطالب :

تاریخچه طراحی وب                                                                                                    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 )

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

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

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