홈페이지만들기

[violeta]

포토샵에서 작업하기
1. 파일> 뉴  800, 500 으로 연다
2. 사진파일을 불러와서 새파일 안으로 드래그해서 갖다 놓는다. 컨트롤 +T 눌러서 크기 조절
3. 툴박스에서 랙탱글쉐이프  선택하고 옵션바에서 세번째 필픽셀 선택하고 옆에 삼각형 버튼 눌러서
대화 상자나오면 픽시드 사이즈 선택하고 크기를 160 px    50px 적어준다.
4. 화면엘 클릭해서 사각형 만든다음에 메뉴> 에디트 > 스트록 에서 스트록의 색을 연한 회색주고 두께는 2픽셀 주고 인사이드 체크한다.
5. 알트 쉬프트 누르고 복사 4개를 한다
6. 타입툴 누르고 제일 밑에 버튼 레이얼 클릭한후 글자를 적는다 그리고 레이어 팔레트의 오른쪽 삼각형 버튼 눌러서 머지다운 한다---레이어 이름을 홈으로 바꾼다.
7. 그다음버튼은 6번 과 동일

8. 레이어 팔레트 아래의 폴더 누르고 폴더 명을 up 으로 바꾼다음 아래의 버튼 레이어를 폴더 안으로 넣는다.
9. up 폴더를 복사하고 이름을  over 로 바꾼다음  각각 레이어를 선택하고 메뉴> 이미지 > 어드저스트 > 인버트 선택해서 버튼의 색을 바꾼다. -5개 모두
10. over 폴더의 눈을 켜고 그아래 레이어의 눈은 끈다
11. 새레이어 만들고 첫페이지에올 그림을 드래그 해서 가져다 놓는다.
12. 타입툴 선택하고 글자 적고  위의 레이어와 링크시킨다음 레이어 팔레트이 옆의 삼각형 버튼 눌러서 머지 링크 한다음에 레이어의 이름을 첫페이지로 바꾼다. -레이어의 눈을 끈다.
13. 프로필레이어도 12번과 같은 형식으로 만들고 레이어의 이름을 프로필로 바꾼다. -레이어의 눈을 끈다.

14. 이미지01.jpg와 이미지 02.jpg 를 불러와서 무브툴로 화면안에 가져오고 작게 줄여서 레이어를 합친다음에 레이어의 이름을 이미지 맵으로 바꾸고 레이어의 눈을 끈다.
15. 이미지 01.jpg 그림을 화면의 오른쪽에 가져오고 레이어 의 이름을 왼쪽그림이라고 바꾸고 레이어의 눈을 끈다
16.이미지 02.jpg 그림을 화면의 오른쪽에 가져오고 레이어 의 이름을 오른쪽그림이라고 바꾸고 레이어의 눈을 끈다
17. 첫페이지 레이어의 눈을 켠다음 메뉴>뷰>룰러 선택해서 눈금자 꺼내고 안내선을 버튼의 위아래로 놓고 툴박스의 슬라이스 누르고 옵션바에 슬라이스 프로 가이드 버튼 눌러서 그림을 조각낸다.
18. 툴박스에서 슬라이스 셀렉트 선택하고 2번 슬라이스 누르고 옵션바에 디바이드 슬라이스 누른다음 대화 상자 나오면 아래 체크하고  숫자 5 쓴다--버튼이 5개로 나누어짐
19. 2번 슬라이스 누르고 위의 슬라이스 옵션 눌러서 대화 상자 나오면 url 칸에  h.html   target 칸에는 _top 적는다   3번은 p.html   target 칸에는 _top 4번은 g.html   target 칸에는 _top  5번은 http://www.naver.com   target 칸에는 _blank  6번은 mailto:dkdkkd@dkdkd.com   target 칸에는 안적는다.
20. 저장은 파일 > 세이브로 원본을 저장한다.

이미지 레디에서 하기
1. 메뉴> 뷰> 쇼슬라이스 선택하고 웹컨텐트와 레이어 팔레트 열어 놓는다.
2. 툴박스에서 슬라이스 셀렉트 선택하고 2번 슬라이스 누르고 웹컨텐트에서 크리에이트 롤오버스테이트 누르면 오버칸 나오고 레이어에서 오버폴더안에 홈버튼의 눈을 켜다.
3. 3번 슬라이스 누르고 웹컨텐트에서 크리에이트 롤오버스테이트 누르면 오버칸 나오고 레이어에서 오버폴더안에 프로필 버튼의 눈을 켜다.--나머지 버튼도 동일
4. 파일 > 세이브 옵티마이즈 선택해서 파일명을 h 로하고 저장

5. 레이어에서 첫페이지 눈 끄고 프로필 페이지 눈켜고 웹컨텐트에서 반드시 노말을 선택한다음 파일 > 세이브 옵티마이즈 선택해서 파일명을 p 로하고 저장

6. 프로필 페이지 눈끄고 이미지맵켜고  툴박스에서 이미지맵툴 선택하고 왼쪽에 네모 그리면 웹컨텐트에 이미지맵 생김
7. 웹컨텐트에서 크리에이트 롤오버스테이트 누르면 오버칸 나오고 레이어에서 왼쪽 그림 레이어의 눈을 켠다.
8. 웹컨텐트에서 크리에이트 롤오버스테이트 누르면 다운칸 나오고 다운을 더블클릭해서 대화상자에서 아웃으로 바꾸어주고 레이어에서 왼쪽 그림 레이어의 눈을 끈다.
9. 오른쪽 그림도 동일
10. 웹컨텐트에서 반드시 노말을 선택한다음 파일 > 세이브 옵티마이즈 선택해서 파일명을 g