16,99 €
Mehr erfahren.
- Herausgeber: ResearchFreelance
- Kategorie: Wissenschaft und neue Technologien
- Sprache: Englisch
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.
Das E-Book können Sie in Legimi-Apps oder einer beliebigen App lesen, die das folgende Format unterstützen:
Veröffentlichungsjahr: 2022
Ähnliche
Olga Cucaro
Html css bootstrap
Indice dei contenuti
Introduction
GENERAL PART
Difference between sites and blogs
What are domains and hosting
How to create pages without knowing languages with WordPress
How to create pages using HTML and CSS
Dynamic and static sites
Responsive and Bootstrap sites
How to use Bootstraps on the internet
Download the Bootstraps
Create or modify the style sheets and therefore the graphics of the site
What are databases and what are they for
Create and manage databases with phpMyAdmin
Database Management
Client-side and server-side languages
PHP
The JavaScript
Example of creating a site
Create the project
Use Notepad
Create the pages
Change the layout of the pages
Choose images and colors
Free and paid images
Images created specifically for the site
Use XAMPP OR WAMP in Windows to manage websites locally
What is WAMP and how it works
Download and install WAMP
Use WAMP
phpMyAdmin and MySQL
Login and menu for inserting images and news
Example site pages and scripts
Site pages in html
Html pages saved in php as they include php code in them
Php file to be placed in the site folder
Other files present in the site folder
Change the style of the site
See the site on WAMP
Publication of the site
Conclusions
Introduction
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.
GENERAL PART
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.
Instead, there is a plug-in to insert the php code which is called "Code Snippets". After installation and activation, I will find Snippets on the main menu and I will be able to use some existing files or create new ones.
Dynamic and static sites
Static sites are the sites that in past years represented most of the sites on the internet. Today the situation is changing dramatically and static sites are in less and less quantity.
The static site is the simplest to create and provides an unchanged site up to the changes made by the programmer through code. The dynamic site is more sophisticated and requires level programming within the site pages both of the client and server type. The dynamic site allows the user to interact with the site by making queries to the underlying databases and connected to the site itself through a scripting present within the code.
Examples of dynamic sites are:
e-commerce with the choice of products in real time
social
These sites provide for continuous updating implemented through interactions with the user.
How to use Bootstraps on the internet
Download the Bootstraps
On the web we can find both paid and free bootstraps and this depends on the resources available to the creator of the site and his needs.
https://azmind.com/free-bootstrap-themes-templates/
From this site you can download both templates for individual needs and themes, that is to say real fear to be applied to obtain real sites.
https://getbootstrap.com/docs/3.4/customize/
https://templatemo.com/tm-571-hexashop
https://www.free-css.com/free-css-templates/page273/interior-design
https://www.free-css.com/free-css-templates/page272/be
To begin with, we could download a theme of your choice among those available in the various sites just highlighted. After choosing the theme we need also based on the license given. In fact, there are personal and commercial licenses and you have to be careful what type of license you use. This is a useful tip for everything we download from the internet and want to reuse for our projects.
https://azmind.com/free-bootstrap-business-template-gioia/
On the website you will find this description:
Free Joy Template - Bootstrap Business Theme
Updated on: May 29 2018 by Anli
Today's web design resource is a new free Bootstrap template named Gioia and it's a perfect business theme for an agency or portfolio website for yourself or your clients.
Gioia is very similar to Andia template and it comes with 5 responsive pages: Home, Portfolio, Services, About and Contact.
Some of its features include: responsive image slider, modern filterable portfolio, AJAX contact and email subscription forms, Flickr photos, font icons, CSS3 animations, Google Maps, etc.
LICENSE:
You can use this template in personal and commercial projects, but you can't sell or distribute it directly, “as is”. If you plan to use it, a link to this page or any form of spreading the word will be much appreciated.
https://azmind.com/free-html-template-andia-responsive-agency-portfolio-template-twitter-bootstrap/
On the website you will find this description:
Free HTML Template Andia: Responsive Agency / Portfolio Bootstrap Theme
Today's free web design resource is a big one! It's a responsive agency / portfolio HTML template named Andia and built with Bootstrap. Andia comes with 7 fully responsive pages, Home, Home 2, Portfolio, Services, About, Contact, Pricing Tables and it's perfect for creating a website for a small business or a personal portfolio.
You can use this template in personal projects. You can't remove the footer copyright link. Support is not guaranteed or timely.
Commercial License:
You can use this template in commercial projects for yourself or your clients. You can remove the footer copyright link. Support is free and fast.
(not available at the moment)
