RSS Feed

  1. Tips on Making a Personal Website

    November 23, 2012 by admin

    Many software applications have templates to assist you build your personal web site, but if you would like a a lot of do-it-yourself approach, you should learn the fundamentals of web design. whether or not you would like to use your web site as a blog, a résumé or a place to specific your creativity, when you learn exactly what you would like to share on the internet, you may even have fun building and maintaining your personal web site.

    Fundamentals
    Before you start building your web site, pay a while learning the fundamentals of web design, including web terminology, layout and user navigation. ask yourself what you would like your personal web site to have and how you would like to present it. Knowing the finer elements of basic web design helps you tweak your personal web site, especially if the design software you select to use can’t quite offer you what you would like. Regardless how you design your website, grasp what you would like to place on your web site before you start creating it.

    Images
    Using pictures helps bring guests into your world. be aware of the dimensions of your pictures, though, and compress them if necessary. Don’t, as an example, directly upload photos you took with your high-definition camera to your web site as those might take an exceptionally lasting for guests to load. make sure the photographs you employ flow well together and avoid making one thing over the top.

    Languages
    The days of the pure HTML-based websites are over. pay your time learning the way to use extra net style techniques like cascading vogue sheets, that assist you update multiple pages promptly, client-side scripting languages as well as JavaScript and Actionscript, and server-side languages like PHP and Perl. you will realize that these languages are to a small degree a lot of advanced (and you do not ought to learn all of them), however they will facilitate modification your web site from a static, one-size-fits-all assortment of pages to a dynamically enhanced personal web site your guests can like to come to.

    HTML Editors
    HTML editors, like Adobe Dreamweaver and Microsoft Visual net Developer, are designed to assist you build your web site using templates where you merely ought to fill within the data. If you recognize the do’s and don’ts of HTML coding, using an HTML editor might limit your layout freedom and place additional code into your pages, creating them take longer for guests to load. However, if you do not grasp the primary factor regarding net style and do not have the time to find out, an HTML editor can suffice.

    Category Design, Wordpress | Tags: | No Comments

  2. Requirements for WordPress

    October 31, 2012 by admin

     

    To run WordPress your host simply desires a handful of things:
    PHP version five.2.4 or larger
    MySQL version five.0 or larger
    The requirements have modified as of WordPress three.2. The minimum necessities for WordPress three.1 are PHP four.3 and MySQL four.1.2.

    That’s extremely it. we tend to advocate Apache or Nginx because the most sturdy and featureful server for running WordPress, however any server that supports PHP and MySQL can do. That said, we tend to can’t take a look at each potential surroundings and every of the hosts on our hosting page supports the higher than and a lot of with no issues.

    Ask for it
    Here’s a letter you’ll be able to send to your host; copy and paste!

    I’m fascinated by running the open-source WordPress blogging software and that i was wondering if my account supported the following:

    PHP 5.2.4 or larger
    MySQL 5.0 or larger
    The mod_rewrite Apache module
    Thanks!

    Not needed, however suggested for higher security
    Hosting is safer when PHP applications, like WordPress, are run using your account’s username rather than the server’s default shared username. the foremost common means these days for hosting corporations to try and do this is often using suPHP. simply raise your potential host if they run suPHP or one thing similar.

     

    Category Wordpress | Tags: | No Comments

  3. XHTML Tips and Tricks

    July 31, 2012 by admin

     

     

    This chapter lists out varied tips and tricks for you which ones ought to be taken care whereas writing an XHTML document.

    The XML Declaration:

    An XML declaration isn’t needed in all XHTML documents. XHTML document authors are strongly inspired to use XML declarations in all their documents. Such a declaration is needed when the character encoding of the document is apart from the default UTF-8 or UTF-16.

    Empty Elements:

    Include an area before the trailing / and > of empty components, e.g. , and .

    Embedded vogue Sheets and Scripts:

    Use external vogue sheets if your vogue sheet uses < or & or ]]> or –.

    Use external scripts if your script uses < or & or ]]> or –.

    Line Breaks inside Attribute Values:

    Avoid line breaks and multiple white area characters inside attribute values. These are handled inconsistently by idfferent browsers.

    Isindex Element:

    Don’t embrace over one isindex part within the document head. The isindex part is deprecated in favor of the input part.

    The lang and xml:lang Attributes:

    Use each the lang and xml:lang attributes when specifying the language of a component. the worth of the xml:lang attribute takes precedence.

    Element Identifiers:

    XHTML 1.0 has deprecated the name attribute of the a, applet, form, frame, iframe, img, and map components, and it’ll be aloof from XHTML in subsequent versions. therefore begin using id part for part identification.

    Using Ampersands in Attribute Values:

    The ampersand character (“&”) ought to be presented as as an entity reference &

    Example

    http://my.site.dom/cgi-bin/myscript.pl?class=guest&name=user.

    http://my.site.dom/cgi-bin/myscript.pl?class=guest&name=user

    White area Characters in HTML vs. XML:

    Some characters that are legal in HTML documents, are illegal in XML document. as an example, in HTML, the Formfeed character (U+000C) is treated as white area, in XHTML, thanks to XML’s definition of characters, it’s illegal.

    The Named Character Reference ‘

    The named character reference ‘ (the apostrophe, U+0027) was introduced in XML one.0 however doesn’t seem in HTML. internet developers ought to thus use ‘ rather than ‘ to figure for sure in HTML four internet Browsers.

    Category Coding | Tags: | No Comments

  4. How to Add Text to an HTML File

    May 31, 2012 by admin

    When you are new to web content design, it’s going to not be clear how to update an existing HyperText Markup Language (HTML) file together with your own content as a result of it would be confusing about where to place your information at intervals existing code, or how to use the HTML code snippets (tags) to create positive the information shows up properly. Fortunately, HTML is not a troublesome language to pick up therefore you can begin adding your own text to HTML files even is if you’re just starting out.

    Items you’ll want
    Source code/text editor
    HTML file
    Step 1
    Use a “source code” or “text” editor to open the HTML file that you want to add text to. you can use a free editor, such as Notepad for Windows or TextWrangler for Mac, or opt for a complicated editor like Dreamweaver or CoffeeCup.

    Step 2
    Locate the “” tags within the HTML code and enter your content between these components. Text placed here is viewable when printed to the internet.

    Step 3
    Create headers and paragraphs, as needed, to format the newly added text. Place any names of sections between ”

    ” tags to create the font daring and bigger than the remainder of the text. you’ll be able to additionally use ”
    ,” ”
    ,” ”
    ,” ”
    ” and ”
    ” tags to make subsections displayed in smaller size fonts, with ”
    ” being the tiniest. Further, place your paragraph content between ”
    ” tags, that automatically adds house before and once the content placed here.

    Step 4
    Save your file and use the editor’s “Preview” perform to look at the updated HTML file in an exceedingly net browser. If your text editor doesn’t have this feature, you’ll be able to cite your browser window, opt for an choice like “Open” or “Open File” and choose the HTML document from your pc.

    Category Coding | Tags: | No Comments

  5. What is PHP

    May 31, 2012 by admin

    PHP could be a server-side language

    PHP is thought as a server-side programming language. this implies that it runs on the online server. Most internet programming languages are server-side, but some, like JavaScript, are client-side, which suggests they run on the online browser.

    Server-side languages provide you with additional flexibility as they’ll do several things that are arduous to try to to with JavaScript — for instance, operating with files and databases, or manipulating pictures. That said, JavaScript is returning along in leaps and bounds of late (as these examples show).

    Server-side code is additionally probably safer than JavaScript code. Since JavaScript code is distributed to the online browser it is simple for a visitor to look at and edit the code. Server-side code, on the opposite hand, remains on the online server and is not accessible to guests to the location.

    PHP is open supply
    The PHP engine — that’s, the code that sits on the online server and runs PHP scripts — is open supply, which suggests anyone will access and work on the engine’s supply code. This helps to make sure that PHP are going to be around for an extended time to return.

    PHP is absolve to download and use, that is one reason why it’s therefore standard among internet hosting corporations. you will find that the overwhelming majority of internet hosting accounts support PHP.

    PHP is geared towards the online
    While several programming languages may be used to create internet applications, PHP is one amongst the few languages specifically designed for the online. to the current finish, it includes plenty of helpful Web-related options out of the box, such as:

    Easy ways that to browse and handle internet forms and cookies
    Functions for making and manipulating graphics
    The ability to speak to standard databases like MySQL, and
    Functions for operating with HTML.

    You can combine PHP code with HTML code
    One nice feature of PHP is that you just will insert chunks of PHP code into an HTML page. You surround the PHP chunks with special symbols. When the online server retrieves the page, any PHP chunks are run by the PHP engine, whereas the opposite components of the page are sent as they’re to the browser.

    This feature makes it straightforward to feature interactivity to otherwise plain websites — nice for contact forms and also the like.

    Uses of PHP
    You can use PHP to write down practically any style of net application or script. Common PHP applications include:

    Blogging software like WordPress
    E-commerce systems like Magento
    Content management systems as well as Drupal and Joomla!, and
    Forum software like phpBB.
    In addition, several in style websites, as well as Yahoo!, Wikipedia, Facebook, and Digg, use PHP code extensively.

    Category Coding, Wordpress | Tags: | No Comments

  6. Photoshop Art

    May 31, 2012 by admin

    WordArt is a picture form applied to text. you’ll provide your text a three-dimensional or circular form by using WordArt. once you produce text in Adobe Photoshop (a skilled image editor), you’ll spice it up with warped text (WordArt). If the kind layer you are warping includes pretend daring formatting or bitmap fonts, Photoshop can raise to flatten it 1st. Photoshop can then add the warp kind of your option to the text. the subsequent directions apply to making warped text in Adobe Photoshop seven.

    Instructions
    1
    Open a blank canvas or existing image you would like to edit in Photoshop.

    2
    Insert a brand new layer within the “Layers” palette by clicking on the “Create a brand new Layer” button within the bottom of the palette.

    3
    Place your cursor on the canvas and kind within the text you would like to warp, then choose it.

    4
    Click on the “Create Warped Text” button within the “Tools” choices bar. Click on “OK” if Photoshop asks to get rid of the attribute for the pretend daring vogue. The “Warp Text” dialog box can open.

    5
    Click on the drop-down box for “Style” and choose a warped text kind of your choice–arc, bulge, flag, fish, wave.

    6
    Select “Horizontal” or “Vertical” from the choices below your vogue. you’ll be able to add bending (the level of warp you want) and horizontal/vertical distortion to the word. you will see your text changing beneath the dialog box as you create the changes.

    7
    Click on “OK” after you are glad with how your design appearance.

    Category Design, Graphics | Tags: | No Comments

  7. Web Design Basics – Placement and Position

    March 30, 2012 by admin

    Web style Basics -When you are beginning a replacement style, despite what your style methodology is, you begin with a blank page. there’s nothing on the online page – therefore the very first thing you will do is place one thing up on the page.

    But does one have faith in the position of these components or does one simply throw them onto the page willy nilly? smart designers do not enable the position and placement of their styles to occur randomly. They assume about:

    what the part is
    how the part relates to the page goals
    where the part fits with the opposite components on the page
    What is the part you are inserting
    There are several common components on an internet page, such as: headlines, navigation, images, textual content, and administrativa. Knowing what part is helps verify where it ought to be placed on the page. as an example, you usually would not place an internet page headline at the terribly bottom of the page. Navigation is typically found on the left or at the highest, and administrativa is most ordinarily found at rock bottom.

    How will the part Relate to the Page Goals
    Knowing your goals and also the goals for the page are key to placement. that is why ads are found in similar places on web content. If the goal is to urge individuals to click on them or notice them, then inserting them in locations where traditionally individuals look and click on helsp them to fulfill their goals.

    Where are the opposite components on the Page
    In some ways in which this seems to be the foremost obvious a part of style – in spite of everything if you have already got a emblem within the higher left, you are not reaching to place content on high of it. however you furthermore mght have to be compelled to have faith in the context of your positions. inserting a poster block within the middle of a text block implies a way of association between the 2 components. inserting a horizontal line when a headline or by-line will produce a way of disconnect between the title or by-line and also the content.

    Where you Place Your components will build a distinction

    As they assert in realty, there are 3 vital rules: “Location. Location. Location.” If the Mona Lisa were stored in my aunt’s garage, it would not have the result on those that it will hanging within the Louvre. It’s still identical painting, however if it were sitting next to cans of recent paint, a unclean lawn mower, and a dirt lined junker automobile it takes on the facet of its surroundings. Placement and Position.

    Find the Points of Interest on Your Page

    Points of interest are the focal points of a style – the places where your eye is drawn to. By changing the spacing around those points of interest you’ll be able to have an effect on how those things are viewed on the page.

    For example, a picture can be the attentiveness of your website. you may prefer to center the image on the page, however that is boring and flat. Instead cross-check the opposite components on the page and alter the margins around your image to form a style that heightens the interest in that image.

    On this sample page, I placed 3 elements: a headline, a photo, and a caption. I might prefer to center all the weather, however it is a boring layout and there’s no clear visual hierarchy. Your eye is drawn to the image as a result of it’s a picture, not as a result of the position it’s within the layout.

    By simply creating one or two tiny changes to the position of the weather and also the margins round the image, the ensuing layout is additional visually appealing and also the eye is drawn from the headline, through the photo, to the caption. as a result of the spacing between the headline and also the image is completely different from the caption and image area, you get a way that the caption belongs with the image. I might add additional photos to the current page and it’d be clear they were concerning Shasta, however the captions would go along with every image separately.

    Category Coding, Design, Graphics, Wordpress | Tags: | No Comments

  8. How to Edit Website Templates

    March 23, 2012 by admin


    Website templates are ready-made documents created for general use by website designers. Often, these files are useful after you wish to avoid wasting time and easily edit the content of a previously designed page. it’s additionally useful if you are doing not have a decent grasp of the coding language, however would really like to require advantage of the capabilities anyway. you’ll simply notice and edit a template to satisfy the requirements of your own web site.

    Items you’ll want
    Website template
    HTML text editor, like Dreamweaver
    Step 1
    Access web site templates by getting to sites like FreeWebsiteTemplates.com, TemplatesBox.com and Metamorphozis.com, or value more highly to search the online using search terms like “free web site templates” to induce alternate listings. If you need a specific style of template, like Cascading vogue Sheets, use words like “CSS templates” to induce correct results.

    Step 2
    Click the “Download” or similar link next to your chosen template and follow the prompts to put in the file on your desktop. Typically, the download includes a folder with the requested file(s) and any notes for using your templates.

    Step 3
    Read through any terms or conditions within the downloaded file, generally labeled “ReadMe” or “Notes,” and appearance to check if any usage necessities are listed. for instance, template creators could need that you simply leave any possession credits in place in order that if others read the supply code of your file, they understand where to search out the template and use it too.

    Step 4
    Launch an HTML text editor, like Dreamweaver, and use the “Open” operate on the “File” menu to grab the downloaded document on your desktop and open it.

    Step 5
    Edit the template and alter it to suit your wants. for instance, you’ll double-click text and easily sort over the words to enter your own information, or click on a picture and use the text editor’s “Insert” operate to feature your own graphic.

    Step 6
    Save your edited template and rename it, if most popular, to the title of your selection.

    Category Coding, Design, Graphics, Wordpress | Tags: | No Comments

  9. Photoshop Tutorial – Sharpening

    February 13, 2012 by admin

    When do you have to Sharpen?

    Sharpening a picture must always be the very last step within the photo retouching method. Sharpening is damaging to the image and since the extent and technique of sharpening used for a picture can vary counting on how you may output the photo, you do not need to own it stuck in your image from timely. Save sharpening for last, and sharpen in keeping with the dimensions and use of your image.

    You should conjointly resist saving a flattened sharpened image over your original. Either save a duplicate, limit the sharpening result to its own layer, or omit the sharpening and apply it as required next time. Once you get the droop of High Pass Sharpening, you may be able to pull it off in underneath a second.

    What sharpen does…
    Sharpening is the detailed method of increasing the contrast between two objects, usually isolated to the point at where they meet. What this means is that to sharpen an image, you simply darken the lines and lighten the areas around them. If the lines are light, you brighten them even more and darken the areas around them. This makes them stand out more. When lines stand out more, the photo looks sharp.

    Why use High Pass Sharpening…
    Photoshop already comes with many sharpening filters built in… why use the high-pass method? Photoshop CS2 and on includes the new Smart Sharpen feature that achieves similar results to the High Pass method, but I feel it lacks the control and visual queues that this method allows. Another great benefit to this method, is that it creates a low-detail sharpening layer that you can turn on and off or adjust the opacity and strength.

    Category Design, Graphics | Tags: | No Comments

  10. The Photoshop

    January 12, 2012 by admin

    A huge advantage of Photoshop is you have more ways to learn it, like this page here, than any other program. So many people know it it’s easy to learn just about anywhere.

    The best way to learn Photoshop is to take a class at your local community college to learn the basics of Lightening Underexposed Images and Correcting Color Casts and White Balance Problems. These basic adjustments are covered in every introductory Photoshop class and book so I’ll just cover them quickly below. You must be fluent in these to get anywhere with Photoshop for optimizing images.

    Photoshop also has built-in help as well as free tutorial usually included in the box. All you need to do is choose how you learn best and go that way. Personally I learn best from an in-person class or having an expert show me in person. When I have a question about how to find some obscure tool or how to make a command work I just choose help from the HELP menu.

    Basic Operation and Tricks of the Trade

    All these adjustments work with every kind of image. That’s why skilled photographers feel sorry for people who toil away with RAW files just so they can correct exposure and white balance later. You can do it all to any JPG image in Photoshop without all the hassle.

    The tricks below presume you have at least a basic navigational familiarity with Photoshop. You can get that from any book or community college class, or even the built-in help!

    Photoshop has been around since the 1980s when it was only used by professionals. It therefore uses terms from traditional professional photography and the commercial printing press trades. Often these terms are exactly the opposite of what you’d expect! The most obviously labeled tools are sometimes the worst way to do things, so read up below.

    People spend entire careers learning Photoshop. There is more to learn than any single human will be able to master. Each of us learns what’s relevant to our own work.

    Category Design, Graphics | Tags: | No Comments

Older Entries