Website layout şi CSS

Mai ales pentru învăţarea programării pentru web dar şi pentru rezolvarea rapidă a unor probleme, sunt utile câteva layout-uri aflate la îndemână.

Css Tab Designer 2 (program pentru creat meniuri). Link la final.

Css Tab Designer 2 (program pentru creat meniuri). Link la final.

Layout-urile lui IronMyers (fragment). Link la final

Layout-urile lui IronMyers (fragment). Link la final

Pe unele din ele le-am mai testat şi cu alte ocazii şi am mai învăţat din codul lor. Altele le-am descoperit recent. Am să postez aici link-urile către site-urile unde se găsesc astfel de informaţii utile celor care au de făcut pagini web.

Little Boxes (lecţiile casetelor)

Little Boxes (lecţiile casetelor). Link la final.

Câteva din exemplele de la Layout Gala. Link la final.

Câteva din exemplele de la Layout Gala. Link la final.

Exemplu cu două coloane (Layout reservoir). Link la final.

Exemplu cu două coloane (Layout Reservoir). Link la final.

Casete colorate (Max Design) etapă în crearea layout-ului.

Casete colorate (Max Design) etapă în crearea layout-ului.

Listamatic (Max Design) util pentru învăţarea CSS-ului şi a listelor.

Listamatic (Max Design) util pentru învăţarea CSS-ului şi a listelor HTML (ol sau ul şi li etc) pentru meniuri şi altele.

Exemplu de layout cu 3 coloane. Glish - multe lucruri utile despre CSS.

Exemplu de layout cu 3 coloane. Glish - multe lucruri utile despre CSS.

Dynamic Drive, unul din layout-uri. Link la final.

Dynamic Drive, unul din layout-uri. Link la final.

Update:
Am mai găsit un site pentru care uitasem să pun bookmark şi acum l-am regăsit aşa că îl adaug la finalul listei de link-uri.

Code Sucks - Layout-uri la dimensiuni fixe (una din cele 2 galerii).

Code Sucks - Layout-uri la dimensiuni fixe (una din cele 2 galerii).

Spor la muncă!


Link-uri:
CSS Edge / http://meyerweb.com/eric/css/edge/ / Eric Meyer

Meniuri CSS / http://meyerweb.com/eric/css/edge/menus/demo.html / Eric Meyer

Teste CSS / http://meyerweb.com/eric/css/tests/ / Eric Meyer

Unelte / http://meyerweb.com/eric/tools/ / Eric Meyer

Lecţiile casetelor / http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html / The noodle incident. Util de învăţat CSS.

Layout Reservoir / http://www.bluerobot.com/web/layouts/ /Câteva exemple utile.

Layout Gala / http://blog.html.it/layoutgala/ / cele 40 de exemple se pot descărca într-un singur zip.

Layout-urile lui IronMyers / http://layouts.ironmyers.com/ /

Stu Nichols / http://www.cssplay.co.uk/layouts/index.html / multe alte exemple utile: meniuri, boxuri, javascript şi ales DEMOS (exemple).

CSS Menus / http://www.cssmenus.co.uk/ /

Max Design / http://maxdesign.com.au/presentation/page_layouts/ / de văzut şi
Listamatic / http://css.maxdesign.com.au/listamatic/ /

Casete colorate / http://www.maxdesign.com.au/presentation/process/ /

Glish / http://www.glish.com/css/ /

Tutorial / http://www.webreference.com/authoring/style/sheets/layout/advanced/ /

CSS Tab Designer 2 / http://www.highdots.com/css-tab-designer/ / program gratuit pentru creat meniuri simple dar atractive.

Dynamic Drive / http://www.dynamicdrive.com/style/ / css, meniuri şi
layout-uri / http://www.dynamicdrive.com/style/layouts/ /

Tutorial basic / http://www.thenoodleincident.com/tutorials/css/index.html / la The noodle incident.

Brain Jar / http://www.brainjar.com/css/positioning/default.asp /

CBEL / http://www.cbel.com/style_sheets/ / link-uri utile despre css şi layout

CSS Basics / http://www.mako4css.com/Basics.htm / CSS Shark

Despre CSS / http://www.positioniseverything.net/ /

Despre CSS layout / http://www.yourhtmlsource.com/stylesheets/csslayout.html /

CSS Creator online / http://csscreator.com/tools/layout /

Code Sucks /http://www.code-sucks.com/css%20layouts/ / e cam plin de reclame, dar merită văzut şi descărcat layout-ul dorit.

3 thoughts on “Website layout şi CSS

    • Nu am prea înţeles ce vrei să spui şi despre ce program e vorba.
      Poate revii cu detalii.🙂

      Probabil vroiai să întrebi de un program gratuit care să facă meniuri. Meniul de la adresa ta nu e foarte greu de făcut / găsit cod pentru aşa ceva. Vezi linkul de mai sus Stu Nichols / http://www.cssplay.co.uk/layouts/index.html . Pe site-ul lui sunt exemple care se potrivesc.

Lasă un răspuns

Completează mai jos detaliile despre tine sau dă clic pe un icon pentru autentificare:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s