오늘날 대부분의 웹 디자이너는 Adobe Dreamweaver 또는 Adobe Fireworks와 같은 값 비싼 프로그램을 사용하여 웹 사이트를 만듭니다. 음,이 프로그램들은 많은 기능을 가지고 있지만 또한 가격이 비쌉니다. 웹 디자이너를 시작으로 몇 가지 사이트를 디자인 할 때까지는 이런 프로그램에 액세스 할 수 없었습니다. 그래서 필자는 시작했을 때 가지고 있던 웹 디자인을 만들 수있는 방법이 필요했습니다. Windows XP, 인터넷 연결 및 배우려는 의지가있는 랩톱이었습니다. 내가 필요한 것은 내 웹 페이지를보고 싶었던 방식으로 레이아웃을 만들고 내 웹 사이트의 이미지 부분을 추출 할 수있는 방법이었습니다..
웹 사이트를 만드는 방법 - 웹 디자인 자습서
Adobe는 웹 페이지에서 작동하도록 이미지를 자르는 데 사용하는 조각 도구라고하는이 깔끔한 작은 도구를 사용합니다. 필자가 발견 한 것은 MS Paint가 Photoshop만큼 쉽지는 않지만 그렇게 할 수는 있지만 여전히 실행 가능하다는 것입니다. 따라서 메모장, MS 페인트 및 Windows 계산기는 고품질의 웹 페이지를 만드는 데 필요한 모든 것입니다. 이제 MS Paint를 열고 :Image:로 이동하여 :Attributes:를 선택하거나 Ctrl + E를 눌러 크기를 800x600으로 변경하거나 웹 페이지를 원하는 크기로 변경하십시오. 이제 페인트 깡통 도구를 사용하여 기본 배경색을 만들고 배너를 만들고 이미지 링크를 옆이나 위로 움직여보십시오. 기본적으로이 이미지를 웹 페이지가 보이게하는 모양과 정확히 일치 시키지만 웹 페이지에 내용을 추가하지 마십시오..
이제 MS Paint에서 디자인을 완성 했으므로 이미지를 추출하여 사용할 수 있습니다. 이 작업을 수행하는 가장 쉬운 방법은 도구 모음의 오른쪽 상단에있는 사각형 선택 도구를 사용하는 것입니다. 이 도구를 선택한 다음이 도구를 사용하여 첫 번째 이미지가 될 첫 번째 상자를 선택하십시오. 이미지를 선택하고 나면 :편집:을 클릭 한 다음 :복사:를 클릭하거나 Ctrl + C를 클릭합니다. 다음으로 MS 그림판의 다른 인스턴스를 열고 :편집:을 클릭 한 다음 :붙여 넣기:또는 Ctrl + V를 클릭하여 이제 선택 항목이 자체 이미지가됩니다. 이미지의 오른쪽 아래 상자를 잡고 캔버스의 크기를 조정하여 이미지 주위에 여분의 흰색이 표시되도록하십시오. 이제이 이미지를 기억할만한 것으로 저장하십시오. 이제는 이미지의 논리적 영역 모두에 대해 이렇게 할 것입니다. 각 링크는 자체 이미지가 될 것이고 여분의 공간은 이미지가 될 것이고 컨텐츠를 올릴 비행기가있는 전체 영역은 고유 한 이미지가 될 것입니다.
이제는 모든 이미지가 완성되었으므로 웹 페이지에 넣을 차례입니다. 이것은 테이블을 사용하고 모든 환자의 크기가 올바른지 확인하기 위해 환자를 조금만 가지고 간단하게 할 수 있습니다. 먼저 너비가 800이 될 테이블을 만들 것입니다. 그 너비는 우리가 만드는 원래 이미지의 너비이기 때문입니다. 작성한 원본 이미지의 너비가 더 큰 경우 테이블에 해당 이미지가 반영되는지 확인하십시오. 다음으로 우리는 border = :0:, cellpadding = :0:및 cellspacing = :0:을 확인하고자합니다. 모든 이미지는 테이블에 배치되어 원본 이미지를 다시 만듭니다. 이미지로 링크를 만들 때 img 태그에서 border = :0:을 지정하면 이미지 주위에 파란색 테두리가 나타나지 않도록해야합니다.
다음은 웹 사이트의 콘텐츠 영역을 처리하는 방법이며 Google에서이 작업을 수행 할 수있는 두 가지 방법이 있습니다. 첫 번째 방법은 우리가 잘라낸 이미지를 가지고 우리의 콘텐츠를 담을 td 태그의 배경으로 사용하는 것입니다. 이 방법은 조금 쉽지만 웹 페이지의로드 시간을 늘립니다. 다른 방법은 콘텐츠 섹션의 배경이 단색 인 경우에만 작동합니다. 화면에 원본 이미지가로드 된 상태로 MS 그림판으로 돌아가서 눈동자 모양의 작은 도구 모음 단추를 선택하고 내용이 될 이미지 영역을 클릭하십시오. 이렇게하면 색을 페인트 프로그램에서 볼 수 있고 편집 할 수 있습니다. ';색상';을 클릭 한 다음 ';색상 편집';을 클릭하면 ';맞춤 색상 정의';를 클릭 한 창이 열립니다. 그러면 사용중인 빨간색, 녹색 및 파란색의 양을 볼 수있는 작은 창이 열립니다. 이 숫자들을 복사하고 :Edit Colors:창에서 Cancel을 클릭하십시오. 이제 계산기를 열고 :보기:, :과학적:을 클릭하여 계산기로 모든 추가 옵션을 얻을 수 있습니다. 색상을 얻으려면 웹 페이지에서 페인트에서 가져온 십진수를 HEX로 변환해야합니다. 그래서 우리가 적어 놓은 첫 번째 숫자를 계산기에 입력 한 다음 HEX라는 라디오 버튼을 클릭하십시오. 이제 십진수의 16 진수와 같습니다. 그래서 우리가 복사 한 3 개의 숫자 모두에 대해이 작업을 수행해야합니다. 예를 들어 Red 56 Green 153과 Blue 23을 HEX로 변환하면 Red 38 Green 99와 Blue 17이됩니다. 따라서 tr에 배경을 설정하는 코드 태그는 :# 389917:이됩니다..
따라서 MS Paint를 사용하면 Photoshop을 사용하여 웹 페이지를 만드는 것보다 시간이 조금 더 소요됩니다. 그러나 Photoshop 또는 Fireworks를 구입할 수있는 충분한 웹 사이트를 만들 수있을 때까지는 약간의 시간이 소요될 것입니다. 나는이 기사를 즐겁게 읽고 그것이 유익하다는 것을 알았 으면한다. 웹 사이트를 디자인하는 방법 성공적인 웹 사이트를위한 황금률은 :빠르고 쉽게, 조직적으로 유지하십시오.:계속되고 있습니다. 방문자를 끌어 들이고 사이트에 도착한 후에는 방문자를 유치하기 위해 탐색 및 콘텐츠가 간단해야합니다. 그것을 빠르고, 쉽고, 조직화하는 것은 우연히 일어나지 않습니다. 일반적인 웹 사이트 디자인 실수를 피함으로써 발생합니다..
모든 웹 사이트를 처음 방문하는 사람들은 가능한 빨리 알아야합니다.
...너 누구 니?
...왜 귀하의 사이트는 독서 가치가 있습니다
...왜 그들이 당신에게서 사야하는지
...무엇보다 사이트를 돌아 다니면서 그들이 가고 싶은 곳으로 이동하는 방법
이러한 기본 사항을 제공하지 않거나 다른 일반적인 오류를 발생시키지 않는 사이트는 방문자를 보유하지 않고 이미 인터넷에있는 수많은 웹 사이트에서 길을 잃습니다..
싸우는 기회를 가지려면 다음 웹 사이트 실수를 피하여 온라인 상태를 최대한으로 확인할 수 있도록하십시오.
1. 웹 사이트가있을 때 고객에게 초점을 맞추는 것이 중요합니다. 가장 큰 웹 사이트 실수 중 하나는 회사에 도움이되지만 고객을 혼란스럽게하는 방식으로 사이트를 구성하는 것입니다. 먼저 고객이 원하는 것을 찾아 내고 웹 사이트를 만들어 쉽게 만들 수 있도록하십시오. 너무 많은 웹 사이트는 설계자 만 사이트 사용 방법을 이해하도록 설계되었습니다.!
2. 많은 기업들이 웹 사이트 디자인에 완전히 반대하는 잠재력에 너무 흥분합니다. 도메인 이름과 호스팅을 얻고, 웹 사이트를 개발하고, 고객이 원하는 것을 결정합니다..
저렴한 비용과 성공을위한 올바른 단계 순서는 다음과 같습니다.
a) 고객의 기대와 요구 정의
b) 웹 사이트 개발 - 현재 도메인 이름을 예약 할 수 있지만 호스팅은 아직 필요하지 않습니다.
c) 호스팅을 선택하고 도메인 이름을 활성화합니다.
d) 서버에 웹 사이트를 업로드하고 마케팅 접근 방식에 인터넷 존재를 통합하십시오.
3. 방문자가 웹 사이트를 보는 데 사용할 웹 브라우저와 화면 해상도를 생각해보십시오. 웹 사이트가 올바르게 표시되고 읽기 쉽도록하십시오. 예를 들어 디자인을 완료하기 전에 Internet Explorer와 Firefox (가장 널리 사용되는 두 가지 브라우저)에서 웹 사이트를 봅니다. 귀하의 사이트는 브라우저와 다르게 렌더링 될 수 있습니다. 탐색하기 어려운 사이트를 보유하는 것이 가장 큰 웹 사이트 실수 중 하나입니다..
4. 일부 웹 사이트는 사용자가 웹 사이트를 사용하기 위해 소프트웨어 응용 프로그램을 다운로드하도록하는 실수를합니다. 사이트의 일부를 볼 수있게되기 전에 다운로드해야하는 특별한 프로그램을 갖는 것은 큰 실수입니다. 연구에 따르면 사람들은 웹 페이지를보기 위해 컴퓨터에 항목을 다운로드하기를 원하지 않는다고합니다. 유일한 예외는 PDF 전자 책입니다. PDF는 업계 표준이며 대부분의 컴퓨터에는 PDF 리더가 내장되어 있습니다. 사람들은 전자 책을 PDF 형식으로 다운로드 할 수 있습니다..
5. 웹 디자인 소프트웨어를 사용하면 디자이너가 웹 사이트에 실제보다 더 많은 그래픽을 배치 할 수 있습니다. 큰 이미지를 작게 만들 수 있지만 여전히 많은 양의 대역폭을 소비하고 웹 페이지 로딩을 느리게 할 수 있습니다. 이것은 방문자를 쫓아 버리는 확실한 방법입니다. 또한, 개인 사진은 항상 전문적인 모양을 나타내지는 않으며 아껴서 사용해야합니다.
6. 플러그인, 특수 효과, 복잡한 영상 및 기타 특수 효과를 피하십시오. 이들은 종종로드 시간이 오래 걸리고 특별한 소프트웨어가 필요하며 최악의 경우 방문객의 컴퓨터가 고장날 수 있습니다. 웹 사이트가 예술 작품이나 공연 예술 작품으로 디자인되지 않고 주로 엔터테인먼트 용도로 존재하는 경우가 아니면 멋진 것들을 피하십시오. 대부분의 사람들은 웹 사이트를 방문하여 정보 또는 제품을 가능한 한 빠르고 쉽게 얻습니다..
마지막으로, 가장 일반적인 실수 중 하나는 방문자가 갑자기 온라인 상태가되면 즉시 귀하의 웹 사이트에 몰려들 것이라고 가정하는 것입니다. :당신이 그것을 세우면 올 것이다.:는 적용되지 않습니다. 당신은 당신이 그것과 그것을 어디에서 발견 할지를 그들에게 말해야합니다. 당신이 당신의 웹 사이트에 만족하자마자, 온라인 마케팅의 기초로 가라..