Bạn có thể sử dụng một hoặc nhiều trình xây dựng trang web hoặc bạn có thể lựa chọn một CMS như WordPress, Drupal hoặc tương tự. Bạn cũng có thể thuê một ngôi nhà phát triển chuyên nghiệp để xây dựng nó cho bạn
Với rất nhiều sự lựa chọn, có thể khó biết được bắt đầu ở đâu. Để làm cho mọi thứ trở nên phức tạp hơn, mỗi tùy chọn này đều có điểm ưu và nhược điểm khác nhau, không kể đến mức độ khó khăn hoặc có ảnh hưởng đến giá cả
Tuy nhiên, có một cách tuyệt vời để tạo trang web cá nhân của bạn trong một khoảng thời gian hợp lý. Và đó là bằng cách sử dụng mẫu HTML cho sơ yếu lý lịch. Chúng dễ sử dụng và tải lên máy chủ lưu trữ của bạn
Dưới đây là một vài trong số những mẫu tốt nhất [để lướt qua nhanh trước khi đọc tiếp]
Trên hết, mã phía sau mẫu trang sơ yếu lý lịch chuyên nghiệp ít phức tạp hơn đối với người mới bắt đầu so với các ngôn ngữ lập trình phức tạp hơn được sử dụng trong các hệ thống quản lý nội dung
Trong phần này của loạt bài xây dựng một trang web sơ yếu lý lịch tuyệt vời, chúng tôi sẽ hướng dẫn bạn qua quá trình đơn giản về cách chỉnh sửa và tải lên sơ yếu lý lịch HTML mẫu
Thực hiện theo quy trình làm việc này để tạo trang sơ yếu lý lịch và tùy chỉnh nó cho thương hiệu cá nhân của bạn-vì vậy bạn có thể khởi động trang web của bạn ngay lập tức
Bạn cần phải làm gì để đưa sơ yếu lý lịch trang web của bạn lên trực tuyến?
Trước khi bắt đầu bổ sung mẫu của trang, hãy xem các công cụ bạn cần để đưa trang sơ yếu lý lịch của bạn khởi chạy
1. Công ty về Hosting đúng sai
Mua tên miền cho trang của bạn là bước đầu tiên trong hành trình của bạn. Bạn cũng sẽ cần một máy chủ lưu trữ, là nơi bạn sẽ tải các tệp lên trang web của mình. Tìm đúng công ty lưu trữ không dễ dàng, đặc biệt khi có rất nhiều công ty như vậy. Số nhà cung cấp đề xuất gói hosting cơ bản từ $5-$10 mỗi tháng. phần công ty đề xuất băng thông không giới hạn và không gian lưu trữ trong khi những cái khác thường có những kế hoạch hạn chế hơn
Điều quan trọng nhất là ghi nhớ rằng có rất nhiều nhà cung cấp dịch vụ lưu trữ hỗ trợ mẫu HTML. Khi mua hàng xung quanh một công ty lưu trữ, hãy đọc kỹ những câu hỏi FQA và đảm bảo rằng có dịch vụ hỗ trợ jkhách hàng, bạn nên bất cứ điều gì giúp hỗ trợ trang web của bạn. Bạn nên làm một ít nghiên cứu và đọc qua các bài đánh giá của một máy chủ đặc biệt trên các trang web độc lập để xem khách hàng của họ cũng hài lòng như thế nào
2. Máy khách FTP
Một khi bạn tìm thấy một công ty lưu trữ, bạn cần phải tải về một FTP Client. Một FTP Client sẽ cho phép bạn tải mẫu của bạn lên các máy chủ lưu trữ. Sự lựa chọn của chương trình FTP sẽ phụ thuộc vào hệ điều hành mà máy tính của bạn sử dụng
Một trong những chương trình phổ biến nhất là FileZilla. Đây là một chương trình FTP miễn phí rất dễ sử dụng và nó có sẵn trên Windows, Mac và Linux
3. Biên tập file code
Bạn cũng cần một trình soạn thảo văn bản để thay đổi các tệp trong mẫu của bạn. Trong trường hợp bạn có thể sử dụng Notepad hoặc TextEdit để thực hiện thay đổi, việc sử dụng trình biên tập mã sẽ giúp bạn dễ dàng hơn nhiều. Không giống như trình biên tập văn bản thông thường, trình biên tập mã bao gồm những công cụ hỗ trợ quá trình chỉnh sửa, như sử dụng những màu khác nhau cho những phần khác nhau của mã có thể làm cho nó dễ dàng xem
Với mục đích của bài hướng dẫn này, tôi sẽ sử dụng Text Sublime, có thể sử dụng trên Mac, Windows và Linux và phiên bản thử nghiệm có thể tải xuống miễn phí. Tìm hiểu thêm về cách làm việc với trình biên tập mã phổ biến này
4. Mẫu HTML và Hình ảnh cho trang web của sơ yếu lý lịch
Hai điều tương tự mà bạn cần là mẫu HTML cho sơ yếu lý lịch và hình ảnh bạn dự kiến dung trên trang của bạn
Với tiêu chí của bài hướng dẫn này, tôi sẽ sử dụng mẫu trang web sơ yếu lý lịch Flatrica HTML, được trình bày ở đây
Mẫu Flatrica HTML cho trang web của sơ yếu lý lịch
Bạn có thể tìm thấy template cho website của mình trong khu vực Downloads của tài khoản Envato sau khi mua hàng. Khi bạn đã tải xuống mẫu trang HTML, hãy giải nén thư mục và lưu nó vào máy tính của bạn để truy cập dễ dàng
Khi nói đến hình ảnh, bạn cần phải có tấm ảnh headshot [chụp phần mặt bạn] và bất kỳ bức ảnh cá nhân nào khác mà bạn dự kiến sử dụng. Bạn có thể sử dụng hình nền hoặc hình mẫu, vì thế chắc chắn rằng bạn có tất cả các hình ảnh được lưu trữ trên máy tính của bạn, để bạn cũng có thể thêm chúng vào mẫu của mình
Cách chỉnh sửa nội dung cho mẫu sơ yếu lý lịch trang web
Giờ bạn đã có trong mọi thứ, đây là lúc cá nhân hóa mẫu với các thông tin của bạn. Hãy đi từng bước làm sao để chỉnh sửa Flatrica HTML template
1. Cấu trúc của template HTML sơ yếu lý lịch này
Trước khi chúng tôi bắt đầu sửa đổi các tệp, hãy nhìn vào cấu trúc của mẫu HTML này. Khi bạn giải nén thư mục, bạn sẽ thấy rằng nó chứa hai thư mục. một với tài liệu và một với các mẫu tệp thực tế
Xem các tập tin có trong mẫu trang sơ yếu lý lịch HTML của trang web này
Thư mục với các tệp mẫu trang web thực tế, có một số thư mục con bên trong
- Màu sắc, có tất cả các mã màu và biến được sử dụng trong mẫu của trang. có tất cả các mã màu và biến được sử dụng trong mẫu của trang
- Phông chữ, chứa tất cả các biểu tượng định dạng chữ cái phông chữ. , bao gồm tất cả các biểu tượng định dạng chữ cái phông chữ
- Hình ảnh với tất cả các khung hình ảnh. với tất cả các khung hình ảnh
- Một thư mục có tất cả mã JavaScript cần thiết cho mẫu để hoạt động bình thường. Trong hầu hết các trường hợp, bạn sẽ không bao giờ phải chỉnh sửa thư mục này hoặc các tệp trong đó khi JavaScript cung cấp thêm chức năng như bật/tắt menu để mở, kiểm tra các cấu hình động và kiểm tra các biểu mẫu. JavaScript need for pattern to active normal. Trong hầu hết các trường hợp, bạn sẽ không bao giờ phải chỉnh sửa thư mục này hoặc các tệp trong đó khi JavaScript cung cấp thêm chức năng như bật/tắt menu để mở, kiểm tra các cấu hình động và kiểm tra các biểu mẫu
- Một thư mục PHP có chứa mã PHP cần thiết phải chọn biểu mẫu liên hệ để hoạt động. Bạn chỉ cần chỉnh sửa một dòng mã ở đây để thêm địa chỉ email của bạn. PHP has contain PHP code required to select the contact pattern to active. Bạn chỉ cần chỉnh sửa một dòng mã ở đây để thêm địa chỉ email của bạn
- Thư mục Sass chứa tất cả các biến cho bảng định kiểu. Sass bao gồm tất cả các biến cho bảng định kiểu
- Các biểu định kiểu chứa các tệp CSS, bạn cần phải chỉnh sửa để thêm phong cách của bạn vào mẫu và để nó phù hợp với thương hiệu của bạn. chứa các tệp CSS, bạn cần phải chỉnh sửa để thêm phong cách của bạn vào mẫu và để nó phù hợp với thương hiệu của bạn
Bên cạnh các thư mục này, còn có một số tệp HTML. chỉ số bình thường. html, chỉ mục-video. html, blog đơn. html và một danh mục đầu tư. html. chỉ số bình thường. html, chỉ mục-video. html, blog đơn. html và một danh mục đầu tư. html
Lưu ý rằng mẫu của bạn không thể có tất cả các tệp và thư mục, tuy nhiên, trong hầu hết các trường hợp, bạn sẽ thấy các định dạng bảng, hình ảnh, JavaScript và PHP. Mẫu của bạn cũng có thể có nhiều hoặc ít tệp HTML
2. Thay thế thông tin mặc định của mẫu HTML
Double mouse to index-normal. html [or index. html trong hợp tác bạn sử dụng một mẫu khác]. Nó sẽ mở tệp trên trình duyệt của bạn, sẽ dễ hiểu hơn đối với phần mã nào bạn cần chỉnh sửa và cách tìm chúng trong tệp mẫu HTML. chỉ số bình thường. html [or index. html trong hợp tác bạn sử dụng một mẫu khác]. Nó sẽ mở tệp trên trình duyệt của bạn, sẽ dễ hiểu hơn đối với phần mã nào bạn cần chỉnh sửa và cách tìm chúng trong tệp mẫu HTML
Khẳng định trình kiểm tra mã của trình duyệt mã lệnh cho mẫu HTML
Nếu bạn nhìn vào mẫu trên trình duyệt, bạn sẽ thấy rằng bạn cần phải điều chỉnh
- Tên và thông tin liên lạc của bạn
- Nội dung thông báo phía trên các nút để tải CV của bạn
- Những phần khác nhau có thông tin về học vấn, kỹ năng, kinh nghiệm, danh mục đầu tư, những khách hàng cũ, và nhiều hơn nữa
Một khi bạn biết điều gì phải thay đổi, bạn có thể bắt đầu tìm kiếm các mã tương ứng
Click chuột phải vào tên John Doe và chọn Inspect. Bạn sẽ chú ý đến một bảng xổ số ở phía cuối cùng hiển thị mã HTML hình thành nên mẫu của bạn. John Doe and select Inspect. Bạn sẽ chú ý đến một bảng xổ số ở phía cuối cùng hiển thị mã HTML hình thành nên mẫu của bạn
Dòng mã chứa tên đã chọn nằm bên trái của thanh tra bảng với kiểu tương ứng bên phải
Khi bạn có thể thấy từ ảnh chụp phía trên, tên cuộc gọi giữa thẻ được sử dụng để hiển thị các tiêu đề
Trong hầu hết các trường hợp, các cặp thẻ như thế này có thẻ mở và thẻ đóng và nội dung được đặt giữa hai thẻ này để hiển thị trên một trang web, giống như vậy
John Doe
Để chỉnh sửa mẫu đã chỉnh sửa, tất cả điều bạn cần là thẻ nào chứa một trang bạn muốn chỉnh sửa, tìm chúng trong mã và thay thế chúng bằng thông tin của bạn
Open file HTML in your file editor
Bây giờ, trở lại mẫu thư mục, nhấp chuột phải vào index-normal. html và chọn Mở bằng văn bản cao cấp. Bạn sẽ thấy mã HTML đang tạo mẫu của bạn. chỉ số bình thường. html và chọn Mở bằng văn bản cao cấp. Bạn sẽ thấy mã HTML đang tạo mẫu của bạn
Để bắt đầu chỉnh sửa mẫu đã sửa, bạn muốn tìm mã tương tự mà bạn thấy trong bảng kiểm tra của trình duyệt
Cuộn xuống khi bạn thấy chúng ở dòng 150-151. Sau đó, nhấp vào giữa các thẻ và thay thế chúng bằng tên của chính bạn. 150-151. Sau đó, nhấp vào giữa các thẻ và thay thế chúng bằng tên của chính bạn
Thay thế tên mặc định và thông tin liên hệ
Sau đó, nhấp vào giữa các thẻ , xóa văn bản và nhập vào nghề nghiệp của bạn
Thực hiện lại các bước trên và bạn sẽ thay thế tất cả những thông tin giả bằng thông tin chính của bạn
Nếu có bất kỳ phần nào trong mẫu bạn không cần, đơn giản hãy xóa nó đi. Trong phần ảnh chụp bên dưới, tôi đã chọn mọi thứ trong bảng giá và xóa tất cả mã trong đó
Bạn có thể xóa những phần mã mà bạn không cần
Cách thay thế các ảnh của chính bạn
Để thay đổi hình ảnh của bạn, chỉ cần chọn tất cả ảnh trong thư mục tương ứng, xóa chúng đi và đưa các hình ảnh của bạn vào cùng thư mục. Nếu bạn tuân theo lời khuyên trước đó, hãy đặt tên hình ảnh chỉnh sửa của bạn giống với tên của các khuôn mẫu, thì phần chỉnh sửa sẽ trở nên nhanh hơn
Nếu bạn muốn bổ sung thông tin, hãy chọn mã hiện tại trong phần mong muốn, sao chép chúng bằng CTRL/CMD + C và sau đó dán chúng vào bên dưới với CTRL/CMD + V. Trong phần ảnh chụp bên dưới, tôi muốn bổ sung một thanh kỹ năng ví thế tôi chọn phần mã cho thanh kỹ năng thứ 4 và sao chép nó ngay lập tức thì. CTRL/CMD + C và sau đó dán chúng vào bên dưới với CTRL/CMD + V. Trong phần ảnh chụp bên dưới, tôi muốn bổ sung một thanh kỹ năng ví thế tôi chọn phần mã cho thanh kỹ năng thứ 4 và sao chép nó ngay lập tức thì
Bạn có thể nhân đôi các phần HTML nếu bạn muốn
Và kết quả trông giống như vậy
Sản phẩm sau cùng của việc bổ sung một thanh kỹ năng mới
Cách thay đổi diện mạo của trang HTML Resume của bạn
Một khi bạn đã thay thế tất cả thông tin, đây là lúc để thay đổi mẫu theo ý thích của bạn. Mặc định mẫu Flatrica HTML có một vài biểu định kiểu khác biệt. Nếu bạn nhìn vào biểu định kiểu thư mục, bạn sẽ lưu ý rằng chúng được đặt tên theo màu sắc được sử dụng
Flatrica có nhiều lựa chọn cho biểu định kiểu
Bạn có thể nhanh chóng thay đổi màu sắc bằng cách thay đổi biểu định kiểu trong phần đầu của tài liệu với tên của biểu định kiểu mà bạn ưa thích. Please find search lines code as after
Change name to style_blue. css will mang đến cho template một diện mạo và màu sắc mới. style_blue. css will mang đến cho template một diện mạo và màu sắc mới
Kết quả của ứng dụng blue stylesheet
Nếu bạn cảm thấy phụ tùng được lưu trữ, bạn có thể điều chỉnh biểu định kiểu chính tên kiểu. css with fonts and color do chính bạn chọn. Ví dụ, bạn có thể chỉnh sửa màu nền trong phong cách. css by way enter HEX code of color mong muốn như sau. Phong cách. css with fonts and color do chính bạn chọn. Ví dụ, bạn có thể chỉnh sửa màu nền trong phong cách. css by way enter HEX code of color mong muốn như sau
background-color: #65b5c1;
Điều chỉnh CSS có thể thực hiện theo cùng một cách khi chúng ta điều chỉnh HTML. Chuột phải vào thành phần bạn muốn thay đổi và nhấn Kiểm tra. Lần này, bạn sẽ muốn tìm mã tìm kiếm ở bên phải của trình kiểm tra tab và sau đó mã tìm kiếm tương tự trong trình biên tập mã. Quan sát. Lần này, bạn sẽ muốn tìm mã tìm kiếm ở bên phải của trình kiểm tra tab và sau đó mã tìm kiếm tương tự trong trình biên tập mã
Xem qua tệp CSS của mẫu
Cách upload file website của bạn lên máy chủ
Sau khi bạn đã bổ sung chỉnh sửa các tệp của mẫu theo ý thích, bạn cần tải chúng lên máy chủ lưu trữ. Bạn nên nhận được một email từ máy chủ chứa những thông tin cần thiết cho việc chuyển đổi tệp qua FTP
To start too upload process, run FTP program. Trong trường hợp này, tôi sử dụng FileZilla. Nhập thông tin được cấp từ máy chủ của bạn vào thanh trên cùng và nhấn QuickConnect. Kết nối nhanh
Add information to in FileZilla
Xác định vị trí thư mục với mẫu của bạn trên máy tính, ở phía bên trái của màn hình và nhấp vào nó để mở rộng nó. Ở phía dưới bên trái, chọn tất cả các tệp và thư mục và kéo chúng sang phía bên phải màn hình
Hãy đảm bảo rằng chúng đã được tải lên thư mục gốc của máy chủ lưu trữ trong thư mục public_html. công khai_html
Tải tệp lên máy chủ qua FTP
Khi tất cả các tệp đã được tải lên, hãy mở trình duyệt của bạn và nhập tên miền của bạn. Xin chúc mừng, trang web mới của bạn đã hoạt động
Bốn thủ thuật nhanh để tạo trang tiếp tục tuyệt vời của bạn
Bây giờ bạn đã biết cách sử dụng mẫu HTML cho sơ yếu lý lịch, đây là tuyệt chiêu thủ thuật nhanh giúp bạn làm cho trang cá nhân của mình trở nên tuyệt vời hơn
- Nén ảnh của bạn lại - Trước khi tải tệp lên máy chủ lưu trữ của bạn, hãy chắc chắn rằng giảm kích thước tệp ảnh của bạn bằng cách tối ưu hóa chúng. Điều này sẽ giúp bạn tăng tốc trang web của bạn. Bạn đã sử dụng một công cụ như TinyJPG để nén ảnh mà ảnh không ảnh hưởng đến chất lượng. - Trước khi tải tệp lên máy chủ lưu trữ của bạn, hãy đảm bảo rằng giảm kích thước tệp ảnh của bạn bằng cách tối ưu hóa chúng. Điều này sẽ giúp bạn tăng tốc trang web của bạn. Bạn đã sử dụng một công cụ như TinyJPG để nén ảnh mà ảnh không ảnh hưởng đến chất lượng
- Cân nhắc việc thu gọn các tệp Stylesheet và JavaScript của bạn - Với các hình ảnh, việc giảm kích thước tệp sẽ giúp bạn tải nhanh hơn. Những công cụ CSS Minifier và JSCompress sẽ thực hiện công việc cho bạn. - Với các hình ảnh, việc giảm kích thước tệp sẽ giúp bạn tải nhanh hơn. Những công cụ CSS Minifier và JSCompress sẽ thực hiện công việc cho bạn
- Bổ sung trang của bạn vào hồ sơ trên phương tiện xã hội của bạn - Bạn đang làm việc chăm chỉ để tạo trang của bạn, giờ là thời gian để thế giới biết về nó. Tăng nhận diện của bạn bằng cách bổ sung cho trang của bạn đến các tài khoản phương tiện tiện ích xã hội. - Bạn làm việc chăm chỉ để tạo trang của bạn, giờ là khoảng thời gian để thế giới biết về nó. Tăng nhận diện của bạn bằng cách bổ sung cho trang của bạn đến các tài khoản phương tiện tiện ích xã hội
- Sử dụng nó là một phần của chữ ký Email của bạn - Một trong những cách tốt nhất để quảng cáo cho trang của bạn là bổ sung thêm chữ ký email. Đơn giản, miễn phí và chỉ mất vài giây để thiết lập, và những lợi ích là rất nhiều. - Một trong những cách tốt nhất để quảng cáo cho trang của bạn là bổ sung thêm chữ ký email. Đơn giản, miễn phí và chỉ mất vài giây để thiết lập, và những lợi ích là rất nhiều
Thiết lập mẫu HTML cho sơ yếu lý lịch của bạn
Chỉnh sửa một mẫu HTML có thể nghe đáng sợ buổi sáng ban đầu, nhưng không quá khó khăn khi bạn hiểu được cấu trúc của mẫu và những gì cần được chỉnh sửa. Nếu bạn cũng dành thời gian để đọc một số hướng dẫn, bạn sẽ khai thác HTML và CSS trong thời gian ngắn. Sử dụng hướng dẫn của chúng tôi về phía trên để sửa đổi mẫu cho trang sơ yếu lý lịch của bạn và tăng cơ hội được tuyển dụng của bạn