so what is ccs ?

so css is a program/tecnology that permites us control our web much better than the HTML. because you have a large range of optons to créate your page such us changing the tipe of letter you want, the margens, the backrounds, the colors and many other things
css are the sigles for Cascading Style Sheets.
instead of controlling them by an especial program like when we used HTML we used bluegriffon for this one we easily just open it in the notes blog from the computer.

AND HOW CCS STARTED... ?
originaly you could only use HTML to do web pages because it was easy and a lot of people started using it more and more looking for a better estructure of the texts and parografs so the invented more and more HTML codes, but people where using it them wrong so the invented the ccs to offer a larger range of format oportinities and at the same time thanks to the format of this program it was easier to understad it, so a days every web page style is based on ccs and not HTML

examples of CSS codes;

for example this web page lets you desing the color that you want especificly and it gives you the code as you can see, because there are milllions of convinations that its imposible to know all of them, you may know the simple ones like the black and White, #000000 ( for the black ), #ffffff ( for the White ) but in reality if you what a color you just use one page like this

ccs changes that we did

well, we did  not do a lot of major changes in the ccs, just a few. for example

• we changed the color and size of the headlines of each part.
• we changed the size of the lettles of the subheadline but in this one not the color
• we changed the separation between the letters of the part where it says the section of the web page that you are in. and as well in this part we changed the color and we made the bublle that apears when you clik in the different section change colors as well.
• the we changed the separation when the top part and the next text.
• we changed some more sizes of letters

and thats it i think.

preparing for the clothes

so what we have done next was preparing the different sections fro when we will need to put the images of the clothes. at the start there was only one table so what we needed to to is with the hml adding 2 more rows depending on the section.

and as well we prepared the orange buttoms that had a random text with BUY NOW as if it was done for that, so it looked real. and delete all the extra text that we needed so it was esaier to handle after wards

info table

the next thing that we have done was to do a table at the bottom of eah section for different things with links to other web pages such as our social media or when to find us.
basicly the same thing that we done with the other program but with this format

but before doing this we had a problema due to that we deleted something by mistake and we coulnt detect were the error was we needed to redue all of that part, because this is how it looked before

and in this last photo we hadnt decided what to put in the text so its kind of the same but not exactly, and as well we didnt delete all the text to came why the format already

donig the different sections

sp this is what we were given at the start, like this on ethat it would be the women section.

and then what we did was delete the part of the notices,  because we thought it wasnt necesary and we have changed the texts and the photos, depending on the section, in this example is the section of the shoes;

notices in the home page

the next thing that we have done is invented some false notices for the web page, the new collectios, shows or stuf like that with the simple proupose of doing it like what real shops would be done

home page

the next thing that we did was to créate a notice in the home page and for that we simply changed what they already did, change the text and the photo and like that we fonished the notice