홈페이지 제작방법 (답답해요ㅜㅜㅜ)

홈페이지 제작방법 (답답해요ㅜㅜㅜ)

작성일 2007.03.10댓글 5건
    게시물 수정 , 삭제는 로그인 필요

 

홈페이지 제작을 하고싶습니다만..

태어나서 처음으로 시도해보는 것이고.

완전 쌩판 초짜이기 때문에 답변주시는분은

좀 번거로우실지 모르지만...

불쌍한 사람 구한다고 생각하고 꼭 답변주세요 ㅜㅜ

 

사실 카페에서 팬픽을 쓰고있는 작가입니다.

근데 개인홈을 만들고싶은데..

홈페이지 만드는게 워낙 어려운게 아니라서요 ㅜㅜ

다른 글쓰는분들의 개인홈 처럼

그런식의 홈을 만들고싶은데...방법을 하나도 모릅니다.

 

일단 무료계정으로 시험삼아 만들어보고

유료계정으로 만들생각인데요.

무료계정으론 우뜨보드에서 받았어요.

 

이제 질문들어가요 (서두가 너무길었죠, 죄송 ㅜㅜ)

 

1. 포토샵으로 메인이나 이런걸 만들고 이미지레디로 넘어가서

칼모양처럼생긴(;) 툴로 자른다는데..그 자른다는 의미를 모르겠어요.

이미지를 어딜 어떻게 자르는건지;...슬라이스? 이건 또 뭐죠..

 

2. 이미지를 자르고나서 저장을 한다는데 image 폴더가 저절로 만들어진다는둥..

도통 모르겠거든요. 어떤식으로 저장하는지 알려주세요.

 

3. 메인 만들고 나서 알FTP로 서버접속을 하고나서(접속방법은알아요)

자료 업로드하는 방법 알려주세요.

 

4. 홈같은데 들어가보면 메뉴도 직접 디자인하잖아요.

포토샵에서 디자인하고 이것도 이미지레디에서 잘라서 저장해야하나요? (이것역시하는방법좀..) 그리고 디자인 한 메뉴를  클릭할 수 있게..만드는 방법 좀 알려주세요 ㅜㅜㅜㅜㅜ

이런것처럼 각각의 메뉴에 링크를건다고나 할까..아무튼 누를수 있게 만드는거...ㄷㄷ

 

 

 

 

...아 언어구사력이 딸린면도 있고

여러모로 이렇게 글로 설명하기가 힘드네요 ㅜㅜㅜ

제발제발제발 알려주세요!

 

★ 질문이 이해가 안가시면 이렇게 알아들으시면돼요.

포토샵에서 메인만들고 이미지레디 칼모양툴로 자르는 방법과 저장방법.

그리고 링크걸어서 클릭하게 만드는 방법과 알FTP로 홈페이지에 업로드하기

또 위에사진처럼 저렇게 메뉴에 링크거는 방법이요.

 

이 모두를 홈페이지에 적용하는 방법도 알려주세요!

 

 

 

 

 

 

 

 


#홈페이지 제작방법 #쇼핑몰 홈페이지 제작방법

profile_image 익명 작성일 -

1. 포토샵으로 메인이나 이런걸 만들고 이미지레디로 넘어가서

칼모양처럼생긴(;) 툴로 자른다는데..그 자른다는 의미를 모르겠어요.

이미지를 어딜 어떻게 자르는건지;...슬라이스? 이건 또 뭐죠..

> 포토샵에 있는 슬라이스툴은 이미지를 잘라서 따로 따로 저장하는데 쓰입니다.

슬라이스툴로 이미지를 원하는 모양으로 잘라내신 후 file > save for web을 누르시고

html형식으로 저장하시면 저장하신 곳에 html파일과 image폴더가 생성됩니다.

html파일은 필요없구요.. image폴더를 보시면 님이 잘라낸 부분이 이미지로 저장된 모습을 보실 수 있답니다.

'자른다'의 이미는 슬라이스 툴로 이미지를 나누는거라고 이해하시면 되겠네요.

 

2. 이미지를 자르고나서 저장을 한다는데 image 폴더가 저절로 만들어진다는둥..

도통 모르겠거든요. 어떤식으로 저장하는지 알려주세요.

> 위에 답변 참고

 

3. 메인 만들고 나서 알FTP로 서버접속을 하고나서(접속방법은알아요)

자료 업로드하는 방법 알려주세요.

> 서버 접속 방법을 안다면 다 끝났네요..

님이 파일을 업로드할 곳으로 접속하신 후 업로드할 파일 선택 후 '업로드'버튼을 누르기만 하면 됩니다.

 

4. 홈같은데 들어가보면 메뉴도 직접 디자인하잖아요.

포토샵에서 디자인하고 이것도 이미지레디에서 잘라서 저장해야하나요? (이것역시하는방법좀..) 그리고 디자인 한 메뉴를  클릭할 수 있게..만드는 방법 좀 알려주세요 ㅜㅜㅜㅜㅜ

> 님이 게재 하신 이미지처럼 한꺼번에 메뉴를 만들어서 슬라이스툴로 잘라내어 사용하는 방법이 있지요.

저장하는 방법은 1에서 설명드렸고. 포토샵에서 저장이 가능합니다.

 

클릭할 수 있게 하는 방법은..

링크를 걸어주시면 됩니다.

소스는(*제거)

<*a href="클릭하면이동할경로><*img src=이미지경로><*/a>

만약 클릭했을 때 특정 부분에 html파일이 나타나게 하려면 아이프레임을 사용하시면 됩니다.

아이프레임 소스는(*제거)

<*iframe src=메뉴에서링크를클릭하기전에보여줄html화일경로 width="가로크기" height="세로크기" name="a"><*/iframe>

이구요.

링크를 걸어주는 소스에 target=a 라는것만 추가해주시면 됩니다.

 

모든것을 예를 들어 완성해보면

메뉴부분 :: <*a href=menu.htm target=a><*img src=menu/01.jpg><*/a>

 

html 화일이 나타날 부분 <*iframe src=ready.htm width=400 height=120 name=a><*/iframe>

 

 

 

 

 

수정 내용


홈페이지를 들어가면 메인이 딱 뜨긴뜨는데..
링크 걸어놓은 메뉴있죠? 그 메뉴를 누르고
이동하게 될 페이지는 어떻게 만드나요 ㅜㅜ

> 메뉴를 누르면 나타나는 페이지를 어떻게 만드는지를 질문하신 겁니까?..

제가 뭘 잘못 이해한것 같은데..

이걸 질문하신게 맞다면 ,..

메뉴를 누르면 나타나는 페이지..

메뉴마다 다른 페이지로 가야겠지요.

예를들어 '가족'이란 메뉴를 누르면 family.htm이 name값이 a로 설정된 아이프레임에 보여지게 하려고 하고

'친구'란 메뉴를 누르면 friend.htm이 name값이 a로 설정된 아이프레임으로 보여지게..

....

등등..

 

 

'가족'메뉴로 예를들어 설명하자면

'가족'메뉴를 누르면 family.htm이 name값이 a로 설정된 아이프레임에 보여지게 됩니다.

name값이 a로설정된 아이프레임 소스는 제가 위에 적어놓은 소스를 그대로 사용하시면 됩니다. 뭐.. 그냥 name=a를 추가해도 되지만요..

'가족'메뉴를 누르면 family.htm이 아이프레임에 나타납니다.

그럼 님은 family.htm파일에 님이 보여주고 싶은 내용을 적어주면 되겠죠

 

 

 

그 메뉴에 링크걸고 그 메뉴를 누르면 어떤 페이지로 이동하잖아요? 그 페이지에만 글을 쓰는 방법도 알려주세요-

그리고 메뉴를 보면 링크걸어놓은 그 부분이 파란색 사각형으로 틀이 잡혀있는데; 그거 없앨 수 없나요..

> 메뉴를 누르면 이동하는 페이지에만 글을 쓰는 방법.....이라..

메뉴 링크를 거실 때 경로를 누르면 이동할 페이지 쪽으로 주셨을거에요.

그 html파일을 찾아 글을 쓰면 되지요......

링크건부분이 파란색으로 변하는건 링크를 텍스트를 걸 때 텍스트에 밑줄이 나타난다던가 이미지에 파란색 테두리가생기는게 있는데..

이미지에 테두리가 생기신다면

이미지 소스에 border=0을 추가해보세요.

EX)

<*img src=menu/01.jpg border=0>

해당 글은 지식스폰서가 활동 기간 (04년~08년 6월 종료)중에 작성한 글 입니다.
  • 지식스폰서가 작성한 답변은 본문 내 자기소개 및 출처란의 실명, 상호명, URL표시를 허용합니다.
  • 출처란에 표시된 정보가 운영원칙에 위배되는 음란성, 불법성, 청소년 유해사이트 등으로 변질된 경우는 허용이 되지 않습니다.
지식스폰서란

profile_image 익명 작성일 -

 
홈페이지, 쇼핑몰 제작 관련 유익한 정보를 알려 드릴께요
 
1. 초보자도 운영 가능하고 관리에 편리함 ( 관리자 페이지 )
2. 깔끔하고 고객이 이용하기 쉬움   ( 사용자 페이지 )
3. 홈페이지,전자상거래, 쇼핑몰 등 3가지 이상 복합기능 사용
    ( 멀티 솔루션 올 인원 )
4. 경남정보대학 인터넷 응용계열 교수 분이 책임 개발 지도
5. 믿고 맡기고 거래에 신뢰 할 수 있는 기업체 구요
6. 고객님 쇼핑몰 운영에 대한 지원 및 상거래 정착을 위한 제반 육성
 
그리고 솔루션 개발 관련 진행절차에 대해서 알려드립니다
 
1) SYSTEM 개발 
      -  개발책임자  
      ( 경남정보대학 첨단전략산업학부/인터넷 응용계열 겸임교수 분 )
      -  산학협력 개발
      -  부산상공회의소 솔루션 연계 지원
2) SYSTEM 고객지원
       - 쇼핑몰 개발 ( 견적/방문/상담/최적 솔루션 아이템 제공)
       - 쇼핑몰 운영 ( 광고기법/상거래정착/이미지관리/지원)
       - 쇼핑몰 지원 ( 판매아이템설정/수익성분석/최적화 관리) 
3) SYSTEM 서비스
        - 쇼핑몰 고객관리 기법 전파
        - 쇼핑몰 SVS 운영 기법 전파
        - 쇼핑몰 커뮤니티 운영 기법 전파
 
      또한 , 제작 가격은 국내 최저가를 원칙으로 하고 있네요 ^^
 
      ( 출처 :    www.topsland.co.kr   )

profile_image 익명 작성일 -

^^;안녕하세요..

님의 고충이 아무래도 글에나 나타나네요.

우선...

정리가 안되어있으셔서 --;

포토샵으로 만드셨으면 아나씩 예쁘게 잘르셔서혹은... save for web 으로

슬라이스로 잘르셔도 되구요.

하지만 그렇듯이 지면은 항상 힘들답니다.

 

우선 좋은 강좌 추천하고 갑니다.

정말 왕초보들도 배울수 있는 강좌에요.

필요한 프로그램 부터 어떻게 사용하는지 일일이

스크린샷과 설명을 통해 자세하게 나와있어요.

한번 도전해보세요.

 

http://yoonmi.net/zboard/zboard.php?id=mom&desc=desc

 

또 어려운점 있으면 언제든지

게시판에 남겨주시구요 ^^

profile_image 익명 작성일 -

보통 이미지를 자를 실때 상단,메뉴,본문,하단 이렇게 구분해서

말씀하시 칼모양으로 만듭니다.

그러고 나서 ctrl+shift+alt+s 하시면 창이 하나 뜹니다.

옵션에 이미지만 저장하실 건지 이미지와 html하고 같이 저장하실 건지

나옵니다. 옆에 쭉 클릭해 보시면 아실 겁니다.

 

저장하시면 어디에 저장하실건지 나옵니다.

잘 기억하시면 저장하신 다음 거기 가서

홈페이지 제작 프로그램(나모나 드림위버)으로 열어 보세요.

 

무료계정 주는데 마다 접속방법이 틀리기 때문에

무료계정신청하시면 접속방법도 나옵니다.

거기서 먼저 방법을 보시고 하세요.

알ftp에 보시면 서버 주소 넣고요.

아이디, 패스워드 넣고

접속하신 다음 만드신거 올리시면 됩니다.

제일 처음 뜨는 파일 이름은 index.html로 하시고요.

 

메뉴도 위에서 자를 때 칼모양으로 자라서 저장하시면 잘립니다.

링크는 홈페이지 제작 프로그램으로 여시면 이미지에 마우스 오른쪽 하시면

링크 걸 수 있습니다.

 

그래도 모를 실때는 쪽지 주세요. msn로 답변 해 드립니다.

profile_image 익명 작성일 -

님 홈페이지 제작은 님하고픈 데로 데표적인 곳에 가서 하시면 됩니다 .

홈페이지 제작은 그냥 자신이 하고픈 곳에서 카페 이런걸 만들어서 하셔도 됩니다..

예:,다음,등등

이런곳에서 님이 하고싶은데로 카페 만들어서 카페 제목붙이고 간판 만들고

이렇게 해서 님하고픈 데로 하면 그게 홈페이지 제작이에요 ..

뭐 어렵게

htt뭐시기 이런거 필요없어요 ..

뭐 나중에 컴퓨터 선생님이 된다해도 이런건 필요 없으니깐 ㅎ

그냥 이런곳에서 이렇게 만든다 이정도면 아시면 될듯 ㅎ

홈페이지 제작방법 (답답해요ㅜㅜㅜ)

홈페이지 제작을 하고싶습니다만.. 태어나서 처음으로 시도해보는 것이고. 완전... 만드는 방법 좀 알려주세요 ㅜㅜㅜㅜㅜ 이런것처럼 각각의 메뉴에 링크를건다고나...

홈페이지제작

제가 홈페이지제작하려고했는데 진짜너무너무 안되요.. 너무... 다르게 홈페이지를 만들수잇는 방법은 없을까요? 만들고는 싶은데 안되는게....아정말답답해요.....

개인 홈페이지 제작

... 방법이면 방법입니다. 3. 답변이니 길게 못하고 뭘 해야 한다 알아야 한다 하시는데,, 공부하겠습니다! 하지만 홈페이지 제작할때 처음부터 무엇을 시작해서 차차 뭘...

홈페이지 제작하는 방법 답답합니다 ㅠㅠ

아 정말 바보인듯 아직 배우는 단계라서 그런건지 홈페이지 제작에 대해 잘... 아 답답해요 속시원히좀 알려주세요 아예모르겠습니다. 썬앤컴퍼니는 2001년부터 8년 동안...

저렴한홈페이지제작 업체 어디가 좋죠?

... 손님을 끌어올리기 위한 방법을 생각하다가 홈페이지제작을 생각했어요. 아무래도... 사장님의 글을 보니 많이 답답해 하시는거 같습니다. 꼭 홈페이지 문의가 아니어도...

홈페이지 제작 및 무료 호스팅....

홈페이지제작해야 하는 완전초보입니다. 사람한명... 하니 답답해 미치겠네요. 사장이 자동차한대 사와라... 쉬운 방법으로 유튜브에 동영상을 업로드(유튜브...

홈페이지제작시 메뉴링크/이동에 관하여

... 개인적으로 홈페이지제작도 이번이 처음이고 관한... 연결하는 방법입니다; 제로보드를 설치하건 그림을... (죄송합니다 질문자님 답답해해 하시는거 같아서 기분좀...

홈페이지 제작시 포토샵으로 메뉴바의...

홈페이지 제작시 포토샵으로 메뉴바를 만들때 포토샵으로... 메뉴는 만들었는데 답답해 죽겠어요.. 답변... 거는 방법입니다 그런 방식으로 하면 하나의 그림속에 여기저기 많은...

홈페이지 제작에 관한 질문입니다.

우선은 제가 만든 홈페이지입니다. 포토샵으로... 도와주세요ㅜㅜㅜㅜ... 안녕하세요. 1. 가운데 1에 페이지가 나타나게 할 수 있는 방법은 2가지가 있습니다....