Skip to main content

개인 웹 사이트 구축을위한 단계별 가이드-Muse

Node.js로 나만의 홈페이지 만들기 참고 영상 (4 월 2025)

Node.js로 나만의 홈페이지 만들기 참고 영상 (4 월 2025)
Anonim

개인 웹 사이트를 보유함으로써 얻을 수있는 구직 혜택에 대해 읽었으니, 오늘 웹에서 웹 사이트를 개설 할 계획입니다.

당신의 말을 잡으십시오 : 나는 그것이 최고의 아이디어가 아니라고 말하려고 여기 있습니다.

예, 하루에 사이트를 채울 수는 있지만 웹에서 가장 완벽하게 대표하는 사이트와 채용 관리자가 거의 확실하게 볼 수있는 사이트를 원하십니까? 황급히?

더 좋은 아이디어는 사이트의 각 부분을 완벽하게 만드는 데 약간의 시간을 소비하는 것입니다. 귀하를 돕기 위해 개인 웹 사이트를 완성하기위한 7 일 간의 계획을 마련했습니다. 초기 계획 단계부터 실제 건물 및 설계에 이르기까지 월드 와이드 웹에서 자신 만의 공간을 만드는 모든 단계를 안내합니다.

1 일 : 메시지 결정

첫날은 실제로 큰 그림의 날입니다. 아직 도메인 이름을 조사하지는 않을 것입니다. 사이트의 핵심 메시지가 무엇인지 정확히 파악하는 것부터 시작해야합니다. 누구세요? 누구를 유치하려고합니까? 당신의 웹 사이트가 세상에 무엇을 말하고 싶습니까?

보다 구체적으로, 다음은 사이트에 대한 모든 것을 생각하고 정의하는 데 도움이되는 세 가지 질문입니다.

  • 내 사이트에서 처음 30 초 동안 누군가 내가 원하는 인상은 무엇입니까?
  • 내 사이트가 어떻게 고용주에게 눈에 띄는가?
  • 저의 초강대국이란 무엇입니까? 다른 후보들과 차별화되는 점은 무엇입니까?

그렇지 않은 것처럼 보일 수도 있지만 이번 주 나머지 기간 동안 수행 할 모든 작업의 ​​기초가되므로 실제로 사이트 구축에서 가장 중요한 단계입니다. 어떤 정보를 포함하고 어떤 정보를 전면 및 중앙에 표시할지 결정하는 데 도움이됩니다. 사본 위치에 영향을줍니다. 또한 디자인의 모양에도 영향을 미칩니다.

흩어져있는 (혹은 지루한) 사이트와 명확하고 매력적인 사이트의 차이입니다. 따라서 시간을내어 진정으로 굳히십시오.

(참고 : 개인 브랜드를 생각해내는 것은 특히 이전에 생각해 본 적이없는 경우 큰 과정입니다. 어려움을 겪고 있다면 며칠을 더 투자하고이 멋진 개인 브랜딩 통합 문서를 확인하십시오. 각 단계를 안내합니다).

2 일차 : 구조 파악

집을 짓고 있었다면, 첫날 망치와 못으로 나타나서가는 것이 아니라 철저한 계획을 세워야합니다. 그렇지 않으면, 당신이 생각했던 방식대로 일이 잘 맞지 않을 것입니다. 귀하의 사이트에도 동일하게 적용되므로 오늘 청사진을 작성하게됩니다.

가장 쉬운 방법은 실제로 낙서를하는 것입니다. 펜과 종이를 들고 사이트에 포함하려는 모든 것을 적어 시작하십시오. 짧고 화끈한 바이오 또는 길고 포괄적 인 바이오? 사진 또는 많은? 모든 작업 또는 포괄적 인 포트폴리오에 대한 링크? 귀하의 연락처 정보와 소셜 미디어가 처리합니까? 무엇을 포함해야하는지에 대한 검증 된 공식은 없습니다. 모두 자신이 누구인지, 어떤 메시지를 보내려고하는지에 따라 다릅니다. (압도 감을 느끼면 작게 시작하는 것이 좋습니다. 나중에 더 추가 할 수 있습니다!)

그런 다음 퍼즐 조각을 모두 확인한 후 퍼즐이 어떻게 맞는지 파악할 수 있습니다. 원하는 정보를 위해 상자 상자와 함께 샘플 "페이지"를 그립니다. 사진과 글이 별도의 두 페이지 또는 하나의 "포트폴리오"페이지에 있어야합니까? 귀하의 바이오가 홈페이지, 귀하가하는 일을 나타내는 큰 사진 아래 또는 별도의“정보”페이지에 있어야합니까? 어제 결정한 메시지를 강력하게 전달할 수있는 적절한 장소에있을 때까지 다양한 구조를 시도해보십시오.

3 일째 : 사본 작성

어제 운동에서 필요한 텍스트 블록이 무엇인지, 그리고 실제로 작성해야하는 오늘의 날을 정확히 알아야합니다!

여기서 규칙은 사이트의 모든 텍스트가 명확하고 이해하기 쉬우 며 침착하고 시원하며 수집되거나 짧고 짤막한 전문적인 성격을 약간 나타내기를 원한다는 것입니다. 매력적인 방법으로 자신에 대해 글을 쓰는 방법을 모르는 경우 주제에 대한 Alexandra Franzen의 조언을 확인하거나 전문적인 바이오를 작성하기위한 두 가지 템플릿 중 하나를 사용해보십시오.

아, 헤더, 메뉴 막대, 페이지 설명 등과 같은 것을 잊지 마십시오. 웹 사이트를 탐색 할 때는 이러한 작은 세부 사항을 쉽게 간과 할 수 있지만 처음부터 새로 작성할 때는 반드시 작성해야합니다.

4 일 : 해골 만들기

모든 조각을 제자리에 놓으면 실제 사이트에 손을 대야 합니다! Squarespace와 같은 플랫폼을 사용하면 거의 모든 시간 (제작 능력없이)에서 제로에서 웹 사이트로 쉽게 이동할 수 있으므로 사용할 도구를 선택하고 계정에 가입하여 아기를 키우기 시작하십시오. .

템플릿, 글꼴 및 디자인 체계에 대해 즉시 프렛 팅을 시작하고 싶은 유혹이 있지만, 그 욕구에 저항하십시오! 오늘날에는 사이트의 모든 기본 사항을 설정하고 실행하여 멋진 모습을 보이기 시작하면 내일부터 작업 할 수있는 무언가를 갖기를 원합니다.

지금은 골격 만들기에 대해 생각해보십시오. 둘째 날에 만든 구조를 가져 와서 필요한 모든 페이지를 만듭니다. 어제 쓴 사본을 모두 가져 가서 적절한 장소에 놓으십시오. 업로드 한 작품의 이미지 나 다른 사이트로 연결되는 링크를 가져옵니다. 이러한 기본 사항을 준비하면 내일보다 훨씬 쉬워집니다.

5 일차 : 설계

이제 가장 재미있는 부분이되었습니다 : 제 생각에는 사이트를 시각적 걸작으로 바꾸십시오! 오늘날 다양한 템플릿을 사용하여 가장 좋아하는 것을 확인하고, 색상으로 놀며, 자신과 실제로 대화하고 싶은 글꼴을 선택할 수 있습니다.

사이트가 어떻게 보이는지 확실하지 않은 경우 웹에서 영감을 얻으십시오. 정말 좋아하는 웹 사이트로 이동하여 어떤 색상과 글꼴을 사용하는지 확인하십시오 (웹 사이트에서 글꼴을 식별하는 데 도움이되는 Chrome 확장 프로그램이 있습니다). 다른 개인 웹 사이트를보고 어떤 종류의 로고와 디자인 구성표가 있는지 확인하십시오. Squarespace에는 찾아 볼 수있는 수많은 샘플 웹 사이트가 있거나 온라인 입지를 사용하여 취업을 한 6 명의 전문가의 개인 웹 사이트를 확인하십시오.

팩에서 사이트를 시각적으로 눈에 띄게 만드는 가장 좋은 방법은 개인 로고를 사용하는 것입니다. 디자인 절단이없는 경우 Squarespace에는 누구나 사용할 수있는 간편한 로고 제작 도구가 있습니다. Fiverr 같은 사이트에서 디자이너에게 돈을 지불하도록 디자이너에게 지불 할 수도 있습니다. 사이트에 다른 시각적 요소를 찾는 데 도움이 필요하십니까? 사용할 수있는 무료 (그리고 아름다운) 이미지 모음을 확인하십시오.

제 6 일 : 외눈을 얻는다

개발자는 새로운 웹 사이트를 먼저 철저히 테스트하지 않고는 웹 사이트를 공개하지 않을 것이므로 동일한 방법을 사용해야합니다. 당신은 정말로 당신의 사이트와 함께 참호에 빠졌고, 당신은 눈부신 실수 나 당신이 잃어버린 것들이 실제로 당신을 빛내는데 도움을 줄 수있는 것을 눈치 채지 못할 수도 있습니다.

따라서 외부 관점을 얻으십시오. 몇 명의 친구 나 멘토에게 사이트 링크를 보내고 10 분 동안 클릭 한 다음 피드백을 줄 수 있는지 묻습니다. 원하는 경우 다음과 같은 지침을 따라 몇 가지 질문을 보내서 안내를받을 수 있습니다.

  • 사이트에서 당신에 대한 당신의 인상은 무엇입니까?
  • 사이트의 모든 것이 의미가 있습니까? 쉽게 탐색 할 수 있습니까?
  • 전문적이고 재미있게 보입니까?
  • 변경할 것이 있습니까?

해당 이메일을 보내면 휴무일이 허용됩니다. 귀하는 사이트에서 열심히 일하고 있으며 휴식을 취할 자격이 있습니다! 또한, 물러서서 내일 마지막 날을위한 명확한 머리로 돌아 오는 데 도움이 될 것입니다.

7 일 : 마무리 작업

7 일째에 일을 시작하면 웹 사이트를 새로 열고 채용 관리자, 회의 주최자 또는 공동 작업자 등 대상 사용자를 상상해보십시오. 매우 중요한 눈으로 사이트를보고 어제 친구들에게 질문 한 것과 같은 질문을하십시오. 첫 날부터 핵심 메시지로 돌아가십시오. 사이트가이를 반영합니까? 작동하지 않는 것에 대해 자신에게 정직하십시오! 귀하의 사이트를 전세계에 보내기 전에 귀하의 사이트를 완벽하게 만들 수있는 기회입니다. 모든 메모를 기록한 다음 친구의 이메일을 열고 의견을 추가하십시오.

이 의견을 반영하여 나머지 시간을 보내십시오. 이것은 색 구성표를 변경하거나 여기 저기 단어를 조정하는 것부터 전체 페이지를 제거하거나 재정렬하는 것에 이르기까지 모든 것을 의미 할 수 있습니다. 조정이 완료되면 최종 조회 (모든 텍스트의 최종 증거)를 수행하십시오. 모든 것에 만족하는지 확인한 다음 뒷면에 자신을 두 드리십시오. 자랑스러운 개인 웹 사이트가 있습니다!

물론 일이 여기서 멈추지 않습니다 (죄송합니다). 귀하의 사이트를 소셜 프로필에 넣고 트윗하고 구직 자료와 공유하여 사이트를 세상에 공개해야합니다. 새로운 정보 (또는 블로그를 사용하는 경우 일반 컨텐츠)로 업데이트 상태를 유지해야합니다.

그러나 적어도 지금은 모든 마법이 일어날 수있는 강력한 기반을 가지고 있습니다.

다음 읽기

  • 디자이너가 아닌 경우에도 자랑스러운 웹 사이트를 디자인하는 방법은 다음과 같습니다.
  • 당신은 정말로 당신의 자신의 도메인 이름이 필요합니까? (예, 여기에 하나를 얻는 방법이 있습니다)
  • 미래 고용주에게 기술을 과시하는 5 가지 창의적인 방법