> 웹 프론트엔드 > HTML 튜토리얼 > 웹페이지를 만들기에 앞서 이러한 스펙_HTML/Xhtml_웹페이지 제작에 대해 알아보겠습니다.

웹페이지를 만들기에 앞서 이러한 스펙_HTML/Xhtml_웹페이지 제작에 대해 알아보겠습니다.

WBOY
풀어 주다: 2016-05-16 16:43:46
원래의
1058명이 탐색했습니다.

이번 글은 이러한 소위 스펙을 살펴보고자 웹페이지 제작을 정리한 글이 모든 분들께 도움이 되기를 바랍니다. 이번 글은 웹페이지 제작을 정리한 것입니다. 먼저 이러한 소위 사양을 살펴보겠습니다.
01 파일 명명 규칙
파일 이름 지정 원칙: 가장 이해하기 쉬운 의미를 얻기 위해 최소한의 문자를 사용합니다.
일반 파일 및 디렉터리 명명 규칙:
각 디렉터리에는 기본 html 파일이 포함되어야 하며, 파일 이름은 index.htm이어야 합니다.
파일 이름은 영문 소문자, 숫자, 밑줄의 조합이어야 합니다.
단어를 이름으로 영어로 번역해 보세요. 예: Feedback(정보 피드백), Aboutus(about us)
동일한 형식의 여러 파일은 영문자와 숫자로 이름을 지정하며, 문자와 숫자는 _로 구분합니다. 예: news_01.htm. 자릿수는 파일 수에 비례합니다. 자릿수가 충분하지 않으면 0으로 채웁니다. 예를 들어 총 200개의 뉴스 항목이 있고 18번째 항목의 이름은 news_018.htm입니다.
사진 명명 규칙:
이름은 밑줄로 구분되어 첫 번째 부분과 마지막 부분으로 구분됩니다.
헤더 부분은 이 이미지의 일반적인 성격을 나타냅니다. 예를 들어, 페이지 상단에 배치된 광고 및 장식 패턴과 같은 직사각형 그림의 이름을 지정합니다: 배너, 상징적인 그림의 이름은 로고, 페이지에 고정된 위치가 없고 링크, 버튼이 있는 작은 그림의 이름입니다. 페이지의 특정 위치에 연속적으로 나타나고 동일한 성격을 갖는 링크 열의 사진에 이름을 지정합니다. 메뉴, 장식에 사용되는 사진에 이름을 지정합니다. 제목을 나타내는 링크 없이 사진에 이름을 지정합니다. 이 원칙에 따라 진행됩니다.
의 꼬리 부분은 그림의 구체적인 의미를 영문자로 표현하는 데 사용됩니다. 예: 배너_sohu.gif 배너_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg
온마우스 효과가 적용된 사진 2장의 경우 원본 파일명 뒤에 "_on"을 추가하세요. " 및 "_off" 이름 지정.
다른 파일 명명 규칙
js의 명명 원칙은 함수의 영어 단어를 따서 명명됩니다. 예: 광고 배너의 js 파일 이름은 다음과 같습니다. ad.js
모든 CGI 파일에는 접미사 cgi가 있습니다. 모든 CGI 프로그램의 구성 파일은 config.cgi입니다.
02 디렉토리 구조 지정
디렉토리 설정 원칙: 최소한의 레벨로 가장 명확하고 편리한 접근 구조를 제공합니다.
디렉토리 이름은 영문 소문자와 밑줄로 구성됩니다. (네이밍 규칙 참조)
루트 디렉터리는 일반적으로 index.htm 및 기타 필요한 시스템 파일만 저장합니다.
각 주 열은 해당 독립 디렉터리를 엽니다.
루트 디렉터리의 이미지는 정보를 저장하는 데 사용됩니다. 각 페이지에 필요한 공개 이미지는 하위 디렉토리의 이미지 디렉토리에 이 열 페이지에 사용된 비공개 이미지가 저장됩니다.
모든 JS, ASP, PHP 및 기타 스크립트는 루트 디렉토리 아래의 scripts 디렉토리에 저장됩니다.
모든 CGI 프로그램은 루트 디렉토리인 cgi-bin 디렉토리에 저장됩니다.
모든 CSS 파일은 루트 디렉토리 스타일 디렉토리에 저장됩니다.
각 언어 버전은 별도의 디렉토리에 저장됩니다. 예: 중국어 간체 gb
모든 플래시, avi, ram, Quicktime 및 기타 멀티미디어 파일은 루트 디렉터리 아래의 미디어 디렉터리에 저장됩니다.
03 사이즈 스펙
실제 상황에 따라 크기 사양을 조정해 주세요.
페이지 기준은 해상도 800*600으로 제작되었으며, 권장 크기는 766*430px입니다
페이지 길이는 원칙적으로 페이지 길이를 초과하지 않아야 합니다. 화면 3개, 너비는 화면 1개를 초과할 수 없습니다
각 표준 페이지는 A4 형식, 즉 8.5X11인치
전체 크기 배너는 468*60px, 절반 크기 배너는 234*60px, 작은 배너입니다. 88*31px이고 120*90 및 120*60도 마찬가지입니다. 작은 아이콘의 표준 크기
이미지가 포함된 홈 페이지가 아닌 각 정적 페이지는 60K 바이트를 초과할 수 없으며 전체 크기 배너는 14K 초과
 
04 홈페이지 코드 사양
홈페이지 코드의 핵심은 헤드 영역입니다. 헤드 영역은 홈 페이지의 HTML 코드에서 와 사이의 내용을 의미합니다.
머리 부분에 추가해야 하는 로고
회사 저작권 주석
웹 페이지 표시 문자 집합, 예:
중국어 간체:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿