X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

الوصول الحر بريميوم

وصول إلى مكتبة والمواد برمتها محور بريميوم ، ملفات المشاريع ، وأول 10 ٪ من كل فيديو تعليمي من دروس المكتبة على الانترنت .

إنشاء حسابك المجاني الآن!

إدراج خريطة جوجل الى الدرجة AP في دريمويفر CS5
ترجم من قبل مترجم جوجل

لدينا كل منشأة تستخدم شك جوجل خريطة ممتازة للبحث عن المواقع. لن يكون كبيرا لتكون قادرة على استخدامها لمساعدة الناس على العثور على مواقع لديك أيضا؟ ما هو أكثر من ذلك ، لن يكون أكبر إذا فعل ذلك لم يكن لديهم لمغادرة الراحة من صفحة الويب الخاصة بك؟ انها حقا بسيط جدا القيام به في دريمويفر .


الخطوة 1 -- إعداد الأسس

في Dreamweaver أنا ذاهب لإنشاء صفحة جديدة لهذا : ملف

New Page.

صفحة جديدة.


على الصفحة انا ذاهب الى البدء خلق الدرجة AP عقد خريطتي في الصفحة. تأكد أولا من أن يتم تعيين وجهة نظركم الصفحة إلى مصمم بحيث يمكنك الاطلاع على صفحة الفعلية.

Design View Button.

عرض تصميم زر.


من لوحة إدخال المشتركة ، مثلما تختار الفئة وحدد "رسم AP الدرجة".

Draw AP Div button.

رسم زر AP الدرجة.


سوف يظهر المؤشر الآن في التقاطع ، مع التقاطع رسم مربع في مكان ما على الصفحة. في محاولة لجعله حجم كنت ترغب في رؤية الخريطة المعروضة. يمكن أنب لاحقا.

AP Element on screen.

AP العنصر على الشاشة.


وهذا مربع تحتوي على الخريطة. السبب في أنني خلقت في هذه الخانة لخريطة هو السهولة التي يمكنني تعديله. الاستيلاء على مساحة بيضاء صغيرة في أعلى الزاوية اليسرى من مربع يتيح لي الفرصة لإعادة مربع في أي مكان.

في لوحة وسوف يتم عرض خصائص خصائص في الدرجة. تغيير معرف إلى "MapBox' وتعيين W

Properties Panel.

خصائص لوحة.


الخطوة 2 -- ادراج خريطة

استخدام مستعرض الويب الخاص بك للبحث عن موقع باستخدام خرائط جوجل. لقد فتشت خارج مكتب التدريب يمكنني استخدامها في غلاسكو.

Glasgow Google Map.

غلاسكو خريطة جوجل.


على خريطة جوجل هناك بعض الرموز الصغيرة في الزاوية اليمنى العليا. والنقر على وصلة واحدة تسمى فتحه.

Goole map link button.

خريطة جوجل زر الارتباط.


حدد كافة التعليمات البرمجية داخل مربع وضع علامة "لصق HTML لتضمينها في موقع" ونسخه.

تلميح : انقر فوق 3 مرات في تتابع سريع على رمز لتحديد كل شيء ، ثم نسخ (القيادة - C) للتأكد من أنك لا تفوت أي.

Google Map Insert Code.

مدونة جوجل خريطة إدراج.


وهذا الرمز تمكين إعادة عرض هذه الصفحة مع خريطة جوجل التفاعلية بالكامل لموقعك داخل الدرجة AP باستخدام iframe (إدراج الإطار).

لادخال هذه الشفرة في الدرجة AP MapBox دينا في Dreamweaver ، ولصقه في عرض التعليمات البرمجية بين

نصيحة : إن أسهل طريقة للتأكد من أن يتم إدراج رمز في الموقع الصحيح للتبديل إلى طريقة عرض التصميم وانقر داخل الدرجة AP MapBox على الصفحة بحيث مؤشر وامض يجلس داخل

Code View Cursor.

رمز عرض المؤشر.


التحول إلى انقسام عرض لرؤية كل من تصميم ورمز. وسوف يكون المؤشر الآن تومض بين العلامات الصحيحة DIV المفتوحة والمغلقة ، ويمكنك لصق رمز (القيادة - V).


الخطوة 3 -- معاينة

والتبديل على عرض لايف في Dreamweaver والخريطة التفاعلية تظهر على الصفحة الخاصة بك داخل الدرجة MapBox.

Map Page.

صفحة الخريطة.


يمكنك دائما استخدام لوحة خصائص لتغيير حجم الدرجة MapBox إذا لزم الأمر ، فقط للتأكد من التبديل إيقاف العرض الحي لتمكين المعلمات.

إذا كنت يتوهم التحدي الأصعب ثم يمكنك أيضا استخدام أوراق الأنماط المتتالية (CSS) لتنسيق MapBox مع الحدود ، والخلفيات وما إلى ذلك ، ولكن هذا لمقال آخر.


Learn more about Dreamweaver here.


David Smith

David Smith | Articles by this author

David Smith is Scotland's most qualified Apple and Adobe certified trainer. Having completed his education at Edinburgh College of Art's BAFTA winning Film School, David moved straight into TV production, first as a Vision Mixer then quickly becoming, at the age of just 24, a director of live TV studio productions. In 2001 he moved into Higher Education where he became a lecturer in TV Production, specializing in post-production and live studio production. During this time, and working with the support of the BBC, Channel 4 and independent production companies, David was instrumental in the design, development and implementation of industry-approved vocational courses across Scotland's Colleges. In 2006, after working closely with Apple Computers to create a unique multimedia studio for education at the Music and Media Centre in Perth, David became Scotland's first Apple-Certified Trainer for Pro Apps. This led on to David forming the first Apple Authorized Training Centre for Education, north of Manchester. In 2008 David made the move to full time training and joined the ranks at Academy Class, Ltd. where he continues to train industry professionals as a certified trainer across the Adobe Creative Suite and Apple Pro Apps range.

Comments

Aug 15, 2011
Skye
For non Dreamweaver users, just a note that an AP Div is just a div with absolute positioning (AP). If you look at the source code image you can see the absolute positioning style that Dreamweaver has applied to the div.
Sep 02, 2011
David Smith
You are absolutely right Skye, thank-you
Aug 08, 2012
Dear author,

I want to express my sincere thanks of this useful article.
Aug 27, 2012
David Smith
Thank-you
Apr 04, 2013
elisabetta
grazie
Apr 05, 2013
David Smith
Prego
Jun 18, 2013
Sandra
Hello there,

I need some help. I want to create a structure with 4 frames: Left, Top, Main and Right.

In the top frame I have a Banner, in a table, and I want to insert a Spry Menu Bar. The problem is, if I want in that Spry a Vertical Menu it doesn't shows up in the main frame.
How do I make it visible?

Best regards.
Aug 15, 2013
Dennis
Thank you so much. I have bookmarked your page for future reference. Valuable info!
You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link