Πώς να προσθέσετε μια γραμμή κύλισης στο Dreamweaver CS5

Το Adobe Dreamweaver CS5 διαθέτει υποστήριξη HTML5, έναν πίνακα προεπισκόπησης πολλαπλών σελίδων και απόδοση σε πραγματικό χρόνο, η οποία επιτρέπει στους σχεδιαστές να εξετάσουν άμεσα τις αλλαγές που πραγματοποιούν στους ιστότοπους. Το Dreamweaver υποστηρίζει επίσης όλες τις κύριες ιδιότητες του CSS, συμπεριλαμβανομένων των γραμμών κύλισης σελίδων. Αν και τα περισσότερα προγράμματα περιήγησης ιστού περιλαμβάνουν αυτόματα γραμμές κύλισης για ιστοσελίδες, η χρήση ετικέτας γραμμής κύλισης CSS επιτρέπει στους χρήστες να προσαρμόζουν το μέγεθος του αντικειμένου.

1.

Ανοίξτε το Dreamweaver στον υπολογιστή σας. Κάντε κλικ στο μενού "Αρχείο" και, στη συνέχεια, επιλέξτε "Άνοιγμα έργου". Πλοηγηθείτε στο παράθυρο του προγράμματος περιήγησης για να επιλέξετε το έργο Dreamweaver που θέλετε να ανοίξετε.

2.

Κάντε κλικ απευθείας κάτω από την ετικέτα μέσα στον κώδικα HTML για την ιστοσελίδα σας. Πατήστε το κουμπί "Enter" για να δημιουργήσετε μερικές κενές γραμμές. Πληκτρολογήστε "" στη γραμμή αυτή.

3.

Μετακινήστε το δρομέα στη κενή γραμμή ακριβώς κάτω από την ετικέτα. Πληκτρολογήστε "div.scroll" στη γραμμή αυτή και πατήστε το πλήκτρο "Enter". Πληκτρολογήστε "{" σε αυτή τη νέα γραμμή και πατήστε δύο φορές το πλήκτρο "Enter". Πληκτρολογήστε "}" στη γραμμή αυτή. Μετακινήστε τον κέρσορα στη κενή γραμμή μεταξύ των δύο στηριγμάτων.

4.

Πληκτρολογήστε "Πλάτος:" και στη συνέχεια πατήστε το κουμπί "Enter" για να δημιουργήσετε μια νέα γραμμή. Πληκτρολογήστε "Ύψος:" σε αυτή τη νέα γραμμή. Εισαγάγετε το επιθυμητό πλάτος και ύψος της γραμμής κύλισης στις αντίστοιχες γραμμές τους. Πατήστε ξανά το κουμπί "Enter" για να δημιουργήσετε μια νέα κενή γραμμή κάτω από "πλάτος" και "ύψος". Πληκτρολογήστε "Overflow: Auto;"