طراحی وب سایت

ساخت وبلاگ

 همان‌طور که در قسمت سي و يکم توضيح داده شد، دو حالت از Operator Method وجود دارد: Unary Operators و Binary Operators که با Binary Operators نيز آشنا شديد. 

 
فرم کلي Unary Operators به‌شکل زير است:
 
// General form for overloading a unary operator
 
public static ret-type operator  طراحی سایت  op(param-type operand)
 
{
 
    // operations
 
}
 
به‌عنوان مثال متد زير، unary minus را overload مي‌کند:
 
 
 
public static TwoD operator -(TwoD ob)
 
{
 
    TwoD result = new TwoD();
 
    result.X = -ob.X;
 
    result.Y = -ob.Y;
 
    retu result;
 
}
 
 
 
در اين‌جا يک شيء جديد  retuمي‌شود که شامل مقدار منفي فيلدهاي operand است. دقت کنيد که operand تغيير نمي‌کند، براي مثال در عبارت a = -b مقدار منفي b به a اختصاص داده مي‌شود در حالي‌که b بدون تغيير مي‌ماند.
 
 
 
using System;
 
class TwoD
 
{
 
    private int X, Y;
 
 
 
    public TwoD()
 
    {
 
        X = Y = 1;
 
    }
 
    public TwoD(int a, int b)
 
    {
 
        X = a;
 
        Y = b;
 
    }
 
 
 
    public static TwoD operator -(TwoD ob)
 
    {
 
        TwoD result = new TwoD();
 
        result.X = -ob.X;
 
        result.Y = -ob.Y;
 
        retu result;
 
    }
 
 
 
    public void Show()
 
    {
 
        Console.WriteLine("{0}, {1}", X, Y);
 
    }
 
}
 
class UnaryOpertorDemo
 
{
 
    static void Main()
 
    {
 
        TwoD ob = new TwoD(1, 1);
 
        TwoD result;
 
        result = -ob;
 
        ob.Show();
 
        result.Show();
 
    }
 
}
 
در سي‌شارپ، overload کردن ++ و -‌- بسيار آسان است. کافي است که مقدار را افزايش يا کاهش دهيد و آن را retu کنيد اما نبايد مقدار شيء operand را تغيير دهيد. سي‌شارپ به‌طور خودکار حالت‌هاي postfix و prefix را براي شما در نظر مي‌گيرد. براي مثال متد زير يک ()++operator براي کلاس TwoD است:
 
 
 
 
 
using System;
 
class TwoD
 
{
 
    int X, Y;
 
    public TwoD()
 
    {
 
        X = Y = 0;
 
    }
 
    public TwoD(int a, int b)
 
    {
 
        X = a;
 
        Y = b;
 
    }
 
 
 
    // Overload binary +
 
    public static TwoD operator +(TwoD ob1, TwoD ob2)
 
    {
 
        TwoD result = new TwoD();
 
        result.X = ob1.X + ob2.X;
 
        result.Y = ob1.Y + ob2.Y;
 
        retu result;
 
    }
 
 
 
    // Overload binary -
 
    public static TwoD operator -(TwoD ob1, TwoD ob2)
 
    {
 
        TwoD result = new TwoD();
 
        result.X = ob1.X - ob2.X;
 
        result.Y = ob1.Y - ob2.Y;
 
        retu result;
 
    }
 
     
 
    // Overload unary -
 
    public static TwoD operator -(TwoD ob)
 
    {
 
        TwoD result = new TwoD();
 
        result.X = -ob.X;
 
        result.Y = -ob.Y;
 
        retu result;
 
    }
 
 
 
    // Overload unary ++ 
 
    public static TwoD operator ++(TwoD ob)
 
    {
 
        TwoD result = new TwoD();
 
        result.X = ob.X + 1;
 
        result.Y = ob.Y + 1;
 
        retu result;
 
    }
 
 
 
    // Overload unary --
 
    public static TwoD operator --(TwoD ob)
 
    {
 
        TwoD result = new TwoD();
 
        result.X = ob.X - 1;
 
        result.Y = ob.Y - 1;
 
        retu result;
 
    }
 
    public void Show()
 
    {
 
        Console.WriteLine(X + ", " + Y);
 
    }
 
}
 
class OpOverloadingDemo
 
{
 
    static void Main()
 
    {
 
        TwoD a = new TwoD();
 
        TwoD b = new TwoD(1, 2);
 
        TwoD c = new TwoD(5, 5);
 
 
 
        Console.Write("Here is a : ");
 
        a.Show();
 
        Console.Write("Here is b : ");
 
        b.Show();
 
        Console.Write("Here is c : ");
 
        c.Show();
 
        Console.WriteLine();
 
 
 
        a++;
 
        Console.Write("Here is a after a++ : ");
 
        a.Show();
 
 
 
        a--;
 
        Console.Write("Here is a after a-- : ");
 
        a.Show();
 
 
 
        Console.WriteLine();
 
 
 
        a = c;
 
        Console.Write("Here is a after a = c : ");
 
        a.Show();
 
 
 
        a = c + b;
 
        Console.Write("Here is a after a = c + b : ");
 
        a.Show();
 
 
 
        a = b - c;
 
        Console.Write("Here is a after a = b - c : ");
 
        a.Show();
 
        Console.WriteLine();
 
 
 
        a = -b;
 
        Console.Write("Here is a after a = -b : ");
 
        a.Show();
 
        Console.Write("Here is b after a = -b : ");
 
        b.Show();
 
        Console.WriteLine();
 
 
 
        // reset objects
 
        a = new TwoD(1, 1);
 
        b = new TwoD(2, 2);
 
        c = new TwoD();
 
 
 
        Console.Write("Here is a : ");
 
        a.Show();
 
        Console.Write("Here is b : ");
 
        b.Show();
 
        Console.Write("Here is c : ");
 
        c.Show();
 
        Console.WriteLine();
 
        c = --a;
 
        Console.Write("Here is c after c = --a : ");
 
        c.Show();
 
        c = a--;
 
        Console.Write("Here is c after c = a-- : ");
 
        c.Show();
 
 
 
    }
 
}
 
خروجي:
 
 
 
 
 
 
 
شما مي‌توانيد operator methods را هم overload کنيد. رايج‌ترين دليل آن اين است که با اين کار اين امکان را فراهم مي‌کنيد تا عمليات بين يک class type (مثل کلاسي که خودتان تعريف کرديد) و يک built-in type (يک type که در دات نت موجود است، مثل int) انجام شود. به‌عنوان مثال، مجدداً به کلاس TwoD دقت کنيد. مشاهده کرديد که + را overload کرده‌ايم و اين باعث مي‌شود تا مختصات يک شيء TwoD با مختصات يک شيء ديگر جمع شود. اما اين تنها راه جمع کردن براي شيء TwoD نيست! شما فقط توانستيد دو شيء را با هم جمع کنيد اما گاهي نياز داريد يک int را با يک شيء جمع کنيد. براي اين منظور شما نياز داريد که + را دوباره overload کنيد
 
// Overload binary + for TwoD + int.
 
public static TwoD operator +(TwoD op1, int op2)
 
{
 
    TwoD result = new TwoD();
 
    result.X = op1.X + op2;
 
    result.Y = op1.Y + op2;
 
    retu result;
 
}
 
دقت کنيد که پارامتر دوم از جنس int است. بنابراين اين متد اجازه مي‌دهد يک مقدار int به هر يک از فيلدهاي TwoD افزوده شود. توجه داشته باشيد هنگامي‌که يک binary operator را overload مي‌کنيد، يکي از operand ها حتماً بايد از جنس کلاسي باشد که در آن operand مربوطه overload مي‌شود اما بقيه‌ي operand ها مي‌توانند از هر نوعي باشند.
 
 
در زير مشاهده مي‌کنيد که + دو بار overload شده دارد:
 
 
 
using System;
 
class TwoD
 
{
 
    int X, Y;
 
    public TwoD()
 
    {
 
        X = Y = 0;
 
    }
 
    public TwoD(int a, int b)
 
    {
 
        X = a;
 
        Y = b;
 
    }
 
    // Overload binary + for TwoD + int.
 
    public static TwoD operator +(TwoD op1, int op2)
 
    {
 
        TwoD result = new TwoD();
 
        result.X = op1.X + op2;
 
        result.Y = op1.Y + op2;
 
        retu result;
 
    }
 
    // Overload binary + for TwoD + TwoD. 
 
    public static TwoD operator +(TwoD op1, TwoD op2)
 
    {
 
        TwoD result = new TwoD();
 
        result.X = op1.X + op2.X;
 
        result.Y = op1.Y + op2.Y;
 
        retu result;
 
    }
 
    public void Show()
 
    {
 
        Console.WriteLine(X + ", " + Y);
 
    }
 
}
 
class OpOverloadingDemo
 
{
 
    static void Main()
 
    {
 
        TwoD ob1 = new TwoD();
 
        TwoD ob2 = new TwoD(3, 3);
 
        TwoD result;
 
 
 
        result = ob1 + 2; // TwoD + int
 
        ob1.Show();
 
        result.Show();
 
 
 
        result += ob2; // TwoD + TwoD
 
        ob2.Show();
 
        result.Show();
 
    }
 
}
 
همان‌طور که مي‌بينيد، هنگامي‌که + روي دو شيء TwoD اعمال شده، مختصات اين دو شيء با هم جمع مي‌شود و هنگامي‌که + روي يک شيء TwoD و يک مقدار int اعمال شده ، فيلدهاي شيء با مقدار int جمع شده است.
 
 
 
overload کردن + کاربرد مفيدي را به کلاس TwoD مي‌افزايد اما هنوز اين تمام چيزي نيست که مورد نياز است و در واقع کار هنوز تمام نشده است. متد (operator+(TwoD, int تنها براي عبارتي از اين جمله:
 
 
 
 
 
ob1 = ob2 + 10;
 
مجاز است و عبارتي مثل:
 
 
 
 
 
ob1 = 10 + ob2;
 
را نمي‌پذيرد. به اين دليل که argument عدد صحيح، دومين argument است يعني آن operand که در سمت راست قرار دارد. اما در عبارت قبلي مي‌بينيد که argument عدد صحيح را در سمت چپ قرار داده‌ايم. براي اين‌که هر دو عبارت براي استفاده مجاز باشند، بايد يک بار ديگر + را overload کنيد. اين‌بار بايد اولين پارامتر را int و دومين پارامتر را TwoD در نظر بگيريد.
 
 
 
به اين ترتيب، يک ورژن از متد ()+operator براي TwoD + int و يک ورژن ديگر آن براي int + TwoD است. Overload کردن + (يا هر binary operator ديگري) به اين شکل باعث مي‌شود تا يک built-in type هم بتواند در سمت چپ و هم در سمت راست قرار بگيرد. در نمونه‌ي زير مي‌بينيد که چگونه + همان‌گونه که شرح داده شد، overload شده است:
 
 
 
using System;
 
class TwoD
 
{
 
    int X, Y;
 
    public TwoD()
 
    {
 
        X = Y = 0;
 
    }
 
    public TwoD(int a, int b)
 
    {
 
        X = a;
 
        Y = b;
 
    }
 
    // Overload binary + for TwoD + int.
 
    public static TwoD operator +(TwoD op1, int op2)
 
    {
 
        TwoD result = new TwoD();
 
        result.X = op1.X + op2;
 
        result.Y = op1.Y + op2;
 
        retu result;
 
    }
 
    // Overload binary + for int + TwoD.
 
    public static TwoD operator +(int op1, TwoD op2)
 
    {
 
        TwoD result = new TwoD();
 
        result.X = op1 + op2.X;
 
        result.Y = op1 + op2.Y;
 
        retu result;
 
    }
 
    // Overload binary + for TwoD + TwoD. 
 
    public static TwoD operator +(TwoD op1, TwoD op2)
 
    {
 
        TwoD result = new TwoD();
 
        result.X = op1.X + op2.X;
 
        result.Y = op1.Y + op2.Y;
 
        retu result;
 
    }
 
    public void Show()
 
    {
 
        Console.WriteLine(X + ", " + Y);
 
    }
 
}
 
class OpOverloadingDemo
 
{
 
    static void Main()
 
    {
 
        TwoD a = new TwoD(1, 2);
 
        TwoD b = new TwoD(10, 10);
 
        TwoD c = new TwoD();
 
 
 
        Console.Write("Here is a: ");
 
        a.Show();
 
        Console.WriteLine();
 
        Console.Write("Here is b: ");
 
        b.Show();
 
        Console.WriteLine();
 
        
 
        c = a + b; // TwoD + TwoD
 
        Console.Write("Result of a + b: ");
 
        c.Show();
 
        Console.WriteLine();
 
        
 
        c = b + 10; // TwoD + int
 
        Console.Write("Result of b + 10: ");
 
        c.Show();
 
        Console.WriteLine();
 
       
 
        c = 15 + b; // int + TwoD
 
        Console.Write("Result of 15 + b: ");
 
        c.Show();
 
    }
 
}
 
overload کردن عملگرهاي رابطه‌اي
 
 
 
عملگرهاي رابطه‌اي (Relational Operators)، مثل == يا > مي‌توانند به‌سادگي overload شوند. به‌طور معمول، يک عملگر رابطه‌اي overload شده، مقدار true يا false را retu مي‌کند، به‌اين دليل که حالت و کاربرد استاندارد عملگرهاي رابطه‌اي حفظ شود و بتوان از آن‌ها در عبارت‌هاي شرطي استفاده کرد. اگر در اين موارد به‌جاي مقادير bool چيزي ديگري را retu کنيد، به شدت کاربرد اين operator را محدود کرده‌ايد. نکته‌ي مهم ديگر اين‌جاست که بايستي relational operators را به‌طور جفتي overload کنيد. به‌عنوان مثال اگر > را overload کرديد، بايستي < را نيز overload کنيد. اين مورد براي operator هاي (<= و >=) و (== و !=) نيز صادق است.
 
using System;
 
class TwoD
 
{
 
    int X, Y;
 
    public TwoD()
 
    {
 
        X = Y = 0;
 
    }
 
    public TwoD(int a, int b)
 
    {
 
        X = a;
 
        Y = b;
 
    }
 
 
 
    public static bool operator <(TwoD op1, TwoD op2)
 
    {
 
        retu ((op1.X < op2.X) && (op1.X < op2.Y));
 
    }
 
    public static bool operator >(TwoD op1, TwoD op2)
 
    {
 
        retu ((op1.X > op2.X) && (op1.Y > op2.Y));
 
    }
 
}
 
class OpOverloadingDemo
 
{
 
    static void Main()
 
    {
 
        TwoD ob1 = new TwoD(1, 4);
 
        TwoD ob2 = new TwoD(2, 3);
 
 
 
        if (ob1 > ob2)
 
            Console.WriteLine("ob1 is greater than ob2");
 
        if (ob1 < ob2)
 
            Console.WriteLine("ob1 is less than ob2");
 
    }
 
}
 
در مثال بالا، (operator>(TwoD, TwoD در صورتي true را retu مي‌کند که هم X و هم Y شيء اول از X و Y شيء دوم بزرگ‌تر باشد.
نکته‌ي ديگر اين‌که اگر مي‌خواهيد operator هاي == و =! را overload کنيد، بايستي متدهاي ()Object.Equels و ()Object.GetHashCode را نيز override کنيد.
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت, طراحی سایت, طراحی وب, نویسنده : farkhonde webdesign18 بازدید : 139 تاريخ : چهارشنبه 16 مرداد 1392 ساعت: 13:30

 
Ruby
 
طراحي و توسعه زبان رابي به اواسط دهه 1990 بازمي گردد. منتشر کننده اين زبان فردي به نام يوکيهيرو ماتز ماتسوموتو (Yukihiro Matz Matsumoto) بود. نسخه‌هاي متعددي از اين زبان  طي سال هاي متوالي توسعه يافت و نسخه پايدار آن در سال 2006 منتشر شد. از محبوب‌ترين  طراحی  فريم ورک‌هايي که در چندسال اخير برپايه اين زبان توسعه يافته مي توان Ruby on rails را نام برد که با شعار"کشف بن بست شکنانه براي کاهش موانع ورود به برنامه‌نويسي" شهرت دارد. الگوي طراحي برنامه‌هاي اين فريم‌ورک برپايه MVC است.
 
Java
 
در ابتدا بايد توجه داشت که زبان جاوا و جاوا اسکريپت دو زبان کاملا مجزا ازهم هستند. جاوا يکي از محبوب‌ترين زبان‌ها تا سال 2012 بود. اين زبان توسط جيمز گاسلينگ (James Gosling) و تحت ليسانس شرکت سان در سال 1995 خلق شد. جاوا قابليت پياده سازي بر روي تمام پلتفرم‌هاي استاندارد را دارد.
تکنولوژي‌هاي جاوا را مي توان به سه گروه تقسيم کرد :
 
جاوا براي موبايل‌ اپليکيشن‌ها (J2ME): اين تکنولوژي بيشتر با نام J2ME يا Java 2 Mobility Editionشناخته شده است و بيشتر براي طراحی مقابله با محدوديت‌هاي ساخت برنامه‌هاي کاربردي در دستگاه‌هاي کوچک مورد استفاده قرارمي‌گيرد و همچنين داراي کتابخانه‌هاي بسياري براي توسعه اپليکيشن است، مانند اپليکيشن‌هاي تلفن همراه.
نگارش استاندارد جاوا (J2SE): عنواني که براي اين تکنولوژي رواج يافته J2SE است و مخفف عبارت Java 2 platform standard edition مي‌باشد. به کمک اين تکنولوژي مي‌توان طيف وسيعي از برنامه هاي کاربردي - اعم از بازي‌هاي گرافيکي تا اپليکيشن‌هاي مرتبط با پايگاه‌هاي داده - را توليد کرد. همچنين در کتابخانه‌هاي آن کليه‌API ها و کلاس‌هاي مورد نياز وجود دارد.
نگارش سازماني جاوا (JEE): نام اين پلتفرم جاوا Java enterprise edition است. اين تکنولوژي در توسعه برنامه‌هاي بسيار بزرگ و سازماني مورد استفاده قرار‌مي‌گيرد، برنامه نويسان اين نسخه از جاوا قادرخواهند بود برنامه‌هاي عظيمي براي شبکه‌ها و حتي سرورها توليد کنند.
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : farkhonde webdesign18 بازدید : 156 تاريخ : يکشنبه 30 تير 1392 ساعت: 15:00

 
اين سوال معمولا وجود دارد که چه تفاوتي ميان اينترنت و وب جهان گستر وجود دارد؟ و چه مواقعي بايد قبل از URL از WWW استقاده کنيم؟ 
بسياري از کاربران، مفاهيم اينترنت و وب جهان گستر (World Wide Web) را يکسان يا به جاي هم به کار مي برند. در واقع از جهتي حق با آنهاست، زيرا Web آنچنان رشد کرده و همه چيز را در اينترنت به زير سيطره خود برده که در اکثر مواقع، اينترنت مساوي وب و وب مساوي اينترنت است. ما در اينجا توضيح مي دهيم که چرا اين تصور، از جهاتي اشتباه است.
اينترنت يک معناي عام و بسيار وسيع، و شامل يک دالان تو در تو است از صفحات وب، خطوط تلفن، خطوط کابلي،ماهواره ها، سيم هاي شبکه و کامپيوترهاي به هم پيوسته که در سرتاسر جهان پراکنده شده اند.
وب نيز بخشي از امکانات اينترنت است و به صفحات و پايگاه هايي اطلاق مي شود که از طريق آدرس هاي ويژه، امکان استفاده و مرور آنها توسط انواع مرورگرها مهيا مي باشد. ما مي توانيم با استفاده Uniform Resource Locator يا URL به اين پايگاه ها دسترسي داشته باشيم. اين روش آدرس دهي (مثل www.popsci.com) در دهه گذشته اينترنت را تبديل به شاهراه اطلاعاتي کرد. به خصوص اينکه باعث حذف اعلان ها و فرمان هايي شد که سابقا کاربران مجبور بودند تا براي رسيدن به اطلاعات متني، تايپ کنند. آن هم اطلاعاتي که صرفا متن بوده و از جهاتي کسل کننده بودند، اما وب آنها را تبديل به محيطي جذاب، بصري و فوق العاده پويا و متحرک نمود.
ضمن اينکه بخش عظيمي از محتوياتي که شما از طريق URL بدست مي آوريد، فايل هايي هستند که با يک کد خاص موسوم به Hyper Text Markup Language يا به اختصار HTML نوشته شده اند. در حقيقت ما فايل هاي HTML را به عنوان صفحات وب مي شناسيم.
 
تفاوت اينترنت و وب چيست؟
اکثر کاربران فکر مي ‌کنند که وب همان اينترنت است اما اينترنت در سال ???? وقتي که آرپانت که همان پدر اينترنت ناميده مي ‌شود شروع به استفاده از پروتکل TCP/IP کرد شکل گرفت. وب توسط تيم برنرزلي انگليسي در سال ???? ساخته شده. شبکه جهاني وب از سرورها که صفحات را دربر دارند و مرورگرهاي بسياري همانند فايرفاکس، اينترنت اکسپلورر، سافاري و… ساخته شده است. در واقع اينترنت مجموعه‌اي از فناوري‌ است که موجوديت وب را رقم زده است. اگر اينترنت نبود وب هم نبود و اگر وب نبود اينترنت هم چنان در اثر هجر باقي مي ‌ماند. بايد به اين نکته توجه داشت که بسياري از برنامه ‌هاي تحت شبکه بدون نياز به وب کار مي‌ کنند مانند ايميل،FTP ، IRC يا چت مبتني بر اينترنت، نرم‌افزارهاي پيام رسان، تل‌نت، تورنت... اينترنت يک دا?ن تو در تو است از تلفن ‏ها، خطوط کابلى، ماهواره ‏ها، سيم‏ هاى شبکه و کامپيوترهاى به هم پيوسته که در سرتاسر جهان پراکنده شده‏اند. وب به نامى گفته مي شود که به هر چيز در اينترنت تعلق گرفته است.
 
  ما فايل هاى HTML را به عنوان صفحات وب مي شناسيم. حالت هاى زيادى پيش مـي آيد که به جـاى وب از اينترنت استفاده مي کنيم: مثل وقتى که يک e-mail مي فرستيم؛ يک MP3 را به وسيله يک برنامه انتقال مستقيم(peer-to-peer) دريافت مي کنيم؛ يا يک پيام فورى را توسط برنامه‏اى مانند ICQ ارسال مي کنيم. و نيز برخى از آدرس هاى وب که با ".www" شروع نمي شوند. به خاطر هوشمندى كه در مرورگرها و اغلب وب سرورها قرار داده شده است، معمو? نيازى به وارد کردن".www" قبل از يک آدرس وب وجود ندارد. وقتى يک URL را وارد مي کنيد، مرورگر يک درخواست به يک سرور براى پيداکردن سايت ميفرستد.
 
سرور اغلب سايت را حتى بدون پيشوند(به عنوان مثال irankala.org) تشخيص مي دهد. اما اگر نتوانست، خود مرورگر پيشوند را اضافه مي کند و دوباره آن را ارائه مي کند؛ يا به اميد پيدا کردن يک مورد منطبق، آن را از سرورهاى بزرگتر و بزرگتر طلب(ping) مي کند. حتى اگر شما www را وارد نکرده باشيد هنگام برقرارى ارتباط در مرورگر شما نمايش داده مي شود.
 
اما بايد کمى هم مراقب باشيد، به هر حال بعضى از سرورها کمى غير عادى هستند و توانايي تصحيح URL ها را ندارند؛ بنابراين اگر www را ننوشته باشيد ممکن است سايت تان را پيدا نکنيد. يان ياکوبس از کنسرسيوم وب جهان گستر واقع در MIT مى گويد«در جهان ايده آل، URL ها نه ديده مي شوند و نه شنيده». در حال حاضر کاربران، سايت ها را به وسيله موتورهاى جستجويى چون Google پيدا مي کنند و براى رسيدن به هر چيزى روى لينک‏ ها کليک مي کنند. کنسرسيوم در جستجوى راهبردهاى جهانى براى تغيير معمارى وب است تا گردش در آن را آسان تر کند؛ به خصوص براى افرادى که دچار نوعى معلوليت جسمى نيز هستند.
 
 
 
 
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : farkhonde webdesign18 بازدید : 159 تاريخ : يکشنبه 23 تير 1392 ساعت: 14:20

 

 بدون شک آغاز ارتباط با شبکه اينترنت در ايران همواره نام مرکز تحقيقات فيزيک نظري و رياضيات را به ياد مي آورد. مرکز تحقيقات فيزيک نظري و رياضيات که در سال 1369 بعنوان نماينده ايران در شبکه آموزش و پژوهش اروپا پذيرفته شده بود، در سال 1370 ارتباط ايران را بصورت e-mail و از طريق گره اتريش با شبکه اينترنت برقرار نمود.
پس از ارتباط مطمئن و دائمي تر با اينترنت در سال 1371، مرکز تحقيقات فيزيک نظري سرويس دهي به دانشگاهها را آغاز نمود.
از سال 1372 ارايه اينترنت در ايران توسط مراکز خصوصي آغاز شد، در حاليکه قبل از آن شرکت مخابرات از طريق شرکت ديتا اقدام به ارايه سرويس اينترنت کرده بود.
 
Web :
وب بر اساس مدل سرويس گر(server)/سرويس گير(client) عمل ميكند 
مدل سرويس گر و سرويس گير در سيستم شبكه هاي كامپيوتري شامل 3 جزء است . سرويس گر ، سرويس گير و شبكه كه ، سرويس گير يك نرم افزار است كه بر روي كامپيوتر كاربر اجرا ميشود و سرويس گر نرم افزاري است كه بر روي كامپيوتري كه عمل تغذيه اطلاعاتي را به عهده دارد انجام ميشود. كاربر از طريق اين نرم افزار ميتواند درخواستهايي را براي دريافت اطلاعات و انجام اعمالي ارسال دارد اين درخواست از طريق شبكه به كامپيوتر سرويس گر ميرسد و سرويس گر اعمال لازم را انجام مي دهد. تمام اطلاعاتي كه بر اساس مدل سرويس گر و سرويس گير عمل ميكنند از يكسري ضوابط يا پروتكل هايي پيروي ميكنند كه براي آن سيستم تعريف شده اند. اين شكل فعاليت درخواست و پاسخ كه از طريق مدل سرويس گر و سرويس گير اجرا ميشود توانائيهاي زيادي دارد رابطه سرويس گير و سرويس گر بر اساس يك پروتكل از پيش تعيين شده برقرار ميشود.
نرم افزار سرويس گر ميتواند براي هر نوع سخت افزار خاصي طراحي شود در واقع Server ديگر نگران اينكه كاربر از چه نوع كامپيوتري استفاده ميكند نخواهد بود زيرا ميداند كه زبان مشترکي با Client دارد كه صرفنظر از سيستم سخت افزاري كاربر هر دوي آنها به اين زبان با همديگر ارتباط برقرار ميكنند در واقع اين طراحي در سطح نرم افزار Client صورت گرفته و همين امر است كه وب را به صورت يك پديده غير وابسته به سيستم در آورده است . Platform Independent براي درك بهتر موضوع مدل Server/client را مشابه سيستم پخش تلويزيوني مي دانيم كه برنامه هاي تلويزيون از طريق هر دستگاه تلويزيوني گرفته ميشود اطلاعات از يك سيستم پخش امواج بر اساس ساختار استاندارد انتشار مي يابد.
- مرورگر هاي Web ميتوانند به اطلاعات چند پروتکلي دسترسي داشته باشند مرورگرهاي وب چند پروتکلي هستند اين بدان معناست كه مرورگر ها ميتوانند به انواع مختلفي از سرويس گرها كه بر اساس پروتكل هاي مختلفي ارتباط برقرار ميكنند دسترسي داشته باشند مهمترين پروتكل هايي كه مرورگرها ميتوانند با استفاده از آنها به سرويس گرها متصل شوند عبارتند از :
1. HTTP -Hyper text transmission protocol : اين پروتكل مخصوص وب است و براي انتقال ابر متني از طريق شبكه طراحي شده است.
2. FTP  - transmission protocol File: اين پروتكل براي اين طراحي شده كه به كاربر اجازه ميدهد تا فايلها را خيلي سريع و به راحتي برداشت كند . انتقال فايل بين کامپيوترهاي متصل به اينترنت بر عهده اين پروتکل است، اما اين پروتکل خدمات ذيل را هم ارائه ميکند.
 
3. Telnet : براي ورود به سيستم يك كامپيوتر ميزبان ( معمولا از راه دور ) مثلاً هنگامي كه به Gopher/server متصل است بعنوان يك سرويس گر گوفر و وقتي كه به يك اخبار يوزنت متصل است مانند يك سرويس گر اخبار عمل ميكند
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : farkhonde webdesign18 بازدید : 166 تاريخ : يکشنبه 23 تير 1392 ساعت: 13:38

 

 
 در اين قسمت مطالب زير را با هم بررسي خواهيم کرد:
 
مفهوم کامنت و لزوم استفاده از آن
کاراکترها وسمبل ها و نحوه استفاده در  XHTML
نقطه شروع براي هر وب سايتي
لينک براي ارسال ايميل
درج تصاوير در سند
 
 
مفهوم کامنت و لزوم استفاده از آن
 
نظم در برنامه نويسي ارزش بالايي دارد به طوري که مي بايست برنامه نوشته شده توسط شما قابل دنبال کردن توسط برنامه نويس ديگري باشد. يکي از ابزارهايي که در اين زمينه به ما کمک مي کند گذاشتن کامنت است.
کامنت در واقع نوشته هايي است که در سورس برنامه وجود دارند ولي در نمايش خروجي ظاهر نمي شوند . کامنت گذاري در HTML  و CSS و JavaScript  کاربرد زيادي دارند. به مثال زير دقت کنيد:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Comment example</title>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8"/>
</head>
<body>
<p>I really, <em>really</em> like this XHTML stuff.</p>
<!-- Added emphasis using the em element. Handy one, that. -->
</body>
</html>
 
و خروجي بدين صورت است:
 
 
در واقع با کامنت توضيح داده است  که چرا از تگ em  استفاده کرده است. کامنت  گذاري در HTML   بيشتر براي جدا کردن قسمت هاي مختلف وب سايت مي باشد به طور مثال قسمت منو را با کامنت مشخص مي کنيم و مي گويم  مثلا اين قسمت از HTML براي منو است.
 
نحوه نوشن کامنت در HTML بدين صورت است:
 
<!-- Beginn Navigation -->
 
 
و در CSS :
 
/*  comment  */
 
بگذاريد يک ذره جلوتر برويم و يک استفاده حرفه اي تر کامنت را هم براتون توضيح بدهم :
 
استفاده ديگر کامنت زماني است که مي خواهيد قسمتي از کد خودتونو  نمايش نديد و يا براي مدتي پنهان کنيد در آن زمان است که قسمت مربوطه را کامنت مي کنيد که بعدا هم قابل برگشت است .
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Commenting out XHTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<h1>Current Stock</h1>
<p>The following items are available for order:</p>
<ul>
<li>Dark Smoke Window Tinting</li>
<li>Bronze Window Tinting</li>
<!-- <li>Spray mount</li>
<li>Craft knife</li> -->
</ul>
</body>
</html>
 
 و حالا خروجي برنامه
 
بسياري موارد پيش مي آيد که مي خواهيد در متن خود مانند نوشتن همين مقاله از کاراکترهايي مثل > ويا &  و يا هر کاراکتر خاص ديگري استفاده کنيد. در XHTML  ما به جاي درج مستقيم اين کاراکترها از کد خاصي که براي آنها تعريف شده استفاده مي کنيم. مثلا به جاي & از &amp;   استفاده مي کنيم و اين يکي از تفاوت هاي HTML با XHTML است ، يعني اگر بدين صورت عمل نکنيم سند ما Valid نخواهد شد.
 
براي آگاهي از اين کد ها ميتوانيد به اين آدرس رجوع کنيد.
 
صفحه اول ، نقطه شروع هر وب سايت
 
نقطه شروع هر وب سايت صفحه اول آن است که با نام  index  ويا default  شناخته خواهد شد. ما در يک مثال کاربردي تگ هايي که تا به حال آموختيم به اضافه دو خصوصيت جديد اضافه کردن تصوير و ارسال ايميل را خواهيم آموخت.
 
مثال زير را در اديتور خود بنويسيد و با نام index.html  ذخيره نماييد 
 
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<h1>BubbleUnder.com</h1>
<p>Diving club for the south-west UK - let's make a splash!</p>
<h2>Welcome to our super-dooper Scuba site</h2>
<p>Glad you could drop in and share some air with us! You've
passed your underwater navigation skills and successfully
found your way to the start point - or in this case, our home
page.</p>
<h3>About Us</h3>
<p><img  src="divers-circle.jpg" width="200" height="162"
alt="A circle of divers practice their skills"/></p><p>When we're not diving, we often meet up in a local pub
to talk about our recent adventures (any excuse, eh?).</p>
<h3>Contact Us</h3>
<p>To find out more, contact Club Secretary Bob Dobalina
on 01793 641207 or <a
href="contacttest@test,com">email
[email protected]</a>.</p> </body>
</html>
 
 
 حالا خروجي را ببينيم :
 
در مورد تگ هاي p  و h قبلا صحبت کرده ايم ولي اينجا در قسمت contact متن آبي رنگي را مي بينيد که لينک است يعني تگ a ولي يک لينک معمولي نيست .اين يک لينک براي ارسال ايميل است و اگر در ويندوز خود برنامه مديريت ايميل داشته باشيد مانند outlook با آن مي توانيد به شخص مورد نظر ايميل ارسال نماييد.
صفحاتي که تا به حال درست کرده ايم به صورت متني و بسيار کسل کننده است و براي جذابيت بيشتر مي بايست از عکس ها استفاده کرد . با استفاده از تگ img مي توان تصاوير را به صفحه اضافه کرد. بدين ترتيب :
 
<img  src="divers-circle.jpg"  width="200" height="162" alt="A circle of divers practice their skills" />
 
اين تگ يک تگ empty است و داراي attribute هاي زير است :
 
src  براي آدرس عکس
 
alt  براي توضيح تصوير
 
width عرض تصوير به پيکسل
 
height ارتفاع تصوير به پيکسل
 
Alt هم متني است که عکس را توصيف مي کند و در مرورگرهاي متني و يا زماني که مرورگر تصاوير را نشان نميدهد به جاي نمايش عکس اين متن نمايش مي يابد و اما فايده ديگر اهميتش براي موتورهاي جستجو است.
 
اين نکته را هم در پايان اضافه کنم که براي Valid شدن در XHTML صفحه وجود alt  الزامي است .
 
 
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : farkhonde webdesign18 بازدید : 173 تاريخ : چهارشنبه 19 تير 1392 ساعت: 13:56

 

طراحی وب سایت

 
همانطوري که ميدانيد، کاربران وردپرس مي توانند از قسمت تنظيمات داشبورد وردپرس، نسبت به تعيين عنوان و معرفي کوتاه براي وب سايت خودشان اقدام کنند؛ تعريف مناسب و دقيق اين عنوان و معرفي کوتاه (يا همان عبارت توصيفي که دز حرفه ي طراحي سايت، به آن slogan نيز گفته مي شود) بسيار حائز اهميت مي باشد؛ چرا که فوايد براي سئو، آشنايي کاربران با عملکرد شما و نقش بستن کلمات کليدي شما در ايندکس هاي گوگل و همچنين ذهن مخاطبان شما خواهد داشت.
 
قالب و پوسته هاي وردپرس و استفاده از slogan
چون از امکان استفاده از عنوان و متن توصيفي مورد نظر، محروم شده است. لذا در صورتي که شما يک طراح قالب وردپرس هستيد، هميشه در کدنويسي پوسته هاي وردپرس، به لحاظ شدن اين نکته ي کوتاه اما بسيار حائز اهميت، توجه داشته باشيد و نيز در صورتي که شما از کاربراني هستيد که وب سايت خودتان را با استفاده از وردپرس راه اندازي کرده ايد، حتما توجه داشته باشيد که در قالب شما، نام و معرفي کوتاه توضيح داده شده، به کار گرفته شده باشند.
 
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : farkhonde webdesign18 بازدید : 153 تاريخ : شنبه 15 تير 1392 ساعت: 18:49

 طراحی وب سایت 

براي شروع کار با HTML شما به چيزهايي نياز داريد که در ليست زير آمده است:
 
شما به يک ويرايشگر متن نياز داريد. در ويندوز شما مي توانيد از برنامه Notepad استفاده کنيد. از هر نرم افزار ويرايش متن ديگري استفاده کنيد اما اين نکته را در نظر داشته باشيد که نرم افزار WordPad که در ويندوز وجود دارد و نرم افزارهايي مانند Microsoft Office Word و امثال آن براي نوشتن کدهاي HTML مناسب نيستند چون در هنگام ذخيره کردن متن اين نرم افزارها کدهايي را به آن اضافه مي کنند.
نرم افزار Notepad را مي توانيد از طريق منوي استارت در قسمت Accessories پيدا کنيد يا از طريق فرمان Run با تايپ notepad در کادر Open و فشار دادن دکمه Enter.
شما به يک مرورگر وب به انتخاب خود نياز داريد. مي توانيد از Microsoft Inteet Explorer استفاده کنيد که با ويندوز نصب مي شود يا از Opera, Mozilla Firefox و نرم افزارهاي مشابه که اغلب به صورت رايگان براي دانلود در اينترنت وجود دارند.
بهتر است صفحاتي را که مي نويسيد با چند مرورگر آزمايش کنيد. زيرا در HTML قسمتهايي وجود دارد که مختص به يک مرورگر خاص است و با ساير مرورگرها کار نمي کند.
شما به جايي براي ذخيره کردن متن خود داريد که مي تواند جايي روي هارد ديسک شما، يک فلاپي ديسک يا يک سرور باشد. البته شما براي استفاده از HTML نياز نداريد حتماً به اينترنت متصل باشيد، شما مي توانيد با استفاده از يک مرورگر وب در کامپيوتر خود از HTML استفاده کنيد.
براي ذخيره کردن فايلي که با Notepad نوشته ايد کافي است از منوي File گزينه Save As را انتخاب کرده و مسيري را براي ذخيره فايل انتخاب کنيد و در کادر File Name در پايين پنجره Save As نام فايل را با پسوند html بنويسيد. در آخر هم دکمه Save را کليک کنيد.
 
 
 
آموزش کار با استايل (CSS)
CSS يا همان Cascading Style Sheet روشي است براي قالب بندي و طراحي اجزاي صفحه از قبيل متن، تصوير، زمينه صفحه، کادرها و تقريباً هر چيزي که در طراحي صفحه استفاده مي شود بدون استفاده از کدهاي HTML. از طريق اين استايل شيتها مي توانيم از دوباره نويسي کدهاي HTML که باعث مشکل شدن کد نويسي و همچنين کند شدن سرعت بارگذاري صفحه در اينترنت مي شود جلوگيري کنيم. براي مثال مي توانيم يک بار نوع فونت مورد استفاده در يک صفحه را تعيين کنيم و ديگر مجبور نباشيم کد مربوط به فونت را در صفحه به کار ببريم. همچنين مي توانيم از اين ابزار قدرتمند در مواردي به جاي جاوا اسکرپت نيز استفاده کنيم و چون مشکلات جاوا اسکرپت مثلاً غير فعال بودن جاوا اسکرپت در مرورگر را ندارد با خيالي آسوده تر مي توانيم از آن استفاده کنيم.
در اين قسمت به معرفي قابليتهاي مختلف CSS خواهيم پرداخت . چون اين قسمت در سايت ما به تازگي راه اندازي شده است هنوز کامل نشده و به مرور زمان سعي مي کنيم آنرا کاملتر کنيم.
 
اگر انتقاد يا پيشنهادي براي بهتر شدن اين قسمت داريد مي توانيد از طريق «فرم تماس با ما» ما را مطلع کنيم. ما نيز خوشحال مي شويم از نظرات شما در جهت بهبود اين بخش استفاده کنيم.
 
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : farkhonde webdesign18 بازدید : 175 تاريخ : پنجشنبه 6 تير 1392 ساعت: 14:54

 آموزش طراحي قالب وب سايت و وبلاگ به وسيله CSS (قسمت سوم)

 

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

 

دانلود قالب فارسي براي طراحی وب سايت  css

 

فايلي را که دانلود کرده ايد يک فايل zip. است که بعد از extract شدن (خارج شدن از حالت zip ) فولدري را در اختيارتان قرار ميدهد که حاوي سه فايل ميباشد:

 

2-column.htm

 

reset.css

 

styles.css

 

فايل اول با پسوند htm. همان صفحه اصلي است که در طراحی وب سايت  به نمايش در مي آيد. فايل دوم فايل reset.css است لطفا براي دريافت اطلاعات در اين مورد به اين اينجا مراجعه کنيد. فايل سوم فايل style.css است که به صفحه htm. دستور ميدهد که چگونه محتوياتش را نمايش دهد.

 طراحی وب سايت

صفحه htm. و styles.css را که دانلود کرده ايد در يک ويرايشگر صفحه وب مانند frontpage باز کنيد. در حال حاضر صفحه اي مانند تصوير زير را در اختيار داريد که براي سهولت در ارائه توضيحات، ستونها را با خطوط (border) کاملا واضح مشخص کرده ام.

 

تصوير قالب دو ستونه براي طراحی وب سايت  css

 

همان طور که قبلا هم توضيح دادم قالبهايي را که مثلا دو ستونه مي ناميم مانند قالبي که هم اکنون براي کار در دست داريد ظاهرا دو ستونه است ولي در اصل با چندين ستون سرو کار داريم. در اين قالب پنج ستون داريم که با تغييرات در ظاهر آنها ميتوانيم به آنچه در نظر داريم نزديک شده و طرح مورد نظرمان را اعمال کنيم.

 طراحی وب سايت

اکنون به فايل styles.css نگاهي مي اندازيم. براي اين که به اهميت اين فايل بيشتر پي ببريد ابتدا فايل htm. را در مروگر مشاهده کنيد سپس فايل styles.css را از درون فولدر، delete کرده و مجددا فايل htm. را مشاهده کنيد (اگر صفحه شما در مرورگر باز است آن را refresh کنيد تا تغيرات را ببينيد). براي اطلاعات بيشتر در مورد محتويات styles.css اجزاي آن را بررسي ميکنيم:

 

شما در اين فايل نوشته هايي را مشاهده ميکنيد که هر کدام مربوط به يک ستون مي باشد در ابتدا بايد بدانيد که اسامي ستونها در فايل styles.css با علامت # مشخص ميشوند. مثلا: wrapper# در فايل styles.css که در اختيار داريد چگونگي نمايش ستون wrapper را در صفحه htm. مشخص ميکند. کدهاي HTML صفحه htm. را در ويرايشگر طراحی وب سايت  خود مرور کنيد و نام wrapper را بيابيد. اين ستون، ظرف يا قالب اصلي کار شماست که در صفحه htm. آن را براي شما با border قرمز مشخص کرده ام و بقيه ستونها مانند قطعات پازل در آن جاي ميگيرند.

 

#wrapper {

margin: auto;

direction: rtl;

width: 922px;

border: 1px solid #FF0000;

}

 طراحی وب سايت

نوشته هايي که در ميان دو علامت { } قرار دارند و زير نام يک ستون قرار ميگيرند دستوارتي هستند که نحوه نمايش آن ستون را اعمال ميکنند. همان طور که در دستور بالا که قسمتي از فايل styles.css شماست و متعلق به ستون wrapper ميباشد مشاهده ميکنيد به اين ستون دستور داده شده تا به حالت اتوماتيک (خودکار) در صفحه جاي بگيرد ( ;margin: auto )،

 

نوشته هاي درون آن از حالت نوشتاري راست به چپ پيروي کنند که براي نوشتار و تايپ فارسي مناسب است ( ;direction: rtl ) منظور از مقدار rtl که در مقابل کلمه direction نوشته شده همان right to left يا چپ به راست است،

 

عرض آن 922 پيکسل باشد ( ;width: 922px ) و

 

اطراف آن را يک خط ممتد با ضخامت 1 پيکسل و رنگ قرمز احاطه کند ( ;border: 1px solid #FF0000 ).

 

اکنون دستورات ستون ديگري طراحی وب سايت را مرور ميکنيم تا کدهاي جديدتري را پيدا کنيم. در فايل styles.css به دنبال ستون leftcolumn بگرديد دستورات اين ستون را در قسمت پايين مشاهده ميکنيد:

 

#leftcolumn {

border: 1px solid #000000;

background:#FFFFFF;

margin: 0px 0px 5px 0px;

padding: 10px;

height: 350px;

width: 204px;

float: right;

}

 

کدهاي جديدي طراحی وب سايت  که در اين قسمت مشاهده ميکنيد عبارت است از: background و padding و height و float .

 

اين کدها به ستون leftcolumn  دستور ميدهند که:

 

رنگ پس زمينه اش سفيد باشد ( ;background:#FFFFFF )،

 

فاصله محتويات درونش مانند تصاوير عکسها و ... از اطراف 10 پيکسل باشد ( ;padding: 10px )،

 طراحی وب سايت

ارتفاع آن 350 پيکسل باشد ( ;height: 350px ) و

 

جايگاه قرار گرفتنش در صفحه سمت راست باشد ( ;float: right ).

 

شما ميتوانيد با تغيير اندازه width (عرض) ستون wrapper و ستونهاي داخل آن شکل قالب را کاملا تغيير دهيد. قصد دارم چند طرح را مشخص کنم تا افرادي که اين سري آموزشي را دنبال ميکنند براي تمرين از آن طرح ها به عنوان الگو استفاده کنند.

 طراحی وب سايت

براي تمرين، اندازه عرض ستونها را تغيير دهيد درست کردن قالبهايي به شکل زير را تمرين کنيد تغييرات در کدهاي اصلي را در قسمت بعد آموزش ميدهم.

 

 

 

طراحی وب سايت ساده  با CSS,HTML

 

    امروز تصميم به طراحی وب سايت  سايت گرفتم ولي نه به عنوان نمونه کار بلکه براي آموزش ، من اين کار رو از الف شروع مي کنم و همراه طراحي به توضيحات در مورد نکات مهم که تو اين تالار مشکل عمده افراد هست مي پردازم ، اين آموزش براي افرادي مفيد خواهد بودکه دوست دارند طراحي با استفاده از استانداردهاي جهاني انجام بدهند ، به دليل کمي وقت اضافه من سعي دارم اين وب سايت رو در پروسه زماني 1 هفته اي براي دوستان عزيز کامل کنم ودر اين اين هروز يک قسمت از اين طرح رو طراحی وب سايت  و کد نويسي مي کنيم ، پيشنهادم براي کساني که تمايل دارند به خوبي ياد بگيرند هر روز همراه با من شروع به طراحي مجدد اين سايت کنند در اين آموزش فرض بر آن است که کاربران عزيز مختصر در مورد html,css آشنايي دارند کد نويسي در اين آموزش بسيار ساده و قابل درک خواهد بود.

c

 

طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : farkhonde webdesign18 بازدید : 139 تاريخ : چهارشنبه 29 خرداد 1392 ساعت: 13:55

 

 
در گذشته نه چندان دور بروزرسانی و اعمال تغییرات در سایت نیازمند به دانش  طراحی وب سایت HTML , CSS , Java , PHP , ASP و یا سایر زبان های برنامه نویسی وب بود و یا مالکین وب سایت هایی که از چنین توانایی هایی بی بهره بودند بایستی بابت هر تغییر کوچک با پرداخت هزینه های گوناگون به افراد متخصص جهت بروزرسانی سایت خود اقدام میکردند. اما منطقی نبود که به عنوان مثال صاحب یک شرکت و یا فروشگاه اینترنتی برای بروزرسانی سایت خود با صرف زمان طولانی اقدام به یادگیری این زبان ها نماید. بدین ترتیب سیستم های مدیریت محتوا یا CMS ها شکل گرفتند.
 
آموزش طراحی وب سایت HTML و CSS
HTML اچ تی ام ال چیست ؟
 
HTML به زبانی اطلاق می شود که سنگ بنای صفحات وب سایت می باشد. عموما تمامی زبانهای برنامه نویسی تحت وب، به نوعی وابسته به زبان HTML می باشند. بعنوان مثال، PHP، جاوا اسکریپت و زبان برنامه نویسی دات نت، زبانهایی هستند که علاوه بر داشتن قوانین و استانداردهای خود، از زبان HTML کمک می گیرند بطوریکه کدهای نوشته شده در قالب خاصی، در بین کدهای طراحی وب سایت HTML قرار داده می شود.
 
HTML زبانی می باشد که از زبان XML مشتق شده است. به این معنی که می توان گفت HTML نوع بخصوصی از زبان XML می باشد. XML زبانی است که سنگ بنای آن، تگ می باشد. تگ، همانند پرانتزی می باشد که می توان آن را باز کرد، درون آن چیزی قرار داد و سپس آن را بست. این تگها، می توانند هر اسمی داشته باشند و زبان XML آزادی کاملی را در این خصوص به شما داده است.
 
همانطور که گفته شد، HTML زبانی است که از تگ ها تشکیل شده است. به این مفهوم که هر تگ در زبان HTML معنا و مفهوم خاص خود را دارد و اصطلاحا به این کار طراحی وب سایت ، نشانه گذاری گفته می شود.
CSS سی اس اس چیست ؟
 
CSS یا Cascade Style Sheets زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است. عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر کردن نقاط ضعف و خلاء های آن دارد.
 
CSS زبانی است که توسط آن قادر خواهید تا استیل طراحی وب سایت  تان را یکبار تعریف و به صفحات مورد نیازتان اعمال نمایید.
 
برای این منظور مثالی را می زنیم. تصور کنید که سایت شما شامل 100 صفحه استاتیک می باشد و شما آنها را تماما به زبان HTML نوشته اید. بعد از یک هفته تصمیم گرفته اید تا فونت تمام کلمات را کمی بزرگتر کنید. گفتن اینکه فونت تمام کلمات بزرگتر شود بسیار کار راحتی است و تنها یک جمله است. ولی آیا در عمل تغییر 100 صفحه نیز به همان راحتی خواهد بود؟
 
قطعا نه. CSS دقیقا همان زبانی است که جمله یک خطی شما را تبدیل به همان یک جمله خواهد کرد. شما تنها کافی است تا استیل مورد نیازتان را در طراحی تغییر دهید و آن هم تنها با تغییر یک یا چند مورد کوچک.
 
جمله آخر اینکه، استفاده از CSS باعث تمیزتر شدن کدهای برنامه نویسی تان می شود، تغییرات آتی را آسان می کند و همچنین دید شما را بیشتر به طراحی وب سایت  معطوف می کند تا سر و کله زدن با کدهای برنامه نویسی.
 
این فیلم آموزشی که توسط میلاد داودآبادی تهیه شده است آموزش طراحی وب سایت  را بصورت کامل و مفید توضیح داده است و از  اجرا و پیاده سازی html,css به صورت ویدئو آماده کرده است. این فیلم آموزشی همراه با قالب طراحی شده و پی اس دی می باشد.
 
دانلود : حجم ۲۴۸ مگابایت
 
پسورد : www.sourcebaran.com
 
 
نظرات  
ارسال شده در
دی 15, 1391
ارسال شده توسط
Guest
+2 مجید
پسوند این فایل exe هست
لطفا بررسی کنید.
پاسخ پاسخ با بازگو کردن بازگو کردن
ارسال شده در
دی 15, 1391
ارسال شده توسط
سیدمحمد صفوی
-1 پاسخ: مجید
به نقل از Guest:
 
    پسوند این فایل exe هست
    لطفا بررسی کنید.
 
 
دوست عزیز، این فایل فشرده شده باپسوند Exe است که پس از دانلود و بازکردن فایل میتوانید رمز را وارد و از حالت فشرده خارج کنید.;)
پاسخ پاسخ با بازگو کردن بازگو کردن
تازه کردن لیست نظرات
فید آر اس اس برای نظرات به این ارسال
درج یک دیدگاه
 
آدرس پست الکترونیکی (اجباری است اما نمایش داده نمی‌شود)
 
آدرس سایت
 
عنوان
 
1000 حرف باقیمانده
 
مرا برای دیدگاه‌های بعدی به یاد بسپار
ارسال
JComments
ارسال شده توسط : سیدمحمد صفوی آذر 24, 1391
2 نظرات
منوی بخش
 
    مقالات آموزشی
    فیلم های آموزشی
    کتاب های آموزشی
    دوره های آموزشی
    کلاس های حل تمرین
    جزوات درسی
    نمونه سوالات امتحانی طراحی وب سایت 
 
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : farkhonde webdesign18 بازدید : 283 تاريخ : چهارشنبه 22 خرداد 1392 ساعت: 15:33