부트스트랩 홈페이지 제작-1

안녕하세요

오늘은 홈페이지 제작에 대해서 말씀드릴려 합니다!

최근에 웹페이지 제작을 해야 되서 

이것저것 찾아보다가 부트스트랩을 통해서 제작을 하고있습니다!

그외로 제작할수있는 툴은 많습니다. 

일반적으로 홈페이지 제작시에 

프론트앤드와 백앤드개발이 들어가야합니다.

프론트앤드는 일반적인 웹상에서 우리가 볼수있는 홈페이지를 말하는것입니다. 

백앤드는 뒤에서 일어나는 서버와 구조를 말하는것입니다. 

백앤드는 전문개발자한테 개발을 맡기고 

프론트앤드는 직접제작을 하기로 하고 

작업을 들어갔습니다!

그래서 오늘은 웹디자인 제작시에 편하게 하는방법에 대해서 말씀 드릴려 합니다!

일단 처음부터 먼가를 만드는 것보다 테마를 사야합니다. 

무료테마도 상관없고 유료테마도 상관없습니다!

어차피 개발자도 써야하고 처음부터 시작을 할려면 너무 많은 작업량이 있기에 

깔끔하게 테마를 구매합니다! 

부트스트랩 쇼핑몰 테마의 경우 평균 17달러정도에 구매를 할수있습니다!

여기서 부트스트램테마 구매시에 가장 확인을 해야하는것은 

페이지 갯수와 구성입니다. 쇼핑몰을 제작하기 위해 테마를 구매하는데 

만약 포트폴리오 테마라던지 다른 디자인이 이쁜 테마를 구매하게 된다면 

쇼핑몰에 필요한 페이지가 존재하지않는다면 다시 꾸며야하기에 조금 힘들수도있습니다!

그러니 디자인보다는 페이지구성을 먼저 확인하고 제작하고자 하는 페이지 구성과 

비슷한 테마를 구매하는것이 좋습니다! 

구매를 하게되면 보통 이런 파일을 받을수있습니다 

하나의 html파일은 한개의 페이지를 뜻한다고 생각하면됩니다!

이페이지들이 연결되면서 하나의 홈페이지를 구성하게 됩니다. 

이미지 폴더의 이미지 파일을 바꾸게 되면 웹에서 보여지는 이미지가 바뀌게 됩니다!

여기서 주의할것은 같은 이름으로 바꿔야 합니다. 

예를 들어서 product-01.jpg 파일이 있으면 이거랑 똑같은 이름과 사이즈로 해서 

교체해버리면 product-01.jpg 이미지에 바꾼 이미지가 들어가게 됩니다!

그리고 간단한 html수정을 한다면 전체적인 디자인 수정이 가능합니다!

위의 페이지는 구매시했을때의 수정전 페이지입니다!

index.html이 일반적으로 홈을 뜻합니다!

index파일을 켜서 글자를 바꿔주고 img파일의 내부 이미지를 바꾸면 됩니다!

이미지와 폰트를 바꾼것만으로 홈페이지를 디자인을 할수있습니다!

내가 넣고자 하는것으로 교체를 해준다는 느낌으로 하나씩 바꿔나가면 됩니다!

그리고 글자크기나 글자색상 이런부분을 바꾸고 싶다면

css폴더의 파일을 수정해야 합니다! 

하지만 왠만하면 수정을 안하는쪽으로 저는 작업을 할려합니다! 

클릭했을때 다음 페이지로 넘어가는것또한 html을 통해서 붙여넣게 되면 손쉽게 할수있습니다!

간단한 html을 볼수있다면 쉽게 작업을 할수있을꺼란 생각이 듭니다!

오늘은 전반적으로 프론트앤드개발시에 쉽게 작업을 할수있는것에 대해서

말씀을 드렸고 다음게시글에서는 

html수정부분이나 활용부분에 대해서 말씀드리도록 하겠습니다!