Dreamweaver8을 사용하여 웹 페이지를 만드는 데 일반적으로 사용되는 전환 효과
저자:Eve Cole
업데이트 시간:2009-06-01 01:02:47
웹 페이지 전환은 사용자가 웹 페이지에 들어오거나 나갈 때 스크롤, 블라인드 등과 같이 페이지가 표시하는 다양한 새로 고침 효과를 나타냅니다.
참고: 템플릿을 통해 생성된 웹 페이지에는 웹 페이지 전환 효과를 추가할 수 없습니다!
생산 단계:
1. 페이지를 엽니다. 이 단계는 매우 중요합니다. 편집 중에 페이지를 설정하는 대신 페이지를 여는 이유는 무엇입니까? 웹 페이지 전환을 위한 코드가 작동하려면 코드 창의 일부 특정 영역에 표시되어야 하기 때문입니다. 새로 열린 창에서는 커서가 코드 창의 맨 윗줄 앞에 있는데, 이는 코드에 익숙하지 않은 사람들에게도 간단하고 조작하기 쉬운 위치입니다. 그러나 일부 웹 페이지를 처음 열면 커서가 코드 창의 맨 윗줄 앞에 있지 않습니다. 그런 다음 테두리의 스크롤 막대를 통해 코드의 첫 번째 줄을 찾은 다음 해당 줄에서 마우스를 클릭해야 합니다. front를 선택하고 코드 창 맨 위 줄의 맨 위에 커서를 놓습니다.
2. 메뉴 바에서 삽입-HTML-파일 헤더 태그-메타를 클릭하면 메타 대화 상자가 나타납니다.
3. 대화 상자의 속성 옵션 드롭다운 목록에서 HTTP 동등 옵션을 선택하고 값 상자에 Page-Enter를 입력하여 웹 페이지에 들어갈 때 웹 페이지 전환 효과가 있음을 나타냅니다. 콘텐츠 상자에 Revealtrans(Duration=4,Transition=2)를 입력합니다. Duration=4는 웹페이지 전환 효과의 지속 시간이 4초임을 의미합니다. 전환은 전환 효과 모드를 의미하며, 값이 2이면 순환 축소를 의미합니다. 다양한 이펙트 번호 코드는 다음과 같습니다.
4. 입력 후 확인을 눌러 저장하세요. 이렇게 하면 이 페이지에 들어갈 때 효과를 확인할 수 있습니다. 방금 효과 보셨나요? 그렇지 않은 경우 홈페이지로 돌아가서 이 페이지를 살펴보세요.
5. 선택할 수 있는 효과는 20가지가 넘습니다. 전환 값을 해당 효과의 코드 이름으로 변경하면 됩니다. 구체적인 효과와 설정은 아래 표와 같습니다.
효과 전환 효과 전환
상자 수축 0 용해 12
상자형 확장 1 중앙을 향해 좌우로 수축 13
원은 줄어들고 2 가운데는 좌우로 늘어남 14
원 3을 확장하고 중앙 15를 향해 위아래로 축소합니다.
위로 지우기 4 가운데를 위아래로 확장 16
아래로 지우기 5 17단계에서 아래쪽 및 왼쪽으로 확장
왼쪽의 6을 삭제합니다. 왼쪽 상단의 18을 단계적으로 확장합니다.
오른쪽으로 삭제 7 19단계에서 오른쪽 아래로 확장
수직블라인드 8개 오른쪽 상단으로 사다리형 확장 20개
수평 블라인드 9 무작위 수평 라인 21
가로 체커보드 10 임의의 세로줄 22
세로 바둑판 11 랜덤 23