웹 디자인 문제 해결

설계 문제가있을 때 취할 단계

웹 사이트를 만든 적이 있다면 항상 계획대로 진행되는 것은 아니라는 사실을 발견했을 것입니다. 웹 디자이너가된다는 것은 빌드 한 사이트의 디버깅 된 문제에 익숙해 져야한다는 것을 의미합니다.

때로는 웹 디자인의 문제점을 파악하는 것이 매우 실망 스럽지만 분석에 대해 체계적으로 수행하는 경우 종종 문제의 원인을 찾아 신속하게 수정할 수 있습니다. 그런 일이 일어나도록하기 위해 사용할 수있는 몇 가지 팁이 있습니다.

HTML 유효성 검사

웹 페이지에 문제가있을 때 가장 먼저 HTML을 확인합니다. HTML을 검증 할 수있는 많은 이유가 있지만 문제가있을 때 가장 먼저해야 할 일이 있습니다. 이미 모든 페이지를 자동으로 확인하는 사람들이 많이 있습니다. 그러나 습관적이라 할지라도 문제가있을 때 HTML의 유효성을 확인하는 것이 좋습니다. 이렇게하면 맞춤법이 잘못된 HTML 요소 나 속성과 같은 단순한 오류가 아니라 문제를 일으킬 수 있습니다.

• HTML 검사기

CSS 검증

문제가있는 다음으로 가장 가능성이 높은 곳은 CSS 입니다. CSS 유효성 검사는 HTML 유효성 검사와 동일한 기능을합니다. 오류가 있으면 CSS가 정확하고 문제의 원인이 아닌지 확인합니다.

• CSS 검사기

자바 스크립트 또는 기타 동적 요소 확인

페이지가 자바 스크립트, PHP, JSP 또는 기타 동적 요소를 사용하는 경우 HTML 및 CSS와 마찬가지로 해당 페이지가 유효한지 확인해야합니다.

여러 브라우저에서 테스트

보고있는 웹 브라우저의 결과로 볼 수있는 문제 일 수 있습니다. 테스트 할 수있는 모든 브라우저에서 문제가 발생하면 문제를 해결하기 위해 수행해야 할 작업에 대해 알려줍니다. 예를 들어 특정 브라우저에서만 문제가 발생한다는 것을 알고 있다면 다른 브라우저가 문제가되는 동안 해당 브라우저가 왜 문제를 일으키는 지 더 자세히 파악할 수 있습니다.

페이지 단순화

HTML과 CSS의 유효성을 검사하는 것이 도움이되지 않는다면 문제를 찾기 위해 페이지의 범위를 좁혀 야합니다. 이렇게하는 가장 쉬운 방법은 문제가있는 부분 만 남을 때까지 페이지의 부분을 삭제하거나 "주석 처리"하는 것입니다. 비슷한 방법으로 CSS를 잘라 내야합니다.

단순화의 배경은 고정 된 요소 만 사용하여 페이지를 떠나는 것이 아니라 문제의 원인을 확인한 다음 수정하는 것입니다.

빼기 및 뒤로 추가

사이트의 문제 영역을 좁히고 나면 문제가 없어 질 때까지 디자인에서 요소를 빼십시오. 예를 들어 문제를 특정