웹 애플리케이션 개발 도구. 웹 애플리케이션 개발을 위한 프로그래밍 언어 적용 분야. 웹 애플리케이션 웹 애플리케이션 생성을 위한 도구
HTML. 웹 애플리케이션 개발 프로세스는 개발자가 시각적으로 통제 수단양식에서 해당 속성을 설정하고 이벤트 핸들러를 작성합니다.웹 애플리케이션을 위한 확장 가능한 호스팅 및 라이프사이클 관리 환경
확장 가능한 ASP .NET 호스팅 프레임워크는 사용자가 리소스에 처음 액세스할 때부터 애플리케이션이 종료될 때까지 애플리케이션 수명주기를 관리합니다. ASP .NET 자체는 웹 서버(IIS)를 환경으로 사용하면서 호스팅 기능도 제공합니다. ASP .NET을 사용하면 응용 프로그램에서 발생하는 이벤트를 처리하고 고유한 HTTP 처리기 및 모듈을 만들 수 있습니다.
확장 가능한 웹 애플리케이션 사용자 인터페이스 디자인 환경
ASP .NET을 사용하면 서버 컨트롤을 위한 자신만의 시각적 편집기를 만들고 이를 Visual Studio와 같은 개발 도구에 통합할 수 있습니다. 시각적 편집기를 사용하면 컨트롤에 대한 사용자 인터페이스를 개발하고 필요한 속성과 메서드를 컨트롤에 추가할 수 있습니다.
HTML. 웹 애플리케이션 개발 프로세스는 개발자가 시각적으로 통제 수단양식에서 해당 속성을 설정하고 이벤트 핸들러를 작성합니다.웹 애플리케이션을 위한 확장 가능한 호스팅 및 라이프사이클 관리 환경
확장 가능한 ASP .NET 호스팅 프레임워크는 사용자가 리소스에 처음 액세스할 때부터 애플리케이션이 종료될 때까지 애플리케이션 수명주기를 관리합니다. ASP .NET 자체는 웹 서버(IIS)를 환경으로 사용하면서 호스팅 기능도 제공합니다. ASP .NET을 사용하면 응용 프로그램에서 발생하는 이벤트를 처리하고 고유한 HTTP 처리기 및 모듈을 만들 수 있습니다.
확장 가능한 웹 애플리케이션 사용자 인터페이스 디자인 환경
ASP .NET을 사용하면 서버 컨트롤을 위한 자신만의 시각적 편집기를 만들고 이를 Visual Studio와 같은 개발 도구에 통합할 수 있습니다. 시각적 편집기를 사용하면 컨트롤에 대한 사용자 인터페이스를 개발하고 필요한 속성과 메서드를 컨트롤에 추가할 수 있습니다.
소개
글로벌 컴퓨팅의 영향 인터넷 네트워크~에 현대 세계역사적 유사점이 없습니다. 현재는 인간 생활의 모든 영역에 전자가 침투하는 시대의 시작이며, 이는 단순한 마케팅 캠페인이 아니라 새로운 철학과 새로운 비즈니스 전략의 기초입니다.
광고 제품이나 서비스의 관점에서 볼 때 인터넷이 가장 중요한 자원이라고 가정하는 것은 매우 논리적입니다. 대부분의 현대인은 가장 접근하기 쉬운 정보 소스로 인터넷을 사용합니다.
웹사이트 제작은 그 중 하나입니다. 핵심 기술인터넷 자원의 개발. 모든 유용한 정보를 흡수하는 좋은 웹사이트는 하루 중 언제든지 업무를 수행하는 상업 회사와 교육 기관 모두를 위한 최고의 명함입니다.
소규모 기업의 목표, 정신 생리학적 요구 사항 및 정보 내용 준수와 개발 도구 선택의 정확성을 위해 정보 지원을 제공하는 여러 사이트를 분석한 결과 다음과 같은 특징적인 단점을 확인할 수 있습니다.
· 해당 사이트의 정신생리학적 요구 사항을 준수하지 않아 피로감이나 주의가 산만해집니다.
· 애니메이션에 대한 열정, 그래픽 이미지의미론적 부하를 전달하지 않는 비디오 조각은 인터넷 연결 대역폭 및 트래픽 양에 대한 요구 사항을 증가시키기 때문에 웹 사이트의 잠재적 방문자 수를 자동으로 감소시킵니다.
· 제공된 정보의 중복 또는 부족;
· 잘못된 개발 도구 선택으로 인해 완제품 비용이 불합리하게 증가합니다.
따라서 웹 사이트 개발을 위한 도구 및 언어의 기능뿐만 아니라 텍스트 및 텍스트에 대한 정신 생리학적 요구 사항을 결정합니다. 그래픽 정보모니터 화면에 나타나는 것은 시급한 작업인 것 같습니다.
또한, 온라인 사용자 수가 5억 명 이상으로 추산되며(월간 약 7%의 비율로 증가) 여행하는 사용자의 관심을 끌고 유지하는 데 도움이 될 수 있는 새로운 기술을 사용할 방법을 모색해야 합니다. 웹의 광대한 범위에 걸쳐.
연구 주제는 웹 기술입니다.
객체 – 웹 애플리케이션 개발을 위한 환경 및 언어.
작업의 목적은 가능성을 고려하는 것입니다. 실제 사용웹 애플리케이션 개발을 위한 언어 및 도구.
1) 웹 기술의 기본 개념을 고려합니다.
2) 비즈니스 활동에 사용되는 웹 애플리케이션을 다양하게 분류합니다.
3) 웹 애플리케이션에 대한 정신물리학적 요구 사항을 고려합니다.
4) 웹 애플리케이션 개발을 위한 프로그래밍 언어 적용 영역을 결정합니다.
5) 웹 애플리케이션 생성을 위한 환경의 기능을 분석합니다.
자신만의 "인터넷 표현"을 만드는 작업에 책임감 있게 접근할 가치가 있습니다. 사이트는 사용하기 쉬워야 합니다. 페이지는 가능한 한 빨리 로드되어야 하며 리소스 자체는 논리적이고 이해하기 쉬운 구조를 가져야 합니다. 이 경우에만 방문자가 제공된 정보에 관심을 갖고 사이트에 머무를 수 있습니다.
현대의 발전 컴퓨터 장비새로운 기술의 도입은 지구상의 새로운 삶의 방향의 시작을 의미했습니다. 마이크로 전자공학과 사이버네틱스의 발전에서는 상당히 짧은 기간 동안 많은 변화가 일어났습니다.
기술의 점진적인 발전으로 인해 새로운 제품이 등장하게 되었습니다. 소프트웨어 제품. 매년 점점 더 많은 프로그래밍 언어가 소개되고 있습니다. 이들 모두는 주로 대상 고객을 대상으로 합니다.
컴퓨터뿐만 아니라 네트워크도 발전하고 있습니다. 불과 수십 년 전만 해도 인터넷이 작은 사설 네트워크였다면, 지금은 상호 연결된 컴퓨터로 이루어진 거대한 시스템으로, 인터넷 없이는 우리의 삶을 상상할 수 없습니다.
인터넷은 매우 "과열된" 사람들이 편안함을 느낄 수 있는 "시원한 수영장"일 뿐만 아니라, 화상을 입을 염려 없이 거의 모든 뜨거운 주제를 "만질" 수 있는 장소이기도 합니다.
웹 기술은 정보 및 컴퓨터 전반의 작업 아이디어에 완전히 혁명을 일으켰습니다. 전통적인 개발 매개변수는 컴퓨터 기술- 생산성, 처리량, 저장 용량-중요한 사항을 고려하지 않았습니다. " 병목"시스템 - 사람과의 인터페이스. 정보 시스템과 인간의 상호 작용의 구식 메커니즘은 새로운 기술의 도입을 방해하고 사용 이점을 감소시켰습니다. 그리고 사람과 컴퓨터 간의 인터페이스가 자연스러울 정도로 단순화된 경우에만 가능합니다. 평범한 사람의 인식에 따라 컴퓨터 기술의 기능에 대한 전례없는 관심이 폭발했습니다.
인터넷 사용자가 이용할 수 있는 정보는 특별한 보호를 받는 컴퓨터(웹 서버)에 있습니다. 소프트웨어. 이러한 정보의 대부분은 웹사이트 형태로 구성되어 있습니다. 그들 각각은 인터넷에 자신의 이름(주소)을 가지고 있습니다. 웹사이트는 특정 형태로 제공되는 정보로, 웹 서버에 위치하며 고유한 이름을 갖습니다. 사용자의 컴퓨터에서 웹 사이트를 보려면 다음을 사용하십시오. 특별 프로그램브라우저라고 불리는 것입니다. 현재 가장 일반적인 브라우저는 다음과 같습니다. 인터넷 익스플로러그리고 넷스케이프 네비게이터. "주소" 줄에 지정한 사이트 이름에 따라 브라우저는 해당 정보를 해당 창에 로드합니다.
웹사이트는 상호 연결된 웹페이지로 구성됩니다. 웹페이지는 텍스트 파일텍스트 정보와 특수 명령(이 정보가 브라우저 창에 표시되는 방식을 결정하는 HTML 코드)이 포함된 *.htm 확장자를 사용합니다. 모든 그래픽, 오디오 및 비디오 정보는 웹 페이지에 직접 포함되지 않으며 별도의 파일로 표시됩니다(그림 1 부록 A).
현대의 웹 애플리케이션은 주로 다른 곳에서는 사용할 수 없는 서비스를 제공하는 포털인데, 이러한 서비스의 단점 중 하나는 기업 간 정보 교환이 어렵다는 점이다. 특히, 연락처나 기타 개인정보도 해당 사이트마다 다시 입력해야 합니다.
현재 목적 측면에서 포털에는 세 가지 주요 유형이 있습니다.
· Yahoo, Lycos, Excite, Rambler와 같은 공개 또는 수평 포털(메가 포털이라고도 함). 이러한 포털은 검색 엔진 개발의 결과인 경우가 많습니다. 이는 가장 광범위한 청중을 대상으로 하며, 이는 그들이 제공하는 정보 및 서비스의 내용에 반영됩니다. 일반적으로 이 정보는 제공되는 서비스와 마찬가지로 일반적입니다( 이메일, 뉴스레터 등).
· 수직 포털. 이 유형의 포털은 특정 유형의 시장을 대상으로 하며 이 시장의 서비스를 사용하거나 해당 시장에서 작업하는 청중에게 서비스를 제공합니다. 이러한 포털의 예로는 호텔 예약, 티켓 주문 및 배송, 지도 액세스 및 도로 경로 정보 액세스 등의 서비스를 제공하는 여행사, 고객이 공동 서비스를 구현할 수 있는 B2B(Business-to-Business) 포털 등이 있습니다. 비즈니스 운영(예: 공급업체 선택 및 상품 구매, 경매 실시)
· 기업 포털은 한 기업의 직원, 고객 및 파트너를 위한 것입니다. 이러한 포털의 사용자는 자신의 역할과 개인 프로필에 따라 자신을 위한 서비스와 애플리케이션에 대한 액세스 권한을 받습니다.
기타 가장 일반적인 웹 애플리케이션:
· 범위는 보편적이지만 관심 있는 방문자의 지역에 따라 제한되는 지역 인터넷 포털(e1.ru)
· 검색 엔진- 방문자에게 지정된 단어 또는 전체 문구가 있는 사이트(metabot.ru)를 찾을 수 있는 기회를 제공하도록 설계된 인터넷 포털입니다.
· 디렉토리는 사이트에 대한 링크 모음입니다. 검색이 있는 경우 카탈로그가 필요한 이유는 무엇입니까? 우리는 필요한 것이 무엇인지 정확히 알지 못하고 몇 단어로 표현할 수 없는 경우가 많습니다(mail.ru).
· 전자 게시판은 거의 모든 사람이 정보, 초대 또는 광고 성격의 정보를 남길 수 있는 인터넷상의 장소입니다.
· 포럼은 방문자가 메시지를 남기고 의견을 교환할 수 있도록 설계된 특수 사이트 또는 사이트의 섹션입니다.
· 채팅은 인터넷상의 또 다른 의사소통 장소이지만 그 목적은 특정 주제에 대해 의견을 교환하는 것이 아니라 단순히 시간을 보내기 위한 것입니다.
· 다운로드용 파일;
· 사진 갤러리;
· 통계의 요소;
· 인터넷상의 다양한 정보를 저장합니다.
· 메일링 리스트 서버는 광범위한 독자들에게 정보를 전달하는 서비스를 제공합니다(subscribe.ru).
· 온라인 상점 및 경매(ozon.ru, molotok.ru).
웹 프로젝트의 출발점은 사이트의 목표와 사용자에게 제공될 기능에 대한 분석입니다.
두 번째 단계는 사이트의 정보 아키텍처를 구축하는 것입니다.
모든 사이트 자료와 구조를 알고 나면 탐색 및 페이지 자체 디자인으로 이동할 수 있습니다.
각 페이지에는 사이트 맵에 대한 명확하게 보이는 링크를 배치하는 것이 필요합니다. 지도를 표시하는 페이지는 사용자 화면에서 2페이지를 초과할 수 없습니다. 정적 및 동적의 두 가지 유형의 맵이 사용됩니다. 동적 뷰는 사용자를 더욱 혼란스럽게 만들기 때문에 정보 아키텍처를 정적으로 표시하는 지도를 사용하는 것이 가장 효과적입니다. 지도는 사용자에게 더 나은 방향을 제공하기 위해 만들어졌으므로 지도에는 사이트에서 사용자의 현재 위치뿐만 아니라 사용자가 이미 방문한 섹션도 표시되어야 합니다.
회사 웹사이트의 메인 페이지는 전체 네트워크를 바라보는 사이트의 얼굴입니다(그림 2 부록 B). ~에 홈페이지회사의 목표는 명확하게 명시되어 있으며, 각 디자인 요소는 사용자가 사이트를 더 잘 이해하고 문제 해결을 위한 일련의 조치를 결정할 수 있도록 해야 합니다.
대부분의 사용자가 사이트 여행을 시작하는 곳은 메인 페이지입니다. 동시에 우리 사이트는 딥링크를 통해 사이트를 방문하는 사람들이 편안하게 느낄 수 있도록 만들어져야 합니다. 이렇게 하려면 사이트의 각 페이지에 다음을 배치해야 합니다.
· 왼쪽 상단에 회사 이름 또는 로고
· 한 문장으로 구성된 사이트의 개별 슬로건
사용자가 다음 위치에 도착했다고 가정할 수 없습니다. 이 페이지, 처음부터 끝까지 전체 경로를 포괄합니다. 우리가 페이지에 표시한 정보를 그가 보지 못했을 가능성이 높습니다. 최상위 수준계층. 딥 링크를 사용하면 사용자를 특정 장소로 안내하고 현재 사이트의 위치를 알려주며 페이지에 체인 링크를 표시해야 합니다. 검색 엔진에서 페이지가 색인화되지 않도록 해야 하는 경우 "HEAD" 요소에 입력해야 합니다. .
"회사 소개" 섹션에서는 회사에 대한 기본 정보를 제공해야 합니다.
· 최고 경영진의 구성(참고문헌 및 사진 포함);
· 연락처 정보;
· 조직의 철학(비즈니스 비전, 사회와의 관계, 포부);
· 주요 역사적 이정표;
"회사 소개" 페이지 상단에 있는 긴 설명은 사용자가 이 경품의 깊이에 포함된 내용을 더 잘 이해하는 데 도움이 됩니다.
텍스트는 어린이와 노년층 모두가 쉽게 읽을 수 있어야 합니다. 따라서 글꼴 크기는 사용자가 직접 선택해야 하므로 절대 단위가 아닌 상대 단위로 글꼴 크기를 지정해야 합니다. 이 경우 사이트 페이지의 가로 스크롤 사용에 방해가 되지 않도록 텍스트가 페이지에 완전히 맞아야 합니다.
사용자는 웹페이지를 단어별로 읽는 경우가 거의 없습니다. 처음 보는 동안 그는 사실을 찾고 세부 사항을 무시하지만 관심 있는 자료를 찾은 후에는 더 깊이 들어갈 수 있습니다. 대략적인 페이지 보기 구성표는 다음과 같습니다. 첫 번째 수평선은 완전히 표시되고 다음 수평선은 전체 깊이로 표시되지 않으며 각 후속 라인에서 정보 캡처가 점점 더 줄어듭니다.
따라서 사용자는 기사의 윗부분만 보는 경우가 많습니다. 그리고 가장 관심 있는 독자들만이 페이지를 아래로 스크롤할 것이며, 이 소수만이 기사의 이야기를 모든 세부 사항에서 이해할 것입니다. 따라서 기사가 '결론'으로 시작하고 가장 중요한 정보에 대한 메시지가 있으며 마지막에는 사건의 배경이 다음과 같다는 '역피라미드 원리'를 적용하는 것이 중요합니다. 주어진.
페이지를 보기 쉽게 만들기 위해 다음을 사용합니다.
· 키워드 강조;
· 잘 쓰여진 제목;
· 마커가 있는 목록;
· 아이디어당 하나의 단락(사용자가 단락의 주요 단어에 매력을 느끼지 않으면 다른 모든 아이디어를 건너뜁니다)
· 역피라미드 스타일(기사가 결론으로 시작하는 경우);
· 일반 기사보다 단어 수가 적습니다.
· 불분명한 용어를 최소화합니다.
· 메시지가 생성된 날짜 표시(메시지의 길이를 알기 위해 다음과 관련됨) 이 순간);
· "ALT" 속성의 상황별 정보.
· 이메일 헤더가 맥락에 맞지 않게 표시되는 경우가 많습니다.
· 사이트의 기사 목록에서;
· 이메일 메시지의 헤더에 있습니다.
· 검색 결과에서;
· 브라우저 북마크에서.
동시에 사용자가 제목 아래의 텍스트를 건너뛰면 제목을 이해할 수 있는 고급 지식이 없어야 합니다. 이러한 이유로 제목 텍스트는 나머지 내용이 없어도 이해할 수 있는 독립형 정보여야 합니다. 제목을 작성할 때 중립적인 언어를 사용해야 하며 말장난, "세련함", "유혹", 대문자(사용자에게 소리를 지르는 것처럼 보임)를 사용하지 않아야 합니다.
사용자는 의미 있는 제목을 선호합니다. 마이크로컨텐츠가 짧을수록 훑어보기가 더 쉽습니다. 각 기사의 시작 부분과 페이지 제목에 동일한 단어의 사용을 제외해야 합니다. 이러한 기사가 여러 개 동시에 사용되면 패널이나 북마크에서 필요한 기사를 선택하기가 어렵기 때문입니다.
이메일 주소를 제공하라는 요청을 받으면 사용자가 정확히 무엇을 받게 될지, 그리고 얼마나 자주 사용자의 마음의 평화를 방해할지를 지금 여기에서 말해야 합니다. 사서함. Mailto 참조는 우편 주소임을 명확히 하는 방식으로 사용되어야 합니다. 이름을 클릭하면 약력으로 연결되므로 이름에 이메일 링크를 배치하지 마십시오. 이메일을 통해 통신할 때 사용자가 해당 직원과 개인적인 관계를 설정하지 않는 한 직원 중 한 사람의 특정 이름을 사용할 이유가 없습니다(알 수 없는 사람이 보낸 이메일은 대부분 휴지통에 들어가게 됩니다).
사이트의 신뢰도를 높이려면 고품질의 그래픽 이미지를 사용해야 합니다. 그러나 기본적으로 큰 이미지를 사용하면 안 됩니다. 스케치를 사용하는 것이 좋으며, 필요한 경우 사용자가 원하는 만큼 확대하여 사용하는 것이 좋습니다. 썸네일에는 이미지에 대한 모든 기본 정보가 포함되어야 합니다. 현장에서는 눈부신 헐리우드 미소를 지닌 모델 사진보다는 실제 직원과 고객의 사진을 활용하는 것이 더 정확할 것이다. 또한 좋은 글쓰기 스타일과 다른 사이트로 나가는 하이퍼텍스트 링크를 사용하는 것도 필요합니다. 추가적인 감정적 부하를 전달하기 때문에 "광고 물"을 사용할 필요가 없으며 사용자는 실제 사실에서 과장된 표현을 선별하는 데 시간을 소비해야 합니다.
사이트에 대한 애착을 높이는 고전적인 방법은 일정한 규칙성(매일부터 월간까지)으로 새로운 자료를 게시하는 것입니다. 관심 있는 사람들을 위해서는 신선한 자료를 우편물로 발송하는 것이 필요합니다. 구독자 중 거의 100%는 작성자가 자신을 상기시키는 한 정기적으로 사이트 자체를 방문합니다.
웹사이트 디자인은 사람들에게 적응되어야 합니다. 이러한 장치에 대한 한 가지 옵션은 프로필이지만 프로필을 작성하려면 인내심이 필요하므로 기존 사이트 방문자가 프로필을 작성합니다. 따라서 사용자를 추적하려면 지루한 등록 절차보다는 필요한 모든 정보가 입력된 파일에 "쿠키"를 사용하는 것이 좋습니다. 안전한 작동을 위해 등록이 여전히 필요한 경우 너무 엄격한 입력 양식을 작성하지 마십시오. 자동 완성을 사용하고 자동으로 양식의 첫 번째 필드에 커서를 배치하는 것이 가능한 경우.
인터넷 검색용 양식을 만들어서는 안 되며, 사용자가 필요하면 특수 검색 엔진을 사용하게 됩니다.
링크는 예측 가능해야 하며 사용자가 링크를 클릭하면 어떤 일이 일어날지 알아야 합니다. 링크가 무엇인지 명확하게 하세요. 텍스트인 경우 색상을 지정하거나 밑줄을 그어주세요. 방문한 링크와 방문하지 않은 링크 간의 차이점을 숨기지 마십시오. 검색 엔진이 가장 중요한 방문자이며 첨단 기술에 귀를 기울이지 않고 눈이 멀었다는 기대를 가지고 링크를 만듭니다. 검색 엔진과 북마크에서 보기 좋게 보이도록 "제목" 태그를 디자인하므로 키워드로 링크를 시작해야 합니다.
이 경우 다른 사이트와 검색 엔진은 우리에게 연결되지 않으므로 깨진 링크가 나타나는 것을 피하십시오.
사이트를 탐색할 때 사용자가 팝업 창이나 다른 방법으로 페이지를 여는 방법을 선택할 수 있습니다.
WEB에서는 사용자는 자신의 목표 외에는 아무 것도 신경 쓰지 않으며, 목표 달성을 방해하는 광고는 단순히 무시됩니다. 사용자가 관심 있는 자료를 찾기 전에 광고가 나타나면 광고가 닫힐 가능성이 높습니다. 그리고 주요 작업을 완료하고 광고를 자세히 볼 준비가 되면 팝업 창을 닫았기 때문에 더 이상 광고가 표시되지 않습니다. 따라서 사용자의 목표를 방해해서는 안 됩니다.
사용자가 검색 엔진에 검색어를 입력하면 검색 결과 목록에 나타나는 광고는 사용자에게 필요한 것과 직접적으로 관련됩니다. 그래서 그는 이 광고를 읽고 링크를 클릭합니다. 이러한 광고 비용은 전단지를 배포하는 것보다 훨씬 저렴합니다.
따라서 성공의 비결은 광고와 사용자 목표를 결합하는 것입니다.
· "닫기" 버튼이 없습니다.
· 사람들의 클릭을 유도하는 트릭;
· 클릭하면 무슨 일이 일어날지 명확하게 표시합니다.
· 준다 추가 정보현재 페이지를 떠나지 않고도 자신에 대해 설명할 수 있습니다.
평가 작업을 수행하려면 3~5명의 참가자가 참여해야 합니다. 그들 각각은 개별적으로 작업을 수행합니다. 그 후 결과를 비교하고 하나의 결론에 도달합니다. 테스트는 두 단계로 수행됩니다.
1) 인터페이스에 대한 이해
2) 특정 요소에 대한 관심 집중.
앞으로 어떤 문제가 반복되더라도 각각의 문제를 별도로 언급할 필요가 있다.
웹 애플리케이션 개발 도구
웹 애플리케이션 개발을 위한 프로그래밍 언어 적용 분야
하이퍼텍스트 마크업 언어(Hypertext Markup Language), 즉 HTML로 더 널리 알려진 것은 월드 와이드 웹(World Wide Web)의 기반이 되는 컴퓨터 언어입니다. HTML 언어 덕분에 모든 텍스트를 마크업하고 하이퍼텍스트로 변환한 다음 웹에 게시할 수 있습니다.
HTML 언어에는 웹 브라우저가 페이지를 표시하는 데 사용하는 고유한 문자 집합이 있습니다. 핸들이라고 하는 이러한 문자에는 하이퍼링크를 만드는 데 필요한 요소가 포함되어 있습니다.
다음 중 하나 고유 한 특징 HTML 문서는 문서 자체에 텍스트만 포함되어 있고 다른 모든 개체는 특수 태그를 사용하여 브라우저에 표시될 때 문서에 내장되어 별도로 저장됩니다. HTML 파일을 저장하면 문서가 있는 위치에 폴더가 생성되고, 여기에 함께 제공되는 그래픽 디자인 요소가 배치됩니다.
우선, PHP는 서버 측에서 작동하는 스크립트를 생성하는 데 사용되며 이것이 바로 PHP가 발명된 이유입니다. PHP는 HTML 양식 데이터 처리, HTML 페이지 동적으로 생성 등을 포함하여 다른 CGI 스크립트와 동일한 문제를 해결할 수 있습니다. 하지만 PHP를 사용할 수 있는 다른 영역도 있습니다.
두 번째 영역은 명령줄에서 실행되는 스크립트를 만드는 것입니다. 즉, PHP를 사용하여웹 서버와 브라우저에 관계없이 특정 컴퓨터에서 실행될 스크립트를 만들 수 있습니다.
그리고 마지막 영역은 GUI 애플리케이션 생성입니다( 그래픽 인터페이스) 클라이언트 측에서 실행 중입니다.
Ajax는 Asynchronous Javascript And XML의 약자이며 엄밀한 의미의 기술은 아닙니다. 표준 웹 애플리케이션에서 서버가 모든 정보를 처리하고 브라우저가 사용자와의 상호 작용, 요청 전송 및 수신 HTML 출력만 담당하는 경우 Ajax 애플리케이션에서는 사용자와 서버 사이에 또 다른 중개자, 즉 Ajax 엔진이 나타납니다. . 이는 "제자리에서" 처리할 수 있는 요청과 서버로 처리되어야 하는 요청을 결정합니다.
서버 동작도 변경되었습니다. 이전에는 서버가 각 요청에 대해 새 페이지를 발행했다면 이제는 클라이언트에 필요한 데이터만 보내고 Ajax 엔진은 브라우저에서 직접 HTML을 생성합니다.
비동기성은 모든 사용자 클릭이 서버에 도달하는 것은 아니며 그 반대도 마찬가지입니다. 모든 서버 반응이 사용자 요청으로 인해 발생하는 것은 아닙니다. 대부분의 요청은 Ajax 엔진에 의해 생성되며 사용자 작업을 예상하여 정보를 로드하는 방식으로 작성될 수 있습니다.
Ajax를 사용하는 곳:
· 양식. 그들은 매우 느립니다. 데이터를 비동기식으로 전송하면 페이지가 다시 로드되지 않습니다.
· "트리" 형태의 탐색. 일반적으로 이러한 탐색은 끔찍합니다. 단순한 토폴로지가 훨씬 더 편리하지만, 굳이 말하자면 Ajax를 사용하는 것이 더 좋습니다.
· 필터. 웹사이트는 날짜나 이름을 기준으로 정렬하는 경우가 많습니다. Ajax가 훨씬 더 편리할 것입니다.
자바스크립트
JavaScript 프로그래밍 언어는 대화형 HTML 문서를 작성하기 위해 Netscape에서 개발되었습니다. 클라이언트 측과 서버 측 모두에서 실행되는 임베디드 애플리케이션을 개발하기 위한 객체 지향 언어입니다. 언어의 구문은 Java의 구문과 매우 유사합니다. 이것이 바로 Java와 유사한 언어라고 불리는 이유입니다.
JavaScript의 주요 용도는 다음 범주로 분류됩니다.
· 스크립트를 사용하여 문서를 동적으로 생성합니다.
· 서버로 전송하기 전에 사용자가 작성한 HTML 양식 필드의 신뢰성을 신속하게 확인합니다.
· 계단식 스타일 시트 및 문서 객체 모델과 함께 동적 HTML 페이지 생성;
· HTML 페이지에 포함된 JavaScript 응용 프로그램으로 해결된 "로컬" 문제를 해결할 때 사용자 상호 작용.
VB스크립트
VBScript 스크립팅 언어는 Microsoft에서 개발했으며 프로그래머들 사이에서 흔히 사용되는 Windows 응용 프로그램 개발을 위한 Visual Basic 언어의 하위 집합입니다. 상위 버전과 마찬가지로 VBScript는 매우 간단하고 배우기 쉽습니다.
스크립트 작성에 이 기능을 사용하면 약간의 조정만으로 Visual Basic 및 Visual Basic for Application에서 이전에 작성된 프로시저를 사용할 수 있다는 이점이 있습니다.
기능성 VBScript로 작성된 스크립트는 JavaScript 스크립트의 기능과 다르지 않습니다. 동적 생성문서 또는 그 일부, 이벤트 차단 및 처리 등.
VBScript는 클라이언트측 스크립팅(이 경우 브라우저에 해당 언어에 대한 내장 인터프리터가 있어야 함) 및 서버측 스크립팅(이 경우 서버가 VBScript를 지원해야 함)에 사용됩니다.
클라이언트 스크립트를 생성하려면 JavaScript 세트와 유사한 개체 세트를 사용합니다. 클라이언트와 서버 개체는 서로 다르지만 클라이언트와 서버 스크립트 개발에 사용되는 개체의 공통 부분(핵심)이 있습니다.
Perl은 시스템 관리 도구 개발에 가장 널리 사용되지만 최근에는 CGI 스크립트, 자동화된 전자 메일 처리 시스템 및 웹 사이트 지원과 같은 인터넷 응용 프로그램 개발에서 엄청난 인기를 얻었습니다.
Perl을 사용하여 해결할 수 있는 문제의 몇 가지 예는 다음과 같습니다.
· Windows NT 사용자의 상태와 기능에 차이가 있는지 확인합니다.
· 명령줄에서 원격으로 NT 서비스 관리 로컬 머신별도의 기계에서 통계 데이터를 얻습니다.
· FTP 프로토콜로도 작업할 수 있습니다.
· UNIX 및 Windows에 대한 시스템 지원.
현재 월드 와이드 웹수백만 개의 웹사이트가 호스팅되고 있으며 그 수는 지속적으로 증가하고 있습니다. 누구나 자신의 정보를 보고 유용한 정보를 추출할 수 있을 뿐만 아니라 창작에 적극적으로 참여할 수 있는 기회가 있습니다. 개발이 이루어지는 환경은 매우 중요합니다.
Macromedia는 계속해서 Dreamweaver를 직관적이고 사용하기 쉽게 만들고 있습니다. 강력한 도구와 사용 편의성 덕분에 Macromedia 제품은 전문 웹 디자이너와 초보자 모두에게 이상적인 소프트웨어 패키지입니다. Flash, Firework, Dreamweaver와 같이 Macromedia 패키지에 포함된 제품은 작업의 생산성을 높이는 동시에 서로를 대체할 수 있습니다(예: 어느 제품에서나 버튼을 만들 수 있음). Sitespring, FreeHand와 같은 제품은 클라이언트와 작업할 때 효율성을 높여줍니다.
Dreamweaver에는 다음과 같은 많은 장점이 있습니다.
Dreamweaver는 순수 HTML 코드는 물론 최신 DHTML 및 CSS 확장도 지원합니다.
탁월한 자동 연결 관리 수단이 포함되어 있습니다. 즉, 파일이 환경에서 이동할 때마다 모든 연결이 자동으로 복원됩니다. 의도하지 않은 손상으로부터 페이지를 보호하기 위해 페이지 섹션을 차단할 수 있습니다.
여러 단계 전에 변경한 내용을 취소할 수 있습니다(단, 페이지를 저장한 후에는 변경 사항을 취소할 수 없습니다).
"동적 크로스 브라우저 검사"가 적용됩니다.
타사 개발자와 Macromedia 자체의 확장 기능(500개 이상)을 지원합니다.
Dreamweaver에는 탐색 모음, 저작권 설명 등 웹 페이지에서 사용할 수 있는 요소 라이브러리가 함께 제공됩니다.
웹 페이지에 멀티미디어를 추가하는 데 사용되며 다양한 방식 Flash 및 Java에서 RealAudio까지의 파일, 검색 엔진, 포럼, 전자 상거래 시스템과 같은 대화형 요소.
Dreamweaver에는 자체 이미지 생성 도구가 없습니다. 가장 간단한 편집 도구만 제공하므로 이미지를 만들고 편집하려면 특별한 그래픽 편집기가 필요합니다.
Dreamweaver를 사용하면 Microsoft 응용 프로그램에서 불필요한 코드를 제거할 수 있습니다. 그러면 페이지가 더 빠르게 로드되고 다른 브라우저에서 더 잘 표시됩니다.
Fireworks는 이를 더욱 최적화하고 네트워크에 게시할 수 있는 기능을 갖춘 그래픽 편집기입니다. 다양한 도구를 사용하여 벡터와 편집을 모두 생성하고 편집할 수 있습니다. 래스터 그래픽한 프로그램에서 다른 프로그램으로 이동하는 대신 동일한 파일 내에서. Fireworks는 HTML 및 JavaScript 코드를 생성하고 웹 페이지에 대한 동적 메뉴와 탐색 모음을 쉽게 만들 수 있습니다. 그래픽 파일을 효과적으로 최적화하면 품질 저하 없이 크기를 최대한 줄일 수 있습니다.
또한 WEB 페이지 레이아웃을 편집하는 것도 가능합니다. 예를 들어 Fireworks 8에서는 다음을 열 수 있습니다. 그래픽 파일미래 사이트의 전체 너비를 결정하고 필요한 그래픽 디자인을 그린 다음 HTML 문서의 미래 테이블이 보일 방식대로 슬라이스 도구를 사용하여 잘라냅니다. 그런 다음 프로그래밍 언어(JavaScript)를 전혀 몰라도 개별 그래픽 요소를 다듬고 커서에 반응하는 활성 그래픽을 만들 수 있습니다.
세 명의 전문가 중 한 명 그래픽 편집자, 다양한 성공을 거두며 협력에서 우위를 차지하기 위한 투쟁을 주도하고 있습니다. 벡터 그래픽. FreeHand는 경쟁사인 CorelDraw 및 어도비 일러스트레이터. FreeHand는 로고, 광고, 웹 그래픽 및 애니메이션을 만드는 데 적합합니다.
프로그램 제조업체는 사용자의 삶을 최대한 쉽게 만들기 위해 많은 노력을 기울였습니다. 프로그램의 인터페이스는 간단하고 직관적이며, 개체의 복잡한 변형을 빠르고 쉽게 수행하거나 다양한 예술적 효과를 얻을 수 있는 많은 도구가 있습니다. . FreeHand는 거의 모든 일반 형식으로 파일을 내보내고 가져올 수 있습니다. 또한, 다른 일반 프로그램(Adobe Illustrator, CorelDraw)을 에뮬레이트하는 단축키 설정도 포함되어 있습니다. 따라서 FreeHand로 전환할 때 다시 학습할 필요가 없습니다.
대규모 프로젝트 작업 시 FreeHand의 흥미롭고 중요한 기능은 텍스트와 모든 그래픽 개체 모두에 대해 문서 전체를 변경할 수 있다는 것입니다. 전역 교체 메커니즘은 매우 유연합니다. 교체 외에도 후속 변환을 위해 지정된 속성을 가진 객체를 선택할 수 있습니다. 개체를 검색하고 바꾸거나 선택하는 데 사용되는 주요 속성은 색상, 윤곽선 두께, 글꼴 및 회전 각도입니다.
FreeHand 문서는 쉽게 웹 페이지로 전환될 수 있습니다. 물론 FreeHand는 HTML 편집기는 아니지만 기본적인 기능을 지원합니다. HTML 요소. FreeHand를 사용하면 WEB 페이지에 플래시 애니메이션을 쉽게 탑재할 수 있습니다. 텍스트 블록, 개체 그룹 및 윤곽선이 있는 개체가 애니메이션 클립에 삽입됩니다. FreeHand 개체의 작은 클립은 문자 그대로 하나의 명령으로 생성됩니다. 남은 것은 일부 설정을 따르는 것뿐입니다. 클립의 각 프레임은 별도의 레이어에 배치됩니다. 애니메이션 효과는 개별 레이어의 콘텐츠를 순차적으로 재생하여 달성됩니다. 그러나 FreeHand 도구는 Macromedia Flash 편집기를 대체할 수 없습니다.
웹 사이트를 위한 매력적인 대화형 멀티미디어 프리젠테이션을 만듭니다. Flash는 벡터 그래픽과 애니메이션이 특징이지만, 이 프로그램은 래스터 그래픽을 조작 또는 표시하고, 비디오 영상을 편집하고, 오디오 파일을 조작하는 데에도 사용할 수 있습니다.
Flash 내용은 나중에 Flash Player를 사용하여 다양한 플랫폼에 표시할 수 있도록 컴팩트 SWF 파일로 게시됩니다. SWF 파일이 온라인으로 재생되면 MP3 오디오 파일, Flash 비디오, 이미지 등의 콘텐츠가 SWF 파일에 동적으로 로드될 수 있습니다. JPEG 형식. Flash Player를 사용하면 데이터 소스에 연결하여 이를 데이터베이스, XML 또는 웹 서비스와 결합할 수 있습니다. 이러한 모든 기능을 통해 매력적인 애니메이션과 효과를 데이터 기반 애플리케이션에 도입할 수 있습니다. Flash는 앤티앨리어싱(인접한 색상을 혼합하여 가장자리를 부드럽게 함)을 지원합니다. 이 파일 형식은 벡터 그래픽을 기반으로 하기 때문에 개체는 어떤 해상도에서도 이미지 품질을 유지하며 애니메이션 프레임을 만드는 데 이상적입니다.
강력한 이벤트 중심 언어. 사용되는 ActionScript 언어는 상속될 수 있는 조건, 루프, 배열, 함수 및 클래스를 지원하는 거의 완전한 프로그래밍 언어입니다.
Flash를 선호하는 이유는 결과 파일의 작은 크기, 벡터 이미지 형식의 사용, 래스터 및 사운드 파일의 압축으로 인해 페이지 크기와 다운로드 시간을 줄이는 데 매우 긍정적인 효과가 있기 때문입니다.
이 프로그램은 매우 사용자 친화적입니다. 기성품 태그와 템플릿이 많이 있습니다.
인터페이스 유연성은 제품의 강점 중 하나입니다. 모든 사용자는 자신의 선호도와 필요에 맞게 HomeSite 인터페이스를 쉽게 사용자 정의할 수 있습니다.
작업하는 동안 사용자는 찾아보기와 편집이라는 두 개의 탭이 있는 작업 영역을 볼 수 있습니다. 즉, 프로그래밍은 Edit 탭에서 이루어지며, Browse 탭을 선택하면 그 결과를 볼 수 있습니다. 생성하는 동안 새 페이지 HTML 및 BODY와 같은 일부 태그는 편집 필드에 자동으로 나타납니다. 새 페이지를 만들 때 로드되는 템플릿입니다. 그 내용은 변경될 수 있습니다.
HomeSite를 사용하면 사이트 아키텍처를 매우 쉽게 구축할 수 있습니다. 이는 다음에 의해 촉진됩니다. 퀵패널미리 만들어진 태그가 있는 탭 시스템을 갖춘 바입니다. 이 탭의 태그는 단락과 같은 간단한 태그부터 자바 스크립트까지 매우 다릅니다. 일반적으로 하나의 탭을 그대로 두고 사용자 정의 메뉴를 통해 필요한 모든 태그를 추가할 수 있습니다. 태그나 태그 조합을 직접 만들 수도 있습니다. 특정 태그가 있는 버튼을 클릭하면 태그 옵션을 구성하고 해당 속성을 지정할 수 있는 창이 나타납니다. 모든 장단점을 갖춘 WYSIWYG 모드를 지원합니다.
작업 속도를 높이기 위해 다양한 태그 편집 도구를 사용할 수 있습니다. 예를 들어 태그 완성, 태그 편집기 및 태그 통찰력과 같은 기능이 있습니다. 태그와 해당 속성을 훨씬 쉽게 편집할 수 있습니다. 코드 조각도 있습니다.
HomeSite는 컨트롤과 쉽게 통합됩니다. 소스 코드및 프로젝트 관리 시스템은 또한 FTP 프로토콜 작업을 위한 광범위한 기능을 제공하므로 사이트를 신속하게 배포하고 효과적인 유지 관리를 구성할 수 있습니다.
주로 그 인기로 인해 시장에서 가장 인기 있는 HTML 편집기입니다. 마이크로소프트 패키지사무실. 이 프로그램은 이미지 생성용으로 설계된 Image Composer를 포함하여 강력한 기능과 매력적인 소프트웨어 패키지를 제공합니다(부록 B). FrontPage에는 웹 사이트에 대화형 속성을 추가하는 데 필요한 웹 구성 요소도 포함되어 있습니다. Microsoft FrontPage는 고전적인 WYSIWYG 편집기이지만 코드를 수동으로 편집할 수 있는 기능이 있습니다.
이 프로그램에는 일반, HTML 및 미리보기의 세 가지 문서 작업 모드가 있습니다.
일반 모드에서 웹 페이지는 텍스트에서 그림까지 모든 요소를 편집할 수 있는 기능을 갖춘 일반 텍스트 파일입니다.
HTML 모드에서는 구문 강조가 제공되지만 매우 평범합니다. 설명자는 파란색으로 강조 표시되고 다른 모든 것은 검은색으로 표시됩니다.
미리보기 모드에서는 페이지가 브라우저 창에 어떻게 표시되는지 확인할 수 있습니다.
FrontPage에는 훨씬 쉽게 테이블을 만들 수 있는 테이블 디자이너가 있습니다. 이 프로그램의 주요 장점 중 하나는 사용 가능한 템플릿이 많기 때문에 사용자가 프로젝트 디자인에 대해 고민할 필요가 없다는 것입니다. 필요한 템플릿을 선택하면 바로 페이지 내용을 채울 수 있습니다. 이것이 바로 FrontPage의 장점이 발휘되는 부분입니다. HTML 페이지를 만드는 과정은 일반 페이지를 만드는 과정과 다르지 않습니다. 텍스트 문서 V 마이크로 소프트 워드. 우리는 HTML에 대한 지식 없이도 텍스트 편집, 서식 변경, 표 생성 및 편집, 다양한 개체 및 이미지 삽입 등을 위한 동일한 도구에 액세스할 수 있습니다. FrontPage는 작업 영역을 특정 페이지 요소(그림, 텍스트, 제목 등)가 포함된 여러 블록으로 나눕니다. 각 블록에 대해 고유한 형식 매개변수와 페이지를 기준으로 해당 위치를 할당할 수 있습니다.
단점: 개발 도구 세트가 적고 프로그램을 별도로 구매할 수 없습니다. Microsoft FrontPage는 처음으로 HTML 편집기로서 좋은 선택이지만 요구 사항이 증가함에 따라 그 기능이 충분하지 않을 수 있습니다. 또한 있다 후면메달 - 문서의 최종 크기에 자연스럽게 영향을 미치는 결과 코드의 복잡성과 번거로움. 앞으로 그러한 문서를 변경하는 것도 매우 어려울 것입니다. 그러나 이는 특정 제품의 단점이 아니라 거의 모든 WYSIWYG 편집자의 단점입니다(What You See Is What You Get - "What You See Is What You Get").
웹 구성 요소는 사용 중인 웹 서버에 해당하는 프로그램이 있는 경우에만 작동합니다.
Microsoft Word라는 사실에도 불구하고 텍스트 에디터본질적으로 HTML 편집기로 간주되지 않습니다. HTML 형식으로 파일을 저장하는 기능이 있습니다. 결과적으로 Microsoft Word에서 어떤 방식으로든 생성된 페이지가 나타날 수 있습니다. 편집기에서 생성된 HTML의 문제는 FrontPage의 문제와 유사합니다. 두 프로그램 모두 HTML 표준을 따르지 않는 중복 코드를 생성합니다. 일상 업무에서 Word를 사용하는 수많은 사람들이 잠재적인 HTML 문서 개발자가 됩니다.
Word에서 웹 페이지를 만드는 방법에는 마법사를 사용하거나 기존 Word 문서를 HTML 형식으로 변환하는 두 가지 방법이 있습니다. 이 경우 Word 자체는 최적의 방식은 아니지만 HTML 태그를 생성합니다. 변형은 자연스럽게 문서 디자인의 일부 요소가 손실되거나 변경된다는 사실로 이어집니다. HTML 페이지에 자신만의 태그를 삽입해야 하는 경우 Word를 사용하면 HTML 코드를 직접 편집할 수 있습니다.
일러스트레이션, 즉 글꼴, 기하학적 모양 등과 같은 벡터 그래픽 요소가 포함된 이미지를 만들고 편집하기 위해 설계되었습니다.
웹 페이지에는 HTML 텍스트, 래스터 이미지, 벡터 그래픽 등 많은 요소가 포함될 수 있습니다. Illustrator에서는 조각을 사용하여 개체에 있는 다양한 웹 요소의 경계를 정의할 수 있습니다. 웹 페이지는 이미지, 이미지 없음, HTML 텍스트의 세 가지 유형으로 표시되는 셀로 나뉩니다.
이 경우 각 조각을 고유한 형식, 설정 및 색상 팔레트를 사용하여 독립된 파일로 저장할 수 있습니다. 조각을 잠그면 실수로 위치가 변경되는 것을 방지할 수 있습니다. 조각의 크기는 포함된 객체에 따라 결정됩니다. 따라서 개체를 이동하거나 크기를 변경하면 조각 경계가 자동으로 조정되지만 필요한 경우 언제든지 수동으로 조정할 수 있습니다.
링크맵을 사용하면 이미지의 하나 이상의 영역(핫스팟이라고 함)을 URL과 연결할 수 있습니다. 활성 영역을 클릭하면 웹 브라우저가 해당 영역과 관련된 파일을 다운로드합니다.
링크 맵과 조각을 사용하여 링크를 만드는 것의 주요 차이점은 개체를 웹 페이지로 내보내는 방법입니다. 링크 맵을 사용하면 개체가 단일 이미지 파일로 저장되는 반면, 타일을 사용하면 개체가 여러 개의 개별 파일로 나뉩니다. 링크 맵과 타일의 또 다른 차이점은 맵을 사용하면 객체의 다각형 또는 직사각형 영역을 연결할 수 있는 반면 타일에서는 직사각형 영역만 연결할 수 있다는 것입니다.
가장 널리 사용되고 널리 사용되는 이미지 편집 프로그램입니다. 그것의 도움으로 매우 예술적인 이미지를 만들 수 있습니다. 여기에는 전문적인 그래픽을 만들고 편집하는 데 필요한 모든 것이 포함되어 있습니다.
Photoshop은 단순한 이미지 편집 프로그램이 아니라 동급 프로그램 중 가장 강력하고 기능이 풍부한 프로그램입니다. 이 프로그램을 사용하면 이미지를 수정하고 특수 효과를 적용하고, 한 사진에서 다른 사진으로 세부 정보를 전송하고, 텍스트를 추가하고, 색상 비율을 변경하고, 회색조 이미지에 색상을 추가할 수도 있습니다. Photoshop 도구는 그래픽 태블릿과 호환되므로 수채화와 유화로 만든 것보다 나쁘지 않은 완전히 예술적인 이미지를 만들 수 있습니다.
기본적인 내용은 단순함에도 불구하고 포토샵 도구사용자는 "스스로" 사용자 정의할 수도 있습니다. 이는 끝없이 다양한 크레용을 갖는 것과 같습니다. 그리기 프로그램은 픽셀을 사용하여 작동하기 때문에 색연필, 스프레이 페인트, 수채화, 유성 페인트 등의 전자(디지털) 사진 작업에 이상적입니다. Photoshop에서는 이미지의 모든 픽셀을 완벽하게 제어할 수 있습니다. 제한된 해상도의 드로잉 프로그램의 단점. 비트맵은 고정된 수의 픽셀로 구성되어 있기 때문입니다.
CorelDraw를 사용하면 벡터 및 래스터 개체, 일반 및 예술 텍스트 블록, 인터넷 개체 형태로 문서에 표시된 다양한 정보를 처리할 수 있습니다.
이 프로그램은 현대적인 평면형 인터페이스를 사용하는데, 다양한 패널에 위치한 도구가 일반적인 평면 그림 형태로 표시되고 포인터를 올려야 그 중 하나가 선택되는 것이 특징입니다.
벡터 이미지를 구성할 때 최종 이미지가 생성될 때까지 선과 모양이 겹쳐집니다. 각 개체는 다른 개체와 독립적으로 편집할 수 있습니다. 이는 개체 접근 방식의 몇 가지 장점 중 하나이지만 이미지는 여전히 단계별로 구축되어야 합니다. 벡터 드로잉 편집 프로그램에서는 선, 모양, 텍스트 등이 수학식으로 지정되므로 출력 장치의 최대 해상도에 맞게 자동으로 조정할 수 있습니다. 벡터 디자인의 또 다른 장점은 많은 디스크 공간이 필요하지 않다는 것입니다. 벡터 드로잉 파일의 볼륨은 이 드로잉을 구성하는 개체의 수와 복잡성에만 의존하므로 래스터 드로잉과 달리 파일 크기는 이 볼륨에 사실상 영향을 미치지 않습니다.
CorelDraw는 강력한 성능을 보여줍니다. 비주얼 편집기웹 페이지: 사용자는 JavaScript 스크립트와 CSS 스타일 시트를 포함할 수 있는 풍부한 HTML 문서를 생성할 수 있습니다.
강력한 그래픽, 텍스트, 문서 레이아웃 및 웹 게시를 위한 내보내기 도구를 갖춘 CorelDraw는 HTML 파일의 첫 번째 버전을 생성하기 위한 좋은 출발점입니다.
페이지에 이미지를 배치할 때 가장 중요한 작업 중 하나는 이미지 파일의 크기를 최적화하는 것입니다. 총 페이지 크기에 권장되는 최대 크기는 100KB에서 150KB입니다. 이미지 파일의 크기를 줄이는 것은 파일을 압축하고 색상 수를 줄이는 방식으로 수행됩니다. 이러한 작업은 다음 중 하나에서 사용할 수 있습니다. 그래픽 프로그램위에 나열된.
결론
웹 기술의 출현으로 지구 인구의 완전히 새로운 계층이 컴퓨터를 사용하기 시작했습니다. 우리는 서로 다른 사회적 극에 위치한 가장 특징적인 두 그룹을 식별할 수 있으며, 그들은 아마도 자신의 욕구에 반하여 신기술에 빠르게 참여했습니다. 한편으로 이들은 대규모 조직의 수장, 은행장, 최고 경영자, 영향력 있는 정부 관료 등 사회 엘리트 그룹의 대표자들이었습니다. 반면에 이들은 주부, 연금 수령자, 어린이 등 가장 광범위한 인구 계층을 대표했습니다.
인터넷에 연결하고 WWW에서 정보를 검색하는 소셜 그룹의 범위는 해당 분야의 전문가로 분류되지 않는 사용자로 인해 지속적으로 확대되고 있습니다. 정보 기술. 이들은 의사, 건축업자, 역사가, 변호사, 금융가, 운동선수, 여행자, 성직자, 예술가, 작가, 예술가입니다. 목록은 계속해서 이어집니다. 직업적 활동이나 취미를 위해 인터넷의 유용성과 필수불가결함을 경험한 사람은 누구나 World Wide Web의 거대한 정보 소비자 군대에 합류합니다.
하이퍼텍스트 마크업 기술의 개발로 점점 더 많은 사이트가 인터넷에 나타나기 시작했으며 그 주제는 사이트와 완전히 달랐습니다. 대기업, 회사의 성공과 실패에 대해 이야기하고 같은 도시 내의 사무실을 방문하겠다고 제안하는 소규모 회사의 웹 사이트에 대해 설명합니다.
인터넷 기술의 발전으로 인해 인터넷에 새로운 지점인 인터넷 포럼이 등장했습니다. 전 세계 사람들이 소통하고, 질문에 대한 답변을 얻고, 심지어 비즈니스 거래를 체결할 수 있는 웹사이트, 심지어 전체 포털도 나타나기 시작했습니다.
웹사이트 제작은 웹사이트 제작을 목표로 하는 마케팅 단계입니다. 정보 자원이는 회사가 기존 고객을 유지하고 새로운 고객을 유치할 수 있는 기회를 제공할 것입니다.
웹사이트 생성 및 개발에는 다음이 포함됩니다.
· 초기 승인 위임 사항웹사이트 개발을 위해;
사용된 소스 목록
1. 보리센코 A.A. 웹 디자인. 2와 2처럼요. – M .: Eksmo, 2008.- 320 p.
2. Burlakov M.V. CorelDRAW 12. – 상트페테르부르크; BHV-피터스버그, 2004. – 688p.
3. 잠사 크리스. 창의적인 웹 디자인에 대한 효과적인 튜토리얼입니다. HTML, XHTML, CSS, 자바스크립트, PHP, ASP, ActiveX. 텍스트, 그래픽, 사운드 및 애니메이션. 영어 번역/Chris Jamsa, Conrad King, Andy Anderson - M.: DiaSoftUP LLC, 2005. - 672 p.
4. Dunaev V. JavaScript 튜토리얼, 2판. – 상트페테르부르크: Peter, 2005. – 395 p.
5. 졸니코프 D.S. PHP5. 복잡한 웹사이트를 직접 만드는 방법. – 2판. 문질러 지우는 – M .: NT Press, 2007. – 272 p.
6. Inkova N. A., Zaitseva E. A., Kuzmina N. V., Tolstykh S. G. 웹 사이트 생성: 교육 매뉴얼. 5부. 탐보프: 탐보 출판사. 상태 기술. 대학, 2005. – 56p.
7. Mazurkevich A. RNR: 프로그래머 핸드북 / Alexander Mazurkevich, Dmitry Elovoy. – Mn.: 새로운 지식, 2006. – 495 p.
8. 맥클랜드 딕. 포토샵 7. 사용자의 성경. : 당. 영어로부터 – M .: 출판사 “William”, 2006. - 928 p.
9. 비밀이 없는 Orlov L.V. 웹사이트. / L. V. Orlov. – 2판. – M .: Buk-press, 2006. – 512 p.
10. 폴론스카야 E.L. HTML 언어. 자체 사용 설명서: - M.: 출판사 "William", 2005. - 320 p.
11. 웹페이지 및 웹사이트 생성. 자기 사용 설명서: [교과서. 수당] / 에드. V. N. Pechnikova. – M .: Triumph Publishing House, 2006.- 464 p.
12. Yakushev, L. V. 인터넷 작업을 시작해 보겠습니다. 빠른 가이드. – M.: 출판사 "William", 2006. -128 p.
소프트웨어 개발 추세에서는 이를 요구하고 별도로 서있는 컴퓨터네트워크 소프트웨어(브라우저, 프로토콜의 소프트웨어 구현)가 장착되었습니다. 소프트웨어 기능 컴퓨터 네트워크현재 개발 단계에서는 사용되는 범위가 매우 넓습니다. 소프트웨어그리고 프로그래밍 언어. 이는 역동적인 발전과 다양한 컴퓨터 네트워크 및 관련 기술 덕분입니다. 이러한 상황에서는 어떤 기술이나 프로그래밍 언어도 다른 기술이나 프로그래밍 언어보다 결정적인 우위를 점할 수 없습니다. 이러한 상황은 소프트웨어 개발에 종사하는 전문가가 동시에 마스터하고 사용하도록 강요합니다. 실무수많은 개발 도구와 프로그래밍 언어.
예를 들어, 현대적인 요구 사항을 충족하는 일반적인 대화형 웹 페이지를 만들려면 하이퍼텍스트 마크업 언어 HTML, CSS(Cascading Style Sheets) 및 PHP와 같은 보다 복잡한 서버측 애플리케이션 개발 기술에 대한 지식이 필요합니다. 또한 소프트웨어의 서버 부분을 개발하려면 프로그래머는 Mysql 쿼리 언어를 사용하여 데이터베이스에 액세스할 수 있어야 합니다.
Denver: 툴킷 설치 자동화.
Apache 서버 및 관련 프로그램을 수동으로 설치하는 것은 매우 지루할 수 있습니다. 요점은 다시는 유용하지 않을 수많은 Apache, PHP 및 MySQL 구성 매개변수를 처리해야 한다는 것입니다.
Denver는 웹 프로그래머에게 필요한 모든 프로그램의 설치를 단순화할 수 있는 범용 설치 프로그램입니다. 이들은 동일한 Apache, PHP, MySQL, Perl 배포판을 단일 아카이브로 결합하고 특정 프로그램에 대한 편리한 설치 프로그램 및 구성 유틸리티를 갖추고 있습니다. 머신(가상 호스트 자동 구성 도구 포함)
덴버는 완전 자동화된 시설입니다.
이용약관.
Denver는 쉽게 설정하고 자유롭게 설치할 수 있도록 설계되었습니다.
분산 프로그램(Apache, PHP, MySQL 등). 당연히 그는 할 수 있다
웹 프로그래머와 디자이너라면 누구나 무료로 사용할 수 있지만 비상업적 목적으로만 사용할 수 있습니다.
덴버는 모듈식 구조를 가지고 있습니다. 그 핵심은 소위 "기본 패키지"입니다. 다른 모든 구성 요소는 기본 팩이 작동해야 하는 독립 실행형 확장 팩으로 제공됩니다.
기본 패키지의 내용물입니다.
기본 패키지에는 웹 프로그래머에게 필요한 대부분의 프로그램과 유틸리티가 포함되어 있습니다.
SSI를 지원하는 Apache, mod_rewrite, modphp;
GD 및 MySQL을 지원하는 PHP;
트랜잭션을 지원하는 MySQL(nrysqld-max)
PhpMyAdmin - 웹 인터페이스를 통한 MySQL 관리 시스템. 충분히
대체하다 명령줄 MySQL;
표준 라이브러리가 없는 Perl 코어;
센드메일 에뮬레이터;
PHP 및 Perl과 함께 작업을 지원합니다.
위에 나열된 모든 구성 요소를 포함하는 배포판은 약 2MB만 차지합니다.
추가 확장팩
Denver에는 다음을 포함하는 다양한 확장팩도 있습니다.
컴플렉스에 포함된 모든 프로그램에 대한 문서
표준 라이브러리가 포함된 Perl 정식 버전;
PHP 5 정식 버전;
개발자 지원.
http://forum.dklab.ru/denwer/에는 Denver 사용과 관련된 문제에 대해 책 저자로부터 조언을 얻을 수 있는 포럼이 있습니다. 또한 지난 2년 동안 사용자들이 질문한 광범위한 질문과 답변 데이터베이스도 포함되어 있습니다. 포럼에는 유연한 검색 시스템이 있습니다.
배포판 설치.
모든 배포판은 7-Zip 형식(http://7-zip.org)의 아카이브입니다. 이 형식은 최고의 압축률을 제공하기 때문에 선택되었습니다.
배포판을 구입한 후 실행해야 합니다. 먼저 아카이브가 임시 디렉터리에 압축이 풀리고(조금 기다려야 함) 설치 프로그램이 자동으로 시작됩니다.
컴플렉스를 설치할 디렉토리를 묻는 메시지가 표시됩니다(기본적으로 C:WebServers가 사용됩니다.
Denver에는 여러 구성 파일이 있으며 복잡한 구성 요소를 가장 쉽게 찾을 수 있는 위치에 있습니다. 일부 파일은 기본적으로 존재하지 않습니다. 변경하기 전에 먼저 생성해야 합니다.
- * 주요 구성 파일: /etc/CONFIGURATION.txt.
- * 아파치 httpd.conf 구성: /usr/local/apache/conf/httpd.conf.
- * 로컬 사이트 설정이 포함된 .htaccess 파일: 해당 사이트의 문서 디렉터리에 있습니다.
- * PHP 구성: php.ini: /usr/local/php/php.ini.
- * PHP 3 구성: /usr/local/php3/php3.ini.
- * 트랜잭션이 포함된 MySQL 구성: /usr/local/mysql/my.cnf.
- * 호스트 파일 - 사이트 이름과 해당 IP 주소의 대응:
Windows 95/98/ME의 경우: C:Windowshosts;
Windows NT/2000/XP의 경우: C:WinNTsystem32driversethosts.
덴버 시작하기.
설치가 완료되면 바탕화면에서 Denwer 바로가기를 클릭하세요.
브라우저에서 http://localhost를 엽니다(home/localhost/www 폴더에 저장됨).
HTML
인터넷에서의 정보 교환은 하나 또는 다른 응용 프로그램 서비스(파일 전송, 하이퍼텍스트 정보, 메일 등)를 구현하는 응용 프로그램 수준 프로토콜을 사용하여 수행됩니다. 인터넷 자체의 인기를 급상승시킨 가장 젊고 가장 인기 있는 인터넷 서비스 중 하나는 HTTP 프로토콜(Hyper Text Transfer Protocol)을 기반으로 하는 월드 와이드 웹(WWW)이었습니다. WWW에 표시되는 하이퍼텍스트 문서는 기존 하이퍼텍스트 문서와 한 가지 근본적인 차이점이 있습니다. 즉, 사용하는 연결은 하나의 문서에 국한되지 않으며 더욱이 하나의 컴퓨터에 국한되지 않습니다. 하이퍼텍스트 문서를 준비하기 위해 HTML 언어(Hyper Text Markup Language - 하이퍼텍스트 문서용 마크업 언어)가 사용됩니다. 이는 문서의 형식화 및 구조적 마크업, 다양한 문서 간의 연결 구성, 그래픽 및 멀티미디어 정보 포함 수단을 위한 충분한 기회를 제공합니다. HTML 문서는 브라우저라는 특수 프로그램을 사용하여 봅니다. 현재 가장 널리 사용되는 브라우저는 Netscape(NN)의 Navigator와 Microsoft(MSIE)의 Internet Explorer입니다. NN 구현은 거의 모든 최신 소프트웨어 및 하드웨어 플랫폼에서 사용할 수 있으며, MSIE 구현은 모든 Windows 플랫폼, Macintosh 및 일부 상용 Unix 시스템에서 사용할 수 있습니다.
HTML 문서는 문서의 내용을 나타내는 텍스트와 태그, 브라우저에 표시될 때 구조와 모양을 결정합니다. 가장 간단한 HTML 문서는 다음과 같습니다.
문서 본문
예제에서 볼 수 있듯이 태그는 꺾쇠괄호로 묶인 키워드입니다. 다음과 같은 단일 태그가 있습니다.
, 다음과 같이 페어링되었습니다.
, 후자의 경우 태그의 효과는 여는 괄호와 닫는 괄호 사이의 텍스트까지만 확장됩니다. 태그에는 매개변수도 있을 수 있습니다. 예를 들어 페이지를 설명할 때 배경색, 글꼴 색상 등을 설정할 수 있습니다. 텍스트="검은색">.
전체 문서의 텍스트가 태그에 포함됩니다.
, 문서 자체는 머리글과 본문의 두 부분으로 나뉩니다. 제목은 태그로 설명됩니다.
, 문서 제목을 포함할 수 있습니다(태그 사용).