포토샵을 이용해서 서브페이지를 만들어 보도록 하겠습니다.
그리고 포토샵으로 그린 서브페이지를 분할을 한 다음에 '이미지 및 HTML'로 저장해서 드림위버로
가져온 다음에 작업을 해보도록 하겠습니다.
중요한 것은 테이블을 만들어서 그 안에 테이블을 넣는 것입니다. 그리고 내용이 올 부분은 이미지를 배경이미지로 바꿔야 한다는 것입니다.
site11 from Lee Jun Ho on Vimeo.
site11-1 from Lee Jun Ho on Vimeo.
'웹제작 강의 > 사이트제작' 카테고리의 다른 글
| 사이트 제작 16강 - 제로보드 설치하기 2 - (0) | 2009/04/23 |
|---|---|
| 사이트 제작 15강 - 제로보드 설치하기1 - (0) | 2009/04/23 |
| 사이트제작 14강 - 서브페이지 만들기(게시판) - (0) | 2009/04/23 |
| 사이트제작 13강 - 서브페이지 만들기(게시판) - (0) | 2009/04/23 |
| 사이트제작 12강 - 서브페이지 완성하기 - (6) | 2009/04/23 |
| 사이트제작 11강 - 서브페이지 만들기 2 - (8) | 2009/04/23 |
| 사이트 제작 10강 - 서브페이지 만들기 1 - (6) | 2009/04/23 |
| 사이트 제작 9강 - 메인페이지 완성(플래쉬 삽입하기) - (2) | 2009/04/23 |
| 사이트제작 8강 - 플래쉬 작업하기 - (0) | 2009/04/23 |
| 사이트제작 7강 - 플래쉬로 메뉴 만들기 2 - (13) | 2009/04/23 |
| 사이트제작 6-2강 - 플래쉬로 메뉴 만들기 - (24) | 2009/04/23 |
Trackback http://www.imlcc.com/trackback/92
-
runblue 2009/05/01 16:44
4분 42초에 보면 이미지의 소스인 " images/intro_04.gif "를 잘라내기 해서
td로 바꾼후에 셀배경에 위의 이름을 집어 넣잖아요.
제가 지금 포토샵 CS4를 쓰고 있는데 셀배경 넣는데가 하나밖에 없네요
4분46초의 화면에 "배경하고 네모칸" 있는 그칸밖에 없어요 그냥 "배경"이라고 써있는 칸이 없어요
"배경 □" 이곳에 넣으면 ' 유효한 색상값이 아니고 16진수나 표준색상의 이름을 입력하세요' 라고 나오네요!
이전에 제로보드 강의에서도 배경칸 그게 없어서 페이지 속성에 배경에다 넣었는데 잘 안되더라고요
CS4라서 그부분이 없는건지 아무리 찾아봐도 찾을수가 없어서 이렇게 질문드려요!
홈페이는 급한대 완전 초보라서 잘 알지도 못하고 질문드리네요! ㅜㅜ 배경 넣는 칸이 어디있을까요... 흐흑!-
vonzone 2009/05/02 15:54
안녕하세요~~ 관심가져 주셔서 감사합니다.
일단 제가 드림위버 CS4를 사용해본적이 없어서 어떻게 설명을 드릴 수가 없네요...ㅜ.ㅜ
하지만 방법이 있습니다.^^
일단 runblue님이 배경이미지를 넣고 싶은 td를 클릭합니다. 그 다음 소스보기 모드로 들어가시면 runblue님이 선택한 td부분 소스가 선택이 되어 있을 겁니다. 그러면 그 td 소스에 "background=이미지 주소"를 추가시키면 됩니다. 예를 들어서 <td width=30> 이라는 td 소스가 있으면 이 소스를 <td width=30 background="images/intro4.gif"> 로 바꾸는 것이지요...혹시 이해가 잘 안 가시거나 또 궁금한 것이 있으면 댓글 달아주세요~~~~
-
-
-
vonzone 2009/06/09 01:39
서버에 올리지 않고 바로 pc에서 확인을 할 땐 ActiveX 를 설치하라는 문구가 뜨긴 합니다. 그럴 땐 보통 예를 누르면 해결이 되지요....
그런데 안병환님의 설명만으론 무엇이 문제인지 잘 모르겠습니다.
제 생각엔 플래쉬에서 액션스크립트를 잘못입력하신 것 같습니다..
액션스크립트를 다시 한 번 확인해보시고 그래도 안되면 저에게 파일을 보내주시기 바랍니다.
-
-
달자 2010/03/17 20:46
안녕하세요 ~ 언제나 강의 잘 보고 있습니다.^_^
테이블만들때.. 보더 값을 0으로 줘도 F12눌렀을때 나타나는 미리보기 화면에서는
테이블에 들어간 이미지사이의 간격이 떨어져 보입니다.
테이블 설정을 어떻게 해야 할까요? -
고고씽 2010/05/06 16:20
드림위버에서 상단메뉴에 코드, 코드/디자인, 디자인 메뉴가 있잖아요
이거 한꺼번에 세개 다 나란히 나오게 하는 방법알수 있을까요? -
질문자 2010/12/04 14:43
포토샵으로 분할해서 저장을 하면 그것도 다 테이블에 쌓여있는데 다시 분리해서 하는 이유는 본문의 내용 부분때문인가요?
-
감사맨 2011/11/28 02:26
우와 최고의 강의입니다.
웹제작 캐초보인데요(포토샵만 조금 다룰줄 암), 포토샵 슬라이스해서 드림위버에서 제작하는 것을 몰라서..
포토샵에서 일일이 이미지를 분할로 gif.저장해서 드림위버에서 테이블 어거지로 만들어서...
이미지 곳곳에 일일이 삽입하니, 완전 캐노가다에다가 정확히 맞지도 않더군요..
이것때문에 큰맘먹고 시작해본 웹제작을 무려 1달간 삽질했는데요..
더구나 정확한 위치에 컨텐츠 삽입하는 방법도 몰랐구요..
무려 한달간 캐헤맸는데요, 여기저기 돌아다니다가 결국 여기서 배우게 되네요..
아는 분들은 아주 쉬운 내용이지만, 전 초보라서..너무 힘들엇습니다..흑....ㅠㅠ
우와 최고입니다. 정말 감사합니다..흑흑...
