웹페이지 제작을 위한 팁
- 黄舟원래의
- 2016-12-16 14:17:10913검색
1. 홈페이지에 비디오 애니메이션 추가
웹페이지에 다음 코드를 추가하면 Windows 비디오 애니메이션이나 기타 RralMedia 형식의 비디오 애니메이션을 홈페이지에 추가할 수 있습니다.
20a9a7b3d6ce48bae2833708743d46d3
이 코드에서 dynsrc의 값은 애니메이션 파일의 이름이며 접미사가 avi, ra 또는 ram인 파일이어야 합니다. start 값은 일반적으로 "fileopen"입니다. 애니메이션이 자동으로 재생됩니다. 너비와 높이 값은 각각 애니메이션이 재생될 때 그림의 너비와 높이입니다(픽셀 단위 또는 백분율로 표시). alt 값은 애니메이션의 비표시 설명입니다. file; hspace는 페이지 밖의 사진입니다. 왼쪽의 거리(픽셀 단위)는 사진과 페이지 상단 사이의 거리(픽셀 단위)입니다. 여기서 test.avi 파일을 비디오 파일로 변경할 수 있습니다. 필요.
2. 하이퍼링크 색상이 자동으로 변경되도록 합니다.
우리 모두 알고 있듯이 웹 페이지에 동적 효과를 적용하려면 일반적으로 웹 페이지에 애니메이션 이미지를 삽입하거나 Java를 사용하여 디자인해야 합니다. 동적 효과이지만 애니메이션이 차지하기 때문에 바이트가 너무 많고 Java를 사용하여 동적 효과를 디자인하려면 특정 디자인 기반이 필요합니다. 아래 저자는 페이지의 하이퍼링크 색상을 지속적으로 변경하여 웹 페이지가 동적으로 보이도록 하는 방법을 제공합니다. 이 효과를 얻으려면 웹페이지의
＜script Language="Javascript"＞
＜! - - Begin
function initArray( ) {
for ( var i = 0 ; i ＜ initArray.arguments.length; i + + )
{this[i] = initArray.arguments[i];}
this.length = initArray.arguments.length;
}
var colors = new initArray ("red","blue","green","black","purple","blue","tan","red");delay = .5; // seconds
link = 0 ;
vlink = 0 ;
function linkDance ( ) {
link= (link + 1)%colors.length;
vlink=(vlink+1)%colors.length;
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkDance( )",delay*1000);}
linkDance( );
// End - -＞
＜/script＞3. 웹페이지의 온라인 배경 이미지를 언제든지 변경하세요
우리가 흔히 보는 웹페이지의 배경 이미지는 일반적으로 일반 방문자가 배경 패턴을 변경할 수 있는 권한이 없습니다. 방문자가 배경 이미지를 변경할 수 있는 웹 페이지를 만드는 것에 대해 생각해 본 적이 있습니까? 이런 생각이 있으시다면, 다음 코드를 사용하시면 그러한 기능을 쉽게 구현하실 수 있습니다. 우리가 해야 할 일은 아래 제공된 소스 코드를 복사하여 우리 웹 페이지의 HTML 코드의 적절한 위치에 붙여넣기만 하면 됩니다. 매우 유용하다고 감히 말할 수는 없지만, 잘 사용하면 금상첨화일 것입니다. 좋습니다. 먼저 코드를 살펴보겠습니다.
이 코드를 사용할 때 먼저 필요한 항목을 선택하거나 생성할 수 있습니다. 그런 다음 위 코드의 배경 주소를 각 배경 이미지의 URL로 바꾸면 배경 이미지를 무작위로 쉽게 변경할 수 있습니다.
4. 이미지와 브라우저 창의 원활한 연결
웹 페이지에 이미지를 삽입할 때 이미지와 브라우저 창 테두리 사이의 원활한 연결이 어려울 때가 있습니다. 솔기가 연결되면 항상 약간의 거리가 생기기 때문에 부자연스러워 보입니다. 그렇다면 이미지와 탐색 창 사이를 원활하게 연결하여 이미지가 창 배경과 자연스럽게 섞일 수 있도록 하려면 어떻게 해야 할까요? 실제로 삽입된 이미지가 브라우저 테두리와 간격이 생기는 이유는 페이지 여백을 설정하지 않았기 때문입니다. 원활한 연결을 해결하는 방법은 페이지 소스의 태그에 다음 소스 코드를 추가하는 것입니다. code: topmargin = "0" leftmargin = "0" 여기서 topmargin은 브라우저 창 상단으로부터의 거리를 나타냅니다. 이때 0으로 설정되어 이미지가 브라우저 창에 원활하게 연결됩니다. leftmargin="0"은 브라우저 창 왼쪽으로부터의 거리가 0임을 의미합니다.
5. 썸네일을 사용하여 이미지 표시
이미지 전송 속도가 상대적으로 느린 점을 고려하여 웹 페이지에 더 큰 크기의 이미지를 배치해야 하는 경우 방문자가 알 수 있도록 이미지가 무엇을 나타내는지 가능한 한 빨리 썸네일 표시 방법을 사용할 수도 있습니다. 즉, 원본 이미지를 표시하기 전에 먼저 브라우저가 빠르게 표시할 수 있도록 해상도가 낮고 크기가 작은 이미지를 '로우 소스'로 제공한 다음 점차적으로 원본 이미지를 고품질 또는 큰 크기로 표시합니다. . 사용자가 썸네일에 표시된 콘텐츠가 자신이 원하는 콘텐츠가 아닌 것을 확인하면 기다리지 않고 바로 다른 콘텐츠에 액세스할 수 있어 탐색 효율성이 향상됩니다. 썸네일 표시를 구현하는 구체적인 방법은 웹 페이지의 html 소스 파일에 다음 코드를 추가하는 것입니다.
여기서 view.gif는 원본 이미지이고, Preview.gif는 썸네일이고, width는 원본 이미지의 너비, height는 원본 이미지의 높이입니다.
6. 현장 검색 엔진 구축
페이지의 콘텐츠가 계속 증가함에 따라 사이트 내에서 특정 콘텐츠를 빠르고 정확하게 얻는 것이 점점 더 어려워지고 있습니다. 방문자가 원하는 정보를 빠르게 찾을 수 있도록 하려면 사이트에 검색 엔진이 구축되어야 합니다. 사이트 검색 엔진을 구축하려면 웹사이트 네트워크 영역인 http://netzone.swatou.com/personal/에 직접 연결하고 "사이트 엔진 신청"을 클릭한 후 신청서를 작성한 후 사이트 페이지 데이터베이스를 구축하면 됩니다. 필요에 따라.
7. 배경음악을 계속 틀게 해주세요
배경음악이 있는 페이지를 열면 감미로운 음악이 들리는 걸 알지만, 마우스로 페이지를 클릭하면, 링크할 때 또는 다른 페이지를 방문하면 배경 음악 재생이 갑자기 중단됩니다. 그러면 특정 페이지의 배경 음악이 계속 재생되도록 할 수 있는 방법이 있습니까? 대답은 '예'입니다. 위쪽 및 아래쪽 프레임 구조로 웹 페이지를 만들고 아래쪽 프레임 페이지 콘텐츠에 사운드 파일을 포함하고 아래쪽 프레임의 너비를 0픽셀로 설정하고 위쪽 프레임은 0픽셀로 설정하기만 하면 됩니다. 프레임에는 일반 페이지 내용이 포함되어 있으므로 창의 공간을 차지하지 않으므로 배경 음악이 포함된 웹 페이지를 떠날 때 하단 프레임 페이지의 내용이 포함됩니다. 변경되지 않은 경우 사운드가 계속 재생될 수 있습니다.
편집상의 문제로 모든 코드의 꺾쇠괄호는 전자로 표기되어 있으니 신청시 꼭 반각으로 변경해주세요.
위 내용은 웹페이지 제작팁 내용입니다. 더 많은 관련 글은 PHP 중국어 홈페이지(www.php.cn)를 주목해주세요!