Download
1 / 7
E N D
Website Creation 1. Why do we need to create website? Over 4 BILLION people are using the internet, and over 5 billion internet searches made per day on Google alone.It’s a popular place these days. Below we take a look at what an online site does for a business and the reasons why that’s important to you. No one enjoys getting left behind. We know it’s nearly 2020 and not 1920, the business world and even society have moved into the digital age. With the internet and websites becoming increasingly important, a useful requirement for modern life. Primary reasons for having a website are: - Important for marketing - Increasing sales from online customers - Builds the customer trust factor - Accessible 24>7 -Makes the correct first impression -It’s cost-effective with positive ROI -Convenient for customers & accessible from anywhere -Looks and is professional -Greater audience reach -Builds connections with customers -Provides a resource and information data center -Enables self-service customer support -Low-cost advertising opportunities -Increases company visibility -Engages users with content -Puts the customers first (shows you think about their needs) -Gets important feedback from customers -Opportunity to beat competition via SEO and better/more content
2. Types of websites? Personal portfolios -Personal portfolios are consistent that need to be taken care of throughout your work. You can easily display the samples of your work, details about yourself, completed projects in the past and better explain to your clients why they must use your services for their advantages. Skills need to be shown in this type of websites are : Management, Computer Skills, Public Relations, Leadership, Accounting, Communications, and Customer Service. Next, select or request letters of recommendation and specific work samples or projects that exemplify these skill sets Informative -Wikipedia.org is an informational website. So is the website of your favorite coffee shop. And so is theverge.com.All of these are different from each other, but perfectly fit under the definition of an informational website.An informational website is a site with a purpose to provide detailed information about a specific topic, such as science, economics, movies, etc.For businesses, however, the definition can be described a little differently.Businesses create websites that provide branded and customized information about the company and all related topics for customers, investors, and community members.It also acts as a sales tool to attract new clients and investors.A good informational website for business will catch a visitor’s attention in less than 5 seconds. That’s why good content and design play key roles for such websites.However, don’t mistake it for a functional website selling a product online. Social media -Social media is the collective of online communications channels dedicated to community-based input, interaction, content-sharing and collaboration. Websites and applications dedicated to forums, microblogging, social networking, social bookmarking, social curation, and wikis are among the different types of social media. Types of Social Media Here are some examples of popular social media platforms: Facebook is a popular free social networking website that allows registered users to create profiles, upload photos and video, send messages and keep in touch with friends, family and colleagues. Twitter is a free microblogging service that allows registered members to broadcast short posts called tweets. Twitter members can broadcast tweets and follow other users' tweets by using multiple platforms and devices. Google+ (pronounced Google plus) was Google's social networking project, designed to replicate the way people interact offline more closely than is the case in other social networking services. This website is no
longer offered to new users and plans to shut down remaining accounts in 2019. Wikipedia is a free, open content online encyclopedia created through the collaborative effort of a community of users known as Wikipedians. Anyone registered on the site can create an article for publication; however, registration is not required to edit articles. Wikipedia was founded in January of 2001. LinkedIn is a social networking site designed specifically for the business community. The goal of the site is to allow registered members to establish and document networks of people they know and trust professionally. Reddit is a social news website and forum where stories are socially curated and promoted by site members. The site is composed of hundreds of sub-communities, known as "subreddits." Each subreddit has a specific topic such as technology, politics or music. Reddit site members, also known as, "redditors," submit content which is then voted upon by other members. The goal is to send well-regarded stories to the top of the site's main thread page. Pinterest is a social curation website for sharing and categorizing images found online. Pinterest requires brief descriptions but the main focus of the site is visual. Clicking on an image will take you to the original source. For example, clicking on a picture of a pair of shoes might redirect users to a purchasing site and an image of blueberry pancakes might redirect to the recipe. Ecommerce -eCommerce, also known as electronic commerce or eBusiness, is buying and selling goods and services over the internet. eCommerce appeared, OMG, almost 50 years ago. firstly a basic system of eCommerce appeared, EFT (electronic funds transfer) and EDI (electronic data interchange). Also, teleshopping. Corporate -corporate websites are not aimed at the sale of products, but instead serve to provide information about the fact that the company comply with shareholders rights of information and participation and facilitates the fulfilment of their duties and corporate and contractual obligations. Therefore, we are looking at a website but with certain specialities, since it has its own specific system and, additionally, it should be created as a result of a corporate agreement where it is clear that it is a website with these characteristics.
3. Key terms related to website. ➢Static Website : A static website contains Web pages with fixed content. Each page is coded in HTML and displays the same information to every visitor. Static sites are the most basic type of website and are the easiest to create. Unlike dynamic websites, they do not require any Web programming or database design. A static site can be built by simply creating a few HTML pages and publishing them to a Web server.Since static Web pages contain fixed code, the content of each page does not change unless it is manually updated by the webmaster. This works well for small websites, but it can make large sites with hundreds or thousands of pages difficult to maintain. Therefore, larger websites typically use dynamic pages, which can be updated by simply modifying a database record. Static sites that contain a lot of pages are often designed using templates. This makes it possible to update several pages at once, and also helps provide a consistent layout throughout the site. ➢Dynamic Website : Dynamic websites contain Web pages that are generated in real-time. These pages include Web scripting code, such as PHP or ASP. When a dynamic page is accessed, the code within the page is parsed on the Web server and the resulting HTML is sent to the client's Web browser.Most large websites are dynamic, since they are easier to maintain than static websites. This is because static pages each contain unique content, meaning they must be manually opened, edited, and published whenever a change is made. Dynamic pages, on the other hand, access information from a database. Therefore, to alter the content of a dynamic page, the webmaster may only need to update a database record. This is especially helpful for large sites that contain hundreds or thousands of pages. It also makes it possible for multiple users to update the content of a website without editing the layout of the pages.Dynamic websites that access information from a database are also called database-driven websites. ➢Responsive Design : Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation.The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. One may also have to consider the settings on their devices; if they have a VPN for iOS on their iPad, for example, the website should not block the user’s access to the page. In other words, the website should have the technology to automatically respondto the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market. ➢Web-CMS : A content management system, often abbreviated as CMS, is software that helps users create, manage, and modify content on a website without the need for specialized technical knowledge.In simpler language, a content management system is a tool that helps you build a website without needing to write all the code from scratch (or even know how to code at all).Instead of building your own system for creating web pages, storing images, and other functions, the content management system handles all that basic infrastructure stuff for you so that you can focus on more forward-facing parts of your website.A content management system, often abbreviated as CMS, is software that helps users create, manage, and modify content on a website without the
need for specialized technical knowledge.In simpler language, a content management system is a tool that helps you build a website without needing to write all the code from scratch (or even know how to code at all).Instead of building your own system for creating web pages, storing images, and other functions, the content management system handles all that basic infrastructure stuff for you so that you can focus on more forward-facing parts of your website.On a more technical level, a content management system is made up of two core parts: A content management application (CMA) – this is the part that allows you to actually add and manage content on your site (like you saw above). A content delivery application (CDA) – this is the backend, behind-the-scenes process that takes the content you input in the CMA, stores it properly, and makes it visible to your visitors. Together, the two systems make it easy to maintain your website. ➢Domain : Domain name is your website name. A domain name is the address where Internet users can access your website. A domain name is used for finding and identifying computers on the Internet. Because of this domain names were developed and used to identify entities on the Internet rather than using IP addresses. ➢Hosting : Web hosting is a service that allows organizations and individuals to post a website or web page onto the Internet . Their computer will then connect to your server and your webpages will be delivered to them through the browser. Most hosting companies require that you own your domain in order to host with them. ➢Wireframes : Wireframes are simple black and white layouts that outline the specific size and placement of page elements, site features, conversion areas and navigation for your website.They are devoid of color, font choices, logos or any real design elements that take away from purely focusing on a site’s structure.We often say that they are much like a blue print to a home, where you can easily see the structural placement of your plumbing, electrical and other structural elements without any interior design treatments. extremely important reasons on why you need to wireframe. Wireframes display site architecture visually A sitemap can be a bit abstract, especially ones that are very large. Taking the sitemap to wireframe starts the first real concrete visual process for a project. Wireframes turn the abstract nature of a flow chart into something real and tangible without distractions. This step ensures that all parties are on the same page. Wireframes allow for clarification of website features In many instances, clients may not understand what you mean when you say “hero image,” “google map integration,” “product filtering,”
“light boxes” and hundreds of other types of features. Wireframing specific project features on a website provides a clear communication to a client how these features will function, where they will live on the specific page and how useful they might actually be. Wireframes push usability to the forefront This is the one of the most important points of the entire wireframing process. Creating wireframes pushes usability to the forefront in showcasing page layouts at their core.It forces everyone to look objectively at a website’s ease of use, conversion paths, naming of links, navigation placement and feature placement. Wireframes can point out flaws in your site architecture or how a specific feature may work. And this is a great thing. Wireframes identify ease of updates For clients who purchase a content managed website, this point is especially important. A wireframe will immediately identify how well your site will handle content growth. Wireframes help make the design process iterative Instead of trying to combine the functionality/layout and creative/branding aspects of the website in one step, wireframes ensure that these elements are taken in one at a time. This allows clients (and other team members) to provide feedback earlier in the process.Skipping wireframes delays this feedback and increases the costs of making changes because full design mock-ups must be reworked, not just simplified wireframes. Wireframes save time on the entire project Wireframing saves time in a multitude of ways. Your designs are more calculated. Your development team understands what they are building. Content creation becomes much clearer. You avoid hacks later on in the process. Everyone from the web team, the agency and client are all on the same page about what the website is supposed to do and how it is supposed to function.
➢Navigation :That which facilitates movement from one Web page to another Web page.Navigation is often taken for granted, but it plays a crucial role in getting site visitors to view more than just the home page. If navigation choices are unclear, visitors may button on their first (and final) visit to a Web site. Once they enter, the real challenge begins, as it is no easy task to allow first-time visitors to get take maximum advantage of a site,Over time, some more-or-less standard navigation layouts have developed: “Back” elect to hit the Main * above the fold or left side column Navigation: Secondary * below the fold or right side column Navigation:
