이 기사에서는 소위 사양을보기 전에 일부 웹 페이지를 작성하여 모든 사람에게 도움이되기를 바라고 있습니다. 이 기사 에서는 소위 사양을보기 전에 일부 웹 페이지를 작성하여 모든 사람에게 도움이되기를 바라고 있습니다.
01 파일 이름 지정 사양파일 이름 지정 원리 : 최소 수의 문자로 가장 쉬운 의미를 달성하십시오.
일반 파일 및 디렉토리 명명 사양 :
각 디렉토리에는 기본 HTML 파일이 포함되어야하며 파일 이름은 index.htm이어야합니다.
파일 이름은 소문자 영어 문자, 숫자 및 밑줄로 균일하게 사용됩니다.
단어를 영어로 이름으로 번역하십시오. 예 : 피드백 (정보 피드백), aboutus (미국)
동일한 유형의 여러 파일은 영어 문자와 숫자로 명명되었으며 문자와 숫자로 분리됩니다. 예를 들어 : News_01.htm. 숫자 수는 파일 수에 비례하고 충분하지 않은 경우 0을 사용하여 구성합니다. 예를 들어, 200 개의 뉴스 항목이 있으며 그 중 18 번째는 News_018.htm이라는 이름이 있습니다.
이미지 명명 사양 :
이름은 밑줄로 분리 된 두 부분으로 나뉩니다.
헤더는이 그림의 일반적인 특성을 나타냅니다. 예를 들어, 우리는 페이지 상단에 배치 된 직사각형 광고, 장식 패턴 등의 그림을 지정합니다 : 배너; 우리는 상징적 인 그림을 지명합니다 : 로고; 페이지에 고정되지 않은 위치를 가진 작은 그림과 링크는 버튼이 있습니다. 우리는 페이지의 특정 위치에 지속적으로 나타나며 같은 특성의 그림은 다음과 같습니다. 메뉴; 우리는 장식 사진의 이름을 지정합니다 : PIC; 제목을 나타내는 링크가없는 사진의 이름 : 제목 등.
마지막 부분은 그림의 특정 의미를 나타내는 데 사용되며 영어 문자로 표시됩니다. 예를 들면 : banner_sohu.gif banner_sina.gif menuus.gif menu_job.gif tittit_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg.
OnMouse 효과가있는 사진의 경우 두 그림의 이름은 원래 파일 이름의 이름을 따서 명명되었습니다.
기타 파일 이름 지정 사양
JS의 이름 지정 원칙은 기능적 영어 단어의 이름을 따서 명명되었습니다. 예를 들면 : 광고 막대의 JS 파일 이름은 다음과 같습니다. ad.js
모든 CGI 파일에는 CGI 접미사가 있습니다. 모든 CGI 프로그램의 구성 파일은 config.cgi입니다
02 디렉토리 구조 사양디렉토리 설정 원칙 : 최소한 수준에서 가장 명확하고 간단한 액세스 구조를 제공합니다.
디렉토리의 이름은 소문자 영어 문자와 밑줄로 구성됩니다. (이름 지정 사양 참조)
루트 디렉토리는 일반적으로 Index.htm 및 기타 필요한 시스템 파일 만 저장합니다.
각 기본 열에는 해당 독립 디렉토리가 있습니다
루트 디렉토리의 이미지는 각 페이지에 사용할 공개 이미지를 저장하는 데 사용됩니다. 이 열 페이지에 사용 된 서브 디렉토리 스토어 개인 이미지의 이미지.
모든 JS, ASP, PHP 및 기타 스크립트는 루트 디렉토리의 스크립트 디렉토리에 저장됩니다.
모든 CGI 프로그램은 루트 디렉토리의 CGI-BIN 디렉토리에 저장됩니다.
모든 CSS 파일은 루트 디렉토리의 스타일 디렉토리에 저장됩니다.
각 언어 버전은 별도의 디렉토리에 저장됩니다. 예를 들어 : 단순화 된 중국 GB
All Flash, 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 코드의 <head>와 </head> 사이의 내용을 나타냅니다.
헤드 영역에 추가 해야하는 로고
회사 Copyright Note <! --- 사이트는 회사가 설계했습니다. Inc 03/2001 --->
웹 페이지는 다음과 같은 문자 세트를 표시합니다.
단순화 된 중국어 : <meta http-equiv = content-type content = text/html; charset = gb2312>
전통적인 중국어 : <meta http-equiv = content-type content = text/html; charset = big5>
영어 : <meta http-equiv = content-type content = text/html; charset = ISO-8859-1>
원본 메이커 정보 <메타 이름 = author [email protected]>
웹 사이트 소개 <메타 이름 = 설명 내용 = 여기에 웹 사이트 소개를 채우십시오.
검색 키워드 <메타 이름 = 키워드 내용 = 키워드 1, 키워드 2, 키워드 3, ...>
웹 페이지에 대한 CSS 사양 <link href = style/style.css rel = 스타일 시트 유형 = text/css>
웹 페이지 제목 <title> 이것은 웹 페이지 제목 </title>입니다
로고에 가입하기 위해 헤드 영역을 선택할 수 있습니다.
웹 페이지의 만료 시간을 설정하십시오. 웹 페이지가 만료되면 서버에서 다시 읽어야합니다.
<메타 http-equiv = 만료 내용 = wed, 1997 년 2 월 26 일 08:21:57 GMT>
브라우저가 로컬 머신의 캐시에서 페이지 컨텐츠를 보지 못하게합니다.
<meta http-equiv = pragma content = no-cache>
다른 사람들이 프레임 워크에서 귀하의 페이지를 호출하는 것을 방지하는 데 사용됩니다.
<meta http-equiv = 창 표적 컨텐츠 = _top>
자동으로 점프합니다.
<meta http-equiv = Refresh Content = 5; url = https : //www.vevb.com>
손가락 5는 5 초 동안 머무 릅니다.
웹 검색 로봇 마법사. 검색 로봇에 인덱스가 필요한 페이지와 인덱스가 필요한 페이지를 알려주는 데 사용됩니다.
<메타 이름 = 로봇 내용 = 없음>
컨텐츠의 매개 변수는 모두, 없음, 색인, noindex, follow, nofollow입니다. 기본값이 전부입니다.
즐겨 찾기 아이콘
<link rel = 바로 가기 아이콘 href = favicon.ico>
JS 호출 사양
모든 JavaScript 스크립트는 외부 호출을 시도합니다
<script language = javaScript src = script/xxxxx.js> </script>
CSS 작성 사양
모든 CSS는 가능한 한 외부 통화로 사용해야합니다.
<link href = style/style.css rel = 스타일 시트 유형 = 텍스트/css>를 작성할 때 먼저 재정의 한 후 의사 클래스 다음 마지막 (a : a : 링크 a : visited a : active a : active a : active a active a active a active a active).
글꼴 크기가 다른 브라우저에서 일관되도록하려면 Font 크기를 DOT PT 및 Pixel PX로 정의하는 것이 좋습니다. PT는 일반적으로 중국어 노래 글꼴에서 9pt와 11pt를 사용하고 PX는 일반적으로 중국어 노래 글꼴에서 12px 및 14.7px를 사용합니다. 이것은 최적화 된 글꼴 크기입니다. 굵게 또는 송 글꼴이 굵게 표시되면 일반적으로 글꼴 크기로 11pt 및 14.7px를 사용하는 것이 더 적합합니다.
CSS 추천 템플릿.<스타일 유형 = 텍스트/CSS>
<! -
p {텍스트-안정 : 2em; }
신체 {font-family : 安体; 글꼴 크기 : 9pt; 색상 : #000000; 마진-탑 : 0px; 마진 오른쪽 : 0px; 마진 바닥 : 0px; 마진 왼쪽 : 0px}
표 {font-family : font-size : 9pt; 라인 높이 : 20px; 색상 : #000000}
A : 링크 {font-size : 9pt; 색상 : #0000ff; 텍스트 결정 : 없음}
A : 방문 {font-size : 9pt; 색상 : #990099; 텍스트 결정 : 없음}
A : 호버 {font-size : 9pt; 색상 : #FF9900; 텍스트 결정 : 없음}
A : Active {font-size : 9pt; 색상 : #FF9900; 텍스트 결정 : 없음}
A.1 : 링크 {font-size : 9pt; 색상 : #3366cc; 텍스트 결정 : 없음}
A.1 : 방문 {font-size : 9pt; 색상 : #3366cc; 텍스트 결정 : 없음}
A.1 : 호버 {font-size : 9pt; 색상 : #FF9900; 텍스트 결정 : 없음}
A.1 : 활성 {font-size : 9pt; 색상 : #FF9900; 텍스트 결정 : 없음}
.Blue {font-family : 安体; 글꼴 크기 : 10.5pt; 라인 높이 : 20px; 색상 : #0099ff; 편지 스페이스 : 5em}
->
</스타일>
바디 로고
브라우저 호환성을 보장하려면 페이지 배경을 설정해야합니다. <body bgcolor =#fffff>
05 이미지 디자인 사양웹 사이트의 전체 이미지에는 다음 요소가 포함됩니다.
로고 (로고)
웹 사이트에는 독립적 인 로고가 있어야합니다
로고는 웹 사이트의 중국어 및 영어 이름으로 설계 될 수 있거나 특별한 패턴으로 만들 수 있습니다. 원칙은 간단하고 기억하기 쉽습니다.
로고는 각각 흑백으로 명확하게 표현되어야하며 각각 색상으로 표현되어야합니다.
로고 이미지의 이름은 logo_domain.gif입니다. 예 : logo_sina.gif
로고의 벡터 이미지를 제공하십시오
가능한 경우 모든 페이지의 로고를 사용하십시오
표준 색상
웹 사이트에는 자체 표준 색상 (주제 색상)이 있어야합니다.
원칙적으로 두 가지 유형의 표준 색상은 없습니다. 두 가지 유형이있는 경우 하나는 표준 색상이고 다른 하나는 표준 보조 색상입니다.
표준 색상은 216 개의 웹 보안 색상 내에서 가능한 한 많이 사용해야합니다.
표준 색상의 정확한 RGB 및 CYMK 값을 제공해야합니다.
표준 색상을 가능한 한 많이 사용하십시오
표준 글꼴
웹 사이트는 표준 글꼴을 정의해야합니다 (로고 및 이미지에 사용 된 글꼴을 참조하십시오).
원칙적으로 두 가지 유형의 표준 글꼴이 정의되고, 하나는 중국 글꼴이고 다른 하나는 영어 글꼴입니다 (텍스트 콘텐츠 글꼴 제외)
표준 글꼴의 이름과 글꼴 라이브러리를 제공해야합니다.
표준 글꼴을 가능한 한 많이 사용하십시오
06 컨텐츠 편집 사양콘텐츠
"컴퓨터 정보 네트워크 국제 네트워킹의 보안 보호 관리에 대한 규정"의 규정을 준수해야합니다.
단위 나 개인은 국제 네트워크를 사용하여 다음 정보를 생성, 복사, 검토 및 전파 할 수 없습니다.
(1) 저항을 불러 일으키고 헌법, 법률 및 행정 규정의 이행을 훼손합니다.
(2) 국가 권력을 파괴하고 사회주의 체제를 전복시키려는 유대;
(iii) 국가를 분열시키고 국가 연합을 훼손하려는 유혹;
(iv) 국가의 증오, 민족 차별 및 국가 연합을 훼손함으로써;
(5) 사실을 제조 또는 왜곡하고, 소문을 퍼 뜨리고, 사회 질서를 방해한다.
(vi) 봉건적 미신, 외설, 외설물, 도박, 폭력, 살인, 테러 및 범죄를 촉진합니다.
(7) 다른 사람을 모욕하거나 사실을 제조하고 다른 사람들을 비방합니다.
(8) 국가 기관의 신뢰성을 손상시킨다.
(9) 헌법, 법률 및 행정 규정을 위반하는 다른 사람들.
연락 후 원래 소스를 찾아서 사용해야합니다.
제목
짧고 시선을 사로 잡고 참신하고 매력적으로 노력하십시오.
텍스트
기사의 첫 번째 단락은 비어 있으며 두 개의 공간이 있으며 전통적인 형식과 일치합니다.
단락 사이의 한 줄은 기사를 더 명확하고 읽기 쉽게 만들 수 있습니다.
오타, 별명 및 자체 제작 된 캐릭터를 제거하십시오
전통적인 중국어는 단순화 된 버전에서 혼합되어서는 안됩니다.
번역 이름은 우리나라의 표준에 따라야합니다. 예 : 싱가포르에서 싱가포르 통합 번역은 싱가포르에서 사용할 수 없습니다.
전체 폭
07 새로운 기술 사용 사양새로운 기술 사용의 원칙은 다음과 같습니다. 브라우저와의 호환성, 다운로드 속도를 보장하며 가장 많은 사용자를 관리합니다.
쿠키는 방문자를 식별, 추적 및 지원하는 데 사용됩니다. 쿠키를 통해 사용자의 액세스 경로를 이해하고 사용자의 선호도를 수집하고 저장할 수 있습니다. 그러나 사용자가 쿠키를 닫는 상황을 고려할 때 쿠키를 사용하는 경우 포괄적 인 솔루션을 제공해야합니다.
Java는 크로스 플랫폼 객체 지향 프로그래밍 언어입니다. 웹에서의 응용 프로그램은 주로 Java Applet이지만 Java Applet은 다운로드 속도가 느리고주의해서 사용됩니다.
서버 측에서는 SSI 구문 분석을 켜는 것이 가장 좋지만 SSI 중첩을 너무 많이 사용하지 마십시오. SSI를 사용할 수 없으면 도서관 (라이브러리 파일 포함)을 대신 사용할 수 있습니다.
Flash는 이미 일반적인 기술이며 권장됩니다.
향후 XML의 통합을 용이하게하기 위해 새로운 웹 페이지 제작에 XHTML 사양을 채택하는 것이 좋습니다.
XML 시리즈 기술은 서버 측에서 사용할 수 있지만 클라이언트 측은 일시적으로 사용하는 것이 권장되지 않습니다.
특별한 요구 사항이 없으며 웹 페이지에서 추가 플러그인을 다운로드 해야하는 멀티미디어 기술을 제공하는 것이 좋습니다.
이 프로그램 언어는 PHP, JSP 및 Java와 같은 크로스 플랫폼 언어를 사용하는 것이 좋습니다. CGI 및 ASP 기술은 권장되지 않습니다.
08 탐색 사양탐색은 간단하고 명확해야하며 3 단계의 링크를 초과하지 않는 것이 좋습니다.
탐색에 사용되는 텍스트는 간결하고 한 줄로 제한되어야합니다.
홈페이지, 각 열의 첫 번째 레벨 페이지 간의 링크, 각 열의 첫 번째 페이지 와이 열의 두 번째 레벨 페이지 간의 링크
3 개 이상의 페이지 이상의 페이지가 페이지 상단에 내비게이션 바를 설정하여 위치를 나타냅니다.
최신 업데이트 정보를 강조 표시하고 업데이트 시간 또는 새 로고를 추가 할 수 있습니다.
연속성 페이지는 이전 페이지와 다음 페이지 버튼에 추가해야합니다.
화면이 둘 이상인 경우 하단에 이동 버튼이 있어야합니다.
3 개의 화면을 초과하는 내용은 헤드에 설정하고 텍스트의 앵커 포인트에 직접 연결되어야합니다.
09 데이터베이스 사용 사양데이터베이스와 관련된 서버의 모든 작업은 서버 관리자 만 수행 할 수 있습니다.
프로그램에서 데이터베이스에 액세스 할 때 통합 된 사용자 및 통합 연결 파일을 사용하여 데이터베이스에 액세스하십시오.
원칙적으로 각 열에 하나의 라이브러리 만 내장 할 수 있으며 라이브러리 이름은 각 열의 영어 이름과 일치하며 라이브러리에는 여러 테이블이 있습니다. 더 크고 키 열의 경우 별도의 라이브러리를 구축하는 것을 고려할 수 있으며 라이브러리 이름은 열의 영어 이름과 일치합니다.
테이블, 필드, 인덱스,보기 등과 같은 일련의 데이터베이스 관련 이름은 컨텐츠와 관련된 영어 단어를 사용하여 명명해야합니다. 표현하기 어려운 단어의 경우 여러 단어를 밑줄을 긋는 것을 고려할 수 있습니다 (_) (4 단어를 초과 할 수 없습니다). (이름 지정 사양 참조)
더 이상 사용하지 않는 데이터베이스 및 테이블을 삭제해야하며 삭제하기 전에 구조 및 컨텐츠를 포함하여 백업해야합니다 (구조 및 콘텐츠 포함).