تحقیق درباره طراحی صفحات HTML وب

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

دانلود تحقیق درباره طراحی صفحات HTML وب

رشته کامپیوتر

فرمت فایل: ورد قابل ویرایش

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

فهرست

مفاهیمHTML & XHTML 

یک صفحه وب چیست      

طرزکارصفحات وب  

درموقع مروروب چه اتفاقی می افتد   

نحوه ویرایش صفحات وب 

دوراه تولیدصفحات وب     

نرم افزارهای تولید وویرایش HTML     

ویرایشگرهای ساده متن

ویرایشگرهای مخصوصHTML

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

ایجاد کردن یک صفحه وب

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

(دستورهای مشترک)

شکست خطوط وپاراگراف ها    

ایجاد اتصال وپیوند(link) به صفحات وب دیگران      

ایجاد اتصال وپیوند(link) بین صفحات وب خودتان    

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

انتشارصفحاتHTML    

ایجادوتنظیم یک سایت وب اینترنتی    

انتشارصفحات وب با نت اسکیپ

انتشارصفحات وب با کمک Microsoft IE     

انتشار صفحه های وب بوسیله Microsoft front page

قراردادن صفحات وب برروی یک اینترانت(شبکه محلی)    

انتشارصفحات وب برروی دیسک      

تنظیم محل قرارگیری خطوط      

سه نوع از لیست های موجود درHTML  

برجسته کردن متن ها (boldface) استفاده ازحروف کج

talics)(I وارایش های اختصاصی   

اندازه ورنگ فونت   

انتخاب نوع فونت     

استفاده ازنقاط عطف درصفحه وب    

ایجاد پیوند به نقاط خاصی از یک صفحه دیگر    

قراددادن پیوندی ازادرسe-mail خوددرداخل یک صفحه وب

ایجاد فرم های HTML   

ایجاد یک فرم   

ورود متن text input    

شناسایی داده های موجود در یک فرم 

پذیرفتن داده های مخفی درفرم ها      

محدوده های متنی text area  

ارسال فرم submit

ایجاد یک تکمهsubmit سفارشی     

ایجاد تصاویر گرافیکی برای صفحات وب   

اصول طراحی وتولید تصاویر گرافیکی برای وب 

کنترل فشرده سازی JPEG     

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

کاهش تعداد رنگها    

قراردادن یک تصویر گرافیکی بر روی صفحه وب      

ایجاد برچسب برای یک تصویر  

تصاویری که خود یک پیوند LINK می باشند   

مرتب کردن سازی عرض تصاویر     

مرتب سازی عمودی تصاویر     

پس زمینه ها back ground ورنگ های سفارشی   

رنگ های متن وپس زمینه

ایجاد رنگ های سفارشی و دلخواه    

استفاده از قالبهای تصویر برای ایجاد پس زمینه

ckgroundba

تصاویرشفاف(transparent) 

ایجاد تصاویر متحرک

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

صفحات وب     

ایجاد تصاویری که قرار است به حرکت درایند    

چگونه یک انیمیشن با فرمت Gif را بر روی یک

صفحه وب قراردهیم 

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

طراحی صفحات ونماها     

مشخص کردن طول وعرض تصاویر  

پیوندهای گرافیکی و نقشه های تصویری   

ایجاد نقشه مناطق مختلف در یک تصویر    

نقشه های تصویری مربوط به سرویس

گیرنده ها(client-side)  

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

قرار دادن صدا در صفحات وب  

قرار دادن تصاویر ویدئویی در صفحه وب   

برنامه ریزی برای اینده HTML     

استفاده ازHtml در خارج از وب     

Html به عنوان رابط کاربری نوین  

انقلاب رسانه ای دیجیتالی    

Html نوین یاXhtml

دانلود پروژه آموزشی وب سایت HTML

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

یک وب سایت معمولا شامل تعداد زیادی فایل است که در تعدادی پرونده مرتب شده اند، به همان صورت که شما فایل هایتان را در پرونده ها مختلفی روی کامپیوترتان مرتب می کنید. صفحه اصلی یک سایت معمولا index.htm یا index.html یا default.html نام دارد. وقتی که یک آدرس وب ( یا اسم دامنه ) را در مرور گرتان تایپ می کنید  برنامه مرورگر به سراغ اکانت میزبانی ای می رود که این اسم دامنه به آن اشاره می کند، و به دنبال یکی از این فایل های اصلی می گردد. فرضا اگر فایلی به نام index.html را در آن وب سایت پیدا کند، این فایل ( یا صفحه ) را به صورت خودکار در مرور گر شما نمایش خواهد داد. این وب سایت یک مثال ساده آموزشی برای طراحی سایت با HTML میباشد

سورس پروژه سقوط متن با html و java script

اختصاصی از ژیکو سورس پروژه سقوط متن با html و java script دانلود با لینک مستقیم و پر سرعت .

سورس پروژه سقوط متن با html و java script به نام خدا در این پروژه ابتدا یک حروف یک متن به حرکت در می آیند و هر یک از حروف های متن سقوط می کنند و کلمه بعدی به نمایش در می آید و همچنین آن کلمه نیز حرف هایش سقوط می کند و کلمه بعدی به نمایش در می آید.شما می توانید تعداد کلمات و همچنین خود متن کلمات که سقوط می کنند را تعیین کنید.این پروژه با زبان html و javascript نوشته شده و انیمیشن های آن توسط css3 طراحی شده اند. تصویر پروژه سقوط متن: در صورت هم خوانی نداشتن توضیحات پروژه با فایل خریدا ...

دانلود مقاله آموزش گام به گام زبان Html

اختصاصی از ژیکو دانلود مقاله آموزش گام به گام زبان Html دانلود با لینک مستقیم و پر سرعت .

آموزش گام به گام زبان Html (جلسه اول)
در این درس با ویژگیهای فایلهای HTML یا اچتمل و نحوه ایجاد یک فایل ساده و نمایش آن در صفحه مرورگرتان آشنا خواهید شد.
یک فایل HTML چیست؟
•    HTML را "اچ تی ام ال" و یا اچتمل بخوانید.
•    HTML برگرفته از حروف اول Hyper Text Markup Language میباشد.
•    یک فایل HTML فایلی از نوع text میباشد که متشکل از markup tag ها میباشد.
•    مرورگر یا Browser از روی markup tag ها می فهمد که چگونه باید صفحه را نمایش بدهد.
•    یک فایل HTML باید دارای انشعاب htm و یا html باشد.
•    یک فایل HTML فایلی از نوع text میباشد که با هر ادیتور ساده ای قابل ایجاد است.
•    وظیفه اصلی تگ های اچتمل ( markup tags ) بیان چگونگی نمایش اطلاعات میباشد.
________________________________________
میخواهید که یک فایل اچتمل بسازید؟
اگر از ویندوز مایکروسافت استفاده میکنید، Notepad را باز کرده (Mac کارها از SimplaeText استفاده کنند. ) و متن زیر را در آن تایپ کنید:
This is my first html page. This text is bold
سپس فایل را با نام مثلا test.html در درایو /:C ذخیره کنید.
برای دیدن فایل اچتمل بالا در مرورگر یا Brower تان کافی است که از روی منوی File/Open file فایل بالا را از روی محل ذخیره شده بخوانید. ( به آدرس فایل در قسمت Address توجه کنید، مثلا c:test.html)
یکی از مهمترین وظایف مرورگرها نمایش صفحات اچتمل میباشد، چه این صفحات روی کامپیوتر شما ذخیره شده باشند و یا اینکه از اینترنت خوانده شوند. با کلیک روی این لینک فایلی شبیه فایل ذخیره شده توسط شما از روی وب سرور توسط مرورگرتان خوانده شده و سپس نمایش داده خواهد شد.
________________________________________
توضیح مثال بالا
اولین قسمت مثال بالا تگ میباشد. از روی این تگ، مرورگر نوع متن یعنی اچتمل بودنش را یافته و از روی انتهای متن اچتمل را میبابد.
متن بین تگ و تگ اطلاعات شناسنامه ای یا "Header information" متن اچتمل بوده و نمایش داده نخواهند شد.
آموزش گام به گام زبان Html (جلسه دوم)

در این درس با مفاهیم وب، اینترنت، مرورگرها و استانداردهای وب آشنا خواهید شد.
منظور از وب چیست؟
    وب شبکه ای است متشکل از تمامی کامپیوترهای دنیا، شبکه ای از شبکه ها.
    اینترنت، وب، WWW ، web یا World Wide Web همگی یک چیزند.
    تمامی کامپیوترهای وب میتوانند با هم ارتباط داشته باشند.
    کامپیوترهای موجود در وب با کمک استاندارد ارتباطی یا پروتوکل HTTP با هم ارتباط برقرار میکنند .
نحوه کارکرد وب چگونه است؟
    اطلاعات وب داخل فایلهائی به نام Web Pages و یا صفحات وب قرار دارند.
    این فایلها یا صفحات روی Web Server یا کامپیوترهای سرویس دهنده وب ذخیره شده اند.
    برای دیدن صفحات وب از نرم افزاری به نام مرورگر و یا Web Browser استفاده میشود.
    دو مرورگر Internet Explorer و Netscape Navigator جزو معروفترین مرورگرها حساب میشوند.
    مرورگر Internet Explorer متعلق به شرکت مایکروسافت و مرورگر Netscape Navigator متعلق به شرکت نت اسکیپ میباشد.
________________________________________
مرورگرها چگونه به خواندن صفحات وب میپردازند؟
    یک مرورگر با کمک یک Request درخواستی برای خواندن یک صفحه از وب سرور میکند.
    این Request یا درخواست بر اساس استاندارد ارتباطی یا پروتوکل HTTP بوده و شامل آدرس صفحه مورد نظر میباشد.
    آدرس یک صفحه وب چیزی شبیه http://www.khaterat.com/faq.html است. بخش //:http نوع پروتوکل و یا استاندارد ارتباطی را تعیین میکند، www.khaterat.com نام دومین یا Domain است و faq.html نام صفحه ای است که باید خوانده شود.
________________________________________
مرورگرها چگونه صفحات وب را نمایش میدهند؟
    چگونگی نمایش یک صفحه وب بصورت مستتر در آن وجود دارد.
    مرورگرها از روی دستورالعملهای داخل صفحات وب و با کمک تگ ها به نمایش صفحات میپردازند.
    وظیفه اصلی تگ های اچتمل ( HTML tags ) بیان چگونگی نمایش اطلاعات میباشد.
    یک تگ اچتمل چیزی شبیه <p> این تگ پاراگراف است! </p> است.
________________________________________
چه کسانی استاندارد های وب را تعیین میکند؟
    تعیین استاندارد های وب ربطی به شرکتهای مایکروسافت و یا نت اسکیپ ندارد.
    World Wide Web Consortium یا W3C متولی تعیین استانداردهای وب است.
    HTML, CSS and XML از مهمترین استانداردهای تصویب شده وب میباشند.
    آخرین استاندارد HTML استاندارد XHTML 1.0 میباشد .
________________________________________
آموزش گام به گام زبان Html (جلسه سوم)
یک فایل اچتمل متنی از نوع text است که از عناصر یا element ها تشکیل میشود و برای ایجاد عناصر از تگ ها یا tags استفاده میشود. در این فصل با عناصر و تگ ها اچتمل آشنا خواهید شد.
تگ های اچتمل (HTML Tags)
•    با کمک تگ های اچتمل عناصر و یا Elements ساخته میشوند.
•    در زبان اچتمل حدود 80 عنصر تعریف شده است.
•    تگ های اچتمل بوسیله دو نویسه (char) > و < ساخته میشوند.
•    تگ های اچتمل معمولا بصورت زوج ظاهر میشوند، مانند <b>test</b>
•    تگ اول در یک زوج تگ مثلا <b> تگ شروع و تگ دوم مثلا <b/> تگ پایانی نام دارد.
•    متن بین تگ اول و تگ دوم در یک زوج تگ محتوای عنصر یا element content نامیده میشود، مثلا "test"
•    تگ های اچتمل را میتوانید بوسیله حروف لاتین کوچک (lower case) و یا بزرگ (upper case) بنویسید و case sensitive نیستند. برای مثال دو تگ <b> و <B> معادل هم هستند ولی شدیدا توصیه میشود که به خاطر سازگاری با XHTML از حروف کوچک استفاده شود.

شامل 16 صفحه word

آموزش فوت و فن HTML و CSS

اختصاصی از ژیکو آموزش فوت و فن HTML و CSS دانلود با لینک مستقیم و پر سرعت .

آموزش حرفه ای HTML5 و CSS3

مدت زمان آموزش : 6 ساعت

49 هزار تومان

فرمت محصول : ویدئو

آیا می دانستید با استفاده از HTML و CSS می توانید صفحات زیباتر و اثرگذار تر ایجاد کنید تا بیننده بتواند با وب سایت شما ارتباط برقرا کند ؟

آیا می دانستید به دلیل اهمیت این دو زبان همه سیستم های مدیریت محتوا مانند وردپرس، جوملا، دروپال و غیره در قسمت های مختلف مخصوصا بخش نوشته ها و برگه ها به صورت کامل از HTML و CSS پشتیبانی می کنند ؟

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

این محصول برای چه کسانی مفید می باشد ؟

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

آنچه در ویدئو آموزش طراحی وب سایت با html و css یاد میگیریم:

1. آشنایی با ساختار های جدید HTML و CSS
2. ساخت منوهای زیبا و حرفه ای
3. ساخت فرم های ثبت نام و لاگین حرفه ای
4. استفاده از گوگل مپ در وب سایت
5. استفاده از رسانه های مختلف در وب سایت (تصاویر، ویدئوها، انواع صدا و موسیقی)
6. ساخت انواع دکمه های گرافیکی بدون نیاز به فتوشاپ7
7. آشنایی با ساختار و ایجاد جداول
8. نحوه چیدمان عناصر در صفحات وب سایت
9. ایجاد انواع افکت بر روی تصاویر و متون
10. آشنایی با انواع لیست ها و شیوه نمایش آن ها
11. شیوه استفاده از فونت های خاص درون وب سایت
12. ایجاد یک پروژه کامل و کاربردی

 فیلم آموزش طراحی وب سایت با HTML و CSS

این فیلم توسط فکر آبی تهیه و ظبط شده است، مدت این فیلم حدود 6:00 ساعت می باشد و با فرمت MP4 ارائه شده است، اغلب نرم افزار های پخش فیلم و همچنین دستگاه های جدید پخش DVD قادر به نمایش این فیلم می باشند.

چه نرم افزار برای آموزش طراح وب سایت با HTML و CSS مناسب است ؟

بهترین نرم افزاری که به شما کمک خواهد کرد، تا کدها را راحت تر بنویسید و پروژه خود را مدیریت نمایید Adobe Dreamweaver می باشد، این نرم افزار در هنگام نوشتن به شما جهت عدم اشتباه در کدنویسی کمک خواهد کرد، همچنین ابتدا و انتهای هر کد را به راحتی برای شما نشان خواهد داد، دومین نرم افزاری که سبکتر می باشد ++notepad می باشد.

آیا بعد از دیدن این محصول باز هم نیاز به یادگیری دارم ؟

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

این محصول چگونه در مدیریت وب سایت به ما کمک خواهد کرد ؟

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

قالب آموزش این محصول چیست ؟

این محصول در قالب یک فیلم ویدئویی می باشد، که غیر از کامپیوتر در اکثر پلیرهای جدید قابل پخش می باشد.