Olga Cucaro
Html css bootstrap
HTML, CSS, BOOTSTRAP, PHP, JAVASCRIPT AND MYSQL
All you need to know to create a dynamic site Inside a complete example of a website with image insertion through password access Of Olga Maria Stefania Cucaro
I thank all my computer professors and my mother, who allowed me to study this beautiful subject Copyright by Olga Maria Stefania Cucaro This book is covered by copyright as well as the example of a site included in the same which despite being a derivative and substantially original work and therefore also covered by copyright
Introduction 5 GENERAL PART 6 Difference between sites and blogs 6 What are domains and hosting 6 How to create pages without knowing languages with WordPress 7 How to create pages using HTML and CSS 7 Dynamic and static sites 21 Responsive and Bootstrap sites 21 How to use Bootstraps on the internet 22 Download the Bootstraps 22 Create or modify the style sheets and therefore the graphics of the site 28 What are databases and what are they for 47 Create and manage databases with phpMyAdmin 48 Database Management 49 Client-side and server-side languages 49 PHP 49 The JavaScript 50 Example of creating a site 50 Create the project 50 Use Notepad 51 Create the pages 52 Change the layout of the pages 52 Choose images and colors 53 Free and paid images 53 Images created specifically for the site 53 Use XAMPP OR WAMP in Windows to manage websites locally 53 What is WAMP and how it works 54 Download and install WAMP 54 Use WAMP 54 phpMyAdmin and MySQL 60 Login and menu for inserting images and news 63 Example site pages and scripts 70 Site pages in html 71 Html pages saved in php as they include php code in them 98 Php file to be placed in the site folder 162 Other files present in the site folder 196 Change the style of the site 197 See the site on WAMP 199 Publication of the site 207 Conclusions 214
This book aims to initiate those who want to independently create a website, to the world of domains and programming linked to the web. The author conceived this work as a scientific work intended for educational and study use for all those who approach the study of client-side and server-side programming. In the first place the difference between the various domains existing on the network will be explained and at a later time we will try to explain the CSS and HTML and then enter the PHP programming (server side) and JavaScript (client side) with the creation of databases via phpMyAdmin. All this will be explained through an example website created specifically using a free Bootstrap for simplicity and basic convenience and programming a control panel with login connected to the site via database for inserting images directly from the web by uploading them to the database created with connected phpMyAdmin to the site. Obviously, after entering the world of databases and programming, you can apply this knowledge to any other need for iteration by the user required by the site project. The aim of this study is not to create simple web pages that today can be done easily with WordPress or other easy-to-use software, but for purely educational purposes to explain the use of databases and server and client-side programming to make a dynamic otherwise static site.
In summary, this work can be useful for those who want to approach the fascinating world of website programming from the beginning.
Difference between sites and blogs
The blog is updated daily, or weekly not new news which the blogger has decided to talk about in the blog built ad hoc (cooking blog, programming, etc.). The site can only be updated when company information changes or in the case of a portfolio or e-commerce site when products or prices change. Sites can be both static and dynamic, while a blog must necessarily be dynamic as it must be continuously updated. Static sites are created in html and css and are only editable by an expert through the source files, while dynamic sites have many iterations with the user that modify the pages automatically. Examples of dynamic sites are e-commerce sites and blogs that allow you to select what interests you or interact with the site in various ways.
To create dynamic and responsive sites or blogs we now use hosting with simple control panels also called Content Management System (CMS) such as the open source Wordpress software. This is the simplest method to continuously and easily create and update your site without having any specific knowledge.
What are domains and hosting
A domain is required to make a website public. The domain is made available by a provider and can be free or paid. Usually the top-level domains are those that identify a territory, while those that interest users are those of the second, third and fourth level. The second level domains are those that we will usually find for a fee and identify the user (for example www.user.com).
The second and third level ones are mostly available for free on the web (eg we can have www.altervista.user.com). The second, third and fourth level domains can also be connected to your site (eg we can have blog.user.com). When we want to put web pages online, we must also request a hosting (web space), from the English to host which means to host. Often the provider we choose will give us both the domain and the free or paid hosting. This depends on the conditions offered by the provider. In the example that we will explain later in this book, we have chosen a hosting with a free third level domain from Altervista.
Obviously, if you are a programmer and you are selling a site to a customer, you will not be able to use a third level domain, but you will use a second level domain with paid hosting that you will transfer to the company after creating the site or that you will manage annually. This will depend on the contract drawn up with the customer. As in everything related to programming, the choice of paid or free hosting depends on the final result you want to achieve. Paid hosting has additional services and various e-mail addresses associated with the domain, furthermore being composed only of the name of the company or of the person it could be facilitated in the Google search.
How to create pages without knowing languages with WordPress
Wordpress is an open source software that allows you to dynamically create and update your blog or site. Through a very intuitive CMS (Content Management System) it allows you to add textual content, videos and images without working on the code directly on the pages of our site.
It also offers the possibility if you know the basics of html language, to modify it directly from the source code. Obviously this platform offers many possibilities to use widgets and templates to be able to have, at the end of the creation work, a personalized blog, but not as much as it would allow us to make a personalized creation with html, php, javascript and mysql code where we can create our own. site from scratch with no pre-made themes. To customize the site more based on a theme, I can add a CSS to the Wordpress is still an excellent choice and also allows us to insert php code. In this case I can go to the theme editor aspect and enter the theme functions a file called function.php. This is not very recommendable as all additional code will be lost when the theme is updated.