طراحی سایت
توسط : ali_ebrahimi79

مطالب كلي راجع به طراحي سايت

با سلام من دوباره امدو تا مطالبی راجع به طراحی سایت به شما بگویم امیدوارم به شما کمکی کرده باشم.

عمومي        نسخه قابل چاپ
تاريخ نشر :جمعه 8 اردیبهشت 86

موضوع :

IVR - گنج افزار ارائه کننده سيستمهاي تلفن گويا - ضبط مکالمات - Call Center - Contact Center - SMS Center - پيشرفته ترين سيستمهاي تلفن گويا - طراحي آسان با چند کليک تلفن گويا شما
چنانچه قصد داريد برنامه نويسي را شروع كنيدمناسب است كه به نكات زير توجه نماييد.
? در دنياي اينترنت از پروتكل هاي مختلف (پروتكل-Protocol- زبان قابل فهم بين كامپيوترها است)استفاده ميشود. دو پروتكل زير بيشترين كاربرد را در كار يك برنامه نويس دارد.
1- پروتكل HTTP (Hyper text Transfer Protocol)
عمدتا از اين پروتكل براي ارسال درخواستها و پاسخها كه بين مرورگر –Browser- وسرور وب انجام ميشود استفاده مي گردد . ابتدا مرورگر درخواستي را براي سرور مي فرستد . سرور درخواست را بررسي كرده وجواب آن را براي مرورگر ارسال ميكند . web server مشهور IISوApachi ميباشد.
2- پروتكل FTP (File Transfer Protocol)
هنگاميكه بخواهيد فايلهاي آماده شده براي سايت را به مكان اصلي آنها بر روي يك سرور وب (web host) منتقل كنيد كه اين سرور از لحاظ مكاني دور از دسترس شما قرار دارد (مثلا شما در ايران هستيد وسرور شما در كانادا مي باشد ) از اين پرووتكل براي رد وبدل فايلها بين كامپيوترها استفاده مي كنيد . ابزارهايي براي اين كار تهيه شده است.
? اسكريپت نويسي (كدهاي برنامه نويسي است كه شما در كنار HTML هاي خود قرار مي دهيد تا كيفيت وتوان سايت را افزايش دهند )كه معمولا براي يك سايت صورت مي گيرد به دو دسته زير تقسيم ميشوند.
1- اسكريپت نويسي طرف مرورگر (Client) كه عمدتا با زبان javascript نوشته ميشود . علت استفاده از اين زبان ، پشتيباني اكثر مروگر ها از آن ميباشد. زبان ديگر اسكريپت نويسي طرف مرورگر VBScript است كه فقط مرورگر Internet Explorer با آن مي تواند كار كند .
برنامه اي كه شما مي نويسيد توسط مرورگر اجرا خواهد شد . اين برنامه ها نمي توانند كاري خارج از محيط مرورگر انجام دهند (مثلا نميتوانند فايلي ساخته يا فايلي را از روي هارد كاربر پاك كنند)
2- اسكريپت نويسي طرف سرور (Server) كه قابليتهاي آن بسيار بيشتر از نوع قبلي است و بر روي كامپيوتر سرور web اجرا مي شوند و نتايج آنها به صورت html يا xml براي مرورگر استفاده مي شود .مثلا اگر بخواهيد از بانكهاي اطلاعاتي در سايت خود استفاده كنيد يا e-mail كاربران را دريافت كرده و در بانك خود ذخيره كنيد يا e-mail هايي را براي كاربران خود بفرستيد ، با يستي از اسكريپت طرف سرور استفاده كنيد. براي نوشتن اين اسكريپتها زبانهاي مختلفي وجود دارد كه از جمله آنها موارد زير هستند.
- ASP (Active Server Page) بر روي كامپيوترهاي ويندوز و سرور وب
IIS (Internet Information Server) كار ميكند .
- JPS (Java Server Page) بر روي كامپيوترهاي ويندوز و IIS يا Unixو Linux و Apachi (سرور وب) كار مي كند.
- PHP بر روي كامپيوترهاي ويندوز و IIS و Unixو Linux و Apachi كار مي كتد .
- Perl بر روي كامپيوترهاي ويندوز و IIS و Unixو Linux و Apachi كار مي كتد .
- CFML (Cold Fusion Markup Languege) كه با سرور Cold Fusion محصول شركت ماكرومديا كار مي كند و بر روي كامپيوترهاي ويندوز وUnix قابل استفاده است.
در بررسي هاي انجام شده نشان مي دهد كه اگر بخواهيد يك كار مشخص را با زبانهاي فوق بنويسيد بيشترين حجم كد نويسي را در PHP و كمترين حجم كدنويسي را در CFML خواهيد داشت.
هنگام انتخاب زبان دقت به نكته زير بسيار بسيار مهم است.
چون برنامه هايي كه مي نويسيد بر روي سرور وب (Web Host) اجرا خواهند شد لذا بايستي مطمئن شويد كه سرور نهايي اينترنت شما از كداميك از اين زبانها پشتيباني ميكند.
در بين اين زبانها ASP و PHP در ايران بيشتر استفاده شده است. چون ويندوز وIIS وASP محصول شرمت مايكروسافت هستند لذا با هم بيشتر سازگار بوده و سرعت بيشتري نسبت PHP روي ويندوز و IIS ارائه مي دهند. ولي PHP بر روي سرور Unixو Linux و Apachi با كارايي بسيار بالايي كار مي كند. ASP نميتواند روي سرورهاي Linux و Apachi كار مي كند.
نكته: علاوه بر زبانهاي اسكريپت نويسي طرف سرور ، امكان استفاده از فايلهايي باينري CGI كه همان DLL ها وEXE ها هستند نيز وجود دارد.
اين نوع از فايلها چون Visual Cttو Visual Basicو Delphi و مانند اينها ساخته شده و در سرور وب نصب مي شوند. اين روش قديمي بوده و در حال حاضر كاربرد كمي دارد.
قوانين اصلي براي تهيه يك سايت:
1- بايستي ابتدا تحليل وتراحي شده و به خوبي سازماندهي شود . تعيين ساختار سايت و اهداف آن قدم اول خواهد بود .
2- طراحي صفحات بايستي به گونه اي باشد كه كاربر سريعا به موضوع مورد نظر برسد.
3- بگونه اي طراحي شود كه امكان Update سايت براي شما يا مدير سايت راحتر باشد.
4- روشهاي مختلفي براي حركت بين صفحات (navigation) را در اختيار بازديد كننده قرار دهد.
5- از درج ليستها و منوهاي با طول رياد خودداري شود.
نكات فني :
1- ساختار روبرو نمونه اي از ساختار مناسب براي يك سايت چند زبانه است.
2- تا جايي كه ممكن است سايت را Flat طراحي كنيد تا آدرس دهي كوتاه شده و FTP آن راحتتر شود.
3- از فهرستهاي مجازي –Virtual Directory- استفاده كنيد.
4- تقسيم بندي فايل بستگي به كاربرد ومحتويات آن دارد . مثلا تقسيم بندي فيزيكي بر اساس محصولات يا بر اساس نوع محتويات مانند Sample , Reference , Resource
براي ساخت Virtual Directory مراحل زير را طي كنيد.
1- برنامه Internet Services Managerرا از آدرسControl Panel\Administrative Tools اجرا كنيد.
2- منويVirtual Directory IIS\Default Web Site\New\ را اننتخاب كنيد.
3- نام فهرست مجازي را وارد كنيد.
4- آدرس فيزيكي مرتبط با نام مجازي را مشخص كنيد.
5- مجوزهاي دسترسي به اين فهرست را تعيين كنيد.
براي اطلاعات بيشتر به help برنامه IIS مراجعه كنيد.
مثلا نام مجازي فهرست D:\Site\ Download را Download مي گذاريد. براي اشاره به فايلهاي درون اين مسير از URL زير استفاره مي كنيد.

http://localhost/ Download/…

Frame يا بدون فريم:
مزاياي استفاده از فريم ها
1- navigate بين صفحات را آسان كرده و يك نقطه مرجع براي كل سايت بوجود مي آورد.
2- صفحه را به چند بخش تقسيم مي كند و ميتواند طراحي وساخت صفحات را ساده نمايد.
3- سبب Loud شدن سريعتر صفحات مي شود چرا كه بعضي ازبخشهاي صفحه نياز به Loud مجدد ندارد.
4- بهترين را ه براي ساخت Control Panel است.
معايب استفاده از فريم ها
1- بخشهايي از صفحه بصورت ثابت درآمده و از فضاي فعال صفحه مي كاهد.
2- گاهي اوقات پيچيدگي برنامه نويسي طرف سرور و طرف مرورگر را افزايش مي دهد.
3- براي اولين بار كه كاربر به سايت وصل ميشود بار بيشتري را روي سرور قرار مي دهد چرا كه در آن واحد چندين فايل html يا asp وغيره بايستي براي مرورگر فرستاده مي شود .
4- فريم ها با همه مرورگرها سازگار نيستند.
براي آنكه بتوان در مرورگرهايي كه امكان نمايش فريم ها را ندارند امكاناتي را فراهم نمود مي توان به صورت زير يك HTML تهيه كرد.
.
.

.
<Frameset …>
</ Frameset>
<NoFrames>

متن مورد نظر براي مرورگرهايي كه امكان كار با فريم ها را ندارند ويك Link براي رفتن به صفحه بدون فريم

</ NoFrames>

براي ايجاد سايت دو نسخه از آن نياز است يا بهتر است دو نسخه باشد.
1- نسخه اول كه نسخه آزمايشي بوده و بر روي كامپيوتر محلي خود ساخته ميشود. هر گونه تغيير وتحولي را ابتدا روي اين نسخه انجام داده و وقتي صفحه اي كامل شد يا بخشي از سايت تكميل گرديد به مكان اصلي آن سرور Remote است انتقال دهيد.
2- نسخه نهايي كه در سرور اصلي قرار ميگيرد و بازديدكنندگان ازآن استفاده مي كنند در بيشتر حالات اين سرور دور از دسترس قرار دارد.
براي انتقال نسخه آزمايشي يا صفحات تكميل شده به سرور اصلي (remote) از FTP استفاده مي شود.
ابزارهايي كه معمولا براي FTP استفاده ميكنند شامل WS-FTP و Cute-FTP و Windows Commander و Explorer ويندوز مي باشد.
بعضي از برنامه ها مانند Front Page و remote r مي تواند يك سايت remoteرا خوانده و ساختار آن را ايجاد نموده و سپس با تغيير هر فايل آن را به سرور اصلي FTP كنند.
براي FTP كردن حداقل سه پارامتر زير نيازاست.
1- نام سرور ftp مانند ftp.yahoo.com
2- نام كاربر Username
3- رمز عبور Password
ابزارهاي مورد استفاده در طراحي صفحات
معروفترين ابزارها براي ساخت فايلهاي css , javascript , asp , html وغيره موارد زير هستند. البته FrontPage در زمينه html توانايي زيادي داردولي در بقيه موارد ضعف دارد.
1- Front Page
2- Dreamweavermx
3- Code Charge
4- ASP Edite
كدام مرورگر ؟
با بررسي هاي انجام شده و آمارهاي موجود در اينترنت بيشترين مرورگر استفاده شده در اينترنت Internet Explorer با نسخه هاي 6.0 , 5.0 , 4.0 مي باشد كه حدود 75% كاربران را پوشش مي دهد. 25% بقيه را Netscape و Opera وغيره هستند.
با توجه به اينكه javascript و استفاده از امكانات خاص اسكريپت نويسي (DOM) در اين مرورگرها متفاوت است لذا بنظر مي رسد اگر بنظر مي رسد اگر سرمايه گذاري براي Internet Explorer شود نتيجه بهتري خواهد داشت . البته بعضي ها كدهاي javascriptرا براي انواع مرورگرها مي نويسند تا بر روي همه آنها كار كند . اين زحمت زيادي به دنيال خواهد داشت.
بعضي از tag هاي خاص كه در بخش <HEADE> صفحه html قرار مي گيرند.
1- تك META يكي از tag هاي مهم اين بخش از صفحه Html است . اولين نوع آن ، نوع كاراكترهاي درون صفحه را تعيين ميكند.


<META HTTP-EQUIV = "Content-Type" CONTENT="text/html;charset= window-1256">

سبب مي شود صفحه html داراي داده هاي سازگار با Codepage استاندارد 1256 شود. اين كد پيج براي صفحاتي بكار مي روند كه داده هاي آن فارسي يا عربي استاندارد Unicode هستند.
براي تايپ اين نوع حروف مي توانيد از ويندوزها ي2000 يا XP كه صفحه كليد فارسي يا عربي دارند استفاده كنيد. چنانچه به اين روش عمل كنيد ، صفحات توليد شده شما بر روي هر نوع كامپيوتري كه ازسيستم Unicode استاندارد پشتيباني مي كنند قابل ديدن خواهد بود بدون آنكه نياز به نصب فونت باشد براي صفحات انگليسي از windows-1252 استفاده مي شود.
2- مدل دوم META سبب ميشود تا صفحه شما در موتورهاي جستجو مانند yahoo يا google بدرستي ايندكس شوند و هنگام جستجو جوابهاي صحيح توليد شود.


<META NAME ="KEYWORDS" LANG= "EN" CONTENT="food , travel , family">

آنچه درون CONTENT مي آيد كليدواژه هاي مربوط به متون صفحه است.
3- مدل سوم META سبب مي شود صفحه شما بطور اتوماتيك بعد از n ثانيه مجدد Load شده و Refreshشود.


<META NAME = "REFRESH" CONTENT="10 , http://MySite/file.htm">

شماره 10 تعيين مي كند ككه بعد از 10 ثانيه صفحه جاري ، جاي خود را به صفحه اي با آدرس URL ذكر شده بدهد.
در پايان اميد است اين نكات به طراحي شما كمك كرده باشد.
با آرزوي موفقيت

جمعه 7/2/1386 - 19:4
پسندیدم 0
UserName
x