شرح مختصری از آنچه در این فایل دریافت میکنید :
پروژه HTML وب سایت امداد و نجات
یک فایل ساده HTML جهت آشنایی با کد نویسی HTML و جاوا اسکریپت. این پروژه در مورد کمکهای اولیه و امداد و نجات می باشد که به علت حجم زیاد فایلهای دو فولدر download , music را پاک کرده و فقط یک عکس درون این دو فولدر قرار دادیم .
فرمت فایل دریافتی : HTML
شرح کوتاهی از فایل اصلی :
دانلود سورس یک ویرایشگر متن و HTML
این برنامه یک محیط کدنویسی را برای شما فراهم می کند، همچنین امکان ذخیره سازی، امکان ایجاد یک سند جدید، امکان بازکردن یک فایل HTML یا HTM و همچنین امکان نمایش صفحه را دارا می باشد. از دیگر قابلیت های این برنامه امکان ذخیره سازی سند به طور خودکار می باشد. همچنین امکان جستجوی لغت و جایگزینی آن با لغتی جدید را دارا می باشد. و در آخر یک محیطی برای تنظیمات دستی (گرافیکی) برای حالت نمایش محیط ویرایشگر تعبیه شده تا کاربر در صورت نیاز و به سلیقه ی خود به اصلاح محیط بپردازد.
فرمت فایل : Visual Basic
در زیر به مختصری ازعناوین و چکیده آنچه شما در این فایل دریافت می کنید اشاره شده است :
فهرست مطالب
آشنایی با مکان کارآموزی
مفاهیمHTML & XHTML
یک صفحه وب چیست
طرزکارصفحات وب
درموقع مروروب چه اتفاقی میافتد
نحوه ویرایش صفحات وب
دوراه تولیدصفحات وب
نرم افزارهای تولید وویرایش HTML
۱. ویرایشگرهای ساده متن
۲. ویرایشگرهای مخصوصHTML
۳. نرم افزارهای گرافیکی تولیدکننده کدهایHTML
ایجاد کردن یک صفحه وب
دستورها ویا برچسبهایی که دریک صفحه وب وجوددارد
(دستورهای مشترک)
شکست خطوط وپاراگراف ها
ایجاد اتصال وپیوند (link) به صفحات وب دیگران
ایجاد اتصال وپیوند (link) بین صفحات وب خودتان
ادرسهای وابسته
انتشارصفحاتHTML
ایجادوتنظیم یک سایت وب اینترنتی
انتشارصفحات وب با نت اسکیپ
انتشارصفحات وب با کمک Microsoft IE
انتشار صفحههای وب بوسیله Microsoft front page
قراردادن صفحات وب برروی یک اینترانت (شبکه محلی)
انتشارصفحات وب برروی دیسک
تنظیم محل قرارگیری خطوط
سه نوع از لیستهای موجود درHTML
برجسته کردن متنها (boldface) استفاده ازحروف کج
(Italics) وارایشهای اختصاصی
اندازه ورنگ فونت
انتخاب نوع فونت
استفاده ازنقاط عطف درصفحه وب
ایجاد پیوند به نقاط خاصی از یک صفحه دیگر
قراددادن پیوندی ازادرسe-mail خوددرداخل یک صفحه وب
ایجاد فرمهای HTML
ایجاد یک فرم
ورود متن text input
شناسایی دادههای موجود در یک فرم
پذیرفتن دادههای مخفی درفرم ها
محدودههای متنی text area
ارسال فرم submit
ایجاد یک تکمهsubmit سفارشی
ایجاد تصاویر گرافیکی برای صفحات وب
اصول طراحی وتولید تصاویر گرافیکی برای وب
کنترل فشرده سازی JPEG
تولید بنرها وتکمه ها
کاهش تعداد رنگها
قراردادن یک تصویر گرافیکی بر روی صفحه وب
ایجاد برچسب برای یک تصویر
تصاویری که خود یک پیوند LINK میباشند
مرتب کردن سازی عرض تصاویر
مرتب سازی عمودی تصاویر
پس زمینهها back ground ورنگهای سفارشی
رنگهای متن وپس زمینه
ایجاد رنگهای سفارشی و دلخواه
استفاده از قالبهای تصویر برای ایجاد پس زمینه background
تصاویرشفاف (transparent)
ایجاد تصاویر متحرک
نرم افزارهای تولید کننده انیمیشنهای مربوط به صفحات وب
ایجاد تصاویری که قرار است به حرکت درآیند
چگونه یک انیمیشن با فرمت Gif را بر روی یک صفحه وب قراردهیم
به حرکت دراوردن و تولید جلوههای ویزه متن ها
طراحی صفحات ونماها
مشخص کردن طول وعرض تصاویر
پیوندهای گرافیکی و نقشههای تصویری
ایجاد نقشه مناطق مختلف در یک تصویر
نقشههای تصویری مربوط به سرویس گیرندهها (client-side)
قراردادن چندرسانهای در صفحات وب
قرار دادن صدا در صفحات وب
قرار دادن تصاویر ویدئویی در صفحه وب
برنامه ریزی برای اینده HTML
۱. استفاده ازHtml در خارج از وب
۲. Html به عنوان رابط کاربری نوین
۳. انقلاب رسانهای دیجیتالی
۴. Html نوین یاXhtml
نکته : فایلی که دریافت میکنید جدیدترین و کاملترین نسخه از گزارش کارآموزی می باشد.
این فایل کاملا ویرایش شده و شامل : صفحه نخست ، فهرست مطالب و متن اصلی می باشد و با فرمت ( word ) در اختیار شما قرار می گیرد .
تعداد صفحات : 80
فرمت فایل : WORD (قابل ویرایش)
تعداد صفحات:48
فهرست مطالب :
مقدمه
فصل اول- فواید طراحی وب سایت ...................................................................1
فصل دوم - طراحی صفحات وب با استفاده از HTML ..............................2
فصل سوم- استفاده از CSS برای قالب بندی عناصر HTML .......................3
فصل چهارم- نوشتن صفحات پویای طرف کاربر با جاوا اسکریپت .....................5
فصل پنجم- آموزش HTML ...............................................................6
فصل ششم- آشنایی با متا تگها و موارد استفاده آنها ............................................7
فصل هفتم- اصول نوشتن صفحات HTML .............................................10
فصل هشتم- کاراکترهای ویژه .............................................................................13
فصل نهم- نوشتن سر فصلها و پاراگراف .............................................................16
فصل نهم- تگهای مورد استفاده برای نمایش متن .................................................17
فصل دهم- نحوه ساختن دکمه های رادیو ...........................................................19
فصل دهم- تغییر رنگ پیش فرض متن در صفحه ................................................21
فصل یازدهم- تعیین رنگ زمینه............................................................................21
فصل یازدهم - تغییر رنگ لینکهای صفحه ...........................................................21
فصل یازدهم - قرار دادن یک تصویر در زمینه صفحه ........................................ 22
فصل یازدهم - وارد کردن تصاویر در صفحات ......................................................... 23
فصل یازدهم - تنظیم نحوه نمایش عکس در صفحه ........................................... 24
فصل یازدهم - ایجاد متن های متحرک در صفحه .............................................. 24
فصل دوازدهم- استفاده از لیست های در صفحه ............................................... 26
فصل سیزدهم- ایجاد فریم های داخلی ............................................................. 30
فصل چهاردهم- ساختن جدول در طراحی صفحه ............................................ 31
فصل پانزدهم- استفاده از فریمهای نامرئی در صفحه ........................................ 35
فصل پانزدهم - نحوه ساختن چک باکس ......................................................... 37
فصل شانزدهم - استفاده از موزیک در صفحه .................................................. 38
فصل هفدهم - کادر کلمه عبور و فیلدهای مخفی ............................................ 40
فصل هجدهم - تنظیم قلم مورد استفاده برای متن ............................................ 41
فصل هجدهم - استفاده از متن جایگزین (کامنت) برای تصاویر........................ 42
فصل نوزدهم - اصول نوشتن لیستهای کشویی ................................................. 42
فصل بیستم - ایجاد پیوند به دیگر صفحات ...................................................... 44
فصل بیستم - ساختن لینک برای آدرس ایمیل .................................................. 44
فصل بیستم - کار کردن با فونتها و رنگ و اندازه آنها ...................................... 45
فصل بیستم - ساختن لینک با استفاده از تصاویر .............................................. 46
فصل بیستم - تنظیم Encoding در هنگام طراحی صفحه ............................... 47
فصل بیستم - نوشتن متن ها به صورت هاﻱ مختلف ........................................ 47
فصل بیستم - شناسه های قابل استفاده برای خط افقی ..................................... 48
فواید طراحی وب سایت :
یک وب سایت می تواند نقش یک بروشور تبلیغاتی را برای شما بازی کند . حتی با امکاناتی بسیار بیشتر از یک بروشور ساده.
شما با استفاده از یک سایت اینترنتی می توانید به راحتی محصولات خود را به بازدید کنندگان خود معرفی کنید، آنها را از آخرین تغییرات مطلع کنید، اطلاعات مورد نیاز آنها را در اختیارشان قرار دهید و یا حتی نظرات و پیشنهادات آنها را جمع آوری کنید.
حتی می توان با ایجاد یک انجمن گفتگو در سایت به سایرین اجازه می دهد نظرات خود را اعلام کنند و به نظرات دیگران پاسخ دهند.
از یک سایت اینترنتی می توان برای ایجاد ارتباط مؤثر میان اعضای یک سازمان هم استفاده کرد به صورتی که هر یک از اعضا در هر جا که باشند بتوانند به اطلاعات مورد نیاز خود از طریق سایت سازمان دسترسی پیدا کنند، از آخرین اخبار مطلع شوند و آخرین تغییرات را مشاهده کنند.
در حقیقت می توان از یک سایت اینترنتی به عنوان بخش مهمی از سیستم اطلاعاتی داخل سازمان استفاده کرد و هر گروه از افراد به اطلاعات مربوط به سطح سازمانی خود دسترسی داشته باشند. یعنی اطلاعاتی که کارمندان از سایت دریافت
ی کنند متفاوت با اطلاعات مدیران و همچنین متفاوت با اطلاعاتی باشد که بازدید کنندگان خارج سازمان از سایت دریافت می کنند.
یک وب سایت راهی مناسب برای ارائه اطلاعات مختلف در مورد کالا و هم خدماتی است که شرکت به مشتریان ارائه می دهد بدون اینکه مشتری مجبور باشد در زمان خاصی به شرکت مراجعه کند و یا اینکه با شرکت تماس بگیرد می تواند در هر کجا که باشد به سایت شرکت مراجعه کند و اطلاعات مورد نظر خود را کسب کند .
با استفاده از یک سایت اینترنتی می توان به راحتی اطلاعات مربوط به محصولات جدید را منتشر کرد بدون اینکه نیازی به چاپ بروشورها و آگهی های جدید باشد .
طراحی سایتهای اینترنتی تا حد زیادی بستگی به موارد استفاده آن سایت و نیازهای کاربران آن دارد.
اگر در طراحی سایت نیاز کاربران در نظر گرفته نشود و یا نیازها به صورت روشن مشخص نشوند نباید انتظار داشت تا سایت کارایی لازم را داشته باشد .
با استفاده از زبانهای برنامه نویسی طرف سرور نظیر PHP و با استفاده از پایگاههای داده ها و بانکهای اطلاعاتی نظیر MY SQL SERVER و تکنیکهایی مثل Ajax و JavaScript امکان طراحی سایتها با انواع کاربری مختلف وجود دارد.
طراحی صفحات وب با استفاده از HTML :
HTML مخفف HyperText Markup Language است.
HTML زبانی است که از آن برای نوشتن صفحات وب ایستا (استاتیک) استفاده می شود. این زبان برای مشخص کردن عناصر مختلف صفحه از یک سری تگ (برچسب) استفاده می شود.
برای مثال برای اینکه یک تصویر را وارد صفحه کنیم از برچسب <img> استفاده می کنیم و برای مشخص کردن یک پاراگراف متن مورد نظر خود را بین تگ <p> و <p/> قرار می دهیم. بدین وسیله مرورگر اینترنت می تواند عناصر مختلف صفحه را شناسایی کند و آنها را نمایش دهد.
مرورگرهای اینترنت کدهای HTML را دریافت می کنند و پس از تفسیر آنها را به صورت یک صفحه وب به نمایش در می آورند.
نوشتن صفحات HTML لزوماً به برنامه خاصی احتیاج ندارد. حتی با استفاده از NotePad در ویندوز هم می توانید صفحات مورد نظر خود را طراحی کنید. صرف نظر از برنامه ای که از آن برای طراحی صفحات خود کمک می گیرید .
آشنایی شما با HTML می تواند تا حد بسیار زیادی در کیفیت صفحات تأثیر بگذارد.
استفاده از CSS برای قالب بندی عناصر HTML :
HTML اصولاً برای مشخص کردن هویت عناصر صفحه به وجود آمد. یعنی برای اینکه مشخص شود کدام بخش صفحه یک پاراگراف است یا کدام قسمت سرفصل است و کدام بخش یک جدول است و... برای این منظور هم از یک سری تگ استاندارد نظیر <p> ، <h1> و <table> استفاده می شد.
وظیفه ای که برای HTML در نظر گرفته شده بود فقط همین بود و نحوه نمایش این عناصر بر عهده مرورگرهای وب بود.
برای مثال مشخصاتی نظیر فونت متن، رنگ و مشخصاتی از این قبیل را مرورگر انتخاب می کرد و HTML در قالب بندی عناصر صفحه نقشی نداشت .
به تدریج مرورگرهای بزرگ مثل اینترنت اکسپلورر و Netscape از تگهای HTML جدیدی برای قالب بندی و تعیین ظاهر صفحات وب استفاده کردند.
مانند تگ <font> که برای تعیین فونت متن مورد استفاده قرار می گیرد و شناسه color که رنگ متن را مشخص می کند .
صفحاتی که با HTML 3.2 نوشته شده اند به دلیل استفاده از این تگها برای قالب بندی صفحه به کد نویسی بیشتری احتیاج و در نتیجه صفحه ای که با این روش به وجود می آید مملو از تگهای HTML می شود و در نتیجه حجم صفحات افزایش می یابد و سرعت لود شدن آنها کاهش پیدا می کند. علاوه بر این اصل جدایی محتویات صفحه از قالب آن هم رعایت نمی شود .
استفاده از استایل و شیوه نامه ها (CSS) با HTML 4.0 آغاز شد. از CSS برای قلب بندی عناصر صفحه استفاده می شد.
برای مثال با آن می توان برای قسمتهای مختلف در صفحه تصویر زمینه تعیین کرد، فونت آنها را تغییر داد، رنگ متن ها را تغییر داد و بسیاری از قابلیتهای دیگر که قبلاً در HTML وجود نداشت با CSS در دسترس طراحان قرار می گیرد .