آخرین مطالب
امکانات وب
در اين فصل شما مي توانيد اولين صفحه وب خودتان را طراحی وب سایت خلق نماييد و با XHTM آشنا خواهيد شد و مرحله به مرحله كارهاي خود را در مرورگر تست ميكنيد .
بگذاريد دقيق شويم !
يادگيري اين سه لايه شما را به يك طراح تبديل ميكند!
.لايه دوم لايه نمايش است كه به عناصر HTML شكل و ظاهر مي دهد و لايه سوم لايه رفتار است كه حركت و پويايي صفحات را شامل مي شود.
چيزي كه در اين كتاب آموزش داده مي شود مربوط به 2 لايه HTML و CSS است.
ديدن Source برنامه:
روش كار بدين صورت است كه ماوس را درروي صفحه جايي غير از تصاوير ببريد و كليك راست كنيد و view page source يا view source را بزنيد.
بايد صفحه اي مانند زير در فايرفاكس ببينيد:
عناصر اصلي يك صفحهHTML :
يک DocType
يک<title> tag
يک<body> tag
تو سورس پيداشون كنيد.
براي ديدن تصوير واضحتر روي تصوير بالا کليک کنيد
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type content="text/html; charset=utf-8"/>
</head>
<body>
</body>
</html>
حالا مي خواهيم با تك تك اين عناصر آشنا شويم :
داك تايپ DocType : Document Type Definition
همانطوري كه فايل word 2007 در نمايش در 2000 دچار مشكل مي شود HTML ها با داك تايپ هاي
در واقع اين داك تايپ است كه به مرورگر مي گويد اين سند از چه نوعي است و بايد به چه ترتيب Render شود . نحوه رندر شدن و تفاوت هاي آنها بايد در سطح حرفه اي تري مطرح شود.
داك تايپ ها هم در طول زمان به وجود مي آيند يعني مانند word نوع هاي جديدي روي قبلي ها عرضه مي شوند مانند HTML5 كه به تازگي مطرح شده است.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
به کدهاي داك تايپ دقت نماييد: ما در اين خط مي گوييم نوع سند چيست و آدرسي كه بايد به اين نوع سند در وب سايت كنسرسيوم جهاني وب World Wide Web Consortium يا W3C ، اشاره كند کدام است.
در حال حاضر دو نوع داكتايپ هستند كه استفاده بيشتري دارند Transitional و Strict
همانطوري كه گفتم فعلا دنبال تفاوت اين داك تايپ ها نباشيد به آن هم خواهيم رسيد .
تاكيد ميكنم : اولين آيتم صفحه است بدون فاصله. اين يك قانون است.
عناصر HTML :
قبل از اين كه عناصر HTML را شرح دهم بايد با مفهوم تگ (tag) آشناشويد. تگ يعني اسمي كه ميان اين دو <> قرار گيرد و نام تگ همان متني است كه بين اين دو <> قرار مي گيرد
تگ ها مي توانند شامل چند attribute (ويژگي) باشند:
<html xmlns="http://www.w3.org/1999/xhtml " dir="rtl" >
dir يك نام attribute است و rtl ، value (مقدار) آن است كه بين " " قرار گرفته است.
به مثال بالا دقت نماييد HTML باز شده و بسته شده است. تگهاي empty
<img src="images/test.jpg" alt="test" />
<br/>
در استفاده از تگ ها بايد دانيد كه از چه نوعي هستند تا سند شما دچار error نشود بعنوان مثال اگر تگ div را به صورت empty بنويسيم دچار error مي شويم.
نگران نباشيد كم كم همه آنها را خواهيد آموخت . بياييد همين الان تو اينترنت عبارت روبرو را جستجو كنيم :
empty tag in html
بسيار عالي شما هم اين نتايج را پيدا كرديد :
• <br/>
• <hr/>
• <meta/>
• <base/>
• <link/>
• <meta/>
• <img/>
• <embed/>
• <area/>
• <input/>
•
اين را گفتم كه هيچ وقت دنياي وب و جستجو را فراموش نكنيد.
غير از داك تايپ ها تمامي عناصر صفحه داخل تگ HTML است كه شامل 2 بخش مي شود head و body
اين يك تگ container است و در بالاي سند قبل از body قرار مي گيرد و شامل اطلاعاتي در باره صفحه است مانند title, meta, css و .....
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
عنصر title :
يك تگ container است كه متن وسط آن در عنوان (Title) بالاي صفحه قرار ميگيرد :
موارد استفاده ديگر:
• اين تايتل در زمان مينيمايز كردن پنجره در taskbar windows قابل مشاهده است
• براي موتورهاي جستجو هم حائز اهميت مي باشد چيزي که در بهينه سازي وب سايت وب اسکالا هم استفاده شده است
عنصر meta :
به طور مثال براي نام نويسنده ويا حق كپي رايت و يا نوع كاراكتر و ....
Css و javascript هم در head قرار ميگيرند كه طراحی وب سایت بنا به نياز استفاده ميشوند البته براي جاوااسكريپت ميتوان يك تفاوتهايي در طراحي هاي حرفه اي قائل شد. به طور مثال سورسي که در طراحي سايت فوق استفاده شده است را مشاهده نماييد. جاوا اسکريپت در پايين صفحه درج شده است.
عناصر body :
تيترها، پاراگراف ها, تصاوير و .......
در قسمت بعدي به طور عملي با هم يك وب سايت مي سازيم!
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت, طراحی سایت, طراحی وب, نویسنده : ailin webdesigna20 بازدید : 165
اين کلمه مخفف Active server page يا صفحات فعال تحت سرور است که نسخه اوليه اين زبان تحت فريم ورک دات نت در سال 2002 توسط کمپاني مايکروسافت براي توليد صفحات وبسایت پويا معرفي شد و در حال حاضر به يکي از پرقدرت‌ترين زبان‌ها براي توليد اپليکيشن‌هاي وب مبدل شده است آخرين نگارش ASP.NET نسخه چهارم اين زبان است که در آن توجه زيادي برروي معماري سه لايه يا MVC داشته است.
PHP
واژه PHP بر گرفته از Hypertext Preprocessor مي باشد که يک زبان منبع باز و قابل توسعه مي باشد و در سال 1994 بوسيله راموس لردوف (Rasmus Lerdorf) کانادايي به وجود آمد. برنامه‌هاي نوشته شده با اين زبان اسکريپتي تحت لينوکس اجرا ميشود. ناگفته نماند که برنامه‌هاي نوشته شده با اين زبان قابليت اجرا تحت ويندوز را هم دارا هستند. نام بانک اطلاعاتي اين زبان Mysql است و آخرين نگارش اين زبان نسخه پنجم آن است که نسبت به نسخه‌هاي پيشين خود توجه بيشتري روي معماري سه لايه داشته است.
Ruby
طراحي و توسعه زبان رابي به اواسط دهه 1990 بازمي گردد. منتشر کننده اين زبان فردي به نام يوکيهيرو ماتز ماتسوموتو (Yukihiro Matz Matsumoto) بود. نسخه‌هاي متعددي از اين زبان طي سال هاي متوالي توسعه يافت و نسخه پايدار آن در سال 2006 منتشر شد. از محبوب‌ترين فريم ورک‌هايي که در چندسال اخير برپايه اين زبان توسعه يافته مي توان Ruby on rails را نام
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت, طراحی سایت, طراحی وب, نویسنده : ailin webdesigna20 بازدید : 215
گوگل که کمتر از ده سال پيش تنها براي جستجوي اينترنتي استفاده مي شد ، امروزه با گسترش قابليت ها و سرويس هايش به يک غول بزرگ اينترنتي تبديل شده است.حالا اين شرکت با معرفي APIهاي تبديلي وارد دنياي آفلاين نيز مي شود.
APIهاي تبديلي، پروژه تبليغاتي جديدي است که به مشاغل در توليد يک پروفايل براي هر فرد کمک مي کند.گوگل مدتي است تمرکز خود را روي ذخيره سازي اطلاعات جستجوي کاربران قرار داده است و مي تواند تبليغات خاصي را به افراد خاص هدايت کند. مثلا اگر کسي به موسيقي کلاسيک علاقه دارد، تبليغ سي دي هاي جيمي هندريکس را بيشتر از بقيه تبليغات در اينترنت خواهد ديد.
اما API هاي تبديلي اين اقدام را يک مرحله جلوتر خواهد برد ، اين پروفايل ها نه تنها بر اساس جستجوهاي کاربران، بلکه براساس خريدهاي آفلاين آنها نيز شکل مي گيرد.گوگل اين پروژه جديد را در وبلاگش رونمايي کرد.محتواي اين وبلاگ اين مي باشد:
«تبليغات آنلاين به تبادلات آفلاين نياز دارد. براي به دست آوردن اين فاصله خالي و حساب صحيح آن در تبليغات آنلاين، نسخه بتاي APIهاي تبديلي را براي ارسال خودکار خريدهاي آفلاين ايجاد کرده ايم.»
اين APIها اطلاعاتي از جمله تبادلات درون فروشگاهي را نيز در بر مي گيرد. لبته مواردي نيز براي احتياط بايد انجام شود تا اطلاعات کاربران امن بماند ، اما اگر خريد آفلاين از سوي کاربر در تبليغات آنلاينش نيز نشان داده شود، نبايد تعجب کرد.
از سوي ديگر مخترع آينده نگر، ري کورزويل که تحليل هاي بي سابقه و جالبش از دنياي فناوري همه را مجذوب خود کرده است ، اعلام کرده است که به گوگل مي پيوندد.
سمت او در گوگل مدير مهندسي است.اين که کورزويل دقيقا چه مسئوليت هايي دارد، فعلا مشخص نشده اما به نظر مي رسد نخستين تصميمات وي در آزمايشگاه Google X تاثيرگذار باشد.
کورزويل که اين اطلاعيه را در وب سايت شخصي خود منتشر مي کرد، نوشته است:
سال ???? گفتم حدود يک دهه بعد، فناوري هايي چون طراحی ماشين هاي خودکار و تلفن هاي همراهي را خواهيم ديد که قابليت پاسخ دهي به سوالات مان را دارند.يک دهه به جلوتر برويم ، گوگل ماشين هاي خودکار را معرفي کرده است و امروزه افراد زيادي سوالات خود را از گوشي هاي اندرويدي شان مي پرسند.از اين که به گوگل پيوسته ام، خوشحالم و اميدوارم روي سخت ترين مشکلات علم رايانه کار کنيم تا ديدگاه غيرواقعي دهه آينده فناوري را به واقعيت تبديل کنيم.
انتخاب کورزويل از سوي گوگل زماني جالب توجه مي شود که سخنان اريک اشميت، رئيس هيات مديره فعلي گوگل و مديرعامل اسبق اين شرکت را به ياد بياوريم:
اين که اجازه بدهيم آدم ها سوارخودرو شوند، کار اشتباهي است.
او همچنين در مصاحبه اي پيش تر گفته بود:
به نظر من، مردم نمي خواهند گوگل جواب سوالات شان را بدهد، مردم مي خواهند گوگل به آنها بگويد چه کاري را الان انجام دهند.
بسياري معتقدند کورزويل که نظريه Singularity را مطرح کرده است يک طراح علمي ـ تخيلي است ، اما گوگل اعتقاد دارد با کمک ديدگاه هاي او مي تواند علمي ـ تخيلي را به واقعيت نزديک تر کند.
1. درآمد طراح سايت:
بستگي دارد شما براي يک شرکت به عنوان کارمند کار کنيد يا به صورت مستقل و انفرادي. در حالت اول حقوق ميانگين براي طراح وب به شکل تمام وقت (در سال 91 - تهران) معمولا بين 600 هزار تومان تا 1.5 ميليون تومان است که ميزان دقيق آن بستگي به سطح مهارتهاي شما، سختي کار خواسته شده، بزرگي شرکتي که براي آن کار مي کنيد و... دارد. اما در حالت دوم، يعني اگر به صورت مستقل کار کنيد، بستگي به اينکه چند پروژه در ماه بگيريد مي توانيد قيمتهايتان را بالا و پايين کنيد. براي اينکه حدود درآمد دستتان بيايد، بابت طراحي اختصاصي يک وبسايت دايناميک با امکانات معمول سايتهاي شرکتي، معمولا بين 400 تا 600 تومان مي توانيد دريافت کنيد. حالا اگر فرض کنيد ماهانه فقط دو پروژه بگيريد، حدود يک ميليون در ماه درآمد خواهيد داشت که گرچه بالا نيست، اما براي شروع بد هم نيست. اين البته براي طراحان وب در سطح متوسط و در ايران است و اگر شما يک طراح وب حرفه اي باشيد به نسبت بزرگي پروژه ها و قيمتها بسيار بالاتر از اين خواهد بود. ضمن آنکه تعرفه طراحي وب در کشورهاي اروپايي و امريکا جزء شغلهاي پردرآمد است و اصلا قابل مقايسه با درآمدهاي ايران نيست.
اما شغل طراحي وب ويژگيهاي منحصر به فرد ديگري نيز دارد که اينها بازدهي و سود اين حرفه را بيشتر مي کنند.
2. عدم وابستگي به موقعيت جغرافيايي:
در واقع يک طراح وب مي تواند در کلبه اي در يک روستاي دور افتاده هم مشغول به حرفه خود باشد! کافي است يک خط تلفن و برق باشد تا بتواند تقريبا از همه جاي دنيا سفارش بگيرد. در واقع يک طراح وب (چه به عنوان طراح مستقل و فريلنسر، و چه به عنوان کارمند دورکار يک شرکت) تمام کارهاي خود را در بستر وب انجام مي دهد و لزوما نيازي به حضور نيست. در خانه خود مي توانيد بنشينيد و با ده ها مشتري از شهرهاي مختلف سر و کله بزنيد. کمتر شغلي چنين ويژگي‌اي دارد.
از طرفي، يک طراح وب اصولا بايد به اين اصل ايمان داشته باشد که وبسايت يک فرد يا شرکت نقش فروشگاهي بين المللي را دارد. اگر زبانتان هم خوب باشد شايد بتوانيد روي درآمدهاي خارجي (که بسيار بسيار بسيار بالاتر از نرخهاي معمول در ايران است) هم حساب کنيد.
3. عدم نياز به سرمايه‌ي اوليه، به جز زمان:
زمان: بزرگترين سرمايه براي طراحي وبسايت
براي اينکه شغل طراحي سايت را شروع کنيد مي توانيد با يک کامپيوتر قديمي که فقط نوت‌پد دارد شروع کنيد! اگر مصرف برق و پول اينترنت را روي حساب مصارف خانگي بگذاريم، هيچ خرج ديگري نخواهيد داشت. در واقع بزرگترين سرمايه اي که بايد بگذاريد تا به شما سود برساند، زمان است. شما بايد زمان قابل توجهي بگذاريد تمام تکنيکهاي به روز مورد نياز براي طراحي وب را ياد بگيريد، و اين يادگيري بايد هميشه استمرار داشته باشد. از طرف ديگر طراحي و برنامه نويسي شما (اگر بخواهيد حرفه اي کار کنيد) وقت قابل توجهي خواهد گرفت. از طرفي اين حرفه، جزء دسته خدمات قرار مي گيرد، و بنابراين احتمالا بيشتر از نود درصد پولي که از مشتري مي گيريد سود خالص است. پس در مقايسه با شغلهايي که با فروش محصول به سود مي رسند، واقعا شغل پر سودي به حساب مي رسد!
4. بازاريابي پويا:
هر پروژه اي که شما به خوبي آن را انجام دهيد، خود يک نماينده بازاريابي شما خواهد بود. امضاي شما پاي وبسايتها تبليغ خوبي براي شماست و از طرفي، فهرست نمونه کارهاي شما را پربارتر خواهد کرد. در واقع رزومه فعاليتها و ليست نمونه کارهاي شما (که قطعا بايد در وبسايت شخصي خود بگذاريد) بزرگترين عامل درآمد شما و تعيين کننده قيمت پروژه هاي آينده شما خواهند بود. بنابراين بزرگترين بازاريابي براي شما حرفه اي انجام دادن پروژه هاست.
اينها تجربياتي بود که شخصا طي سالها سابقه طراحي وب به دست آورده ام و سعي کردم نه خيلي آرماني باشد و نه خيلي بدبينانه. اگر اين مطلب به درد شما خورد، مي توانيد با يکي از اين شيوه ها جبران کنيد: لينک دادن به اين وبلاگ، به اشتراک طراحی گذاشتن اين مطلب، و کامنت گذاشتن! مرسي.
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ailin webdesigna20 بازدید : 198
تاريخچه وب و اينترنت در جهان
1958- آيزنهاور رئيس جمهور وقت آمريکا دستور اختصاص رديفي در بودجه نيروي هوايي آمريکا جهت تاسيس ARPA (آژانس تحقيقاتي پيشرفته) را صادر نمود.
1961 - کلينراک پروفسور علوم کامپيوتر در دانشگاه UCLA، اولين مقاله را تحت عنوان "جريان اطلاعات در شبکه هاي بزرگ ارتباطي" نوشت.
1962- اولين مقاله در مورد مفهوم اينترنت تحت عنوان ?ارتباط کامپـيوترهاي روي شبـکه? تـوسـط کلارک و ليکلايدر نوشه شد.
1964- باران اولين مقاله را تحت عنوان ?شبکه هاي ارتباطي توزيع شده? نوشت.
1965- آزمايش اولين شبکه ساخته شده بوسيله Larry Roberts در آزمايشگاه ايالتي MIT: دو کامپيوتر با استفاده از تکنولوژي Packet switching با يکديگر ارتباط برقرار کردند.
1966- پروژه ARPA به سرپرستي لاري رابرتز آغاز شد.
1972- اولين برنامه هاي استفاده از e-mail بوسيله راي تاميلسون براي ARPA نوشته شد و علامت @ (at) به معناي ?در? انتخاب شد.
1974- اولين طراحي هاي پروتکل TCP توسط کرف و کان منتشر گرديد.
1976- ملکه اليزابت دوم يک e-mail فرستاد.
1978- به TCP و TCP/ IP تقسيم شد.
1979- کميته کنترل پيکره بندي اينترنت (ICCB) را تاسيس نمود.
1980- سيستم هاي ARPANET به دليل وجود يک ويروس در پيام هاي الکترونيکي از کار افتاد.
1982- پروتکل TCP/IP، بعنوان استاندارد مورد استفاده وزارت دفاع آمريکا تعيين شد.
1983- Domain Name System) DNS ) ابداع گريد و پسوندهاي net,.org,.mil,.com,.gov .edu,.int بوجود آمدند.
1985- "Symbolic.com"بعنوان اولين Domain ثبت شد.
1986- 50000 ميزبان در اينترنت حضور دارند. ارتباط e-mail بين آلمان و چين برقرار شد.
1988- گفتگوي مبتني بر اينترنت (IRC ) تعريف و تدوين گرديد.
1989- در اين سال 000 /100 ميزبان در اينترنت قرار دارند.
1990- اولين سرويس تجاري اينترنت از طريق خطوط تلفن راه اندازي شد. شبکه ARPAnet به کار خود خاتمه داد- ?تيم برنرزلي ? سيستم جهاني web) www) را ابداع نمود. سيستم Gopher ارايه شد.
1992 - جستجو در اينترنت بوسيله آرمورپولي ابداع گرديد- جامعه اينترنت در ژانويه اين سال آغاز به کار کرد- تعداد ميزبانها به يک ميليون افزايش يافت.
1993- مرورگر موزاييک در دانشگاه Illinois ايجاد شد که بعدها نت اسکيپ بر اساس آن طراحي شد- کرم هاي جديد اينترنتي شيوع بيشتري پيدا کرد طراحی وب سایت
1994- اينترنت 25 ساله شد- ميکروسافت شروع به طراحي يک مرورگر Web براي ويندوز 95 نمود. فروشگاهها نيز به اينترنت متصل شدند. در اين سال FTP و www به ترتيب به کاربردترين پروتکل هاي اينترنت بودند.
1995- شرکت Microsystems Sun، جاوا را ارايه کرد- در اين سال Real Audio گسترش پيدا کرد- ثبت نام Domain از حالت رايگان خارج شد و 50 دلار هزينه ثبت ساليانه تعيين گريد- دايره مبارزه با مواد مخدر آمريکا براي اولين بار در اينترنت استراق سمع نمود.
1996- نام "TV.com" به مبلغ 000 /15 دلار به CNET فروخته شد. ميکروسافت و نت اسکيپ دو رقيب اصلي در عرصه توليد مرورگر شدند- تلفن اينترنتي جهاني شد- نخست وزير مالزي، ماهاتير محمد به مدت 10 دقيقه از طريق اينترنت با ياسر عرفات و رئيس جمهور فيليپين گفتگو کرد- کليه Domain هايي که بدون پرداخت هزينه قبلا ثبت گرديده بودند، حذف شدند.
1997- نام "business.com" به مبلغ 000 /150 دلار فروخته شد. تعداد نام سايت ها در پايگاه جستجوي whois از مرز 000 /100 گذشت.طراحی وب سایت
1998- 2ميليون نام در Network Soloutions ثبت گرديد- وزارت اقتصاد آمريکا پيشنهاد داد DNS از مالکيت دولتي خـارج شـده و بـه بـخـش خصوصي واگذار شود.
1999- شرکت American On Line) AOL)، نت اسکيپ را خريد- مايکروسافت و نت اسکيپ تقريبا 100% بازار مرورگرها را در اختيار گرفتند- Napster بوجود آمد- بدين ترتيب و با ايجاد امکان Share کردن فايلها، جنگ کپي رايت در جهان موسيقي بالا گرفت- در اين سال برخي شرکتهاي سرويس دهنده اينترنت به کاربري که قرارداد اشتراک طولاني مدت امضا مي کرد، کامپيوتر مجاني هديه مي کردند.
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ailin webdesigna20 بازدید : 209
WordPress Features
Before You Install WordPress
Step Two - Make a Plan
Based upon the information you've just read, including instructions on installing
WordPress, you should have a list of the things you need and things to do. If not,
make that list now. You'll want to make sure it includes the following information:
Website Host Requirements Checked and Verified
Versions of PHP and MySQL Checked and Verified
Web Host Compatibility with New Versions of WordPress
Your Website Useame and Password
Text Editor Software
An FTP Client Software
Your Web Browser of Choice
The following documents will help you understand more about how WordPress works and
how to make a plan for your WordPress site:
WordPress Semantics
First Steps With WordPress
WordPress Lessons
It is important to make a plan about how you want to use WordPress on your site. Here
are some questions to ask yourself.
Will you install WordPress in the root directory, subdirectory, or you just want to
make a test site to make sure you want to use it?
Have you made a list of your site categories to organize your content by groups?
Have you made a list of Pages you may want to add to your site, such as About,
Contact, or Events?
Have you thought about what you want in the header art of the site?
Have you developed a content strategy and list of topics to help start blogging?
Have you thought about how to integrate social media into your WordPress site and
workflow?
Step Three - Install WordPress
With this information and your plan, it's time to install WordPress.
Before You Install WordPress
Installing WordPress
Hosting WordPress
Editing the wp-config.php file
Frequently Asked Questions About Installing WordPress
Using FTP Clients and Software
Changing File Permissions
Upgrading WordPr
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ailin webdesigna20 بازدید : 208
حالا که هاست و دامين مناسب انتخاب کرديد، ميتونيد صفحات وب رو طراحي کنيد و بر روي اون سرور آپلود کنيد.
به اين صورت هر وقت کسي دامين شما رو وارد کرد اون صفحه رو ميبينه...
صفحات وب به دو دسته ديناميک و استاتيک تقسيم بندي ميشن...
قديم قديما، بيشتر صفحات وب استاتيک بودند، هر کس چند خط توضيح مي نوشت و يه عکس هم به صفحه اضافه ميکرد و آپلود ميکرد روي سرور!
اگر در آينده هم ميخواست اون صفحه رو تغيير بده بايد تمام کدها رو از ابتدا ويرايش ميکرد.
برنامه هاي مختلفي هم اون موقع به وجود اومدند که باعث مي شدند نيازي به کدنويسي نباشه و هر کس بتونه به راحتي صفحات وب رو طراحي کنه...
برنامه هايي مثل: Microsoft front page و micromedia dreamweaver و adobe grove
اون موقع micromedia flash هم خيلي طرفدار داشت و طراحي با فلش قيمت خيلي بالايي داشت... (الان تقريبا منقرض شده و شرکت هاي بزرگ مثل اپل اصلا اجازه پشتيباني رو محصولاتشون رو نميدن)
اين برنامه ها هنوز هم وجود دارند، اما با اسامي ديگري!
بعد از اون انقلاب Web2 انجام شد. صفحات استاتيک از رده خارج شدند...
نسل جديد وب، يعني وب2، نسل تعامل کاربر با سايت بود...از چيزهاي ابتدايي مثل عضويت در سايت شروع شد، بعد از اون ارسال خبر و مقاله، وبلاگ ها و همين انجمن ها که ميبينيد...
انجمن يک نمونه عالي از وب2 ئه، چون فقط بر پايه تلاش و مطالب کاربران بنا ميشه و مديران حتي کمتر از کاربران در فعاليت ها دخيل هستند. اگر کاربري در انجمن نباشه انجمن ارزشي نداره...
خب، با پيدايش web2، سيستم هاي مديريت محتوا هم سر و کله شون پيدا شد! CMS مخفف Content Management System هست.
اين سيستم ها، باعث ميشن که هر فردي بتونه بدون نياز به دانش فني، بهترين سايت ها رو داشته باشه!
تعداد بسيار زيادي CMS در جهان وجود داره که بيشتر اونها هم متن باز (open source) هستند، يعني معمولا رايگان هستند، پشتيباني رايگان دارند و شما هر تغييري که دوست داشته باشيد ميتونيد در کدها اعمال کنيد تا سايت اون چيزي بشه که شما ميخوايد.
خوشبختانه open source در سطح وب خيلي بيشتر از برنامه هايي مثل لينوکس تحويل گرفته شده و حتي در ايران هم که فرهنگ متن باز وجود نداره پشتيباني هاي فعال و خوبي وجود داره. (به هرکي ميگم يه تيم زحمت کشيدن يه برنامه اي نوشتن مفتي منتشر کردن و پشتيباني ميکنن ميگه مگه مغز خر خوردن؟ (چون معمولا مشکلات مالي زيادي هم دارند))
هر CMS براي کاري ساخته ميشه...بعضي ها فقط انجمن هستند، بعضي ها سيستم ويکي هستند، بعضي ها فقط پرتالي براي ارسال خبر و مقاله هستند و يا بعضي همه کاره هستند و...
البته به علت اينکه متن باز هستند برنامه نويسان متفرقه، امکانات جانبي براي اونها طراحي ميکنند، اما کار اصلي يه چيز ديگه است.
PHP Nuke
اين سيستم مديريت محتوا يکي از قديمي ترين سيستم هاييه که من ميشناسم!
انجمن و دانلود و خبر و مقاله و هر چيزي که يک سايت عادي و همه کاره نياز داشته باشه داره! البته ضعف هاي متعددي در ساختار برنامه نويسي اون وجود داره که فقط شامل ضعف هاي امنيتي نميشه! مثلا براي نصب يک ماژول پدرتون در مياد!
پشتيباني فارسي معتبر و قديمي و معروفي داره که ميشه روش حساب کرد.
آدرس پشتيباني: [Only Registered and Activated Users Can See Links. Click Here To Register...]
من اين سيستم رو پيشنهاد نميکنم
يک سيستم مديريت محتواي ديگر...
سيستم خيلي خوبي به نظر ميرسد، امکانات متعددي دارد و براي هر کاري يک پلاگين پيدا مي کنيد.
اما در زمينه قالب، بسيار ضعيف عمل کرده است و نبايد انتظار داشته باشيد سايت شما ظاهر زيبايي داشته باشد.
انجمن اين سيستم يک انجمن معمولي است که امکانات آن اصلا شما را راضي نميکند.
مديريت گروه هاي کاربري و دسترسي هاي گروه هاي مختلف واقعا سخت تنظيم مي شود و شايد باز هم آن چيزي نشود که ميخواهيد.
از نظر امنيتي مشکل دارد.
پشتيباني راضي کننده اي ندارد.
آدرس پشتيباني: [Only Registered and Activated Users Can See Links. Click Here To Register...]
Xoops
اين سيستم مديريت محتوا، بهترين سيستم همه کاره اي است که تاکنون ديده ام!
البته ضعف هايي دارد، مثلا چون يک سيستم همه کاره است نبايد انتظار داشته باشيد هر جزء آن قدرت يک سيستم تخصصي را داشته باشد! براي مثال انجمن آن، انجمني پيشرفته مانند MyBB و SMF و VB باشد.
مديريت اين سيستم بسيار لذت بخش و راحت است، پشتيباني فارسي بسيار قوي دارد. همين طور نهاد زوپس که اين سيستم را پشتيباني ميکند تا کنون بسيار جدي و موفق عمل کرده است و جايزه هاي متعددي برده است.
اگر يک سايت با تمام امکانات ميخواهيد، در عين حال دنبال دردسر در مديريت آن نميگرديد از اين سيستم استفاده کنيد.
آدرس پشتيباني فارسي: [Only Registered and Activated Users Can See Links. Click Here To Register...]
سيستم هاي پرتال:
اين سيستم بيشتر مانند يک وبلاگ يا خبرگزاري عمل ميکنند. اما قابل گسترش هستند.
دو تا از معروفترين و بهترين سيستم ها را معرفي ميکنم:
وردپرس:
حتما همه با اين اسم آشنا هستيد! بله! سيستم معروف وبلاگدهي وردپرس!
گروه وردپرس يک سيستم مديريت محتوا براي استفاده هاي شخصي عرضه کرد. براي کساني که ميخواهند در هاست شخصي خود داراي وبلاگ يا سايت باشند، اما اين سيستم امروزه بسيار پيشرفت کرده است.
شما تنها با چند کليک مي توانيد به آن گالري تصوير، انجمن، فرم ارتباط با ما، چت و.... اضافه کنيد.
اين سيستم راحت ترين و کامل ترين سيستم مديريت در بين تمام سيستم هاي مديريت محتوايي که تاکنون در عمرم مشاهده کردم را دارد!
اين سيستم رو به افراد تازه کار پيشنهاد ميکنم، با اينکه سيستم راحت و کاملي هست، اما چون قرار بوده يک سيستم وبلاگدهي باشه قدرت لازم براي يک سايت بزرگ رو نداره!
اين سيستم پشتيبان هاي فارسي متعددي داره، اما پشتيبان رسمي و بهترين پشتيبان آن سايت زير است:
[Only Registered and Activated Users Can See Links. Click Here To Register...]
جوملا:
جوملا مانند php nuke قدمت زيادي دارد و از قوي ترين سيستم هاي موجودِ حال حاضر است.
خاصيت جوملا در اين است که انگار هيچ اسکلت بندي ندارد! شما ميتوانيد جوملا را به هر شکلي ميخواهيد در بياوريد! هر تصور ذهني که در مورد ظاهر سايت خود داريد قابل پياده سازي در جوملا است.
از طرفي با وجود الحاقات متعددي که دارد در هر زمينه اي قابل استفاده است. مي توانيد يک سايت دانلود راه اندازي کنيد. يا يک کتابخانه يا يک کتاب فروشي! شايد يک خبرگزاري! يک سايت براي معرفي محصولاتتان يا حتي فروش آنها...
جوملا CMS است که حتي سايت هاي دولتي آمريکا و اروپا هم از آن براي سايت هاي خود استفاده ميکنند.
اين سيستم کاملا با seo سازگاري دارد و رتبه شما در موتورهاي جستجو را بالا مي برد، به راحتي چند زبانه مي شود و امنيت آن بسيار عالي است.
اين هم ذکر کنم که مديريت جوملا بسيار بسيار سخت است و به هيچ سيستم مديريت محتواي ديگري شباهت ندارد!
خود من وقتي براي اولين بار تستش کردم تا چند سال سراغش نرفتم! ولي وقتي توش مهارت پيدا کنيد ميتونيد سايتي بهتر از بقيه سايت ها طراحي کنيد.
اين سيستم هم مانند وردپرس پشتيبان هاي متعددي دارد که بعضي از آنها چيزي بيش از دزد نيستند! حتي براي الحاقات رايگاني هم که فارسي کردند بر خلاف تمام قوانين بين المللي پول دريافت ميکنند.
اما اين پشتيباني سابقه اي طولاني و خوب در زمينه پشتيباني از مامبو و جوملا دارد:
[Only Registered and Activated Users Can See Links. Click Here To Register...]
سيستم هاي انجمن ساز:
اين سيستم ها محبوب ترين CMS ها هستند و البته بعضي از اون ها رايگان نيستند.
SMF
اين انجمن هم مثل phpbb خيلي سابقه داره، ولي نسبت به ساير انجمن ساز ها از طرفدار کمتري برخورداره...
متاسفانه حدود 3 يا 4 ساله ميخوان ورژن شماره 2 رو عرضه کنند اما هنوز نکردند!
پشتيباني اين سيستم در ايران توسط [Only Registered and Activated Users Can See Links. Click Here To Register...]انجام ميشه...البته اين هم بگم که قيافه ش مثل بقيه انجمن ها نيست! مثلا سيستم پيام خصوصي اون شبيه هيچ کدوم از انجمن هايي که ديديد نيست!
اين انجمن ساز مبدل (convertor) تمام CMS هايي که من شنيدم و نشنيدم رو داره! يعني از هر سيستمي، حتي اگر انجمن ساز تخصصي نباشه، ميتونيد مطالبتون رو به SMF منتقل کنيد. (بين خودمون باشه، از SMF هم ميتونيد به هر انجمن ساز ديگه اي خواستيد منتقل کنيد! خنده شيطاني!)
MyBB
به نظر من اين انجمن ساز گل سر سبد تمام سيستم هاي رايگان ديگه است!
اين سيستم واقعاً سبکه و فشاري به هاست وارد نميکنه...
از نظر ظاهري بسيار زيبا طراحي شده، قالب هاي خيلي خيلي خوشگلي هم داره!
پلاگين هاي فراواني هم داره و شما براي هر کاري يک پلاگين گير مياريد...
مديريتش بسيار ساده است، اما در نهايت سادگي شما قادر به اعمال تنظيمات خاص خود هستيد.
حتي نياز به تنظيمي سفارشي داشتيد ميتونيد خودتون اون رو طراحي کنيد.
ميتونيد خودتون کدهايي مثل مخفي سازي متن يا هر چيز ديگه اي طراحي کنيد.
برنامه نويسان اون سعي کردن هر پلاگين و امکاناتي که ساير انجمن ها دارند براي اين سيستم هم طراحي کنند.
پشتيباني فارسي اين سيستم فوق العاده قدرتمنده و خودش کلي پلاگين با ارزش طراحي کرده...
پشتيباني فارسي ماي بي بي از فعال ترين پشتيباني هاي ماي بي بي در ساير زبون هاست، به اين صورت که شما هر پلاگيني نياز داشته باشيد با احتمال 90 درصد ترجمه فارسي اون در سايت اصلي ماي بي بي قرار گرفته!
آدرس پشتيباني: community.mybbiran.com
vbulletin
قدرتمند ترين سيستم انجمن ساز جهان تاکنون!
خب بهترين سيستم انجمن ساز جهانه ديگه! اگر "تونستيد" حتما ازش استفاده کنيد.
تنها مسئله اي که اين وسط هست اينه که اين انجمن ساز رايگان نيست! اين انجمن ساز در دو بسته: يکي به قيمت 285 دلار و يکي به قيمت 195 دلار فروخته ميشه!
تازه اگر ورژن جديدي ارائه بشه براي ارتقا باز هم بايد پول بديد!
سايت پشتيباني هم براي فارسي ساز 69 هزار تومن دريافت ميکنه!
به خاطر همين راه عاقلانه اينه که از انجمن ساز هاي ديگه استفاده کنيد، اگر يه روز کارتون خيلي گرفت ميتونيد با چند کليک به vbulletin منتقل کنيد.
راه حل ديگه براي استفاده از اين انجمن ساز استفاده از ورژن هاي کرک شده يا به اصطلاح "نال شده" هست. اما چون سرور در جايي مثل آمريکا يا کانادا قرار داره معمولا و اونجا موظف به اجراي کپي رايت هستند، سايت شما بلوکه ميشه.
براي حل اين مشکل بايد از هاست هاي وارز استفاده کنيد که در يک پچ آموزشي توضيح ميدم چيه! خيلي پيشنهاد نميشه اين راه!
اين سيستم هم مانند ويکي پديا با فارسي سازگاره و نياز به پشتيبان فارسي نداره...
اما اين نکته هم گوشزد کنم که راه اندازي يک دايره المعارف کار بسيار شاقيه! اول از همه اينکه اين سيستم تنظيماتي نياز داره که به صورت پيش فرض اعمال نشده و بايد در کدها دست ببريد!
دوم اينکه بايد "ويکي نويسي" بلد باشيد. نوشتن تو دايره المعارف ويکي مثل نوشتن در انجمن يا يک سايت نيست. بايد کدهاي مخصوص اون رو بلد باشيد.
من براي ايجاد يه دايره المعارف در مورد ارباب حلقه ها پدرم در اومد...
آدرس مديا ويکي: [Only Registered and Activated Users Can See Links. Click Here To Register...]
گالري:
تقريبا تمام سيستم هاي مديريت محتوا يک پلاگين براي بخش گالري دارند، اما اين سيستم فقط و فقط يک گالري است! يک سيستم تخصصي گالري عکس!
4image بهترين گالري عکسي هست که من ميشناسم، توسط يک شرکت آلماني نوشته شده و رايگانه...
خودش با فارسي سازگاره و نيازي به پشتيبان فارسي نداره!
آدرس: [Only Registered and Activated Users Can See Links. Click Here To Register...]
فروشگاه:
فروشگاه ساز هاي متعددي بر روي اينترنت وجود داره! بيشتر اين فروشگاه ها يا فارسي نشده اند. يا با سيستم هاي خريد پستي ايران سازگار نيستد، يا با سيستم پرداخت آنلاين ايران!
فروشگاه هاي ديگري هم هستند که توسط ايراني ها نوشته شده اند و فوق العاده قدرتمند هستند، اما قيمت هاي نجومي دارند (چندين ميليون تومان) !
معمولا پيشنهاد مي شود از فروشگاهي که براي CMS سايتتان نوشته شده استفاده کنيد نه از يک سيستم فروش مجزا از سايت اصلي (يعني در يک سيستم ديگر)
در اينجا ميخواهم دو فروشگاه که حتما شما را جذب ميکند معرفي کنم:
اولين فروشگاه، يک CMS نيست، فقط يک کامپوننت براي سيستم مديريت محتواي جوملا است که به آن اضافه مي شود. اسم اين کامپوننت VirtueMart است، با زبان فارسي سازگار است، با سيستم پرداخت شتاب هم سازگار مي شود و بهترين نکته اينکه همه اينها رايگان است!
اما يک فروشگاه ساز تخصصي:
فروشگاه os commerce يکي از قدرتمندترين سيستم هاي فروشگاه ساز در جهان است که به طور رايگان منتشر مي شود.
اين سيستم در ايران پشتيباني فارسي مي شود و با درگاه پرداخت شتاب هم سازگار مي شود. تمام اين امکانات هم به صورت رايگان!
غير از اين سيستم ها، سيستم هاي ديگه مثل سيستم چت، سيستم پشتيباني، سيستم اداره قبوض، مديريت هاست، فروشگاه و ... هم هست.
-------------------------------------------------------------------
حالا که سيستم هاي مديريت محتوا را شناختيم، از کدام استفاده کنيم؟
انتخاب سيستم مديريت محتواي مناسب مسئله حساس و دقيقيه، چون اگر بعداً به مشکل بخوريد احساس نارضايتي از سايت، وجود شما رو ميگيره...
تغيير سيستم مديريت محتوا هم کار آسوني نيست و بايد دعا کنيد که سيستمي که انتخاب کرديد قابل انتقال به چيز ديگه باشه!
بايد بدونيد که از سايت چي ميخوايد؟ چه امکاناتي مد نظرتونه؟ چه امکاناتي ممکنه در آينده اضافه بشه به سايت؟
خودتون چقدر در کار کردن با اين سيستم ها وارد هستيد؟ آيا از عهده مديريتش بر ميايد؟
پشتيباني اون سايت چطوره؟ ببينيد جواب بقيه رو ميدن؟ چقدر فعال هستن؟ افزونه توليد ميکنن؟ افزونه ترجمه ميکنند؟ قالب طراحي ميکنند؟ يا بي کار هستند؟
به ليست افزونه ها نگاه کنيد! چه چيزهايي توش ميبينيد؟ آيا امکانات خوبي تو ليستشون هست؟
و حتماً قبل از انتخاب CMS با يه نفر در اين زمينه مشورت کنيد.
البته نريد تو سايت پشتيباني بپرسيد که اين سيستم بهتره يا سيستم شما؟ چون ميگن سيستم ما! تو خونه خودشون که نبايد بريد بپرسيد چي بهتره!
تو سايت هاي عمومي تر مثل مجيد آنلاين بپرسيد.
نکته ديگه اينه که:
شما ميتونيد از يه سيستم همه کاره استفاده کنيد، خيلي کار شما رو راحت ميکنه، اما همونطور که گفتم تک تک اجزاي اون از سيستم هاي تخصصي ضعيف تره!
انجمنش از انجمن ساز هاي تخصصي ضعيف تره، اخبارش و گالري و....
راه ديگه، و البته راه سختر اينه که از چند سيستم تخصصي در کنار هم استفاده کنيد!
انجمن با يک سيستم، پرتال با يک سيستم ديگه...
بعد با برنامه هايي به نام "پل" (bridge) اين دو تا سيستم رو به هم وصل ميکنيد!
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ailin webdesigna20 بازدید : 186
طراحي وب به مهارت ساخت و راه‌اندازي صفحات وب گفته ميشود.
تيم برنرز لي، مخترع وب، با برپايي يک سايت وب در اوت ????، نام خود را به عنوان نخستين سازنده? وب در تاريخ نگاشت. او در نخستين وب‌سايتش، از اَبَرمتن و پيوندي براي ايميل (پست الکترونيک) استفاده کرده بود.
در آغاز، سايتهاي وب با کُدهاي ساده «اچ‌تي‌ام‌ال» نوشته مي‌شدند، گونه‌اي از زبان کُدنويسي که ساختار ساده‌اي به وب‌گاه‌ها مي‌داد، شامل سرتيتر و پاراگراف، و توانايي پيوند دادن به صفحه‌هاي وب ديگر، با اَبَرمتن. در مقايسه با روش‌هاي ديگر، اين راه تازه و متفاوتي بود که کاربران به سادگي مي‌توانستند با يک مرورگر، صفحه‌هاي پيوند خورده را باز کنند.
با پيشرفت وب و هنر طراحي آن، زبان کُد نويسي اش، اَبَرمتن يا اچ‌تي‌ام‌ال، پيچيده‌تر و پرانعطاف‌تر شد. ابزاري مانند جدول‌ها که بيشتر براي نمايش نمودارهاي داده‌اي بودند، بزودي مورد استفاده نادرست، براي چيدمان‌هاي پنهان در صفحه‌هاي وب قرار گرفتند. با پيدايش الگوهاي آبشاري وب يا «CSS»، روش نادرست طراحي با جدول‌هاي پنهان در صفحه از گردونه خارج، و بجاي آن استفاده مناسب از «CSS» جايگزين شد.
فناوري‌هاي يکپارچه سازي داده‌گاه‌ها (Database)، مانند زبانهاي کُدنويسي سمت سرور (Server-Side Scripting) مانند CGI، PHP، ASP.NET، ASP، JSP و ColdFusion، و استانداردهاي طراحي مدرن با الگوها (CSS)، ساختار سايتهاي وب را باز هم تغيير داده و آنرا پيشرفته تر کرده اند.
همچنين با آمدن نگاره‌هاي جاندار و فن آوري‌هاي پويانمايي به صفحه ها، مانند فلَش (Flash)، چهره وب بيشتر از پيش تغيير کرد و توانمندي‌هاي تازه به سازندگان رسانه و طراح‌هاي وب داده شد، و توانايي‌هاي بيشتر و کارايي‌ها تازه مرورگرها براي اچ‌تي‌ام‌ال.
محتويات
عدم امکان ايجاد تغيير در اين نوع از سايتها توسط افراد عادي علاوه بر افزايش امنيت سبب بهرهمندي از گرافيک و ظاهري زيبا ميشود چرا که همه چيز ثابت است از جمله متون و اندازه تصاوير و همچنين همه عناصر مکان مشخص و ثابتي را دارند در نتيجه مي توان براي محل قرار گرفتن هر يک از اجزاء بهترين تصميم را گرفت.
اما از طرفي نيز عدم امکان ايجاد تغييرات توسط افراد عادي سبب ميشود تا امکان بروز رساني سايت توسط صاحبان و مديران سايت صلب شود.
نکته: سايتهاي ثابت (Static) براي افراد، شرکتها و سازمانهايي مناسب است که حداکثر يک يا دو بار در سال نيازمند به تغيير در محتواي سايت هستند.
سايتهاي پويا (Dynamic Website): محتواي سايتهاي دايناميک بعد از طراحي توسط افراد عادي که دسترسي به سيستم مديريت محتواي سايت را داشته باشند قابل تغيير است. زبان برنامه نويسي وبسايتهاي پويا ميتواند براساس نياز متفاوت باشد اما عمدتا از زبانهاي ASP ، ASP.Net و Php استفاده ميشود و از زبانهاي کمکي CSS و Silver light و يا Ajax براي ايجاد قابليتهاي ويژه نيز بهره گرفته مي شود.
در اينگونه از سايتها ابتدا اسکلت سايت توسط طراح ايجاد ميشود و سپس محتوا توسط مديران سايتها تغيير ميکند مانند فرم قراردادي که يکبار توسط فردي ايجاد ميشود و توسط افراد ديگري بارها تکميل مي شود، از اين رو طراح نسبت به محل قرار گرفتن و اندازه دقيق متون و تصاوير و ساير عناصري که بعداً توسط مديران سايتها تغيير ميکند اطلاع ندارد بنابر اين چاره اي ندارد جز اينکه همه حالات را در نظر بگيرد و اينکار سبب ميشود تاحدودي از گرافيک و جلوه سايت کاسته شود.
يکي از مزيتهاي سايتهاي دايناميک اين است که هيچ محدوديتي براي ايجاد، تغيير يا حذف مطالب، تصاوير و صفحات و غيره وجود ندارد.
با توجه به اينکه در سايتهاي پويا از زبانهاي برنامه نويسي پيشرفته استفاده ميشود امکانات زيادي در آنها قابل ايجاد است مانند ايجاد صفحات هوشمند، فرمها و جستجوهاي پيچيده.
استفاده زياد از کدها سبب کند شدن بارگذاري سايت و امتياز آن در موتورهاي جستجو مي شود.
نکته: سايتهاي پويا براي افراد، شرکتها و سازمانهايي مناسب است که بيش از دوبار در سال نياز به تغيير درمحتواي سايت را دارند.
پرتالها (Portal): پرتالها سايتهاي پوياي جامعي هستند که چند هدف خاص را در يک سايت دنبال مي کنند به عبارت ديگر مجموع چند سايت پويا که براي رسيدن به هدفي خاص در کنار هم قرار گرفته اند را مي توان پرتال ناميد. به عنوان مثال پرتال خبري مي تواند از چند سايت دايناميک تشکيل شده باشد که هر يک امکانات خاصي چون عضو گيري، انتشار اخبار، انتشار تصاوير، نظر سنجي و ... را در اختيار مديران آن قرار دهد.
تمام ويژگيهاي يک سايت پويا مي تواند در يک پرتال نيز صدق کند.
نکته: معمولاً پرتالها توسط سازمانها، گروهها و شرکتها خريداري مي شوند. به دليل نياز به بروز رساني بخشهاي مختلف اداره آنها توسط يک فرد بسيار مشکل است مگر آنکه به چشم يک کار حداقل پاره وقت به آن نگاه شود.
سايتهاي متحرک استاتيک و نيمه دايناميک (Static and Dynamic Flash Website): سايتهاي فلش يا متحرک دو نوع استاتيک و نيمه دايناميک هستند و توسط نرم‌افزارهاي خاصي ايجاد مي شوند در برخي موارد از XML يا Action Script براي ايجاد قابليتهاي تغيير يا هوشمندي در اين سايتها بهره گرفته مي شود.
به طور کلي سايتهاي فلش ثابت (استاتيک) غير قابل تغيير مي باشند و مانند سايتهاي ثابت يکبار توسط طراح ايجاد مي شوند و براي تغيير آن نياز است تا افراد به صورت حرفه اي يا نيمه حرفه اي از دانش طراحي فلش برخوردار باشند.
اما سايتهاي فلش نيمه دايناميک يا نيمه پويا مانند سايتهاي پويا عمل ميکند و قابل تغيير هستند اما تغيير در آنها به سادگي سايتهاي پويا نيست و وسعت ايجاد تغييرات نيز بسيار محدودتر است.
از مزيتهاي وب سايتهاي فلش جذابيت آنهاست. گرافيک زيبا و انيميشن‌هاي جذاب. اما از معايب عمده آنها ميتوان به عدم خوانده شدن اطلاعات موجود در آنها توسط رباتهاي جستجوگر و عمدتا سرعت بسيار پايين بارگذاري اشاره کرد.
نکته: سايتهاي فلش براي افراد و گروهها يا شرکتها و سازمانهايي مناسب است که نياز به تبليغات ندارند و عموم کاربران با آنها آشنا هستند مانند خوانندگان، سياست مداران، بازيگران و گروههاي موسيقي، هتلهاي معروف، مکانهاي توريستي.
سايتهاي مجهز به سيستم مديريت محتوا (Content Management Systems): سايتهاي مجهز به سيستم مديريت محتوا که در اصطلاح به CMS که مخفف Content Management System است مشهورند، وبسايتهايي از نوع پرتالها يا سايتهاي پويا هستند که براي مصارف خاص توسط طراحان حرفه اي و يا شرکتهاي طراحي حرفه اي ايجاد ميشوند.
تمام مزايا و معايب مربوط به سايتهاي پويا در مورد سايتهاي مجهز به سيستم مديريت محتوا صدق مي کند.
البته در نظر داشته باشيد که سايتهاي پويا و پرتالها نيز مجهز به سيستم مديريت محتوا هستند اما آنچه که در CMSها متفاوت است طراحي آنها و سيستمهاي مديريت محتواي آنها براي مصارف خاص است.
از مزاياي سيستمهاي مديريت محتوا نسبت به ساير سايتهاي دايناميک مي توان به آماده بودن و جامع بودن آنها اشاره کرد. از اين رو اغلب اينگونه از سايتها در کمتر از ? روز کاري قابل نصب و استفاده هستند.
طراحي سايتهاي CMS مانند يک خط توليد محصول است و از آنجا که طراح بايد نمونه‌هاي محدودي را به صورت انبوه توليد کند سعي در رعايت تمام اصول امنيتي، گرافيکي، موارد مربوط به رنکينگ و امتياز موتورهاي جستجو و ساير موارد موثر مي کند.
با توجه به مزيتهاي آنها به تمامي افراد، سازمانها و شرکتهايي که شرايط داشتن سايتهاي دايناميک را دارند توصيه ميشود تا ابتدا به دنبال سيستمهاي مديريت محتواي مخصوص به کار خود بگردند و در صورتي که پيدا نشد به طراحي سايتهاي پويا روي بياورند.
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ailin webdesigna20 بازدید : 211
html پايه و اساس هر صفحه اينترنتي است که از سه بخش کلي و اصلي <html> و <head> و <body> تشکيل شده است.
در اين روش شما صفحه اي را در دست داريد که با نوشتن کدهاي جديد و يا کاهش و افزايش کدهاي پيشين ميتوانيد به قالب مورد نظرتان دست يابيد.
xhtml چيست؟
xhtml نوع ديگر نوشتن کدهاي يک صفحه اينترنتي است با اين تفاوت که براي نمايش خود به دستوراتي نياز دارد که در قسمت head جاي گرفته اند و يا در قالب يک فايل جداگانه با پسوند css انجام وظيفه ميکنند. مثلا وقتي ميخواهيد براي قسمت پست يک وبلاگ نوع فونت، رنگ و سايز آن را تعيين کنيد بايد اين دستور را در قسمت <style> در بخش <head> و يا در فايل css مربوط به آن صفحه اعمال کنيد و لازم نيست مانند html قبل از هر متن از تگ (کد) <font> استفاده کنيد.
توجه: استفاده از دستورات style به طور دلخواه طراح ميتواند در يک فايل css و يا در همان صفحه مورد نظر در قسمت head و به صورت کد <style> صورت بگيرد. در هر دو روش نتيجه يکسان خواهد بود.
css چيست؟
css leaing .::. www.noktehaa.blogfa.com
دستورات (style sheet)ي که نحوه نمايش يک صفحه XHTML را مشخص مي کنند CSS ناميده ميشوند و در صورتي که بخواهند در يک فايل جداگانه ايفاي نقش کنند در فايلي با پسوند css. جاي ميگيرند. به عبارت ديگر: xhtml ساختار اصلي صفحات وب را تعيين مي کند و css شکل ظاهري آن را.
بعد از هر جستجوي css در ميان صفحات فارسي به وبگاههايي خواهيم رسيد که css را از نظر لغوي معني کرده اند با اين حال براي کامل بودن اين سري آموزشي به تکرار مکررات هم ميپردازم.
css مخفف کلمه Cascading Style Sheet و به معني مجموعه طبقه بندي شده و يا مجموعه آبشاري است.
HTML بهتر است و يا XHTML ؟
يکي از اصلي ترين و مهمترين ويژگي هاي xhtml مطابقت آن با استانداردهاي جهاني دسترسي سايت ميباشد و به خاطر رعايت اين استانداردها صفحاتي که بر اساس xhtml طراحي شده اند با مرورگرهاي مختلف سازگارند. براي کسب اطلاعات بيشتر در مورد قوانين دسترسي، به اين آدرس برويد: http://www.w3.org/wai
در اين سري آموزشي شما مي توانيد طراحي قالبهاي تک ستونه، دو ستونه، سه ستونه، چهار ستونه، ايجاد header و footer و همين طور طراحي انواع قالبهاي سايت را طبق نياز و سليقه خودتان بياموزيد و به راحتي در اين قالبها فارسي بنويسيد. اين قالبها قابل استفاده براي انواع سيستمهاي وبلاگ و سايت از جمله: wordpress ، movable type ، بلاگ اسکاي ، بلاگفا و ... ميباشند و فقط کافيست تا کدهاي مورد نظرتان را در ميان اين کدها و در جايگاه مورد نظرتان قرار دهيد. براي طراحي به يکي از نرم افزارهاي ويرايش صفحات وب مانند FrontPage نياز داريد و همينطور لازم است تا براي آزمايش صفحات ايجاد شده مرورگرهاي intenet explorer و فاير فاکس را روي سيستم خود داشته باشيد اگر مرورگر Opera هم داشته باشيد بي شک طراحي مطمئن تر و کامل تري را خواهيد داشت.
مطالب مربوط به آموزش طراحي قالب وبسايت و وبلاگ به وسيله CSS از وبلاگ شقايق برداشت و توسط وبلاگ نکته هاي کمياب ويرايش و بازنويسي شده است.
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ailin webdesigna20 بازدید : 234
از اين رو csچندين خصوصيت براي کنترل نحوه ي نمايش سند در رسانه هاي مختلف فراهم مي کند.
براي هدف قرار دادن رسانه هاي مختلف بايد از صفت media در تگ <link> يا در تگ style استفاده کرد يا درون قواعد نوشته شده ي css ميتوان از قاعده ي @media براي نشان کردن رسانه هاي مختلف استفاده کرد.
مثال :
1
<link rel="stylesheet" type="text/css" media="print" href="myprint.css" />
2
يا
3
<style type="text/css" media="print">....</style>
4
يا
5
<style type="text/css">
6
...
7
...
8
@media print {
9
10
}
11
</style>
انواع media
انواع مختلف media عبارت اند از
all : مخصوص تمامي deviceها
braille : استفاده براي deviceهاي مخصوص نابينايان
embossed : استفاده براي printer هاي مخصوص خط braille
handheld : استفاده براي device هاي جيبي و قابل حمل مثل tabletها
print : اين مقدار براي ارائه ي style به printer استفاده ميشود. (در مروگرها مي توان از قسمت print preview براي مشاهده ي يک صفحه در اين حالت استفاده کرد.)
projection : استفاده براي ويدئو پروژکتورها
screen : مخصوص نمايش در صفحه نمايش کامپيوتر
tv : استفاده براي تلويزيون
مقدار پيشفرض : all
فقط مقادير screen , print و all در مرورگرها به صورت گسترده پشتيباني مي شوند.
استايل print
مثال : کد html
1
<h1> 7Lea : </h1>
2
<h3>Javascript and web design tutorials</h3>
3
<p>
4
Lorem ipsum dolor sit amet, consectetur adipiscing Vivamus sit amet ligula non lectus.consectetur adipiscing Vivamus sit amet. Curabitur vulputate, ligula طراحی وب سایت lacinia scelerisque tempor, lacus lacus oare ante, ac egestas est ua sit amet arcu.
5
</p>
و کد css :
1
* {
2
margin: 0;
3
padding: 0;
4
font-family: serif;
5
}
6
h3 {margin-left: 20px;}
7
p {
8
margin: 10px 30px;
9
width: 500px;
10
text-align: justify;
11
}
حال کد رو در مرورگر اجرا کنيد، و سپس دکمه ي CTRL+P رو بزنيد تا به حالت print preview برويد، خواهيد ديد که دقيقا متون در حالت print همانند حالت screen هست.
حال ما ميخواهيم براي حالت print يک استايل متفاوت بنويسم
کد زير رو به کدهاي طراحی وب سایت اضافه کنيد :
1
@media print {
2
* {
3
font: 14px tahoma;
4
letter-spacing: 2px;
5
}
6
}
نتيجه print-preview
اگر دقت کرده باشيد، بعضي مواقع در هنگام پرينت يک صفحه html لينک ها طراحی وب سایت غير فعال مي شوند، و ديگر معلوم نيست که اين متن، به کدام صفحه لينک شده است، پس حتما راهي براي نمايش دادن آدرس لينک ها باشد، در css خصوصيتي به نام content وجود دارد، که از ان براي اضافه کردن متني به ابتدا يا انتهاي متن موجود استفاده مي شود.
مثال کد html
1
<h1><a href="http://www.7lea.com">7Lea : </a></h1>
2
<h3>Javascript and web design tutorials</h3>
کد css :
1
a:after {
2
content: "(" attr(href) ")";
3
}
کد بالا تعيين مي کند که پس از تگ a در داخل پرانتر مقدار صفت href آن لينک طراحی وب سایت را قرار دهد
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ailin webdesigna20 بازدید : 251