在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:codeschool-projects/HTMLPortfolioProject开源软件地址:https://github.com/codeschool-projects/HTMLPortfolioProject开源编程语言:JavaScript 93.8%开源软件介绍:HTML PortfolioYou'll create a personal web page to show off your work. We will test your HTML knowledge, and then it will be up to you to use CSS to style your own page and make it unique. What You'll BuildThe end result will be a portfolio that you can deploy publicly! Here's a sample of what this could look like: What You'll LearnWe'll dive into a number of basic HTML concepts, including:
What You'll NeedYou'll need a GitHub account, Git installed locally, and a text editor to edit HTML. We recommend using GitHub's Atom Editor, which is free and very powerful. The Brackets editor is another great tool. Live DemoHere is a working version of this project, and now it is your job to out-do our version of this project by customizing your portfolio even further and adding more CSS rules, etc. We can't wait to see what you come up with! SetupOnce you have cloned the forked repository, go into the directory containing the project and look for the You can always open the index.html file directly in your browser and work through the tasks below. You can also head over to the Node.js website and follow the instructions to install Node on your machine. Once you have Node installed, open your command line and follow these instructions:
Running TasksComplete the following tasks to finish this project. Create the Page HeaderAt the top of our page, we'll want to create an element with a class of Header TextInside of our Job TitleAlso inside the The Tagline ElementNext, create a new element that has a CSS class called A Little About YouInside the The Skills ElementNext, we'll create a place to list out our current skills by creating an element with a class of Skills ContentInside the List of SkillsInside the The Contact ElementThe last section of our page will give people a way to contact us. Create a wrapper element for this area and give it a class of Contact CopyInside the Contact LinkLastly, we just need a way for people to get in touch with us! In the paragraph you created, add an anchor tag (an Next StepsNow that we have a working portfolio site, the next (optional) step is to style it. If you want to learn how to style this one with Bootstrap, head over to the [Build a Portfolio Using Bootstrap)(/projects/build-a-portfolio-using-twitter-bootstrap) project. If you’d rather style it on your own, now’s an excellent chance to add a stylesheet to this project and use those CSS skills! DeployingPutting this site up on GitHub pages is a bit different than some other projects because the code is all in the
This will push the |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论