Web Design Information


How To Create A Stunning Drop Capital Effect On Your Web Pages


Drop Capitals are frequently used in many newspapers, books and magazines in the offline world.  You will frequently see the large capital letter sinking down into the first paragraph of articles, stories and chapters in the majority of publications you come across.

The drop capital gives the page a nice finishing touch, and certainly adds a more professional looking feel.

Online, the drop capital looks just as good on web pages as it does in print. The only drawback is that you can easily get the whole effect wrong, and end up with a less than appealing result.

The wrong way...

When most people attempt to create a drop capital effect on a web page, they usually just enlarge the first letter by a few font sizes and make it bold.

If you do this on your own web page, you will notice that instead of a 'drop' capital effect, you end up with an odd looking letter which sticks up above the rest of the paragraph, and just looks out of place.

The right way...

There are essentially, two parts to creating the drop capital effect.

Step #1 -

You need to create a drop capital image using some graphic software.

You can use any standard piece of graphic software like Paint Shop Pro, Fireworks, or Photoshop.

The drop capital image should ideally be big enough to drop down between 2-4 lines of text, depending on your preference.

You should ensure that the top of your drop capital image is level with the top of the text next to it. The bottom of the image should also be level with the bottom of the lowest text next to it.

This is really the hardest part of creating a drop capital effect.  It can be very easy to make the image just a bit too big, or a bit too small. You may find that it will take a bit of trial and error to make it look just right. However, the extra effort will pay off, as the end result will be worth waiting for.

One thing to note: As with any image, a drop capital image can slow a web page if the file size is too big.  To help reduce the file size you should save it as a '.gif' image.  For even better results you should try to optimize the '.gif' image as well by reducing the amount of colors being used.

Step #2

This step is the easiest bit?

Once you have created the drop capital image, all you have to do now is to insert it into your web page.  You just add the image to the web page in the same way that you would with any other image on your page.

When you place it at the beginning of the paragraph, make sure you remember to delete the first letter of the normal text.  Otherwise you will end up starting the paragraph with two of the same letter.

Align the image to the left

Initially, you will notice that the drop capital image just sits on top of the first line, instead of dropping down into it.  Not for long!

All you have to do now, is align the image to the left, and you will see it drop down instantly into the paragraph.

If you are using a web page editor to create your web pages like Microsoft FrontPage or Macromedias Dreamweaver, aligning the image to the left is pretty easy.

In FrontPage:

Select the drop capital image by left clicking it once. Then click on the align to the left short cut icon in the top menu bar.  Alternatively, you can select Format, then Position from the top menu. In the pop up window, select Align Left under Wrapping Style.

In Dreamweaver:

Select the drop capital image by left clicking it once. Then in the properties window, click on the arrow in the drop down menu next to Align, then select Left

If you are using a different web page editor, you should have a similar align option in the menu area.  Alternatively, you edit the HTML code directly yourself.  Just add the following command in between the brackets of the image tag:

align="left"

Thats literally all there is to it!

If you have multiple pages on your website, youll probably going to need to create a number of different drop capital images for each letter of the alphabet.  The extra effort will be worthwhile as you will end up with a much more professional looking website.

Copyright © 2004 Jason Lewis

About the Author:

Jason Lewis provides ready-made professionally designed drop capital images, as an instant solution for the busy website owner.  Each design is available for immediate download and can be added to a website within a few minutes.  To find out more: http://www.dropcapitals.com/cmd.asp?ad=93481


MORE RESOURCES:
Seven Key Aspects Of Web Design For Drawing In Customers  Forbes

There are many ways to draw the eye of potential clients. One such way is through website design. Not only does your website contain information about your ...


How AI is reshaping web development | Articles | Big Data  Innovation Enterprise

How AI is enabling are reshaping web development and giving developers everywhere hope about the future of tech.


How to Tell Your Brand Story Using Web Design  Business 2 Community

Ever hear the phrase: “you never get a second chance to make a first impression”? Although this is certainly true for meeting new people, it also applies to your ...


A Quick Primer on Managing Your Web-Development Tasks  Entrepreneur

Early in the life of your startup, perhaps when that venture is still just a side project, you need to get serious about the design of your website or app(s). And you ...


New Web Design & Digital Marketing Platform for Schools, eduMEDIA, to Launch in 2019  PRNewswire

ORANGE COUNTY, Calif., Feb. 19, 2019 /PRNewswire/ -- Greatlike Media, an Orange County web design and digital marketing firm, is launching a branch ...


CMS platforms and web designers should be partners, not competitors  The Next Web

When web designing platforms give people the ability to create something incredible on their own — coupled with a professional-looking design — it's a true ...


AI in Web Development: Reality or Hype  ReadWrite

To what extent will artificial integration (AI) change how we do things going into the future, particularly in the field of web development? This debate has been ...


The 'Captain Marvel' Site Revisits Classic '90s Web Design  Entrepreneur

No matter your level of excitement over the first Disney+-exclusive Marvel movie, if you remember web browsing in the days of 28.8 dial-up and web rings then ...


Captain Marvel’s official site dials up some 1990s web design  Polygon

I don't know if it's too soon to call a film set in the 1990s a “period piece,” but Captain Marvel's marketers are doing their damndest to earn that label with a Comic ...


Top web design trends of 2019 | Articles | Digital  Innovation Enterprise

Check out these top web design trends of 2019; from the overall styling to text illustration, this is what web designers are doing. Don't be afraid to dare!


The 'Captain Marvel' site revisits classic 90s web design  Engadget

No matter your level of excitement over the first Disney+-exclusive Marvel movie, if you remember web browsing in the days of 28.8 dial-up and web rings then th ...


Web Design Don'ts: 13 Website Features That Can Ruin The User Experience  Forbes

A "flashy" website may look cool, but intrusive, slow-loading or unintuitive features may ruin the user experience. Members of Forbes Technology Council detail ...


WebBuilderZone Announces Unique Illustrated Guide to Web Design Agencies  PRNewswire

NEW YORK, Feb. 4, 2019 /PRNewswire/ -- WebBuilderZone (https://webbuilderzone.com) has announced the official launch of its portfolio-driven Web Agency ...


BOWEN Sets New Initiative for the State of Web Design in 2019  PRNewswire

NEW YORK, Feb. 1, 2019 /PRNewswire/ -- BOWEN, a New York-based top web design company and creative agency, understands that online success in 2019 ...


Basic Bookkeeping and Web Design  WBKO

Robert Bedard will teach classes useful for small businesses this month at Parker Bennett Curry Elementary.


How to Use Google Maps to Get More Web Design Clients  Business 2 Community

So you want more web design clients, eh? I mean, who doesn't? There are a lot of different methods to go about getting these clients, but I'm willing to bet you've ...


Key B2B Web Design Trends for 2019 Announced by Bop Design  PRNewswire

SAN DIEGO, Feb. 5, 2019 /PRNewswire/ -- B2B marketing and web design agency, Bop Design, released their take on the design trends that will be impacting ...


Students create websites, fix computers and more in classes at GHS  Scottsbluff Star Herald

Reading code, writing code and fixing computers are all part of a normal class period for the students in Broc Brown's web design and development class at ...


The Importance Of Responsive Web Design  iProgrammer

The days when we could afford to ignore responsive web design are over. Here's an infographic that summarizes the reasons why we should all be adopting ...


Six visual web design trends set to be big in 2019 – Econsultancy  Econsultancy

As January comes to a close, it's time for a round up of web design trends we're likely to see a lot more of as 2019 progresses. Expect even more video *content*, ...


Web Design Company Toronto Sets New Scheme for Superior Web Design in 2019  MENAFN.COM

(MENAFN - ForPressRelease) Top creative and web design agency Toronto knows that success in the world of online business in 2019 means much more than.


Responsive Web Design Questions About Mobile SEO  Business 2 Community

Users are bouncing, conversions are sparse and sales are way down. Or, *insert in your problem here.*. Whatever the concern, let's be honest… your site needs ...


Digital Content Producer  WTAJ - www.wearecentralpa.com

WTAJ-TV has immediate openings on our award-winning news team at our Altoona office. We are Your News Leader in Central Pennsylvania and we need a ...


Web Design Company, Lounge Lizard, shares Five Common Conversion Costing Landing Page Mistakes  PR Web

New York, NY (PRWEB) February 18, 2019 -- NEW YORK, NY. Lounge Lizard is globally recognized as a top web design company within the web design and ...


Several WDC BPA members advance to state  Wadena Pioneer Journal

Wadena-Deer Creek BPA members competed at the regional Business Professionals of America (BPA) competition recently in Detroit Lakes and several ...


Are there any good free courses for learning web design? - Business Advice  Business.com

I have been working as an IT administrator for the last 7 years but now I want to make a shift in my career. I want to become a web designer and be really good at ...


Denver Web Design Company Epidemic Marketing Defines A 6-Stage Optimization Process for SEO and CRO  Associated Press

Epidemic Marketing offers their expertise in web design efforts to improve search engine optimization and conversion rate optimization for their clients DENVER, ...


Continuous quality assessment worthwhile in voice app development  The Guardian

Applying many of the typical best practices of doing QA throughout the software development process is easier than you might think.


The benefits of hiring a professional web designer  The Frisky

In order to be successful in the digital words, it is crucial that you have a professional website for your customers to visit. This is one of the best ways in which you ...


Web Development Business Management and Sales Techniques  Business 2 Community

Software engineers often think about starting a web development business of their own. We may be talking about a traditional senior software developer working ...


Madison's Best Web Design Company -  Pursuitist

Parr Interactive, the Madison Wisconsin based web design company, has been named one of the “Best Madison Web Design Companies” by the Web Marketing ...


10 Best Design Presents Best Magento Web Design Firm Awards for January 2019  PR Web

When considering the Best Magento Web Design Firm ranking and 10 Best Design rankings, Magento is aware of those top marketing and web-focused ...


PepsiCo Moves Gatorade Digital Marketing to TBWA\Chiat\Day Los Angeles  Adweek

PepsiCo has shifted responsibility for digital work on its Gatorade brand to longtime creative agency partner TBWA\Chiat\Day, a spokesperson for the beverage ...


Awards for Top LA Web Development Company Announced for January 2019 by 10 Best Design  PR Web

LOS ANGELES, Calif. (PRWEB) January 30, 2019 -- 10 Best Design is pleased to announce the winners of its Best LA Web Development Firm awards for ...


Best Responsive Web Design Agencies Honored with Awards for January 2019 by 10 Best Design  PR Web

NEW YORK, N.Y. (PRWEB) January 28, 2019 -- 10 Best Design is pleased to announce the winners of its Best Responsive Design Firm awards for January ...


Top Bay Area Web Design Agencies Honored in January 2019 by 10 Best Design  PR Web

Doing business in the technology age requires businesses to have top-tier web pages to attract potential customers and keep them coming back. Fortunately, 10 ...


Best Manhattan Web Design Firm Awards Given for January 2019 by 10 Best Design  PR Web

New York City is home to some of the highest-grossing and oldest businesses in the world, not to mention the three best web design firm candidates for the first ...


Turn Site Visitors into Sales with WordStream's CRO Toolkit  Search Engine Journal

This is a sponsored post written by WordStream. The opinions expressed in this article are the sponsor's own. Have you ever seen a dog catch a mailman?


The Morning Watch: 'The LEGO Movie 2' Design Process, THR's Writers Roundtable & More  /FILM

In this edition, go behind the scenes of The LEGO Movie 2 design process, watch an hour-long Hollywood Reporter writers roundtable, and more.


Genius Barred: What to Do When You Can’t Wait for Apple Support  The Ringer

Procuring an appointment at an Apple Store to fix your iPhone or Mac can be a laborious task, but certified repair businesses have found a way to ease ...


Chamber of Commerce Business Achievement Awards -- Roofer, web designer vie for top prize  The London Free Press

The third in a series spotlighting nominees for the London Chamber of Commerce Business Achievement Awards – this category, large-sized companiesAM ...


Five myths about business websites you can't afford to believe  Elite Business Magazine

Many businesses stunt their potential by believing professionally designed websites have a hefty price. However, it doesn't have to cost more than a daily cup of ...


London police plan to identify sex buyers  The London Free Press

London police will begin releasing the names of men charged with buying sex, a policy change for which a local women's agency has pushed for the past ...


What is Wix? – Website Builders Explained – 2019  TechCo

If you want to start a website, you may have heard of Wix. We explain what Wix is, and isn't and why you should use Wix for your site.


Gmail: Neues Design fĂĽr Android und iOS  Computerwelt

Wie vor ein paar Wochen angekündigt, haben die mobilen App-Versionen nun eine neue Oberfläche im Material Design erhalten. Das ist neu.


Here's What Beto Could Unleash on Trump  POLITICO

He almost beat Ted Cruz. Could he take down Donald Trump? Inside the radical campaign strategy of Beto O'Rourke.


30+ Impressive Web Design Statistics You Need to Know in 2019  G2 Crowd

A well-designed website is a powerful asset to your business. Read statistics showing the power of a well-design website, mobile sites, e-commerce site design ...


How (and Why) Collaboration Brings About Stronger, More Creative Web Design  Entrepreneur

With respect to web design, the result of team collaboration is almost always a better product.


Low-Tech Magazine launches radical solar-powered website  Fast Company

The internet is a system that demands more: more engagement, more clicks, more ads, more *content*, more code, more servers, and more devices. The size of a ...


How to Build Your Brand through Web Design  Entrepreneur

Brands are successful because people care and remember them. So how do you make your brand memorable? The answer is consistency.


Learn web design and development from all the angles with this bundle  Boing Boing

Want a career in web design? It's true that these days, most anyone can throw up a page or two. But for true workhorse web design, you'll sometimes need to ...


10 exciting web design trends you can’t hide from in 2019  The Next Web

The end of the year is near, and that could only mean one thing. It's time to look ahead at what website design could look like in the year to come. Like every year ...


Hot web design trends for 2019  AZ Big Media

A recent study shows that 97% of consumers research their purchases online before they buy something. Strong, modern web design is vital to your brand's ...


21 Free Web Design Tools from Fall 2018  Practical Ecommerce

Add value to your website by utilizing free resources from the design community. Here is a list of new web tools and design elements from fall 2018. There are ...


7 Web design trends and predictions for 2019  Packt Hub

2019 will be all about engaging web design focusing on video backgrounds, captivating designs & layouts, speed, mobile performance and so on. Here are 7 ...


2019 Web Design Trends  Business 2 Community

Web design is an ever-evolving field; technology is constantly changing; and we as designers and developers need to have our fingers on the pulse of what's ...


Google launches VisBug, a Chrome extension for point-and-click web design  ZDNet

At the Chrome Dev Summit that's taking place today in San Francisco, Google announced a new developer tool called VisBug that simplifies the task of editing a ...


A nostalgic journey through the evolution of web design  The Conversation AU

Web design has come a long way since the days of blue hyperlinks and flashy GIFs.


Clutch Announces the Leading Web Design Agencies in the United States for 2018  PRNewswire

WASHINGTON, Dec. 5, 2018 /PRNewswire/ -- Clutch unveiled a list of the leading web design agencies across the United States today. These designers are ...


Top 17 Web Design and UI Trends for 2019  Designmodo

New year, new time to think about web design trends. The start of the year is a great time to look back on the previous year and your successes and look ahead ...


College to offer web design class  Fremont Tribune

Northeast Community College in West Point will offer a class later this month on how to use HTML (Hypertext Markup Language) for web design.


How Augmented Reality Will Change Web Design Over the Next 5 Years  IoT For All

Augmented Reality (AR) is revealing both exciting opportunities and unique challenges for web design. The best may be yet to come.


Blocs 3 for Mac review: The best simple web design app gets even better  iMore

With every new version, Cazoobi's Blocs gets closer and closer to becoming the graphic web design app of my dreams – a tool that balances drag-and-drop ...


Woman's business dreams dashed after web design scam  WOWT

The dream of starting a business turned into a financial nightmare for one Omaha woman.


Trends You can Expect in Web Development for 2019  Customer Think

The current generation of website developers is ideal employees in consideration of web development spectrum. Most of the modern people respond quickly to ...


How will AI change the web development in future?  Customer Think

AI is present everywhere – from chatbots to virtual assistants, AI is used in day to day activities. Virtual assistants like Siri and Cortana are helping the users by ...


Student-faculty team wins national competition for inclusive web design  SUNY Oswego

Five SUNY Oswego students under the mentorship of graphic design faculty member Rebecca Mushtare recently won the national AIR-U competition for ...


Four Anaconda high-school students embark on web-design, social-media marketing company  Montana Standard

Editor's note: This story has been edited to reflect that Ryan Hessler's, not Blake Johnson's, father is a computer scientist. A caption in a photo also stated that Kai ...


Video: Students learn basics of web design at Coding Club  Bucks County Courier Times

The Southampton Free Library hosts a Coding Club for students every Tuesday afternoon through April 16.


Done Role of IoT in Web Development  Customer Think

With the increasing advent of technology and the ever-changing demands of people as well as businesses, there has been a rise in technologies which have ...


10 Marketing, Web Design & Branding Statistics To Help You Prioritize Business Growth Initiatives  Forbes Now

In the digital age, business growth tactics are constantly evolving. But when algorithms, platforms and effective initiatives change rapidly, how can you know ...


Why web design is crucial to online retailers’ success  DigitalCommerce360

Few factors affect online sales more than the design of a retail website. According to an exclusive survey, 61% of consumers will leave a retail site and go to a ...


6 Ways To Improve Your Website Design To Boost Sales  Forbes

How you build your website is as important as what is on it when it comes to converting sales.


Outsourcing Web Design – What You Need to Know | 2019  TechCo

Outsourcing web design and web development is a great solution for small businesses everywhere. Here's how the process works and how much it'll cost you.


Best Web Design Services and Software | 2019  TechCo

What software companies provide the best web design services? Who can you trust to create your new business website? Here's our list of the top designers.


How To Make Your Website More Scannable  Forbes Now

When research suggests that humans have attention spans shorter than a goldfish, there is every reason to design your website such that it delivers expected ...


Learn Web Development for Free With App Academy  Lifehacker

Coding school App Academy has opened a free online interactive version of its 12-week curriculum. That's a pretty good deal, since the Academy's in-person ...


Yale, Flatiron School create web development bootcamp for summer session  Yale News

Yale Summer Session is collaborating with Flatiron School to offer a Web Development Bootcamp for Summer 2019, which will carry two Yale College credits, ...


web design  ReadWrite

When British technologist Kevin Ashton coined the term “Internet of Things” in 1999, little did he knew that this term would become so popular in the coming ...


Third-party cookies have dropped by 22% since GDPR took effect  Fast Company

[W]e may be observing a kind of 'housecleaning' effect,” report the researchers behind a new study on the drop in third-party cookies since the new privacy rules ...


Is responsive web design enough? (Hint: No)  Search Engine Land

As mobile-first indexing nears, the need to optimize for mobile has never felt so pressing. Even in its current iteration, mobile search is incredibly important for ...


Mobile web design remains a moving target  DigitalCommerce360

Over the past few years, a stream of technologies has promised to solve the mobile design challenge. Many have worked, but none has been a cure-all. Now a ...


35 Web Design and Development Terms Every Marketer Should Know  Business 2 Community

Many companies are looking to perform a website redesign in the near future. However, many marketers and company executives feel like they are hearing a ...


Know about the current trends in web development  Customer Think

In case of web development, you may have probably heard that the only constant is the change. It is an industry-defining statement as web development keeps ...


This New Tool Makes Eye-Tracking Tech More Accessible to Web Designers  Adweek

At least that's the premise of an increasingly popular practice among web designers and advertisers: the use of biometric technology to track and test consumer's ...


Vector Media Group Acquires Renowned Web Design, Strategy and Development Agency, Happy Cog  Business Wire

Vector Media Group, an award-winning digital agency that provides brands with breakthrough strategy, development, design, and marketing solutions, tod.


Nine Ways Cloud Computing Benefits Web Designers  TechSpective

Cloud computing today is more affordable and accessible than ever before. While getting on the cloud still costs a bit more than a typical shared hosting.


How IoT Is Changing Web Development  IoT For All

IoT brings changes to software development on many levels, including on the web. Let's discuss the main peculiarities and nuances of IoT web development.


22 Free Web Design Tools from Summer 2018  Practical Ecommerce

Add value to your website by utilizing free resources from the design and development community. Here is a list of new web tools and design elements from.


The Four Web Design Trends Businesses Should Actually Care About  Forbes

In business, first impressions matter, and I'm not talking about your elevator pitch. It only takes a person 50 milliseconds (that's 0.05 seconds) to form an opinion ...


Full stack puts Bellevue University web development students ahead of the pack  Omaha World-Herald

Students learn to design, code, implement and maintain an interactive website on their own.


Datema Media offers web design, drone photography | Top-gallery  Petoskey News-Review

GAYLORD — “If your company needs a website or would like aerial pictures or videos, we should connect!” That's what Luke Datema recommends. He recently ...


Web Designer Salary: Always Better with Skills Specialization  Dice Insights

Web designers are responsible for the best (and worst) of the web. Given the importance of the role, what's a typical web designer salary?


The 15 best new podcasts for web designers and developers  The Media Temple Blog

Smashing Magazine recently compiled a shortlist of 66 podcasts that web designers and developers should be listening to, while UXcellence's 'rather ...


The web design trends brands need to prepare for in 2019  The Drum

2019 is set to see ecommerce sales increase by 19.5% globally, offering an opportunity to savvy brands who are up to speed on the latest web design trends ...


Web Design Best Practices that Ruled 2018  BBN Times

A website is the best marketing channel for any business in today's digital era. It is the reflection of your business in the online world. Here are 4 Reasons to ...


Why great web design is pivotal to online success  Business MattersBusiness Matters

When making the foray into the online world of business a website is normally the first on the list to have designed & developed.


8 Creative Web Design Tips To Boost Your Conversion Rate  Customer Think

Conversion Rate is the percentage of the visitors on your website that completes the desired goal of your business out of the total number of visitors.


Ann Arbor company offering simplified web design for small businesses plans major expansion  Concentrate

This piece is part of a series highlighting local business growth in the Ann Arbor area. It is supported by Ann Arbor SPARK. If you've ever visited a small ...


Importance Of Responsive Web Design And How It Favors Google  Times Square Chronicles

Web designing is a rapidly growing field today due to immense growth in the online sector. Unlike the past decades, this industry is demanding constant ...


home | site map
© 2007