Creation of website
Creation of website - Introduction • Broad term for the work involved in developing a website for the internet • Encompasses many different skills and disciplines in the production and maintenance of websites • Five step process for effective website design – – – – –
Analyze Organize Develop Implement Maintain
Analyze • Information / content • Target Audience • checklist
Organize • • • •
Navigation Content Page layout Page design
Develop • • • •
Web page layout Site layout Web page construction Graphics techniques
Implement • • • •
User interaction Final checklist FTP Fine tune
Maintain • Marketing • Optimization • Traffic anaysis
Plan your content • Web development languages and tool – HTML/DHTML/XHTML – Java – Web design tools- Frontpage, Dreamweaver etc., – Scripting languages – VBScript, Javascript etc., – CSS – XML – …..More !!!!
Types of web sites • Website – set of web pages • Two types of web sites include – Static (abstract) – Dynamic (proactive)
Static website • The web page content remains constant until a developer wishes to alter • The information remains the same throughout • The content include – Plain text or rich media The content is same at all times irrespective of time of visit
Dynamic website • It updates itself frequently depending on a set of parameters • The content is renewed every time a user visits the website • It is created using a wide range of software and languages like – – – – –
Java Server Pages (JSP) Active Server Pages (ASP) PHP Python Perl etc.
Plan your content Interactive Websites • Websites of the 90s had only textual content on them • With the evolution in multimedia and other design elements, images, audio, video, and interactivity to mimic a desktop application started appearing on websites. • Plugins such as Silverlight and Flash started to get implemented in websites to deliver more interaction with users • In modern web browsers, JavaScript helps modify the web page content on the fly and communicate with the web server.
Wireframe your design • Wireframing is an important step in any screen design process • It primarily allows you to define the information hierarchy of your design, making it easier for you to plan the layout according to how you want your user to process the information.
Wireframe your design • A website wireframe is defined as the visual guide that gives a framework for your website • This blueprint or page schematic is created to layout site elements in the best way possible to support a specific purpose • Website wireframing is as close to an architect’s job for web design
Wireframe your design • It should lay out the details necessary to visualize how the page will be – Structured – What’s the layout – The flow of the messaging – Consider all of the elements that will help the page fulfil its goal Website wireframes are 90% thinking/planning and just 10% drawing
Create webpages • A single, usually hypertext document on the World Wide Web that can incorporate text, graphics, sounds, etc. • • A uniform resource locator, abbreviated URL, also known as web address, is a specific character string that constitutes a reference to a resource • In most web browsers, the URL of a web page is displayed on top inside an address bar • An example of a typical URL would be "http://www.google.com
Website • Web Site: A connected group of pages on the World Wide Web regarded as a single entity, usually maintained by one person or organization and devoted to a single topic or several closely related topics • A set of interconnected webpages, usually including a homepage, generally located on the same server, and prepared and maintained as a collection of information by a person, group, or organization.
Web server • Web server : A remote computer or a computer program that delivers Web pages to a user's computer, or a client, upon request from a web browser through the Internet • The most common use of web servers is to host websites, but there are other uses such as gaming, data storage or running enterprise applications Web Server S/W – Apache, Tomcat, Internet Information Service (ISS) etc.
Web browser • The primary function of a web server is to deliver web pages on the request to clients using the Hypertext Transfer Protocol (HTTP) • This means delivery of HTML documents and any additional content that may be included by a document, such as images, style sheets and scripts • A user agent, commonly a web browser or web crawler, initiates communication by making a request for a specific resource using HTTP and the server responds with the content of that resource or an error message if unable to do so.
Web Publishing • Web publishing, or "online publishing," is the process of publishing content(information) on the Internet • It includes creating and uploading websites, updating webpages, and posting blogs online • The published content may include text, images, videos, and other types of media • A Web site is a collection of HTML pages with the home page typically named INDEX.HTML
Web Publishing • In order to publish content on the web, you need three things: – web development software – an Internet connection – web server
• The software may be a professional web design program like Dreamweaver or a simple web-based interface like Notepad • The Internet connection serves as the medium for uploading the content to the web server. • Large sites may use a dedicated web host, but many smaller sites often reside on shared servers, which host multiple websites. • Distributing the site requires copying the resulting HTML pages and graphic elements into the appropriate directories on the server.
Web Publishing • The audience is limitless since content posted on the web can be viewed by anyone in the world with an Internet connection • These advantages of web publishing have led to a new era of personal publishing that was not possible before • Posting updates on social networking websites like Facebook and Twitter is generally not considered web publishing • Instead, web publishing generally refers to uploading content to unique websites
Web Publisher • Since web publishing doesn't require physical materials such as paper and ink, it costs almost nothing to publish content on the web • Therefore, anyone with the three requirements above can be a web publisher • A person or company that uploads, creates, or edits content on Web pages; one who maintains or manages a Web site. A software program or application used to create Web pages
Web Hosting • Web hosting is where your website actually sits, on a computer, in a building somewhere, when you put it on the internet • It doesn't matter where in the world you're located, or where your web hosting is located • Web hosting is the only thing you have to pay for, to set up a website • Everything else can be done for free