Prepared By Pranab Bandhu Nath Lecturer Royal University of Dhaka Cell: Web:

 Internet

Web design is the planning and creation of websites. This includes the information architecture, user interface, site structure, navigation, layout, colors, fonts, and imagery. All of these are combined with the principles of design to create a website that meets the goals of the owner and designer.

Web development is the coding or programming that enables website functionality, per the owner's requirements. It mainly deals with the non-design aspect of building websites, which includes coding and writing markup. Web development ranges from creating plain text pages to complex Web-based applications, social network applications and electronic business applications. The Web development hierarchy is as follows: Client-side coding Server-side coding Database technology

Web development is a broad term for the work involved in developing a web site for the Internet (World Wide Web) or an intranet (a private network). Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services. A more comprehensive list of tasks to which web development commonly refers, may include web design, web content development, client liaison, client-side/server- side scripting,web server and network security configuration, and e- commerce development. Among web professionals, "web development" usually refers to the main non-design aspects of building web sites: writing markup and coding. Most recently Web development has come to mean the creation of content management systems or CMS. These CMS can be made from scratch, proprietary (such as Open Text) or open source (such as Drupal). In broad terms the CMS acts as middleware between the database and the user through the browser. A principle benefit of a CMS is that it allows non-technical people to make changes to their Web site without having technical knowledge. [1]InternetWorld Wide Webintranetplain textinternet applicationselectronic businessessocial network servicesweb designweb content developmentclient-sideserver- sidescriptingweb servernetwork securitye- commercemarkupcodingOpen TextDrupal [1] For larger organizations and businesses, web development teams can consist of hundreds of people (web developers) and follow standard methods like Agile methodologies while developing websites. Smaller organizations may only require a single permanent or contracting developer, or secondary assignment to related job positions such as agraphic designer and/or information systems technician. Web development may be a collaborative effort between departments rather than the domain of a designated department.web developersgraphic designerinformation systems Source: Wikipedia

Domain When referring to an Internet address or name a domain or domain name is the location of a website. For example, the domain name "computerhope.com" points to theIP address " ", but it is generally easier to remember a name rather than a long string of numbers. A domain name can be a maximum of sixty-three characters with one character minimum, and is entered after the protocol in the URL, as you can see in the following example.InternetwebsiteIP addressprotocolURL The first Internet domain name "symbolics.com" was registered by Symbolics, a Massachusetts computer company on March 15, When deciding on a domain name, its a good idea to keep it simple, something that is easy to remember. Additional promoting tips for websites is on our promotion page. To register or lookup a domain name, we recommend visiting GoDaddy or Network solutions; both companies aredomain name registrars.1985promotion pageGoDaddyNetwork solutionsdomain name registrars

A web hosting service is a type of Internet hosting service that allows individuals and organizations to make their website accessible via the World Wide Web. Web hosts are companies that provide space on a server owned or leased for use by clients, as well as providingInternet connectivity, typically in a data center. Web hosts can also provide data center space and connectivity to the Internet for other servers located in their data center, called colocation, also known as Housing in Latin America or France.Internet hosting servicewebsiteWorld Wide WebserverInternetdata centercolocation The scope of web hosting services varies greatly. The most basic is web page and small-scale file hosting, where files can be uploadedvia File Transfer Protocol (FTP) or a Web interface. The files are usually delivered to the Web "as is" or with minimal processing. ManyInternet service providers (ISPs) offer this service free to subscribers. Individuals and organizations may also obtain Web page hosting from alternative service providers. Personal web site hosting is typically free, advertisement-sponsored, or inexpensive. Business web site hosting often has a higher expense depending upon the size and type of the site.web pageuploadedFile Transfer ProtocolInternet service providers Single page hosting is generally sufficient for personal web pages. A complex site calls for a more comprehensive package that provides database support and application development platforms (e.g. PHP, Java, Ruby on Rails, ColdFusion, or ASP.NET). These facilities allow customers to write or install scripts for applications like forums and content management. Also, Secure Sockets Layer(SSL) is typically used for websites that wish to keep the data transmitted, more secure.personal web pagesdatabasePHPJavaRuby on RailsColdFusionASP.NETforumscontent managementSecure Sockets Layer The host may also provide an interface or control panel for managing the Web server and installing scripts, as well as other modules and service applications like . A web server that does not use a control panel for managing the hosting account, is often referred to as a "headless" server. Some hosts specialize in certain software or services (e.g. e-commerce, blogs, etc.).control panelWeb servercontrol panel

 Technical definitions: ◦ A webpage is a single HTML document ◦ A website is a collection of related webpages  Designing a good website requires more than just putting together a few pages

 Layout of web pages is very important  Poor layout makes for - ◦ Difficult navigation ◦ Hard to locate information on page ◦ Visually unappealing

 Use tables to lay out your pages!  Make the table borders invisible  A 2x2 table works well

Menu Header Content Logo

 Monitor resolution affects how you should lay pages out  800x600 = 50% x 420 pixels in browser window  1024x768 = 35%  640x480 = 3%* x 360 pixels  *Was 20% three years ago

Logo And Menu Header Content wide Up to 650 wide Up to 760 wide*

 Because monitors differ (640x480, 800x600, 1024x768), pages look different.  You can use a % width for a table, for example make it 80% of the page width

 The index.html file is called the “Splash Page”  It is the key page—the first page visitors usually see  Must be visually attractive, informative, and easy to navigate

 Decide what info goes on each page ◦ Friends page ◦ Family page ◦ Personal page ◦ Hobbies page

 Be Concise  Limit choices – use a hierarchical structure ◦ A hierarchy is a structured organization where some pages are at a higher level than others ◦ Hierarchy results in a site map with multiple levels

 A site map is designed to show the connections between pages  A graphical site map uses lines to connect linked pages

Interior or Internal Pages Website

 Choose a common layout for your website. The Splash Page will probably differ but interior pages should be the same  Use tables to control placement throughout

 Use the same font throughout!  Use consistent graphics in website – do not use ultra modern on one page and calligraphy on another  Use color scheme that is consistent

 Only fonts you can reliably use are Times New Roman (Times) and Arial (Helvetica)  Text in site should be one of these choices  How to overcome this? ◦ Any font used in graphics is loaded as a graphic, and does not rely upon the font being on the user’s computer ◦ Make cool font images in Photoshop

 Test your website as you go along. ◦ If you’re in the computer lab and there’s an empty computer next to you, log into it and check out your web page from there  Make sure it works in Netscape Navigator and Internet Explorer  Make sure all pictures come up on a different machine

 From your existing web pages, build a website. ◦ Add more pages to site – whatever you want  Some suggestions: Resume, friends page, hobbies page  Minimum 6 pages (splash page + 5) ◦ Use common design theme  Make custom graphics in PhotoShop  Prepare graphical site map in PowerPoint to turn in when finished

 Add Hyperlinks  Add Graphics (MSU, Scans, etc)