Posts

Showing posts from April, 2017

آموزش طراحی سایت(جلسه ۱۱): فرمت عکس در طراحی وب

فرمت عکس در طراحی وب: فرمتهای مختلفی برای عکسها وجود دارد  طراحی سایت اما فرمتهایی که در وب کاربرد دارد عبارتند از: : jpg  یا jpeg 02  فرمت – در تصاویر، رنگهای مشابه و کنار هم را خلاصه نویسی میکند. – حجم این فرمت قابل محاسبه نیست. – ۲۴بیتی است، یعنی هر پیکسل ۱۶میلیون سئو سایت  رنگ را پشتیبانی میکند. نکته مهم:  jpg برای  عکسهای طبیعی  مناسب است. :  gif 08  فرمت این فرمت به دو صورت عکس ثابت و متحرک (انیمیشن) ممکن است طراحی سایت  دیده شود. نهایت رنگ در این فرمت۲۵۶۶رنگ است. بنابراین حجم عکس نسبت به تعداد رنگ استفاده شده افزایش مییابد. در واقع  gif هاعکسهایی هستند که در آن تعدادی عکس ثابت قرار دارد که فریم به فریم پخش میشوند تا یک انیمیشن راخلق کنند. از این فرمت برای لوگوهای تبلیغاتی استفاده میشود که در کل تنوع بسیار کمی دارند و حاوی نوشته هستند. خصوصیات : gif – ابتدا عکس را بررسی میکند  طراحی سایت تا نهایتاً ۲۵۶رنگ که بیشترین کاربرد را داشتهاند استخراج کند سپس به هر رنگ یک شماره اختصاص میدهد. – به جای ذخیره سازی هر پیکسل شماره اختصاصی آن را ذخیره میکند. – تنها فرمتی است که متحرک بودن را پ

آموزش طراحی سایت(جلسه ۱۰): تگ img

تگ img یکی از مهمترین عناصر در صفحات وب عنصر عکس است.  طراحی سایت   برای قرار دادن عکس در فایلهای  html از تگ < > img استفاده میشود. این تگ یک تگ تهی بوده و نیازی به تگ پایانی ندارد. برای مشخص کردن تصویریکه باید در صفحه قرار بگیرد باید از ویژگی  src 1۵ استفاده کرد که توسط این ویژگی آدرس و نام فایل مشخصمیشود. صفت : alt این ویژگی، متنی را به عنوان مقدار میپذیرد و برای ایجاد یک متن توصیفی بر  طراحی سایت روی تصویر به کار میرود اگر عکس مورد نظر پیدا نشود به جای عکس، آن متن را نمایش میدهد. این مشخصه بیشتر زمانی کاربرد دارد که وقتی تصویر به دلیل هر مشکلی در صفحه دیده نشد کاربر بداند که چه تصویری را ندیده است که در اینحالت متن توصیفی ویژگی  alt به جای تصویر دیده خواهد شد. موتورهای جستجو برای ایندکس کردن یک صفحه فقط نام تصویر و توضیحی که برای آن تصویر داده شدهاست طراحی سایت  را میخوانند، پس برای تصاویری که به موضوع صفحه شما مرتبط هستند و یا میخواهید بازدید کنندگان بتوانند در موتورهای جستجو آنها را پیدا کنند حتماً از این صفت استفاده کنید. مثال: > ”متن توصیفی” = ”  alt آدرس ت

آموزش طراحی سایت(جلسه ۹): صفتهای Link

صفتهای به وسیله این صفات میتونید برای حالات مختلف لینک رنگها در  طراحی سایت اسپیناس  دلخواه خود را انتخاب کنید. برای مثال بعد از کلیک روی یک لینک رنگ آن قرمز شود. :linkبیان کننده رنگ پیوندهایی است که تاکنون ملاقات نشدهاند. استاندارد و حالت پیشفرض آن آبی یا. استblue vlink : vlinkکه مخفف visited linkاست، رنگ لینک را پس از ملاقات شدن نمایش میدهد. استانداردآن ارغوانی یا #۸۰۰۰۸۰یا purpleاست. alink :alinkکه مخفف Active linkاست، رنگ لینک را وقتی که با ماوس در حال کلیک روی آن هستید مشخص میکند. پیش فرض آن قرمز ( )#FF0000یا redاست. اگر میخواهید یک رنگ برای تمام لینکهای موجود سِت کنید، کافیست صفتهای موجود را به تگ <>bodyنسبت دهید. در این صورت تمام لینکها با رنگهای مورد نظر نمایش داده میشوند. اما اگر میخواهید در  طراحی سایت   یک یا چند لینکمجزا با رنگهای متفاوت داشته باشید میتوانید از تگ < >fontبین تگ < >aاستفاده کنید و به فونت رنگمورد نظر را نسبت دهید. نکته: به جای نوشتن اسامی رنگها میتوان از فرمت rgbاستفاده کرد. طراحی سایت   rgbبه ترتیب مخفف red, green, blueاست که هر یک میتوا

آموزش طراحی سایت(جلسه ۵): تگ های مهم html

تگهای sub و sup : متن داخل تگ sub و تگ sup به صورت توان  ۸sup و یا زیرنویس ۹sub  در میآید. در  طراحی سایت    از این تگها برای قرار دادن حروف یا اعداد کمی بالاتر یا پایینتر از بقیه متن در صفحه استفاده میشود. برای نوشتن متنی به شکل زیر : Designed by MicrosoftTM Office2010 از این دو کد استفاده میکنیم: <sup> حروف یا شمارهای که بالاتراز سطر باشد </sup> <sub> حروف یا شمارهای که پایین تر از سطر باشد </sub> تگ pre : تگ ۱۰pre زمانی به کار میرود که شما قصد دارید در  طراحی سایت    یک قطعه کد برنامهنویسی )مثلاً به زبان C( به همان صورت که تایپ کردهاید به کاربر نمایش داده شوند. یعنی قصد دارید قسمتی از کد را در قسمت آموزش به کاربر نشان دهید. برای مثال شما قصد دارید این برنامه به زبان C را در سایت خود قرار دهید: #include<stdio.h> #include<conio.h> int main(); { int x=2 ,y=5 ,sum=0; clrscr(); sum=x+y; printf(“sum=%d”,sum); getch(); return(0); } برای این کار آن را با تگ < pre > باز و بسته احاطه میکنید و همچنین برای این که مرورگر شما قسمت  <

آموزش طراحی سایت(جلسه ۶): لیست ها در html

Image
۱۳۹۵   17 دقیقه خوانده شده   ۰   0    96 لیستها در طراحی سایت اسپیناس: برای نمایش یک سری اقلام به صورت لیستی منظم، به عنوان مثال منوها و زیرمنوها و… میتوانید از دو تگ < ol > و < ul > استفاده کنید. به طور کلی ایجاد لیست در وب به دو صورت امکانپذیر است: لیستهای مرتب  Ordered List : لیستی است که ترتیب در آنها در  طراحی سایت  با شماره یا علامتهای ترتیبی مشخص شده است. از این نوع لیستها هنگامی  استفاده میشود که ترتیب اقلام لیست برای ما مهم است. انواع لیست مرتب: ۱,۲,۳,۴,… i,ii,iii,iiii ,… I,II,III,IIII, … a,b,c,d, … A, B, C, D,… – یک لیست مرتب در  طراحی سایت  با تگ < ol > آغاز میشود. – هرکدام از اقلام لیست با تگ li مخفف List Item  آغاز میشوند. مانند: – صفت type نوع لیست مرتبط را مشخص میکند. اگر کاراکتر اول هر یک از انواع لیست مرتب رابه این صفت بدهید، به آن روش شمارهگذاری خواهد کرد. مثال: <ol type=”۱”> <li>CPU</li> <li>RAM</li> </ol> لیستهای نامرتب  طراحی سایت  Unordered List : از این نوع لیست گذا