کارآموزی طراحی یک وب سایت شخصی با امكانات متداول و معمول 47 صفحه دسته کامپیوتر و IT

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

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

فرمت فایل: doc

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

حجم فایل: 1.011 مگا بایت

قسمتی از محتوای فایل و توضیحات:

فهرست مطالب

عنوان صفحه

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

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

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

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

رنگ ها و معانی آنها :

رنگ سبز و سفید با هم تركیب مناسبی بوجود می آورند . اما در ژاپن یك گل میخك صد پر سفید نشان مرگ است و در چین كلاه سبز به معنای خیانت یك زن به شوهرش معنی میدهد . كلاه سبز با میخك سفید نشان زیبایی برای لوگوی یك شركت نمیتواند باشد . گرچه سبز رنگ آرامش بخش است ( بهمین دلیل در بیمارستان ها استفاده میشود ) و در ضمن رنگ سبز راحت تر از بقیه رنگ ها در چشم انسان آنالیز میشود . تركیب های گوناگون رنگ سبز معانی گوناگونی میدهد . تركیب سبز و زرد كمترین طرفدار را بین بینندگان دارد .

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

فایل دیگر:  تكامل وب و مقایسه ابزارهای جستجو در اینترنت 17 صفحه دسته کامپیوتر و IT

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

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

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

عمل و عكس العمل :

رنگ روی حس ما و ادراك ما و عكس العمل ما تاثیر میگذارد . یك بیننده با آگاهی از سایتتان وارد سایت شما شده است ، حال شما باید او را همچنان سر شوق نگه دارید .شما 8 الی 10 ثانیه وقت دارید تا او را از لحاظ بصری جذب كنید . با استفاده از رنگ شما میتوانید حس خوش آمد گویی و راحتی و اعتماد را به بیننده منتقل كنید . اگر شما گرافیك های یك سایت را تغییر دهید در اصل زبان گفتگوی تصویری آن را عوض كرده اید و بدین سان است كه عكس العمل متفاوتی از بازدیدكننده سایت سر میزند.

قرار دادن یك محصول كه با آب سر و كار دارد (مثل لباس شنا و … ) در زمینه بنفش و نارنجی قدرت فروش آن را كاهش میدهد . رنگ های بنفش و نارنجی بطور سریع با آب و طبیعت ارتباط ندارند و یك ادراك غلط به بیننده منتقل میكنند . قرار دادن همان محصول در رنگ آبی یا سبز باعث افزایش جذابیت آن محصول میشود .

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

رنگ های گرم و سرد :

رنگ های گرم تشكیل شده اند از : زرد ، نارنجی ، قهوه ای ، زرد-سبز و نارنجی- قرمز . یعنی رنگ هایی كه با پاییز در تعامل هستند . بطور كلی رنگ های گرم گرایش به هیجان و تكاپو دارند . بسیاری از مردم مقدار كم از این رنگ ها را می پسندند . بنفش و سبز رنگ های واسط هستند كه نه گرم و نه سردند و وابسته به میزان رنگ قرمز یا زردی هستند كه در رابطه با رنگ آبی در آنها بكار رفته است . اگر رنگ آبی آن كم تر باشد بیشتر شبیه رنگ های گرم بنظر میرسد .

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

اسکریپت چیست :

اسکریپت

زبان های اسکریپتی برای ارائه تحولات و ایجاد پویایی در صفحات وب ایجاد شدند . این زبان ها از روی زبان های برنامه نویسی ساخته شدند و بهمین دلیل دارای تشابه بسیاری با هم هستند . این زبان ها در اصل نمونه کوچک شده زبان های مادر خود هستند . تعدادی از فرمان ها و امکانات زبان های بزرگ در این زبان ها حذف شده اند . مثلا امکان نوشتن فایل یا پاک کردن فایل ها برروی سیستم کاربر مانند زبان های برنامه نویسی وجود ندارد . البته این زبان ها برای استفاده در زمینه کاری شبکه طراحی شده اند و حذف این دستورات علل خاصی ( از جمله بالا رفتن امنیت و … ) داشته است .

VB Script

این زبان نمونه کوچک شده زبان VB است و کسانی که با ویژوال بیسیک کار کرده اند در یاد گیری این زبان بیشتر راه را پیموده اند و کافیست تفاوت های آن را با ویژوال بیسیک یاد گیرند . این زبان برای افزودن افکت به صفحات وب نیز کاربرد دارد . ولی کاربرد برتر آن در نوشتن برنامه های سمت سرور است که بر اساس تکنولوژی ASP صورت میگیرد . این زبان به عنوان زبان پیش فرض برای نوشتن صفحات ASP است . یاد گیری این زبان برای کسانی که تا کنون برنامه نویسی نکرده اند بسیار آسان است و شروع بسیار خوبی برای ورود به دنیای برنامه نویسی است .

JAVA Script

این زبان ساختاری شبیه زبان C دارد و بیشتر برای ایجاد افکت بر روی کامپیوتر کاربر استفاده میشود (Client-side) .احتمالا تا کنون سایت هایی را دیده اید که در آن کلمه خاصی دنبال موس میدود . یا هنگام وارد شدن به آن سایت مرورگر شما در صفحه ویندوزتان میلرزد . این قبیل کد ها که فقط روی سیستم کاربر اجرا میشوند و نیازی به پردازش توسط سرور ندارند را کد های سمت کاربر (کلاینت ساید) میگویند . البته این زبان نیز قابلیت های استفاده به صورت server-side را داراست . اما چون استفاده از زبان VBS آسانتر است معمولا از VBS برای نوشتن برنامه های سرور-ساید استفاده میشود . یکی از تفاوت های این دو زبان در طرز نوشتن حروف است . در VBS تفاوتی ندارد که دستورات را با حروف کوچک یا بزرگ بنویسید ، اما در JavaScript اگر دستوری که با حروف کوچک است با حروف بزرگ بنویسید با Error در صفحات خود مواجه میشوید.برای دیدن قدرت زبان JavaScript میتوانید از سایت AnfyTeam دیدن کنید . این سایت همچنین امکان دانلود برنامه ای برای ساخت افکت های جاوا اسکریپت خود را در اختیارتان میگذارد .

 


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

هنگام دانلود فایل هایی که نیاز به پرداخت مبلغ دارند حتما ایمیل و شماره موبایل جهت پشتیبانی بهتر خریداران فایل وارد گردد.

فایل – کارآموزی طراحی یک وب سایت شخصی با امكانات متداول و معمول – با کلمات کلیدی زیر مشخص گردیده است:
طراحی یک وب سایت شخصی;اسکریپت;طراحی وب

جعبه دانلود

برای دانلود فایل روی دکمه زیر کلیک کنید
دریافت فایل


شما ممکن است این را هم بپسندید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *