웹 사이트 템플릿을 만들려면 어떻게해야합니까?
웹 사이트 디자인 아름답고 비싸지도 않고 자유롭고 독점적이거나 템플릿이 될 수 없습니다. 요즘 템플릿 사이트의 디자인은 단순히 엄청난 금액입니다.
기성품 웹 사이트 디자인 템플렛은 모두 지불되고모든 취향에 무료입니다. 그러나 이들 모두에는 큰 단점이 있습니다. 템플릿을 구입 했더라도 다른 사람이 템플릿을 구입할 수 있습니다.
당신이 당신의 자신의 웹 사이트를 갖고 싶다면,전문 스튜디오에서 웹 사이트 디자인을 주문할 수 없습니까? 당신은 귀하의 사이트에 대한 자신의 디자인 템플릿을 만들려고 할 수 있고해야합니다. 템플릿은 웹 프로젝트의 페이지 디자인을위한 준비의 일종이며 필요한 내용으로 채 웁니다.
그래서, 어디에서 시작해야합니다. 첫 번째 단계 - 예비 신중한 배려, 어떻게사이트의 디자인을보고 싶다면 불필요한 것처럼 보일 수 있습니다. 그러나 언뜻보기에는. 미래의 디자인을 종이에 그리는 것, 다른 옵션으로 실험 한 다음 그래픽 편집기에서 작업하는 것이 더 좋습니다.
다음 단계이미 짐작할 수 있듯이 그래픽 편집기에서 디자인을 그립니다. 동시에 편집인을 선택하는 것은 개인의 취향과 취향에 달려 있습니다. 가장 일반적인 그래픽 패키지 - Adobe PhotoShop, 그래서 그의 예제에 사이트의 디자인을위한 템플릿을 만드는 것을 고려해보십시오.
테이블 레이아웃이나 블록 (블록 인 경우)을 사용하면 미래 사이트의 페이지가 테이블의 셀이됩니다. 그려진 그림 놓기 디자인 레이아웃 사이트를 이러한 셀 또는 블록에 추가하는 것은 사이트 서식 파일을 만드는 다음 단계입니다. 이렇게하려면 하나의 단일 이미지를 원하는 셀 또는 블록의 수와 크기로 여러 부분으로 나누어야합니다.
Adobe Phohtoshop 프로그램에는 이미지를 자르기위한 특별한 도구가 있습니다 - 슬라이스 도구. 이 공구로, 말 그대로 칼처럼이미지는 필요한 수의 조각으로 잘립니다. 텍스트를 채울 때 사이트 페이지의 일부 표 셀이나 블록이 "늘릴"수 있다는 것을 고려해야합니다. 따라서 이러한 셀의 경우 복사 할 때 타일의 느낌을 내지 않도록 이미지 조각을 잘라내야합니다.
이미지가 필요한 부분 수로 잘 리면 저장해야합니다. Adobe Photoshop에서는이 작업이 쉽습니다. 메뉴에서 파일 당신은 항목을 선택해야합니다. 웹 장치 용으로 저장. 나타나는 대화 상자에서 다음을 수행해야합니다.의 유형을 선택«HTML 및 이미지»파일을 파일 이름«의 index.htm으로의»나«index.html을»(확장자 .HTM 선호)를 지정하고 미래 웹 사이트의 루트 폴더에 파일을 저장합니다. 모든 것이 제대로 된 경우 index.html 파일 및 카탈로그 이미지에 해당하는 폴더에 나타납니다. 이미지는 단지 이미지의 모든 컷 조각이 될 것입니다.
다음은 무엇입니까? 파일을 편집하는 것만 남습니다. index.html 그래서 당신이 텍스트로 그것을 채울 때이미지 나 흰색 줄무늬가 파열되지 않았습니다. 이러한 문제를 피하기 위해 이미지가 배경이어야하는 셀을 선택해야하며 셀은 늘어나거나 결합됩니다. 처음부터 완벽하게 이미지를 자르지 못했다면 낙담하지 말고 몇 가지 시도가 필요할 수 있습니다. 그러나 결과적으로 귀하의 사이트 디자인은 귀하가 원했던 것이며, 사이트 자체가 귀하를 기쁘게 할 것입니다. 독창성 및 유일성.
사이트 webstudio2u.net의 자료를 기반으로