웹페이지 아트 제작 사양_CSS/HTML

1. 전체 텍스트 검색을 허용하는 페이지의 경우 인터넷 검색 엔진이 효과적으로 검색할 수 있도록 채널 홈페이지 돈의

사이에 키워드 및 설명 메타 태그를 추가해야 합니다. 페이지 키워드를 만들 때 고객 웹사이트를 추가하는 것을 잊지 마세요. 특히 일반 URL이 포함된 페이지의 경우 키워드를 꼭 추가해주세요~! 홍보가 더욱 쉬워집니다!
예:



2. 웹사이트를 만들 때 페이지에는 헤더 파일과 테일 파일이 통합되어 있습니다. 상단 헤더 파일과 하단 테일 파일을 하나씩 만든 다음 페이지에 중첩해야 합니다. 이는 수정하기 쉽습니다. 중첩코드 :
1. (권장)
2. (사용시 파란색 부분만 수정)

플러그인 스타일을 통일하여 사용 테이블~! 관련 코드:
a:link a:visited a:hover a:actived의 순서는 원래 순서와 일치해야 합니다.
첫 번째, 의사 클래스 두 번째, 사용자 정의를 마지막으로 재정의합니다.
다른 브라우저에서 글꼴 크기가 일관되도록 하려면 포인트 pt와 픽셀 px를 사용하여 글꼴 크기를 정의하는 것이 좋습니다. pt는 일반적으로 중국 송나라의 9pt와 11pt를 사용하고 px는 일반적으로 중국 노래를 사용합니다. 다이너스티 12px 및 14.7px. 굵은 글꼴이나 노래 글꼴을 볼드체로 표시할 경우 일반적으로 11pt 및 14.7px가 더 적합합니다.

4． 웹페이지는 전체 큰 테이블을 사용하지 않도록 해야 합니다.
브라우저가 페이지의 요소를 해석할 때 웹페이지가 테이블 단위로 하나씩 표시되기 때문에 모든 콘텐츠가 이 큰 테이블 안에 중첩됩니다. 임베디드 큰 테이블에 배치하면 방문자가 URL을 입력할 때 처음에는 오랫동안 공백이 표시되고 모든 웹 콘텐츠가 동시에 나타날 가능성이 높습니다. 꼭 해야 한다면 태그를 사용하여 큰 테이블이 덩어리로 표시되도록 하세요.
3단계 내에서 테이블 중첩을 제어해보세요
5. 너비(Width)와 높이(Height)를 표기하는 방법도 통일되어 있습니다. 일반적으로 1열만 있는 테이블은 태그에 너비를 씁니다. 1행만 있는 테이블은 태그에 높이를 씁니다. 행과 열이 여러 개인 테이블의 경우 첫 번째 행이나 열의

태그에 너비와 높이가 기록됩니다. 즉, 동일한 셀의 크기를 제어하는 ​​높이와 너비가 두 개 이상 있어서는 안 됩니다. 즉, 너비와 높이의 값을 변경하는 경우에는 다음과 같습니다. 코드가 있어야 합니다. 변경 사항이 브라우저에 표시됩니다. 이렇게 하는 것은 쉽지 않으며 오랜 시간의 연습과 사고가 필요합니다.

◆레이아웃:
1. 텍스트를 중앙에 쉽게 배치하지 말고 볼드체나 이탤릭체를 사용하세요. 시각적으로 어수선한 것 외에도 많은 브라우저는 기울임꼴을 잘 표시하지 않으며 기울어진 문자로 인해 발생하는 공백의 변화를 보상하지 않습니다.
2. 페이지마다 스타일이 다른 아이콘을 사용하지 마세요.
3. img 줄에 alt 태그를 추가합니다. 이렇게 하면 텍스트 기반 브라우저를 사용하는 독자가 [IMAGE] 이외의 항목을 볼 수 있으며, 그래픽 브라우저를 사용하는 독자도 이미지가 성공적으로 로드되지 않은 경우 다른 항목을 볼 수 있으며 HTML 파일도 매우 깔끔하게 만들 수 있습니다.
4. 버튼처럼 보이지만 버튼 기능을 하지 않도록 하세요.

◆웹 컬러 매칭 기법
1. 하나의 색상을 사용합니다. 이는 먼저 색상을 선택한 다음 투명도나 채도를 조정하여(간단히 말하면 색상을 더 밝거나 어둡게 만드는 것을 의미함) 웹 페이지에 사용할 새로운 색상을 생성하는 것을 의미합니다. 이러한 페이지는 색상이 균일해 보이고 계층 구조가 있습니다.
2. 두 가지 색상을 사용하세요. 먼저 색상을 선택한 다음 대비 색상을 선택합니다(Photoshop에서는 Ctrl+Shift+I를 누릅니다). 이렇게 저의 홈페이지가 파란색과 노란색으로 결정되었습니다. 전체 페이지가 다채롭지만 지나치게 다채롭지는 않습니다.
3. 컬러 시스템을 사용하세요. 간단히 말하면 연한 파란색, 연한 노란색, 연한 녹색 또는 흙빛 노란색, 흙빛 회색, 흙빛 파란색 같은 느낌의 색상을 사용하세요. 색상을 결정하는 방법은 사람마다 다릅니다. 저는 포토샵에서 전경색 상자를 클릭하고 나타나는 색상 선택 창에서 "사용자 정의"를 선택한 다음 "색상 라이브러리"에서 선택합니다 :)
4 . 검정색과 단색을 사용하세요. 예를 들어 검은색 테두리가 있는 밝은 빨간색 글꼴은 매우 "인기 있는" 느낌을 줍니다.
웹 컬러 매칭에서 금기 사항은 다음과 같습니다.
1. 모든 색상을 사용하지 말고 세 가지 색상으로 제한하세요.
2. 본문 내용을 부각시키기 위해서는 배경과 이전 텍스트의 대비가 최대한 커야 합니다. (복잡한 패턴을 배경으로 사용하지 마십시오.)
◆ 깜박임은 머리를 아프게 합니다
By 로고를 사용하면 방문자를 홈페이지의 특별 섹션으로 유도할 수 있지만 이는 방문자에게 골칫거리이기도 합니다. 방문자가 귀하의 사이트를 다시 방문하도록 하려면 이 방법을 드물게 사용하십시오.
◆ 애니메이션 장식
최대 한 개의 애니메이션만 사용하세요.
“공백 만세”
공백을 남겨두세요. 공간이 충분하더라도 디자인할 때 이미지, 텍스트, 불필요한 애니메이션 GIF로 웹페이지를 어수선하게 만들지 마세요.