IM Creator를 사용하여 웹 사이트 디자인
온라인 웹 사이트 빌더의 세계가 계속 확장되면서 10 분 이상을 투자 할만한 가치가있는 것은 찾기가 매우 어렵습니다. 이 시장에는 복잡한 인터페이스, 끔찍한 템플릿 및 잔인한 자유형 디자인 제한이 넘쳐납니다.
나는 최근 스타일과 기능면에서 두드러지는 IM Creator라는 제품을 발견했습니다. 그것은 약속에 부응 하거나이 시장의 나머지 사이트에 합류하고 적절한 DIY 웹 사이트 솔루션에 미치지 못합니까? 알아 보려면 계속 읽으십시오.
웹 기반 WYSIWYG의 곤경
WYSIWYG 웹 사이트 빌더는 여전히 많은 전문 코더와 디자이너들에 의해 웹 기반 WYSIWYG의 두 배에 달하는 약간의 가증 한 것으로 간주됩니다. 그것들의 대부분은 디자인의 자유에 엄격한 제약을가하거나 꽤 가증스러운 코드를 뱉어냅니다. 어떤 사람들은 요리를하기까지하는데… 플래시 사이트를 기다려라! 저는“자신이 직접 코딩”캠프에 들어 갔지만이 시장이 어떻게 발전하고 있는지 계속 주시하기 위해 새로운 것을 볼 때 항상 이런 것들을 가지고 노는 것입니다.
"우리는 코디 코디에 의한 거부에도 불구하고 시장은 죽기를 거부합니다."이 분야에 관심을 갖고있는 것은 우리 코가 코디에 의한 거부에도 불구하고 시장은 죽기를 거부한다는 것입니다. 실제로, 그것은 성장하고있을뿐만 아니라 빠르게 개선되고있는 것 같습니다. 내가 만나는 각각의 새로운 멋진 자체 제작 웹 사이트 빌더는 마지막 것보다 조금 낫습니다. 점진적 개선은 비웃을 일이 아니며 장기적으로 심각한 전문가조차도 인정해야 할 제품으로 이어질 수 있습니다.
그 날이 올까요? 많은 사람들은 그렇지 않다고 말합니다. WYSIWYGs는 심각한 웹 디자인 전문가를위한 도구가 될 수 없으며, 디자이너를 고용 할 여력이없는 대 리그 나 기업가가되기를 원하는 아마추어들만있을 것이라고 주장했다.
1980 년대로 돌아 가면 일반적으로 같은 컴퓨터를 말해 줄 수많은 디자이너를 찾을 것입니다. 물론, 그들은 잠재력을 가지고 있지만 심각한 디자이너는 결코 그것을 사용하지 않을 것입니다. 그렇게하는 것은 진정한 디자인의 예술과 손으로 건축의 자유를 포기하는 것입니다. 익숙한 소리?
나는 모든 웹 디자이너가 다 떨어지고 Homestead를 사용해야한다고 주장하는 것이 아닙니다. 단지이 틈새 제품이 언젠가는 전문 세계에서 큰 튀길 수 있다는 생각을 영원히 버리는 데 아무런 의미가 없다고 말하고 있습니다. 몇 년 전 Dreamweaver에서 본 것 이상의
그런 점을 염두에두고 이러한 것들을 계속 시도 할 것입니다. 나는 머리를 흔들면서 그들의 일부가 얼마나 멀리 떨어져 있는지 궁금해 할 수도 있지만 언젠가는이 제품들이 얼마나 멀리 왔는지 궁금해 같은 제스처를 수행 할 것이라고 확신한다.
메신저 작성기 만나기
제가 접한 최신 온라인 웹 사이트 빌더는 IM Creator입니다. 판매 피치는 형제들과 매우 비슷합니다. 한 줄의 코드를 무료로 입력하지 않고도 자신 만의 아름다운 웹 사이트를 구축 할 수 있습니다! 장기적으로는 사이트를 실제로 사용하려면 호스팅을 위해 포크해야하기 때문에 이러한 무료 주장은 모두 가짜라는 것을 알고 있습니다. 그러나 가입하고 사이트를 구축하는 것은 최소한 무료입니다.
IM Creator는 실제로 무언가를 저장할 때까지 가입을 지연시켜 사이트 빌더로 바로 이동할 수 있습니다.
여기의 인터페이스는 좋은 방법으로 완전히 드러났습니다. 간단하고 접근하기 쉬워 보입니다. 당신이 할 수있는 톤이 있지만 실제로 누구나 사용할 수 있도록 쉽게 구성 할 수 있습니다.
웹 페이지 구축
IM Creator는 처음부터 간단한 탐색 메뉴가있는 빈 페이지로 시작했습니다.
페이지에 무언가를 추가하려면 상단의 "요소 추가"버튼을 클릭하십시오. 그림, 제목, 단락, 비디오, 갤러리, 슬라이드 쇼 등을 추가하는 옵션이있는 상당히 큰 버튼이 확장됩니다.
시작하기 위해 이미지를 드롭하기로 선택했습니다. 바로 캔버스에 새의 매력적인 사진이 나타나서 크기를 조정하고 제자리로 드래그 할 수 있습니다.
이미지 위의 작은 링크 버튼을 클릭하면 내부 또는 발신 링크를 쉽게 설정하여 그림을 클릭 할 때 지정된 대상으로 이동할 수있는 대화 상자가 나타납니다. 다른 곳에서는 제목, 텍스트 등을 추가 할 수 있습니다.
사진을 선택한 상태에서 화면 오른쪽 상단의 "고급"옵션을 클릭하고 "테두리 및 배경"옵션을 선택합니다. 내 옵션을 살펴본 후 테두리 반경을 CSS (크롬에서 수행하는 방식)를 크랭크하여이 사진을 원으로 바꿀 수 있는지 확인하기로 결정했습니다.
불행히도 이것은 아무것도하지 않습니다. 상자에서는 작동하지만 이미지에서는 작동하지 않는 것 같습니다. 또한 테두리 반경은 최대 99px로 제어되므로 서클 해킹에 거의 쓸모가 없습니다.
어쨌든 혼자서 서클 사진을 만들 수 있습니다. 그래서 다음 단계는 새 자리 표시 자 이미지를 하드 드라이브의 이미지로 바꾸는 것입니다. 이렇게하려면 이미지를 클릭 한 다음 큰 파란색 "그림 바꾸기"버튼을 누르십시오.
이 앱은 내 사진을 빠르게 가져 와서 조금 움직입니다. 나는 여기에 워크 플로에 대한 느낌을 빨리 느끼기 시작했고 너무 나쁘지 않습니다. 응용 프로그램은 반응이 빠르고 예상보다 훨씬 부드럽습니다. 또한 iWeb과 같은 응용 프로그램과 마찬가지로 템플릿에 강제로 참여하지 않고 원하는 것을 만들 수 있습니다.
일부 텍스트 추가
다음으로“요소 추가”버튼으로 돌아가서 이번에는 단락을 선택합니다. 다시 한 번 자리 표시 자 내용은 매우 훌륭합니다. 단락은 머리글과 함께 나타나며 둘 다 이미 상당히 스타일이 좋습니다.
그러나, 나는 즉시 삐걱 거리는 선 높이를 싫어하여“문단 편집”을 눌러 수정할 수 있는지 확인합니다. 여기에는 글꼴 모음 설정 (Chunk Five 및 Aller와 같은 인기있는 무료 글꼴 선택), 크기, 색상 등의 기본 옵션과 고급 옵션이 있습니다. 여기에 내가 따르는 라인 높이 제어가 있습니다.
라인 높이를 1.5em까지 올리면 엄청난 도움이됩니다. 이미 우리 페이지가보기 시작했습니다!
메뉴 수정
다음은 의제 탐색 메뉴를 수정하는 것입니다. 간단한 호버 효과가있는 평범한 텍스트 만 사용하기로 결정했습니다.
이 작업을 수행하는 방법을 몰랐지만 메뉴 설정 버튼을 클릭하면 매우 쉽게 제어 할 수있는 일련의 컨트롤이 나타납니다. 배경색을 버리고 텍스트와 텍스트 호버 색상을 설정하고 원하는대로 항목을 배치하고 문자 간격을 조정할 수도있었습니다.
조금 더 메뉴를 조정 한 후에, 나는 로고를 던지고이 것은 실제로 괜찮은 웹 페이지처럼 보이기 시작합니다!
마무리
동일한 프로세스에 따라 나머지 디자인을 작성합니다. 여기에는 여러 가지 유용한 도구가 있습니다. 예를 들어 라이브 구글 맵과 트위터 피드를 단 몇 초만에 삽입 할 수있었습니다. 완성 된 결과는 다음과 같습니다.
무료 온라인 웹 사이트 빌더에서 실제로 내 머릿속에 무언가를 구축 할 수 있다는 것은 실제로 매우 인상적인 일입니다. CSS 속성, 특히 레이아웃에 대한 속성을 더 많이 제어하고 싶었지만 전체적으로 건물 경험은 즐거운 것이 었습니다.
좋아 보이지만 커튼 뒤에 무엇이 있습니까?
내 테스트에서 나온 실제 페이지를 보려면 여기에서 확인할 수 있습니다. 표면적으로는 괜찮아 보이지만 모든 웹 디자이너에게는 심각한 문제가 있습니다. 내가 잘못한 일이 없도록하기 위해 결과를 주요 사이트 중 하나와 비교했습니다. 그들은 같은 문제로 고생했다.
우선, 코드는 엉망입니다. HTML은 브라우저에서보고있는 페이지보다 앱 및 해당 기능과 더 관련이있는 콘텐츠로 가득합니다. 또한 기본 기능은 매우 거칠습니다. 예를 들어 페이지에서 텍스트를 선택할 수 없습니다. 내가 알 수있는 한 글꼴은 FontSquirrel 및 @ font-face와 함께 제공되므로 완전히 선택할 수있는 이유는 없습니다.
후드 코드와 기능은 거의 모든 WYSIWYG가 어떤 식 으로든 부족한 중요한 장소입니다. 이러한 도구와 결과 제품을 "실제"웹 사이트로 간주하기 전에 반드시 해결해야 할 영역입니다.
화려한 템플릿
IM Creator는 후드 아래에있는 것에는 크게 부족할 수 있지만 순수한 시각적 관점에서 볼 때 정말 뛰어납니다. 내장 템플릿은 다음과 같은 서비스에서 본 것 중 최고입니다.
WYSIWYG 서비스에서 진정으로 현대적인 웹 디자인 템플릿을 제공하는 누군가를 보는 것은 정말 좋은 일입니다.이 업계의 표준은 1999 년과 똑바로 보이는 페이지 인 경향이 있습니다.
전체 패키지
앞에서 언급했듯이“자유로운”요소는 실제로 디자인 요소를위한 것입니다. 호스팅 및 사용자 정의 도메인을 위해 반죽을 포크해야합니다. 현재 가격은 $ 7.95 / 월 (연간 $ 100에 불과)이지만 가까운 시일 내에 $ 12.95로 올라갈 것으로 보입니다.
그것은 세계에서 가장 저렴한 서비스는 아니지만 예산이 부족한 경우 1 년 동안 선택한 도메인에서 호스팅되는 매력적인 웹 사이트를 얻기 위해 100 달러를 지불하는 것은 실제로 꽤 괜찮은 거래입니다. 당신이 같은 목표를 염두에두고 저를 고용했다면, 당신은 확실히 더 많은 돈을 지불 할 것입니다.
결론 : 평결이란 무엇입니까?
분명히 이것은 전문 웹 디자이너를위한 제품이 아니며, 의도 된 것이 아닙니다. 우리는보다 전문적인 도구를 사용할 수 있으며 이러한 종류의 서비스는 필요한 힘이나 유연성을 제공하지 않습니다.
그러나 사진 작가, 식당 또는 기타 소기업이라면 IM Creator 패키지는 매우 매력적입니다. 가격이 적당하고 실제로 자유로이 처음부터 완전히 무언가를 만들 수있는 능력에 감동합니다. 그리고 처음부터 디자인에 재능이없는 사람들을 위해 제공된 템플릿은 내가 본 경쟁자를 날려 버립니다.
온라인 DIY 사이트 제작자는 아직 먼 길을 가졌지 만 IM Creator와 같은 제품은 미래에 이러한 유형의 도구가 대중에게 호소력을 발휘하고 전문가의 감시를받는 진정으로 인상적인 웹 사이트를 생성하는 것을 암시합니다.
