Some of them (like the address fields, company, email and birthday) are only made available when the user downloads the profile as a vCard or as a JSON file. Not all of these properties are presented on the about page. 'tags' => 'Developer, Designer, Photographer', 'description' => "I am a webdeveloper living in. This same resource is used for the generation of the vCard file and the JSON feed. In the case with our about page, we have a simple configuration file, which holds the data, used by the page. This frees us from having to manually keep various parts of the page up to date. One of the points of using a server side language is that we can leave some aspects of the page to be generated on the fly. You can also optionally specify a home / work address and other kinds of useful information.
#BOOTSTRAP STUDIO WITH PHP FULL#
The hCard holds information about our full name, organization, phone and home page: This is a simple standard with which we use the class names of regular HTML elements to specify data, easily recognizable by search engines. It holds our contact details and provides a number of useful methods for generating JSON and vCard files.Īs mentioned above, we are using the hCard microformat to embed contact details in the page.
The $profile variable you see above, holds an object of the AboutPage PHP class that we will be writing in a moment. In this tutorial: Self Portrait by Levy Carneiro Jr Twitter()?>" class="grayButton twitter">Follow me on Twitter PhotoURL()?>" alt="fullName()?>" width="164" height="164" />įacebook()?>" class="grayButton facebook">Find me on Facebook
#BOOTSTRAP STUDIO WITH PHP DOWNLOAD#
Learn more about me and download a vCard." />Ĭreating a PHP and CSS Powered About Page | Tutorialzine Demo This will require adding appropriate meta tags and using the hCard microformat to embed data in the page. This is a simple page the main purpose of which is to present our contact details semantically. HTMLĪs always, the first step is to write the HTML markup that will be powering our example. You can use today's example as a placeholder for your upcoming personal website, or as an actual about page. It will present your contact information to your visitors, with an option for downloading it as a vCard (useful for importing it in third party applications). In this tutorial, we will be creating a simple about page that is powered by PHP, HTML5 and CSS3.
0 kommentar(er)
