홈페이지> 웹 디자인 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
웹 디자인 튜토리얼
  • 서식 있는 텍스트 캐리지 리턴을 br 태그로 변환

    서식 있는 텍스트 캐리지 리턴을 br 태그로 변환

    예를 들면: SayABC 소규모 수업에 참여하는 우리 아이들은 ↵ 친구들과 서로 돕고 ↵ 협력하고 경쟁하며 학습에 대한 의욕이 더 높아집니다! ↵간단한 단어부터 문장 패턴, 장면 대화까지 ↵아이들이 점점 더 대담하게 영어를 구사하게 됩니다! [예] ↵QR코드를 스캔하면 외국인 선생님의 수업을 바로 받아보실 수 있습니다. [사랑해요]
    2025-01-17
  • HTML5 사용자 정의 속성의 문제 분석

    HTML5 사용자 정의 속성의 문제 분석

    문제 배경: 페이지와 js간 값을 전달할 때 data-id=1 방식을 사용하는 경우가 많으며, 그 후 e.target.dataset.id를 사용하여 해당 id값을 얻어오는 경우가 많습니다. 문제를 분석한 후 나중에 e 객체에 currentTarget 및 target 속성이 있고 데이터 세트가 cu에 있다는 것을 알게 되었습니다.
    2025-01-17
  • juery 프레임워크로 작성된 팝업 효과는 초보자에게 적합합니다.

    juery 프레임워크로 작성된 팝업 효과는 초보자에게 적합합니다.

    저는 코드 작성 초보자입니다. 여러분이 저를 도와주셨으면 좋겠습니다! ! ! ! ! ! 다음과 같이 코드 코드를 복사합니다.<html><head><title> JS 팝업창 효과</title>
    2025-01-17
  • Node.js는 배열을 사용하여 제출된 데이터에 동일한 데이터가 존재하는지 확인합니다.

    Node.js는 배열을 사용하여 제출된 데이터에 동일한 데이터가 존재하는지 확인합니다.

    다음과 같이 코드를 복사합니다. var productIds = $(".productId"); var arry = new Array(); var ary=arry.sort();
    2025-01-17
  • Html5는 WeChat에서 콘텐츠를 공유하고 사용자 정의하는 프로세스를 구현합니다.

    Html5는 WeChat에서 콘텐츠를 공유하고 사용자 정의하는 프로세스를 구현합니다.

    최근 프로젝트에서는 WeChat 공유가 필요했고 WeChat 공유 내용을 맞춤화해야 하는 필요성이 있었습니다. 이번이 처음으로 WeChat 공유를 접했기 때문에 그 과정에서 겪은 몇 가지 문제와 전체 과정을 기록했습니다. 기능을 완료하는 중입니다. 다음은 일반적인 프로세스입니다(자세한 내용은 각 단계에 나와 있습니다). weixin-js-sdk 설치, WeChat 공유 초기화, WeChat 공유 구성 및 사용자 정의.
    2025-01-17
  • 둥근 모서리 효과를 완벽하게 구현하려면 CSS 3 신기술을 사용하세요.

    둥근 모서리 효과를 완벽하게 구현하려면 CSS 3 신기술을 사용하세요.

    오늘 우리는 CSS3 기술을 사용하여 이미지 없이 둥근 모서리를 얻는 방법을 배우고 있습니다. CSS3를 사용하여 사이드바 제목 배경의 둥근 모서리 효과와 검색 상자의 둥근 모서리 효과를 얻을 수 있습니다. 나중에 사용할 수 있도록 기록해 두십시오. W3C는 CSS 둥근 모서리를 구현하는 CSS3 속성인 border-radius를 오랫동안 공식화해 왔습니다. Firefox와 Safari도 개인 속성을 통해 이 기능을 구현합니다.
    2025-01-17
  • 캔버스를 사용하여 이미지에 타일식 워터마크를 추가하는 방법을 단계별로 알려드립니다.

    캔버스를 사용하여 이미지에 타일식 워터마크를 추가하는 방법을 단계별로 알려드립니다.

    최근 프로젝트에서 사진에 타일 워터마크를 추가해야 한다는 요구 사항이 생겼습니다. 처음으로 생각한 것은 캔버스를 사용하여 이 기능을 완성한 적이 없었기 때문에 이 작업을 수행할 때였습니다. 기능은 단계별 학습 과정일 뿐입니다. 다음으로 이 기능을 구현하려면 단계별로 진행해 보세요.
    2025-01-17
  • HTML의 가로, 세로 센터링 방법에 대한 자세한 설명(기본)

    HTML의 가로, 세로 센터링 방법에 대한 자세한 설명(기본)

    머리말 우리가 말을 쓸 당시에는 수평, 수직 센터링 방법에 대해 잘 몰랐을 것입니다. 그래서 일반적으로 사용되는 몇 가지 수평 및 수직 센터링 방법을 요약해 보겠습니다. 첫 번째 방법<!--html盒子代码--><!--水平垂直居中--><div class=Centered1><p>
    2025-01-17
  • 웹 페이지에 삽입된 완전한 비디오 재생 코드 세트

    웹 페이지에 삽입된 완전한 비디오 재생 코드 세트

    1. avi 형식 코드 조각은 다음과 같습니다: <object id=video width=400 height=200 border=0 classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA> <param
    2025-01-17
  • HTML을 사용하여 웹 페이지를 만드는 방법을 배우고 그 재미를 경험해 보세요.

    HTML을 사용하여 웹 페이지를 만드는 방법을 배우고 그 재미를 경험해 보세요.

    우리 모두 알고 있듯이 웹사이트 제작에는 그래픽 디자인, HTML 페이지 제작, CSS 스타일 정의, 클라이언트측 스크립팅(JavaScrfipt/VBScript), 서버측 스크립팅(Asp/Asp.Net/PHP/JSP)을 비롯한 다양한 지식 측면이 포함됩니다. 등의 내용을 담고 있습니다. 이번 호에서 저자는 가장 기본적인 것에 대해 이야기합니다.
    2025-01-17
  • Tidy 도구를 사용하여 웹사이트 관리

    Tidy 도구를 사용하여 웹사이트 관리

    HTML 표준이 움직이는 목표였던 옛날에는 당신이 올바르게 끝났는지 여부<p> 태그를 지정하거나 서식 규칙을 스타일 코드와 별도로 유지해도 문제가 발생하지 않습니다. 일치하지 않는 태그, 누락된 속성, 잘못 중첩된 요소 등 널리 채택된 표준이 부족하여 이러한 오류와 기타 오류가 발생하지만 대부분의 브라우저는
    2025-01-17
  • Js는 a 레이블에 대한 현재 클릭을 구현하여 색상을 변경하고 다른 레이블을 강조 표시하여 원래 색상으로 되돌립니다.

    Js는 a 레이블에 대한 현재 클릭을 구현하여 색상을 변경하고 다른 레이블을 강조 표시하여 원래 색상으로 되돌립니다.

    페이지에 태그가 여러 개 있고 클릭하면 현재 페이지로 이동합니다. 클릭한 태그의 색상이 변경되고 강조 표시되고 다른 태그가 원래 색상으로 돌아가는 방법은 무엇입니까? JS를 사용하여 달성할 수 있습니다. 현재 페이지가 "1.aspx"라고 가정합니다. 1. 태그 ID 값을 설정합니다. 다음과 같이 코드를 복사합니다.
    2025-01-17
  • Google Chrome에서 Null을 반환하는 showModalDialog에 대한 솔루션

    Google Chrome에서 Null을 반환하는 showModalDialog에 대한 솔루션

    showModalDialog의 반환 값은 IE 및 Firefox에서 얻을 수 있지만 Google Chrome에서는 Null을 반환합니다. 해결 방법은 아래에 소개되어 있습니다. 다음과 같이 코드를 복사하세요. function openwindows(){ var obj = new Obje
    2025-01-17
  • 웹사이트 디자인 개선을 위한 의도적인 제안

    웹사이트 디자인 개선을 위한 의도적인 제안

    Eye-Tracking에 대한 연구는 네트워크 설계 분야에서 매우 인기가 높지만, 이러한 연구 결과를 구체적이고 실행 가능한 설계로 변환하여 운용하는 방법은 여전히 ​​어렵습니다. 다음은 웹 사이트 디자인 개선을 위한 몇 가지 제안을 제공할 수 있는 시선 추적 연구의 몇 가지 팁입니다.
    2025-01-17
  • 하위 페이지에서 상위 페이지로 값을 전달하는 예

    하위 페이지에서 상위 페이지로 값을 전달하는 예

    다음과 같이 코드 코드를 복사합니다.<script type="text/javascript"> function getValue() { var ofrm2 = document.getElementById("TextBox1").value; p
    2025-01-17