차례:
- 혼란 스러움 제거
- 보기 분할 : 코드 작업
- HTML 테이블은 복잡한 웹 디자인을 만드는 가장 좋은 방법을 제공하지만 (구형 브라우저는 여전히 레이어를 지원하지 않기 때문에) Dreamweaver 4를 사용하면 시각적 디자인 영역에서 테이블을 쉽게 만들 수 있습니다 . 새로운 레이아웃보기에서는 페이지에 표를 "그려 넣거나"끌어다 놓거나 중첩 된 표에 셀을 그룹화 할 수 있습니다. 작성한 행 및 셀 수는 걱정할 필요가 없습니다. 이 기능을 사용하여 창 크기와 함께 변경되는 표를 만들 수 있습니다. 이는 모든 모니터에서 디자인 작업을 수행 할 수있는 훌륭한 기술입니다.
- Dreamweaver 3에서 텍스트로 붙여 넣기 기능을 사용하는 경우 Dreamweaver 4에서 누락 된 것을 발견하면 실망하지 마십시오. Macromedia는 최신 버전으로 프로세스를 간소화했습니다. 이제 파일 -> 붙여 넣기를 선택하기 만하면 Word 처리 문서의 서식있는 텍스트에서 서식을 유지합니다. 글쎄, 적어도 줄 간격을 유지합니다. 사실, Dreamweaver는 텍스트 변환에있어 여전히 약하다.
- 디자이너는 모든 글꼴을 사용할 수 있다는 것을 알게되면 너무 흥분합니다. 실제로 시청자는 컴퓨터에 글꼴을 표시해야합니다. 글꼴이 더 일반적 일수록 의도 한대로 표현할 가능성이 높아집니다. 좀 더 특이한 글꼴을 사용하고 싶다면 다른 글꼴을 포함시켜야합니다. Dreamweaver 글꼴 목록에는 이미 일반적인 글꼴 모음이 포함되어 있으며 텍스트 -> 글꼴 -> 글꼴 목록 편집을 선택하여 언제든지 자신 만의 글꼴 목록을 만들 수 있습니다.
- DHTML 및 CSS로 채워진 최첨단 페이지 디자인을 사용할 때 모든 시청자가 만족할 수 있도록 가장 안전한 솔루션입니다. 즉, 최신 기능을 사용하는 페이지와 이전 버전보다 보편적으로 지원되는 HTML 태그를 사용하는 페이지 세트를 두 개 이상 만들 수 있습니다. 그러나 시청자가 올바른 페이지로 이동하도록하려면 어떻게해야합니까? 브라우저 확인 동작을 사용하십시오.
비디오: [Adobe Creative Cloud] Adobe Story CC Plus 개요 2024
최상의 프로그램이라 할지라도 어떻게하면 최고의 프로그램을 만들 수 있는지 알게되면 더욱 나아질 것입니다. 잠시 시간을내어 이러한 팁을 확인하고 웹 사이트 개발에 많은 시간을 절약하십시오. 이 팁의 대부분은 Macintosh 및 Windows 사용자 모두에게 적용됩니다. 그것들이 오직 하나 또는 다른 것에 적용될 때, 그 텍스트는 Windows 또는 Mac 버전에 적용되는지를 알려줄 것입니다.
혼란 스러움 제거
Dreamweaver의 많은 패널 (이전 버전에서는 팔레트 라고 함)은 가장 인기있는 기능에 빠르게 액세스 할 수 있지만 디자인 영역을 복잡하게 만들 수 있습니다. 뒤로 서서 작업에 감탄하고 싶을 때 (또는 다른 사람을 찢어 내고 싶을 때) 방해가되지 않도록하려면, 보이는 모든 패널을 한 번에 숨기는 바로 가기 인 F4 키를 사용하십시오. 다시 되돌리려면 F4 키를 다시 누르십시오.
패널을 개별적으로 켜거나 끄려면 각 패널에 할당 된 키보드 단축키를 사용하십시오. 각 패널 이름 옆에 나열된 키보드 단축키를 찾으려면 메뉴에서 창을 선택하십시오. 이 바로 가기를 사용하여 패널을 개별적으로 켜고 끌 수 있습니다. 또한 디자인 창의 오른쪽 하단 모퉁이에있는 실행기 표시 줄을 사용하여 [지점] 패널, [에셋] 패널, [HTML 스타일] 패널, [CSS 스타일] 패널, [비헤이비어] 패널 및 [작업 내역] 패널에 액세스 할 수 있습니다.
보기 분할: 코드 작업
Dreamweaver에서 HTML 소스 코드와 WYSIWYG (사용자가 보는 것)을 디자인보기간에 전환하려는 경우, HTML 소스와 WYSIWYG 디자인 영역을 동시에 볼 수 있도록 창을 분할 할 수있는 버전 4의 새로운 옵션에 감사드립니다. 창을 분할하려면보기 -> 코드 및 디자인을 선택하십시오.
환경 설정 -> 코드 색상 탭을 선택하여 색상을 지정하십시오.디자인 조정
HTML 테이블은 복잡한 웹 디자인을 만드는 가장 좋은 방법을 제공하지만 (구형 브라우저는 여전히 레이어를 지원하지 않기 때문에) Dreamweaver 4를 사용하면 시각적 디자인 영역에서 테이블을 쉽게 만들 수 있습니다. 새로운 레이아웃보기에서는 페이지에 표를 "그려 넣거나"끌어다 놓거나 중첩 된 표에 셀을 그룹화 할 수 있습니다. 작성한 행 및 셀 수는 걱정할 필요가 없습니다. 이 기능을 사용하여 창 크기와 함께 변경되는 표를 만들 수 있습니다. 이는 모든 모니터에서 디자인 작업을 수행 할 수있는 훌륭한 기술입니다.
보기 -> 테이블보기 -> 레이아웃보기를 선택하여 Dreamweaver의 새 테이블 작성 환경에 액세스 한 다음 드래그 앤 드롭만으로 모든 종류의 테이블을 만들 수 있습니다. Objects 패널에서 셀 및 테이블 레이아웃 옵션을 찾을 수 있습니다.
텍스트 변환
Dreamweaver 3에서 텍스트로 붙여 넣기 기능을 사용하는 경우 Dreamweaver 4에서 누락 된 것을 발견하면 실망하지 마십시오. Macromedia는 최신 버전으로 프로세스를 간소화했습니다. 이제 파일 -> 붙여 넣기를 선택하기 만하면 Word 처리 문서의 서식있는 텍스트에서 서식을 유지합니다. 글쎄, 적어도 줄 간격을 유지합니다. 사실, Dreamweaver는 텍스트 변환에있어 여전히 약하다.
HTML로 저장 기능 (Microsoft Word 및 많은 다른 기능에서이 기능 제공)이 포함 된 워드 프로세서 또는 스프레드 시트 프로그램을 사용하는 경우 Dreamweaver에서 텍스트를 다시 포맷하지 않아도됩니다. Dreamweaver에 텍스트를 복사하여 붙여 넣는 대신 워드 프로세서 프로그램의 파일 -> HTML로 저장 기능을 사용하고 파일의 이름을 변경 한 다음 Dreamweaver에서 새 파일을 엽니 다. Microsoft Word와 Excel은 테이블 서식을 유지하기 때문에 큰 텍스트 또는 숫자 표를 처리하는 경우 시간을 절약 할 수 있습니다.
기능 글꼴 찾기
디자이너는 모든 글꼴을 사용할 수 있다는 것을 알게되면 너무 흥분합니다. 실제로 시청자는 컴퓨터에 글꼴을 표시해야합니다. 글꼴이 더 일반적 일수록 의도 한대로 표현할 가능성이 높아집니다. 좀 더 특이한 글꼴을 사용하고 싶다면 다른 글꼴을 포함시켜야합니다. Dreamweaver 글꼴 목록에는 이미 일반적인 글꼴 모음이 포함되어 있으며 텍스트 -> 글꼴 -> 글꼴 목록 편집을 선택하여 언제든지 자신 만의 글꼴 목록을 만들 수 있습니다.
Windows는 인터넷에서 가장 일반적인 운영 체제입니다. 대부분의 사용자에게 최상의 결과를 보장하려면 Windows 글꼴을 먼저 나열하십시오.
시청자 유도
DHTML 및 CSS로 채워진 최첨단 페이지 디자인을 사용할 때 모든 시청자가 만족할 수 있도록 가장 안전한 솔루션입니다. 즉, 최신 기능을 사용하는 페이지와 이전 버전보다 보편적으로 지원되는 HTML 태그를 사용하는 페이지 세트를 두 개 이상 만들 수 있습니다. 그러나 시청자가 올바른 페이지로 이동하도록하려면 어떻게해야합니까? 브라우저 확인 동작을 사용하십시오.
브라우저 확인 비헤이비어는 JavaScript로 작성되어 사이트에있는 각 뷰어가 사용하는 브라우저 유형을 결정합니다. 그러면 사용자는 브라우저 버전에 가장 적합한 페이지 디자인으로 사용자를 안내합니다. 이 기능을 사용하려면 창 -> 비헤이비어를 선택하여 비헤이비어 패널을 엽니 다. 그런 다음 더하기 기호 (+)를 클릭하여 옵션의 드롭 다운 목록을 엽니 다. 브라우저 확인을 선택하면 사이트의 어떤 페이지로 이동해야하는지 브라우저 버전을 지정할 수있는 대화 상자가 열립니다. 사용자가 사이트에 도착하면 사용자가 지정한 브라우저 유형과 버전에 따라 사용자가 선택한 페이지로 자동 연결됩니다.
