홈페이지는 어떻게 만드나요?

웹제조 입문

우리는 매일 웹페이지를 다루는데, 그 또는 인터페이스가 정교하거나 내용이 풍부하거나 독특하고 스타일이 다른 웹페이지를 구상하는데, 얼마나 많은 사람들의 시선을 끌었는지, 어떻게 작동하는지, 만드는 방법, 네가 좀 말해 봐 하지만 내 호기심은 있다. 홈페이지제는 진짜 밥 먹는 놈으로 여기지 않았기 때문에, 당초의 열도 3 분밖에 안 됐고, 여기서 이전의 경험들을 여러분께 소개하고, 많은 고수들이 개입하기를 간절히 바라며, 네가 말하기를, 모두들, 많은 사람들의 지혜를 여기에 모으라고 말했다. (윌리엄 셰익스피어, 햄릿, 지혜명언) 대부분의 장소는 내 자신의 접근 방식에 따라, 내 자신의 이해에 따르면, 필연적으로 잘못된 곳이 있을 수 있기 때문에, 여러분 모두 지적해 주시기 바랍니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 자기관리명언) < P > 제 1 강의 웹 기본 상식 < P > 우리가 흔히 볼 수 있는 웹 페이지는 기본적으로 정적 웹 페이지 (htm,html 등) 와 동적 웹 페이지 (ASP, CGI, PHP 등) 의 두 가지 범주로 나눌 수 있습니다. 정적 웹 페이지 상호 작용이 강하지 않고 단순히 고객 브라우저에 정보를 전송하는 반면, 동적이고 일반적으로 강력한 상호 작용이 있어 데이터베이스, 자료 검색 등의 기능이 어느 정도 결합되어 포럼, 메시지본, 온라인 주문 등에 자주 사용됩니다. 일반적으로 사용되는 웹 스크립팅 언어 VBScript, JScript 도 프로그래밍 언어입니다. 다음 몇 가지는 다른 곳에서 베껴 쓴 것이니 소설을 보는 것처럼 보세요. 대충 알기만 하면 됩니다.

첫째, HTML 이란 무엇입니까?

웹페이지의 학명은 HTML 파일이라고 하며, www 인터넷에서 전송하여 브라우저에 의해 인식되고 페이지에 표시되는 파일로 번역될 수 있는 파일입니다. Www 는 "월드 와이드 웹" 의 약자입니다. HTML 은 "Hypertext Markup Language" 를 의미하며 중국어는 "하이퍼텍스트 마크 언어" 로 번역됩니다. 하이퍼텍스트' 는 페이지에 그림, 조인, 음악, 프로그램 등 비문자를 포함할 수 있는 요소를 말한다.

웹 페이지는 HTML 언어로 작성되었습니다.

HTML 언어는 조판 언어일 뿐 구문은 다음과 같습니다. "페이지 높이 8 폭 5, (1,2) 에 높이 1 폭 1 의 그림 a 삽입 ..."

html 언어는 빠르게 발전하여 HTML1.,HTML2. 및 html 을 거쳤습니다 우리는 지금 보통 HTML4. 만 익히면 된다.

둘째, 동적 HTML(DHTML) 이란 무엇입니까? < P > 동적 HTML 은 동적 스타일, 동적 컨텐츠, 2D 레이아웃, 데이터 번들, 멀티미디어 효과 등 더 많은 대화형 웹 페이지를 만들고 표시하도록 설계된 새로운 아이디어 방법입니다. < P > 동적 HTML (DHTML) 은 기존 HTML 의 단점을 완전히 극복하고 발전 가능성이 높은 새로운 기술입니다. DHTML 은 DOM (파일 객체 모델) 을 사용하여 HTML 언어를 확장함으로써 웹 페이지의 모든 요소와 해당 속성에 실시간으로 액세스할 수 있으므로 스크립트를 사용하여 웹 서버의 개입 없이 페이지 요소를 동적으로 수정할 수 있습니다. DHTML 을 사용하면 복잡하고 동적이고 대화형 웹 페이지를 완전히 디자인할 수 있어 웹 페이지를 더욱 생동감 있고 흥미진진하게 만들 수 있습니다. DHTML 은 현재 개발 중이며 아직 표준이 형성되지 않았다. Microsoft 와 Netscape 의 두 대기업은 DHTML 에 대해 각자의 견해를 가지고 있습니다. 두 대기업은 모두 동일한 기술 용어를 많이 사용하고 동일한 발표 및 제안된 표준 집합을 참조하지만 구체적인 구현에서는 통일할 수 없습니다. Netscape 는 새로운 태그 (주로 Layer, Ilayer 등) 를 추가하는 반면 Microsoft 는 기존 태그에 새로운 속성을 추가하는 것입니다. 이로 인해 발생하는 문제는 Internet Explorer 에서 정상적으로 실행되는 동적 웹 페이지가 Netscape 에서 제대로 실행되지 않을 수 있다는 것입니다. 반대의 경우도 마찬가지입니다. W3C 는 현재 모든 플랫폼 및 브라우저와 호환될 수 있는 표준을 개발하기 위해 노력하고 있습니다.

셋째, HTTP 란 무엇입니까?

hypertext transfer protocol, www 서비스 프로그램에서 사용하는 프로토콜. 브라우저를 사용하여 웹 페이지를 탐색할 때 이 프로토콜을 사용하므로 주소 표시줄에 pile 컴파일을 입력하여 쉽게 작성할 수 있으며 서버측에서 직접 실행할 수 있습니다.

3. Windows 메모장과 같은 일반 텍스트 편집기를 사용하여 설계를 편집할 수 있습니다.

4. 브라우저 독립적 (Browser Independence) 클라이언트는 HTML 코드를 실행하는 브라우저만 사용하여 Active Server Pages 가 디자인한 웹 컨텐츠를 탐색할 수 있습니다. Active Server Pages 에서 사용하는 스크립팅 언어 (VBScript, Jscript) 는 모두 웹 서버측에서 실행되므로 클라이언트 브라우저에서 실행할 수 있는 스크립트 언어가 필요하지 않습니다.

5.Active Server Pages 는 모든 ActiveX 스크립팅 언어와 호환됩니다. VBScript 또는 JScript 언어를 사용하여 설계할 수 있을 뿐만 아니라 플러그인을 통해 REXX, Perl, Tcl 등과 같은 타사 스크립팅 언어를 사용할 수 있습니다. 스크립트 엔진은 스크립트 프로세스를 처리하는 COM(Component Object Model) 객체입니다.

6.Active Server Pages 의 소스 프로그램은 고객 브라우저에 전달되지 않으므로 작성된 소스 프로그램이 다른 사람에게 표절되는 것을 방지하고 프로그램 보안을 향상시킬 수 있습니다.

7. 서버측 스크립트를 사용하여 클라이언트측 스크립트를 생성할 수 있습니다.

8. 객체 지향 (Object-oriented).

9. ActiveX server components 는 무제한 확장성을 제공합니다. Visual Basic, Java, Visual C++, COBOL 등의 프로그래밍 언어를 사용하여 필요한 ActiveX Server Component 를 작성할 수 있습니다.

8, 자바스크립트는 무엇입니까? 자바와 자바스크립트가 같은가요? < P > 자바스크립트는 HTML 파일에 포함될 수 있는 새로운 설명 언어입니다. JavaScript 를 통해 네트워크 없이 사용자의 요구 사항 이벤트 (예: form 의 입력) 에 응답하여 데이터를 주고 받을 수 있습니다. 따라서 사용자가 데이터를 입력하면 서버측 (server) 으로 전달된 프로세스를 거치지 않고 클라이언트 (client) 응용 프로그램에 의해 직접 처리될 수 있습니다. 또한 실행 프로그램이 클라이언트에서 실행되는 것처럼 상상할 수 있습니다. (윌리엄 셰익스피어, 클라이언트, 클라이언트, 클라이언트, 클라이언트, 클라이언트, 클라이언트, 클라이언트, 클라이언트, 클라이언트, 클라이언트, 클라이언트, 클라이언트, 클라이언트) 자바스크립트는 효과가 좋지만 인터넷에서 효과가 매우 느리다.

자바스크립트에서 자바스크립트와 자바는 비슷하지만 전혀 다르다. 자바는 자바스크립트보다 훨씬 복잡한 프로그래밍 언어입니다. JavaScript 는 상당히 이해하기 쉬운 언어이며 JavaScript 제작자는 프로그램 기술에 덜 집중할 수 있습니다. 따라서 많은 Java 의 기능은 JavaScript 에서 지원되지 않습니다.

9, 일반적으로 사용되는 웹 이미지 형식은 무엇입니까?

1, png (portable network graphic)

png 형식은 웹 이미지에서 가장 일반적인 형식입니다. 무손실 압축 형식이지만 플러그인 지원이 없으면 일부 브라우저에서 지원하지 않을 수 있습니다. PNG 형식은 최대 32 비트 색상을 지원할 수 있지만 애니메이션 그림은 지원하지 않습니다.

2, gif (그래픽 인터체인지 형식)

gif 는 웹에서 가장 일반적으로 사용되는 이미지 형식이며 다양한 이미지 파일을 저장하는 데 사용할 수 있습니다. 선, 아이콘 및 컴퓨터로 생성된 이미지, 만화 및 기타 큰 색상 블록이 있는 이미지를 저장하는 데 특히 적합합니다. GIF 파일은 매우 작으며 압축된 8 비트 이미지 파일을 형성하므로 최대 256 가지의 다른 색상만 지원됩니다. Gif 는 동적, 투명 및 인터리빙 다이어그램을 지원합니다.

3, BMP(Windows Bitmap)

BMP 형식은 인덱스 색상을 사용하며, 이미지는 매우 풍부한 색상을 가지고 있으며 16M 색상으로 이미지를 렌더링할 수 있습니다. 이 형식은 일반적으로 멀티미디어 프레젠테이션 및 비디오 출력 등에 사용됩니다.

4, tiff (tagin age file format)

tiff 형식은 색상 채널 이미지에 가장 유용한 형식이며 24 개 채널을 지원하며 4 개 이상의 채널을 저장할 수 있습니다. TIFF 형식의 결과는 다른 형식보다 크고 복잡하며 인쇄 및 출력에 적합합니다.

5, JPEG (joint photographic experts group)

JPEG 는 웹에서 GIF 에 버금가는 일반적인 이미지 형식입니다. JPEG 는 매우 압축된 형식으로, 큰 색상 블록이 없는 이미지에만 사용됩니다. JPEG 의 이미지는 어느 정도 왜곡이 있지만 정상적인 손실 하에서 육안으로는 JPEG 와 GIF 이미지의 차이를 구분할 수 없다. , JPEG 파일은 GIF 파일의 1/4 크기밖에 되지 않습니다. JPEG 는 아이콘과 같은 큰 색상 블록이 있는 이미지에는 효과적이지 않으며 투명 및 동적 그림을 지원하지 않습니다.

6, TGA(Targa)

TGA 형식은 TIFF 형식과 동일하며 고품질 색상 채널 그래픽을 처리하는 데 사용할 수 있습니다.

또한 PDD, PSD 형식은 채널이 포함된 RGB 이미지를 저장하는 가장 일반적인 파일 형식입니다. < P > 1, 도메인 이름 < P > IP 주소가 모두 숫자이기 때문에 사용자 기억을 용이하게 하기 위해 인터넷에 도메인 이름 서비스 시스템 DNS (도메인 이름 시스템) 가 도입되었습니다. 도메인 이름을 입력할 때 이 정보는 먼저 이 이름 확인을 제공하는 서버에 도착한 다음 해당 도메인 이름을 해당 웹 사이트의 IP 주소로 확인합니다. 이 작업을 완료하는 프로세스를 도메인 이름 확인이라고 합니다.

기관별 최고 도메인 이름은 com (상업기관), net (인터넷 서비스 기관), gov (정부기관), mil (군사기관), org (비영리단체), edu (교육) 로 밝혀졌다 1997 년에는 firm (기업 및 회사), store (상업 기업), 웹 (웹 관련 사업에 종사하는 단체), arts (문화 오락에 종사하는 단체), REC (레저 엔터테인먼트 산업에 종사하는 단체) 등 7 개의 최고급 표준 도메인 이름을 추가했습니다. 이러한 도메인 이름의 등록 서비스는 여러 기관이 부담하며 CNNIC 도 등록 기관 중 하나가 될 수 있는 특권을 가지고 있습니다. ISO－3166 표준에 따라 제정된 국가 도메인 이름은 일반적으로 각국의 NIC (네트워크 정보 센터) 가 운영한다.

지역별로 가장 높은 도메인 이름은 AQ (남극), AR (아르헨티나), AT (오스트리아), AU (호주), BE (벨기에), BR (브라질), CA (캐나다) 입니다 IN (인도), IS (아이슬란드), IT (이탈리아), JP (일본), KR (한국), MY (말레이시아), NL (네덜란드), NO (노르웨이), < P > 도메인 이름의 구조상 도메인 이름은 1 차 도메인 이름, 2 차 도메인 이름, 3 차 도메인 이름 등으로 나눌 수 있습니다. 컴퓨터 신문 사이트를 예로 들어 www.cpcw.com 은 1 급 도메인 이름이고, 1 급 도메인 이름 아래 bbs.cpcw.com 은 2 차 도메인 이름이며, bbs.cpcw.com 아래에 xxx.bbs.cpcw.com 을 설정하려는 경우 우리가 보는 무료 도메인 이름은 보통 2 차 도메인 이름입니다. < P > 웹제조 입문 (2)

저자: < P > 제 2 강의 초식코드 < P 그곳의 많은 튜토리얼은 모두 가장 기초적인 시작부터 초심자에게 적합하기 때문에 여러분도 거기서 시작하시길 권합니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 공부명언) 홍은사이트의 학습 사이트: /pc/homepage/index.htm

여기, 기본적으로 소프트웨어의 구체적인 사용에 대해 말하지 않고, 요약적인 것만 말하고, 주의해야 할 기교를 쓰자. 마지막에는 DW 로 만든 간단한 효과 예도 한두 개 쓸 것이다. < P > 마음대로 홈페이지를 열고, 둘러보고, 소스 코드를 클릭하면, 보통 이 페이지의 코드를 볼 수 있고, 웹페이지를 만들어, 즉 문자, 이미지 등 멀티미디어 효과를 유기적으로 결합하는 것, DW, FP 등은 코드를 쓰는 도구일 뿐, 코드만 알면 메모장으로도 아름다운 홈페이지를 만들 수 있다. DW 나 FP 를 이용하여 어떤 작업을 할 수 있는지 알기만 하면, WORD 와 같이 선을 그리면 선이 하나 있고, 표를 그리면 표가 하나 있는데, 소프트웨어의 데모 창에는 WORD 와 같이 보이는 최종 효과를 볼 수 있다. 그래서 웹페이지를 만드는 것은 간단하다고 할 수 있습니다! 하지만 뒤에는 몇 마디 더 있습니다. 웹 페이지를 잘 만드는 것은 쉽지 않습니다! 좋은 홈페이지는 코드쓰기뿐만 아니라, 더욱 중요한 것은 미공 디자인과 내용의 충실함이기 때문이다. 많은 코드를 일일이 손으로 쓸 필요는 없지만, 일부 코드의 기본 조직 구조에 대해 아는 것은 웹 페이지를 만드는 데 큰 도움이 된다. 이렇게 코드를 배우고 연구할 수 있습니다. DW 나 FP 중 하나를 만들었습니다.