최근 새로운 웹사이트를 디자인하느라 바빠서 예전에 겪었던 문제들이 다시 나타나 어떻게 해결해야 할지 잊어버릴 뻔했습니다. 가장 대표적인 문제는 DW에서 공백을 삽입하는 문제입니다. 왜냐하면 보통 공백이 항상 있기 때문입니다. 문단 시작 부분에 공백이 두 개 있는데 키보드의 스페이스바를 아무리 눌러도 아무런 효과가 없는 경우가 있습니다. 그러면 Dreamweaver의 공백 문제를 어떻게 잘 해결할 수 있을까요? 실제로 많은 솔루션이 있으며 오늘 이를 여러분과 공유하겠습니다.
1. 작고 투명한 그림을 만듭니다. 텍스트 또는 줄 시작 부분에 포함됩니다. 이 방법은 구현하기가 더 까다롭습니다.
2. 전폭 공백을 사용하세요. 이 솔루션이 가능한 이유는 무엇입니까? 전체 너비 공간은 구현하기가 상대적으로 간단하기 때문입니다. 공백이기도 하지만 해당 HTML 코드는 공백 코드가 아닙니다. 이는 또 다른 코드이므로 Dreamweaver에서는 이를 공백이 아닌 문자로 처리합니다. 그래서 우리는 평화롭게 살 수 있습니다. 하지만 중국어 문자 세트를 지원하지 않는 브라우저에서는 문자가 깨져 보이는 것처럼 보입니다. 구체적인 조작 방법은 스마트 ABC 입력 방식을 선택한 후 전체 너비 상태로 전환한 다음 공백을 입력하면 OK입니다!
3. 부드러운 공간을 사용하세요. 즉, 공백을 삽입하려는 위치에서 Ctrl+shift+스페이스바를 누르면 됩니다. 물론 입력도 가능합니다. 모든 브라우저는 이러한 공백을 인식합니다. 하지만 단점은 페이지를 편집할 때 얼마나 많은 공백이 삽입되었는지 확인할 수 없다는 점입니다. 브라우저에서 미리 볼 때만 명확하게 볼 수 있습니다. 충분히 직관적이지 않습니다. 소프트 스페이스는 실제로 코드를 사용합니다. 논스톱 공간 표시입니다. 부드러운 공간을 연출할 수 있습니다. Ctrl+Shift+Space를 누를 때마다 코드가 추가됩니다.
코드는 간단하지만 매우 효과적입니다. 웹 페이지를 만들 때 한 줄 또는 여러 줄을 비워 둘 때 이 코드를 사용하여 도움을 줍니다. HTML 언어를 배운 친구들은 <p></p> 태그가 단락을 표시하는 데 사용된다는 것을 알고 있습니다. <p></p>만 쓰면 이 코드가 빈 줄을 생성합니까? 이는 유효하지 않습니다. <p> 태그에 ";" 코드를 추가해야 합니다. <p> </p>이런 종류의 코드는 빈 줄 효과를 갖습니다. 여기서 마크는 위치를 점유하는 역할도 합니다. 또한 Dreamweaver를 사용하여 표를 생성한 경우 소스 코드를 보면 찾을 수 있습니다. <td> 셀 레이블의 페이지에는 <td> </td> 표시가 있습니다. 이 마커를 제거하면 모든 셀이 함께 뭉쳐져 있음을 알 수 있습니다. 내용을 채우는 것이 전혀 불가능하고 테두리를 드래그해야 합니다.
CSS 컨트롤을 통해 더욱 아름다운 스타일을 쉽게 구현할 수 있습니다. CSS 사용법을 정리한 후 정리하는 시간을 가져보겠습니다.