소셜 미디어 Adobe Dreamweaver CS6에서 배경으로 이미지를 사용하는 방법 - 배경을 만드는 인형

Adobe Dreamweaver CS6에서 배경으로 이미지를 사용하는 방법 - 배경을 만드는 인형

비디오: 드림위버) 커피페이지에 배경과 폰트css 추가하기.. Dreamweaver) background image, add fonts 2025

비디오: 드림위버) 커피페이지에 배경과 폰트css 추가하기.. Dreamweaver) background image, add fonts 2025
Anonim

Adobe Dreamweaver CS6에서 웹 페이지의 배경을 만드는 것은 재미 있고 대부분의 사람들이 상상할 수있는 것보다 더 많은 방법으로 추구 할 수 있습니다. 하나의 작은 이미지로 반복 패턴을 만들거나, 워터 마크를 만들거나, 큰 이미지를 사용하여 전체 배경을 채울 수 있습니다.

기본적으로 HTML 배경은 선택한 이미지가 화면을 채울 때까지 반복됩니다. CSS 속성과 함께 반복 동작을 제어하거나 제거 할 수 있으며 단일 배경 이미지에 대한 정확한 위치 지정을 설정할 수도 있습니다.

패턴으로 배경을 채울 경우 모서리가없는 패턴 이미지를 만들어야합니다.

배경 이미지의 기본 반복 된 타일링을 사용하려면 다음 단계를 따르십시오.

  1. Photoshop에서 파일 → 새로 만들기를 선택하여 새 이미지를 만듭니다.

  2. 나타나는 새로 만들기 대화 상자에서 높이보다 훨씬 넓은 이미지를 만들고 RGB를 선택한 다음 72 dpi를 선택하고 확인을 클릭합니다.

    예를 들어 폭 텍스트 필드에 1000을 입력하고 높이 텍스트 필드에 20을 입력하십시오.

  3. 블렌드를 생성하려면 전경색과 배경색을 선택하십시오. 그래디언트 도구를 사용하여 이미지 영역의 위쪽에서 아래쪽으로 Shift + 드래그하여 그래디언트 채우기를 만듭니다.

  4. 파일 → 웹 저장을 선택하고 이미지를 JPEG 파일로 사이트의 웹 콘텐츠 폴더에 저장 한 다음 이미지를 닫습니다.

  5. Dreamweaver에서 [수정]> [페이지 속성]을 선택하거나 속성 관리자에서 [페이지 속성] 단추를 클릭하여 이미지를 웹 페이지의 배경 이미지로 배치합니다.

    페이지 속성 버튼이 보이지 않으면 페이지를 클릭하십시오. 이미지와 같은 다른 요소를 선택하지 않도록하십시오.

    페이지 속성 대화 상자가 나타납니다.

  6. 페이지 속성 대화 상자에서 배경 이미지의 오른쪽에있는 찾아보기 단추를 클릭하십시오. 창이 나타나면 저장된 배경 이미지의 위치로 이동 한 다음 확인을 클릭합니다.

  7. 페이지 속성 대화 상자로 돌아가서 확인을 클릭합니다.

    이미지가 배경에 나타나며 반복적으로 페이지 전체에 걸쳐 멋진 배경 그라데이션을 만듭니다!

사용자 모니터의 크기와 해상도에 따라 배경 이미지가 반복적으로 표시 될 수 있습니다. 배경 이미지를 반복하면 창의적인 결과를 얻을 수 있습니다.

브라우저에서 미리보기 / 디버그 버튼을 클릭하고 기본 브라우저에서 페이지를 미리보기 전까지는 배경이 표시되지 않을 수 있습니다.

Adobe Dreamweaver CS6에서 배경으로 이미지를 사용하는 방법 - 배경을 만드는 인형

편집자의 선택

소셜 캐스트는 무엇입니까? - 인형

소셜 캐스트는 무엇입니까? - 인형

Socialcast는 본질적으로 직장을 위해 특별히 설계된 Facebook 기반의 클라우드 기반 엔터프라이즈 소셜 네트워킹 애플리케이션입니다. 소셜 캐스트는 직원들의 생산성 향상에 도움이됩니다. 그들은 문서, 연구, 정보 및 기타 지식을 실시간으로 공유 할 수 있습니다. 여러면에서 Socialcast는 회사 인트라넷의 최신 반복이지만, 그 중 하나는 ...

소셜 미디어 공유를 용이하게하는 3 가지 도구 - 시청자에게 콘텐츠 공유 방법을 제공하는 더미

소셜 미디어 공유를 용이하게하는 3 가지 도구 - 시청자에게 콘텐츠 공유 방법을 제공하는 더미

소셜 미디어 사이트를 디자인 할 때 필수 요소입니다. 또한 요점을 좁히기위한 공간이 제한되어있을 때 공유하는 URL의 길이를 줄이는 것이 적절한 예절입니다. AddThis는 사용할 수있는 서비스입니다.

10 가지 소셜 미디어 블로그 - 인형

10 가지 소셜 미디어 블로그 - 인형

수많은 소셜 미디어 실무자 오늘 귀하의 존재를 최적화하는 데 도움이되는 유용한 블로그 사이트를 유지하십시오. 이 사이트는 다양한 목적으로 소셜 미디어를 사용하는 방법에 관한 정보의 금광입니다. 여기에 수집 된 내용은 소셜 미디어 블로거 10 명이 무엇을 읽기 원하는지에 대한 설명입니다.

편집자의 선택

코칭 축구 용 인형 치트 시트 - 인형

코칭 축구 용 인형 치트 시트 - 인형

코칭 축구는 당신과 당신 선수 모두에게 안전하고 재미 있어야합니다. 축구장의 레이아웃에 익숙해지기 시작하십시오. 축구 코치로서 당신의 선수는 당신에게지도를 구할 것입니다. 그래서 그들을 가르치고 동기를 부여하는 유용한 팁을 사용하십시오. 필드를 확인하고 게임을 체크하기위한 게임을 시작하십시오.

축구 코치가 축구 코치를 지원하는 방법 - 인형

축구 코치가 축구 코치를 지원하는 방법 - 인형

은 축구 코치로서 시즌 안내 및 지원. 다음은 축구 시즌을 통해 아이들을 도울 수있는 몇 가지 방법입니다 : 칭찬에 특화하십시오. 실수를했을 때보 다 플레이어가 뭔가를 잘 할 때 지적하는 관행을 중지하십시오. 피드백을 제공하는 동안 ...

축구에서 포메이션 선택 - 더미

축구에서 포메이션 선택 - 더미

포메이션은 축구 팀이 방어, 미드 필드 및 포워드를 정렬하는 방법입니다 경기 시작시 줄. 기술적 인면을 원한다면 수학적 가능성과 코치들이 게임을하기 위해 고안하려는 새로운 방식으로 인해 수십 개의 포메이션을 만들 수 있습니다. 축구는 유동적 인 게임입니다 ...

편집자의 선택

Photoshop Elements 10에서 날짜 별 검색

Photoshop Elements 10에서 날짜 별 검색

다른 날짜에 촬영 한 사진에서 날짜 검색을 통해 검색을 제한하여 사진을 찾을 수 있으며 요소가 지원하는 다른 모든 유형의 파일을 찾을 수 있습니다. Organizer에서 날짜는 카메라 메타 데이터에서 가져옵니다. 그러나 날짜가 다른 경우 ...

캡션 또는 메모가 파일에 추가되면 Photoshop Elements 10의 캡션 및 메모 - 인형

캡션 또는 메모가 파일에 추가되면 Photoshop Elements 10의 캡션 및 메모 - 인형

찾기 → 캡션 또는 메모 명령을 선택하여 적절한 옵션을 선택하여 캡션 이름, 메모 내용 또는 둘 모두를 검색 할 수 있습니다. 캡션 이름 및 메모를 검색하려면 다음 단계를 수행하십시오.

Photoshop Elements 10의 검색 옵션 - 인형

Photoshop Elements 10의 검색 옵션 - 인형

Organizer의 찾기 메뉴는 사진 검색에만 전적으로 사용됩니다. 찾기 메뉴에서 컬렉션, 카탈로그 및 Organizer 창에서 다양한 검색 기준에 따라 사진을 찾을 수 있습니다. 찾기 메뉴에서 명령을 사용하려면 Organizer 창에 사진을로드하거나 모음을 만들거나 ...