Showing posts with label Uncategorized. Show all posts
Showing posts with label Uncategorized. Show all posts
Thursday
06:54
Friday
09:29
Abosaid
tech, Uncategorized
No comments
Recommended HTML
Below is a listing of some of the HTML commands recommended to be reviewed first, if not already known.
A HREF - Creating a link to other pages.
BODY - Setting the looks of the web page.
BR - Creating a line break.
IMG SRC - Creating an image.
META - Creating meta tags.
TITLE - Creating a title for a web page.
All additional HTML command can be found on our HTML commands section.
BODY - Setting the looks of the web page.
BR - Creating a line break.
IMG SRC - Creating an image.
META - Creating meta tags.
TITLE - Creating a title for a web page.
All additional HTML command can be found on our HTML commands section.
HTML overview
HTML, or HyperText Markup Language, is a world
wide markup language that allows a user to create his or her own web
page. While HTML is a fairly easy to learn markup language, it does
involve several hundred commands to learn and memorize.
With
HTML, the user creates tags; tags are anything between the less-than
and the greater-than signs. Using the tags, this identifies where the
commands begin and end. For example, Bold Text tells
the browser that is the beginning of the bold text statement
that will turn anything after that tag bold; once the browser hits
the browser then turns the bold text statement off, allowing
for only specific text to be bold
On this page we
have created a list of HTML commands, which can be used in web pages to
change text, add different features, and apply other effects.
HTML commands
- HTML Tag that allows you to implement comments into your HTML Code, which would be hidden to the average browser.
Example:
Preview:
-HTML tag that allows aspects of your web page to be anchored, such as a link tag.
Example:
Preview:
Example:
Example:
Computer Hope
Preview:
Computer Hope
- Command that changes the format of the text to signify an address.
This is used with e-mail addresses. However, can also be used for a
street address.
Example:
support@computerhope.com
Preview:
support@computerhope.com- Command used with Netscape to implement a Java application into a web page.
Example:
Preview:
View COOL FEATURES to see Java applets.
Additional information:
To insert JavaScript into your web page you would use the
- 09:23
- Abosaid
- how to, tech, Uncategorized
- No comments
Getting Started
HyperText Markup Language (HTML) is the primary building block of creating a website.
HTML is a very basic markup language and requires memorization of a few
dozen HTML commands that structure the look and layout of each of the
web pages. Before writing any HTML code or designing your first web
page, you must decide on an HTML editor or text editor such as Notepad, WordPad, and even Microsoft Word. What ever editor you decide on using can change if it isn't working for you.
Once
you have obtained an HTML editor and are ready to begin setting up your
website, think about how you want the page to setup or look, maybe even
draw out your ideas. Below, are some early considerations to think
about when designing your web page.
- How are you going to store all the files? Are all the files going to be in the same folder or directory? If you plan on having lots of different pictures and files its recommended that you store the pages, files, and pictures in separate directories.
- Are the HTML files going to be stored as .HTM or .HTML files? There is no advantage or disadvantage of going with .htm or .html; However, it is a good idea to stick with the same extension.
- Do you plan on having a template for the page? Are all the pages going to have the overall same look and feel?
- How is the navigation going to be handled? Do you feel its better for the navigation menu to be on the left, bottom, or top of each page?
Tip:
Realize that your web page will change over time as you find things
that don't work. Over the life time of Computer Hope we've changed our
complete site several dozen times.
Writing basic HTML
After installing an HTML editor and setting up a
folder you are ready to begin creating your page. Begin by creating a
file named index.htm or index.html, this will be your start page. All
servers on the Internet look for an index file if no file is specified.
For example, when typing http://www.computerhope.com, the server is really accessing http://www.computerhope.com/index.htm.
Once you are in the blank index.htm or index.html file, we recommend inserting the below source code into your page. Some HTML editors may automatically place this code in your page for you. If this is the case, or you have a WYSIWYG
HTML editor that allows you to design the page and not create the HTML,
you can skip to the next section if you're familiar with what this HTML
means.
Your web page content goes here
The above code is a very basic example of the code that helps make up
every web page. As you can see, the section starts of with ,
which is defining that everything within is HTML code.
Next, you have , which is defining the heading of your HTML
document. Third, we have the section within <head>,
which titles this page being shown. Finally, the <body> section is
what contains what is shown on the web page.</p>
<p class="tab">
Below,
is additional code that can be placed in the <body> section of the
code to help familiarized you with some of the most commonly used HTML
commands.</p>
<p class="tcy tab">
<center>
<h1>
Welcome to my web page</h1>
</center>
<br><hr>
<br><br><br>
<p>
Hello and welcome to my first website.<br><br><br>
<b>These are my favorite links:</b><br><br> <ul><br>
<li><a href="http://www.computerhope.com">Computer Hope</a></li>
<br>
<li><a href="http://www.google.com">Google</a></li>
<br> </ul>
<br>
</p>
</p>
<p class="tab">
As you can see from looking at the above code, you
will realize that the basic HTML commands are fairly simple to use.
First, we start off with <center>
; this is telling the browser to
center the information within these tags. Next, the <h1>
or
heading one statement, which tell the browser to display the text in the
largest heading. Next, the <hr>
tag tells the browser to display a
line straight across the screen. The third line contains <br>
that creates a break on the page. Next, the <p>
is short for
"paragraph" and helps separate the text in the page. Next, the <b>
tag is short for bold and will bold the text contained with the tag. In
the next section the <ul> starts a <a href="http://www.computerhope.com/jargon/b/bullet.htm">bullet list</a>
and each bullet is represented by the
<li> tag. Finally, the "a
href" tag is a method of creating a link to another location, in this
example we are created a bulleted link to Computer Hope and Google.</p>
<ul>
<li>See our <a href="http://www.computerhope.com/learnhtm.htm">HTML and Web design help page</a> for a listing of HTML commands and related content.</li>
</ul>
<h2>
<a name="03"></a>Viewing the website</h2>
<p class="tab">
Now that you have created a basic website you may
want to verify how the website looks. Being that you have files locally
stored on your computer you will not need to connect to the Internet to
view your web page.</p>
<p class="tab">
Open the computer browser and type
the location of your web page. For example, if you have placed the
index.htm or index.html file within the webpage folder, you would type
in the browser c:\webpage\index.htm or c:\webpage\index.html if you are
using an IBM compatible computer. If you have Microsoft Windows or
Apple, you can also double-click the web page file so it opens in a
browser automatically.</p>
<p class="dtab">
<span class="tips">Tip:</span> Some HTML editors also allow you to preview the page by clicking the preview button within the HTML editor.</p>
<p class="tab">
Viewing a web page locally allows you to experiment and make sure the page works before taking the time to <a href="http://www.computerhope.com/jargon/u/upload.htm">upload</a> the page to the <a href="http://www.computerhope.com/jargon/s/server.htm">server</a>. This also is useful if you do not have a place to store your web page.</p>
<h2>
<a name="04"></a>Displaying images</h2>
<p class="tab">
Now that you have created a basic website you can
improve the looks and feel of the website by adding images to the web
page. There are two methods of displaying images on your web page. The
first method is linking to another website to display the images by
using the below code.</p>
<p class="tcy tab">
<img src="http://www.computerhope.com/logo.gif"></p>
<p class="tab">
Using the above HTML tag you can display images off of other websites, which is also called a <a href="http://www.computerhope.com/jargon/h/hotlink.htm">hotlink</a>.
However, we recommend that you do not do this if possible as it can
cause your web page to load slower and could cause missing pictures to
occur if the other site removes or moves the location of the picture to
an alternate location. The alternate and recommended method would be to
use the below code.</p>
<p class="tcy tab">
<img src="mypic.gif"></p>
<p class="tab">
or if you have an images folder:</p>
<p class="tcy tab">
<img src="images/mypic.gif"></p>
<p class="tab">
If the mypic.gif exists on the computer the
picture is shown on your website. Adding pictures is an excellent way to
spruce up the website. However, do not get to carried away, adding
several images (especially animated images) can look tacky and slow down
the time the web page loads. Remember, the average time someone looks
at a website is 10 seconds.</p>
<p class="tab">
Finally, never place large sized images on your
home page. Large images will slow down the web page dramatically and may
cause the visitor to leave. If you would like a large picture on your
website, it is recommended that you create a small image called a '<a href="http://www.computerhope.com/jargon/t/thumbnai.htm">thumbnail</a>'. If the user is interested they can click the thumbnail to view a larger image.</p>
<h2>
<a name="05"></a>Understanding directories</h2>
<p class="tab">
When creating other directories (folders) on the
computer that contain other images or HTML files, it is important that
you understand the directory structure of how the server will access
other folders. Many times, users will mistakenly create a bad directory
that allows the page to work offline but not on the Internet or from
another computer.</p>
<p class="tab">
When accessing files in other
directories that are ahead of the current directory, first specify the
directory and then the file name. For example, if you are trying to
access or display the image file mypic.gif in the image folder, create
the link as shown below.</p>
<p class="tab tcy">
image/mypic.gif</p>
<p class="tab">
Notice in the above line that the directory is first specified and then the file.</p>
<p class="tab">
Next, if you wanted to access the image file mypic.gif that is back one directory, you would want to use the example below.</p>
<p class="tab tcy">
../mypic.gif</p>
<p class="tab">
In
this example, notice the two dots (..) these tell the browser that you
want to go back one directory. If you wanted to go back one directory
and then into another directory you would first do ../ and then the
directory as shown in the example below.</p>
<p class="tab tcy">
../other/mypic.gif</p>
<p class="tab">
This
rule can be applied to as many directories back as possible. For
example, if you wanted to go back three directories and then go into the
images directory, then you would use the example below.</p>
<p class="tab tcy">
../../../image/mypic.gif.</p>
<p class="tab">
A
common mistake with PC (Windows) users is that the HTML editor may
specify the file to be located in the computer hard drive such as
c:\mywebpage\image\mypic.gif. This will work fine on the computer hard
drive (locally); however, when posted on the Internet, no one but the
person with the file locally will be able to display the file.</p>
<p class="tab">
Finally, remember when specifying the directory that you are using a <a href="http://www.computerhope.com/jargon/f/forwards.htm">forward slash</a> (/) and not a <a href="http://www.computerhope.com/jargon/b/backslas.htm">backslash</a>.</p>
Monday
- 07:21
- Abosaid
- tech, Uncategorized
- No comments
Wednesday
- 06:41
- Abosaid
- Uncategorized
- No comments
Join relevant conversations online
There are plenty of opportunities to be a part of the social good conversation online. Follow relevant Twitter chats and hashtags like #socialgood or #givingback. You can also like and contribute to Facebook pages that are focused on specific causes, such as eco-friendliness or curing cancer, or uncover events that raise awareness about helping those in need. (The recent explosion in popularity over the ice-bucket challenge is just one example of how powerful — and effective — the social conversation can be.)There are plenty of opportunities to be a part of the social good conversation online.
Image: Flickr, Kyle Nishioka
It’s also helpful to keep an eye out for specific people who are contributing to the conversations, and to check out where they work. The people who actively contribute to causes they care about generally work for employers that allow them to support these efforts.
Read up on companies doing good
Encouragingly, isn't difficult to learn about a particular company doing good for the community. For example, this recent article highlights Panda Sunglasses, a company founded on the premise of social good.These stories are all over the Internet, and even within your own social networks. Keep an eye out for them and use the information you glean as a basis for targeting companies you really want to align with. Set up Google Alerts with the term "social good jobs" or "giving back," and even add a few of the companies on your radar so that you know when news comes up about their positive efforts.
You can also utilize local chamber of commerce sites in order to find volunteer-oriented events and initiatives going on your area. Pittsburgh Cares or Volunteer, Michigan are great examples of resources for local residents in those areas.
Take part in and share personal contributions
When you take part in philanthropic endeavors on a personal level, don’t be afraid to share your efforts through photos and posts on your social networks. This is a great way to let people — and the companies they work for — know what you are doing. Companies and professionals who believe in the same ideals will be more likely to reach out to you because of a cultural fit. Additionally, keep an eye out for national conferences and summits like the Social Good Summit or local events in your area. Attending these is a great way to network with the companies that attend and sponsor, and following and contributing to the conversations is also effective for forging connections and putting yourself on the "social good" radar. Keep an eye out for the companies that stand out and truly seem to be driving these conversations.When you take part in philanthropic endeavors on a personal level, don’t be afraid to share your efforts through photos and posts on your social networks.
You can also consider reaching out to local organizations to discover which companies actively support their cause. This is a great way to see a list of organizations participating in social good for something you personally care about.
Keep an eye out for photos and campaigns
Many times, a company that is active with nonprofits will post their efforts on social networks. This is a great way to learn more about what they’re doing and what they stand behind. It’s also a great way to identify specific employees with whom you may be able to network, and find out more about how they get involved in initiatives.Keep an eye out for posted photos that support a cause you are passionate about, and then comment on the photo to ask more about the event or initiative. This will allow you to show your appreciation for the cause, and potentially begin the subtle process of networking.
Get involved with the companies doing good
Depending on the industry and type of work, companies of all sizes can contribute to social good in different ways. Here's how some companies are playing their part.- The Salesforce.com Foundation gives back to its employees’ communities and offers discounted products and services to nonprofits and higher education.
- Campaign Monitor sponsors events and projects to other companies and individuals that need web design help.
- HVAC.com has been sending its team members to locations across the world to help orphaned children for more than a decade.
It is certainly commendable to consciously seek out companies that are playing an active role in making our world a better place in which to work and live. Working with a company that believes in the same things you do means actively searching for and then pursuing the companies that fit the requirements you desire. All you have to do is put yourself out there — and find the company that is going to support you while you do it.
- 00:39
- Abosaid
- Uncategorized
- No comments
Image: Flickr, Nick Keppol
Today's career landscape is bizarre by Boomer standards: 23-year-olds
are CEOs, working parents are running businesses out of their living
rooms and work-from-home opportunities abound in almost every industry.
Given these recent trends in the career industry, it's unsurprising that more and more employees are considering becoming their own boss — and many get the opportunity to do so. The "virtualization" of jobs, the influx of startup culture and the rise of the gig economy are all contributing factors to increasing opportunities for self-employed workers.
If you're thinking about leaving behind a nine-to-five to freelance or embark on an entrepreneurial business venture, below are a few helpful resources to give you a leg up.
1. LinkedIn groups and mobile apps
We'll get the most obvious out of the way first — for professionals, and particularly professionals who are entering the world of freelancing, startups or contract work, a presence on LinkedIn is a must.Simply creating a profile doesn't do much for your professional goals, however. Self-employed workers will find an active presence on the platform exponentially more fruitful.
LinkedIn Groups are a helpful resource for connecting with like-minded professionals, networking and potentially drumming up business opportunities. We've written extensively about how to use LinkedIn Groups to your advantage; below are a few helpful articles to get you started.
Image: Mashable composite.
Cost: A basic account on LinkedIn is free, but self-employed workers may want to consider upgrading to a Premium account. Be on the lookout for free trials of LinkedIn Premium, which the company frequently offers existing users. Currently, the "Business" Premium account on LinkedIn costs $23.99 per month.
2. MyNetwork
Networking is a tough — yet essential — part of self-employment.MyNetwork is a new contact-management platform that creates visualizations of each users' social connections pulled from their LinkedIn, Facebook and Twitter accounts. The platform helps users tap into their existing networks, and offers suggestions and optimizations for establishing contact with these connections.
"The average person has well over 1,000 contacts across their different networks," says Andy Fine, founder of the company. "We know that actively managing every single contact is impossible." To make social networking online a little more manageable, MyNetwork creates what Fine refers to as "the first truly immersive way" to view your connections. In addition to visualizations that display factors such as length of time since your last conversation or follow-up with a contact, the platform offers a few other helpful features: The Intelligent Messaging System makes writing "request" emails (or LinkedIn InMail) a little less stressful, and "SmartReminders" help optimize communication with new contacts.
"People are your number one asset, as cliche as it sounds," says Fine. "Your contacts and relationships can open doors to a world of opportunities. If you have thousands of connections across your social networks, but hardly talk to anyone except when you need them, your network loses value." Cost: Membership to MyNetwork is currently available for $4.95 a month, or $49.95 annually, and free 30-day trial memberships are available for first-time users."People are your number one asset, as cliche as it sounds,"
3. The QuickBooks Self-Employed Network
Another new network that provides helpful advice and resources to self-employed workers is the QuickBooks Self-Employed Community."Self-employed professionals are the fastest growing segment of the U.S. economy, and [experts predict] more than half of the private U.S. workforce will have spent time as independent workers by 2020," says Gina Bianchini, CEO and founder of Mightybell.
"The life of a successfully self-employed professional is different from that of someone who goes to work every day at a company. It's about creating your job, not finding one." The community offers strictly non-promotional advice and support from other self-employed workers, who use the network to share their experiences about building a company, pricing services, goal-setting and navigating various business dilemmas."The life of a successfully self-employed professional is different from that of someone who goes to work every day at a company. It's about creating your job, not finding one."
"We believe that there is a unique need in the market for self-employed folks to support, encourage and learn from one another," says Bianchini.
Cost: Membership to the network is free — interested parties can sign up at howtobeselfemployed.com.
4. Freelancer-specific sites
There are a slew of sites that cater specifically to helping freelancers and independent contractors find work. Some of the most well known sites include Freelancer.com (which just released its new app for Android), eLance and oDesk. Craigslist may also prove helpful, though it's important to keep a sharp eye out for scams, which run rampant on the free site's "Jobs" section."In my opinion, the freelance revolution is transforming the way we work," said Nikki Parker, regional director of North America at Freelancer.com, in a previous interview with Mashable. "I think it will be one of the single biggest changes that we see to the way we work globally for decades to come." Taking freelance efforts online, in particular, presents countless opportunities. "People have a global portfolio; they're able to work with some really great, global businesses, which they wouldn't have had the opportunity to work for had they just freelanced locally.
Being able to work online can open you up to, literally, a world of opportunity." There are also niche, industry-specific sites that can help match freelancers to employers and contract jobs: GetACoder (for programmers and web designers), Experfy (for data-related fields), 99designs (for graphic designers), journalismjobs.com and many more. Google searching for your specific industry and "freelance opportunities" can help you narrow down these niche sites.Being able to work online can open you up to, literally, a world of opportunity.
TaskRabbit and Fiverr, though not freelancer-specific, also offer opportunities for skilled workers to earn some extra cash "gig economy"-style, by running errands or performing specialty skills for users who want to outsource such tasks or chores.
Cost: Freelancer.com is free for users to create profiles and bid on projects (with an initial limit of eight bids per month), with optional "bid upgrades" available for a fee. For fixed price projects, there are additional "project fees" that are relative to the bid's value. Find more information on fees and charges here. Elance, which is also free for freelancers to sign up and use, deducts an 8.75% service fee from all invoices submitted; this fee is added onto the client's bill. On oDesk (also free to join), a 10% fee is deducted from each payment a freelancer receives — so price your services accordingly.
5. about.me
Creating a personal website is an excellent way to increase SEO, impress potential clients and add to your personal brand. Before you spend potentially thousands of dollars — and hours — on a professional website, consider going the simpler route by creating an about.me page. Though not as involved as a full-fledged site (the platform refers to itself as "your personal homepage"), you'll be able to display enough information to pique interest from potential employers, and set-up is a breeze.
Image: about.me
Cost: It's free to create a homepage — and you don't need to know how to code.
6. Continued education opportunities
One of the greatest advantages of a job as head honcho is that it (usually) allows for a more flexible schedule than a typical office job. (It's important to note that "flexible" doesn't necessarily mean "fewer hours.") Educational opportunities that you can access online or locally can help you develop skills you may not have learned in the traditional workplace or throughout your education — and you may find that picking up a hobby or learning a new skill introduces you to a new network that may provide lucrative business connections.Regardless of your motives, there's a lot of merit to lifelong learning. A few resources worth checking out include: General Assembly, CodeAcademy, Allclasses, Thinkful, Coursera and classes at your local community college, rec center or other organization.
Cost: These platforms and various classes all range in cost, but many are affordable or can be completed for under $100. Keep an eye out for promotions, deals and giveaways that offer free introductory courses or discounts (setting up a Google Alert can help you score deals as soon as they're available).
7. IRL networking groups
"We're more connected than ever before, yet so disconnected," says Fine."In a world in which impersonal forms of communication have taken over, we've lost a bit of the human element." While the Internet makes it easier for us to connect, nothing beats face-to-face communication with other professionals: There's only so much networking that can happen behind a screen."In a world in which impersonal forms of communication have taken over, we've lost a bit of the human element."
MeetUp is one of the most prolific companies helping establish real-life communication among like-minded professionals. The platform allows members to find and join groups that align with their interests, hobbies or professional goals. Getting started is as easy as signing up and searching for MeetUps in your area — though the company is based in New York, it currently operates in 177 countries, with an astounding membership of nearly 19 million.
As another option, if you went to college, check to see if your university offers an alumni group in your city. (Chances are, it does.) Joining and attending these events is another great way to connect with professionals with whom you've already got something in common: Your alma mater. Who says networking can't happen over a pitcher at your city's resident sports bar, while you watch college football?
In addition to these more general networking groups, be on the lookout for organizations aimed toward a particular niche, such as YJP (Young Jewish Professionals) or Femfessionals, an organization for women entrepreneurs and leaders.
Violette de Ayala, founder and CEO of Femfessionals, strongly believes in the merit of IRL networking. "Starting an entrepreneurial venture for the first time or as a side hustle can be incredibly disorienting," says de Ayala. She iterates that, by nature, entrepreneurs are "game-changers" — their inherent "go-getter" attitudes can be hugely powerful when combined with the efforts and brainpower of other similarly minded individuals.
In terms of networking, de Ayala offers the following advice: "Go out of your regular circle, meet new people and expand your business 'rolodex.'
Once you have connected, give something of yourself — whether its advice, a tip or an introduction to a stellar contact. Give twice as much to a new connection, especially before an 'ask.' The last component is to maintain a new relationship often, without overdoing it. Don't let them forget you; be one of the first few people they think of when a business opportunity arises." There's strength in numbers. Being an entrepreneur is tiring and ever-evolving, says de Ayala, but finding a network of continuous support can be a tremendous morale booster. "It takes time to get it rolling, so be sure to stay focused and don't lose sight of your vision," she says. "Above all else, be sure to help one another out."Once you have connected, give something of yourself — whether its advice, a tip or an introduction to a stellar contact.
Subscribe to:
Posts (Atom)
