Results 1 to 6 of 6

Thread: Website issues. Photoshop layout to HTML

  1. #1
    Join Date
    Feb 2011

    Website issues. Photoshop layout to HTML

    Hey all,

    I'm new here, and need some website help!

    Anyway... I created a website layout/site in Photoshop CS 5. The website: www.thegarbagedump.net I saved it as a html & images.. The issue I am having is when you click one of the bottons I want it to open the html document and display it within that square area with the border around it. I know I probably need a frame to do this, however I dont know how to add a frame, and it appears photoshop saved it in tables.. Could you please review the html source, and tell me how/where to add a frame, and make the Home, About, Domains button appear within that square area with the border?

    Thank You,

  2. #2
    Join Date
    Nov 2010
    Los Angeles, CA
    what is the html document you are trying to display in a frame?

    I don't recommend you use photoshop or dreamweaver to generate web pages. As you can see it produces deprecated html, table based layouts, and obtrusive javascript. It doesn't even validate.

  3. #3
    Join Date
    Feb 2011
    I'm trying to display home.html in a frame within that black border..

    What do you suggest using for building a website? How are these elaborate websites built? Do they use just code, or are they using a wsywig edior aswell?

  4. #4
    Join Date
    Nov 2010
    Los Angeles, CA
    I would replace that rectangular image with an iframe as you suggested, and as its src parameter place home.html. Something like this:

    <iframe src="html_intro.html">
    <p>Your browser does not support iframes.</p>

    Then you can style it as you wish. Nice logo by the way.

    Today's elaborate web sites are carefully designed and hand coded. They are clean, efficient, and neatly coded, with a strong emphasis on separation of content (HTML), behavior (javascript), and styling (css). They also obey the DRY principle (Don't Repeat Yourself).
    For small sites or for learning using photoshop/dreamweaver is okay. But no serious web site is going to publish invalid or deprecated html.

  5. #5
    Join Date
    Feb 2011
    Thank you so much for resonding, and helping me.. I have another ? though... What is the best way to learn HTMl & be able to put in all these other languages? It seems these days things are pretty confusing because you need this language for that, and that language for this.. How do you keep it all together?

  6. #6
    Join Date
    Nov 2010
    Los Angeles, CA
    That's how it is. You may be able to create a few web pages with HTML but there is much more to a website than that. Start with a thorough understanding of HTML. Semantics, conventions, how to code valid html. Then learn how to add styling to your pages with CSS. Then you can learn JavaScript to enhance your pages if need be. These three technologies so far are collectively referred to as the front end since they live on the client's computer (in their browser).

    What goes on before the document is sent to the browser is called the back end. It is the code that exists in your server to create and deliver the content to the user. Back end languages include PHP, .NET, Java, Ruby, Coldfusion, Python, Perl, etc. This is the code responsible for communicating with the database as well. You will also need to learn SQL, which is the language used with databases. Then you will get into server management which involves settings, backups, etc. You can use Apache or IIS for this. As you can see, there is a lot more to it than just typing some tags into a document.

    So in conclusion, this is the order I recommend:

    PHP or another back end language

    However, it is rarely the case that one person is responsible for all of this. At my company, I am the front end developer so I take care of the HTML, CSS and JavaScript. We have a back end developer who codes in Ruby on Rails. We have a DBA who manages the database, and we have a Systems Administrator who manages the server.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.09397 seconds
  • Memory Usage 2,888KB
  • Queries Executed 15 (?)
More Information
Template Usage (32):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (6)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (6)postbit
  • (6)postbit_onlinestatus
  • (6)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates