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

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>

 

^^;안녕하세요..

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

우선...

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

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

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

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

 

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

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

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

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

한번 도전해보세요.

 

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

 

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

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

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

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

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

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

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

 

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

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

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

 

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

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

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

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

아이디, 패스워드 넣고

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

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

 

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

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

링크 걸 수 있습니다.

 

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