DreamWeaver를 사용하는 방법

Dreamweaver : 초보자를위한 포괄적 인 안내서

이 기사는 강력한 웹 사이트 디자인 소프트웨어 인 Adobe Dreamweaver 사용에 대한 4 가지 일반적인 질문에 답변합니다. 우리는 소프트웨어 사용, 간단한 웹 사이트 만들기, 초보자를위한 필수 기능 및 유용한 튜토리얼을 찾을 수있는 기본 사항을 다룰 것입니다.

Dreamweaver : 초보자 가이드

Dreamweaver의 인터페이스는 처음에는 압도적으로 보일 수 있지만 구조화 된 접근 방식으로 탐색하기가 쉽습니다. Dreamweaver를 열면 "시작"화면이 나타나 새 사이트를 만들고 기존 사이트를 열고 최근 프로젝트에 액세스하는 옵션을 제공합니다. 시작하려면 "새 생성"을 선택하십시오. 다양한 사이트 유형과 템플릿이 제공됩니다. 초보자에게는 "빈 사이트"가 권장됩니다. 그런 다음 웹 사이트 파일의 위치를 ​​지정해야합니다 (일반적으로 컴퓨터의 전용 폴더). 사이트를 설정 한 후 여러 패널로 구성된 메인 작업 공간이 표시됩니다. 문서 창 :

이곳에서 HTML 코드를 작성하고 시각적으로 웹 사이트를 디자인 할 수 있습니다. "라이브 뷰"(시각적 표현)과 "코드보기"(기본 HTML 코드) 사이를 전환 할 수 있습니다. 요소.

파일 패널 :
• 이 패널은 웹 사이트 프로젝트 내에 파일과 폴더를 표시하여 쉽게 탐색 및 관리 할 수 ​​있습니다. 이러한 패널을 탐색하고 해당 기능을 이해하는 것이 효율적인 DreamWeaver 사용법의 핵심입니다. 요소 추가 및 "코드보기"의 코드가 어떻게 변하는 지 관찰하는 실험. 데이터 손실을 피하기 위해 작업을 자주 저장하는 것을 잊지 마십시오. DreamWeaver를 사용하여 기본 웹 사이트 생성
헤더, 주요 컨텐츠 영역 및 바닥 글이있는 색인 페이지 ( "Index.html")로 구성된 간단한 웹 사이트를 작성하겠습니다.

새 사이트 만들기 : 이전 섹션에 요약 된 단계를 따라 새 빈 사이트를 만듭니다.
1. index.html 파일 생성 : "파일"에서 사이트의 폴더를 마우스 오른쪽 버튼으로 클릭하고 "새 파일"을 선택하십시오. "index.html"이름을 지정하고 "저장"을 클릭하십시오. 헤더 추가 : "삽입"패널을 사용하여 제목을 추가하십시오 (& lt; h1 & gt; to & lt; h6 & gt; tags). 제목 태그 내에 웹 사이트 제목을 입력하십시오.
기본 컨텐츠 추가 :
2. 웹 사이트의 본문을 만들려면 단락 (& lt; p & gt; tags)을 추가하십시오. "삽입"패널을 사용하여 이미지, 링크 또는 기타 요소를 추가 할 수 있습니다. 바닥 글을 추가하십시오 :
헤더와 유사하고, "삽입"패널을 사용하거나 HTML을 수동으로 입력하여 저작권 정보 또는 기타 관련 세부 정보를 가진 바닥 글을 생성합니다.
3. 웹 사이트를 미리보기 " 이것은 단순화 된 예이다. 진행 상황에 따라 더 많은 페이지, 스타일 및 대화식 요소를 추가 하여이 기본 구조를 확장 할 수 있습니다. 이 "당신이 보는 것은 당신이 얻는 것"(Wysiwyg) 접근 방식은 설계 프로세스를 단순화합니다. 삽입 패널 :
이 패널은 도구 상자입니다. 이미지, 링크, 테이블 및 형태와 같은 공통 요소를 효율적으로 추가하는 데 사용하는 법을 배우십시오.
4. 속성 패널 :이 패널을 사용하면 선택한 요소 (예 : 텍스트 크기, 색상, 이미지 치수)의 속성을 변경할 수 있습니다. 이 패널을 마스터하면 디자인 기능이 크게 향상됩니다. 코드보기 :
라이브 뷰는 도움이되지만 기본 HTML 코드를 이해하는 것은보다 고급 웹 사이트 개발에 필수적입니다. 기본 HTML 태그와 라이브 뷰에서 시각적 요소와 관련된 방법에 익숙해지면
5. 사이트 설정 : 사이트 설정 (로컬 루트 폴더, 해당되는 경우 서버 설정)을 올바르게 구성하십시오. 프로젝트 파일을 관리하는 데 중요합니다.
   Adobe의 공식 문서 :
   • Adobe는 웹 사이트에 포괄적 인 문서 및 튜토리얼을 제공합니다. 관심있는 특정 작업 또는 기능을 검색합니다. 특정 작업 (예 : "DreamWeaver CSS Tutorial", "DreamWeaver Responsive Design Tutorial"). 온라인 코스 : 온라인 코스 : Udemy, Coursera 및 LinkedIn Learning과 같은 플랫폼은 웹 사이트 개발의 다양한 측면을 다루는 구조화 된 Dreamwever 코스를 제공합니다. DreamWeaver와 함께 멋진 웹 사이트를 만들기 위해 잘 될 것입니다. 연습이 핵심이라는 것을 기억하십시오. 더 많은 실험을할수록 더 능숙해질 것입니다.

위 내용은 DreamWeaver를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!