Dreamweaver를 처음 시작할 때 새로 만들기 아래에서 자세히를 클릭한 다음 빈 페이지를 선택하고 페이지 유형으로 HTML 템플릿을 선택한 다음 레이아웃으로 없음을 선택합니다.
테이블을 삽입합니다(메뉴 모음에서 삽입을 선택한 다음 테이블을 찾습니다). 필요에 따라 테이블의 레이아웃을 설정합니다. 여기서는 행 수를 5로, 열을 1로 설정합니다. 테이블 너비는 1000픽셀입니다. 표를 삽입한 후 표 전체를 선택하면 표 프레임이 검게 변하고 굵게 표시되며 아래에서는 가운데 정렬로 설정됩니다.
표의 첫 번째 행에 이미지를 삽입하고(메뉴 모음에서 삽입을 선택한 다음 이미지를 찾습니다) 두 번째 행에 롤링 자막을 추가합니다. 세 번째 행은 테이블에 삽입됩니다(방법은 위와 동일). 행 1개와 열 4개이며 테이블 너비는 100%입니다. 테이블을 삽입한 후 세 번째 행의 테이블을 선택하면 테이블 테두리가 검게 표시되고 굵게 표시됩니다.
세 번째 줄에서 홈페이지, Li Bai, Du Fu, Bai Juyi 등 텍스트를 선택하세요. 새 CSS 파일을 만들고, 다른 CSS를 만들고, 유형에 색상과 배경에 색상을 설정하여 구분합니다. 세 번째 행을 선택하고 새로 생성된 CSS를 사용한 다음 새 CSS를 생성하고 이 CSS를 테이블 테두리에 사용합니다.
네 번째 줄에 편집 가능한 영역을 삽입합니다. 확인을 클릭하면 편집 가능 영역인 EditRegion3의 텍스트가 제거되고, 줄 바꿈을 통해 편집 가능 영역을 확장할 수 있습니다.
다섯 번째 줄에 편집 가능한 영역을 삽입해 줬어요. 가로줄도 삽입하고 저작권도 추가했어요. 마지막으로 저장하세요. 이제 템플릿이 생성되었습니다.
템플릿에서 새 페이지를 생성하고 새 템플릿을 찾아 생성한 후 index.html(즉, 웹사이트의 홈페이지)로 저장합니다. 그런 다음 새 템플릿을 다시 열고 Li Bai의 이때 편집 가능한 영역에서만 내용을 입력할 수 있으며, 그 외 영역은 동작하지 않는 것이 템플릿의 특징입니다. 같은 방법으로 Du Fu와 Bai Juyi에 대한 두 개의 새로운 웹 페이지를 만듭니다.
이제 하이퍼링크를 이용해 위에서 만든 여러 웹페이지를 연결하기만 하면 됩니다. 템플릿에서 홈페이지를 선택하고 아래 html의 링크에 홈페이지 이름, 즉 index.html을 입력합니다. 마찬가지로 Li Bai, Du Fu, Bai Juyi를 선택하여 연결합니다. 하이퍼링크가 완료되면 텍스트 아래에 추가 수평선이 생깁니다.
완료 후 index.html에서 열어서 효과를 확인하세요. 사진에 있는 작은 지구본 아이콘을 클릭하세요.