Study with the several resources on Docsity
Earn points by helping other students or get them with a premium plan
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Community
Ask the community for help and clear up your study doubts
Discover the best universities in your country according to Docsity users
Free resources
Download our free guides on studying techniques, anxiety management strategies, and thesis advice from Docsity tutors
website development asseignment level 5 hnd btec
Typology: Study Guides, Projects, Research
1 / 40
This page cannot be seen from the preview
Don't miss anything!
Qualification Center Name Center Registration No ABCHorizon Academy 91667 Student name Assessor name Touat anis Unit Number/Name 10: Website Design & Development Assignment number and title Submitted on SNT Antiques and Auctions
Student Declaration Student signature: Date: Click here to enter a date.
Assignment website development : 1-dns -DNS is like a translator, DNS translates the domain name into an IP address of 4 different numbers. for example, the domain name www.fpt.com to 123.457.12 or vice versa translates an IP address into a domain name. DNS makes the Internet more user-friendly today with the advent of all devices connected to the Internet, Users can only remember the name of the website but it is difficult to remember the IP address range of that website. Therefore, DNS appears as a service that allows users to enter the domain name on the web BROWSER and website name. -DNS works step by step according to the structure of DNS, the first step is to resolve information queries. For example, www.home.com will be converted to 192.168.1.1 which is an ip address provided to each device on the internet, just as each home will have a separate home number to facilitate search. When people want to find someone's website, they can enter the domain name and it will take them there. If you do not receive the information, you will see an error code appear. -A website on the internet needs at least two components, a web SERVER and a domain name, to work properly. The web SERVER is a computer that holds the files and databases that make up your website. Then send it to the internet every time someone accesses your site from their SERVER. The domain name is the name people type in the BROWSER, and then because the domain name points to the web SERVER address, the BROWSER can request to access that WEB SERVER. Without a domain name, everyone must remember the exact IP address of the SERVER when accessing - thisis unlikely. -Types of DNS Server and its ROLE In total, about 4 types of servers participate in the domain name resolution system DNS Recursor The DNS recursor is the SERVER that plays the role of communicating with other servers to replace itas a response to the client (the user's BROWSER). It is like a diligent employee who
information technology, this is called a protocol. The purpose of the communication protocol is to link subnets into interlocations for DATA TRANSMISSION Signal transmission, authentication DATA representation and DATA ERROR detection. Data transmission between the transport layer andthe network layer Defines the structure of DATA Packets as a single and basis for DATA TRANSMISSION on the Internet, so that computers and devices can connect and exchange information. believe together. SERVER HARDWARE basically, the HARDWARE in the computer is the part that we can see, hold, touch. The HARDWARE IN the Computer includes: monitor, mouse, keyboard, cords, CPU, RAM… The Hardware is created by computer manufacturing companies, the Hardware components will be used. to run the Software Operating systems : Basically Software is instructions that can be stored and run by HARDWARE And Software in the computer are applications running inside the computer, we cannot hold and touch it. A computer has a lot of software.Each software addresses a different function. WEB SERVER SOFTWARE: Organaize communication between users and the system.
The protocol defines rules, syntax, semantics, and synchronization of communication and can methods of error recovery. Protocols can be implemented by Hardware, Software or a combination of both.
- Server Hardware Hardware represents all the physical things that you can touch and see which merged and built together as a single entity called a Personal Computer (PC). It can be a Laptop or even your smart devices in this case. - Operating System Operating System (OS) is working on top of the Hardware. OS is the Software that brings you the interface to be able to communicate with the Hardware. Well, of course, there is more than that. OS communicates with the kernel using the device drivers to send “commands” to the Hardware to do the things that you want to do.
the experience you have while browsing through each page. EXO 2 back-end Just like when you log into Facebook, when you navigate to this site, Udacity's servers send information to your computer or mobile device, and then they are converted to the site you are seeing. P4 Discuss the differences between ONLINE website creation tools and custom built sites with regards to design flexibility, performance, functionality, User Experience (UX) and User Interface (UI). Wix and wordpress there are many platforms to create a website. But in summary, we divided into 2 specific ways: one isto use website builder and the other is to use content management system (CMS). Wix and wordpress Flexibility of design and performance WIX Wix is a great free web building platform One of the biggest advantages of WIX is that it allows you to build websites with simple drag and drop. Tools, features integrated smartly. This makes designing and editing the website interface convenient and fast. Just go to Manage Pages and click the button. Your new pages will be automatically added to the navigation menu. Wix has many ready-made designs so to design a website, you just need to choose the interface you want, update the content and images and you're Done but the templates that wix provides have an important disadvantage that you cannot change the model when you Start your editing process. and you can even change the look and feel of your website on MOBILE with wix mobile editing. Wordpress : although wordpress started out as a simple blogging platform, it rose quickly and outstripped other competitors and became a versatile builder that allowed you to create
many different websites. It has over 40,000 plugins available and especially all are free. Wordpress themes can be found at two places at wordpress.org and various independent theme websites and theme stores. BUT IN contrast to wix, you will not be able to use WYSIWYG editing to change and edit your wordpress theme, if you want to change then you must know how to read the code. Wix and wordpress: functionality Wix has many useful functions for users. It integrates many functions into websites such as, comment, forums, live chat, this Site builder supports you to adjust A Lot of styles, such As: Themes and tools. Other designs are easily found here. Wordpress also has lots of cool and unique functions. This platform has thousands of plugins and themes. These tools can help you change the design and functionality of your website thoroughly. You can create almost any kind of website you can think of, with every function available. Moreover, most of the best WordPress plugins are free What is UI / UX? UI is the representative of website design, user interface. For UX is the user experience. These are two concepts that always go hand in hand, and are used as the main criteria to evaluate any website. UI / UX design is always mentioned in parallel, together with the fact that it is two technologies with certaindifferences. Understanding individually, specifically about each technology will help understand the functions, tasks and requirements correctly. It is a way to help us make the most accurate decision according to our actual needs. The official launch so that users can easily access, then use the functions in the most convenient and effective way. UX technology when implemented ensures effective access to a
A website is the home of the widely deployed PNG raster format, SVG vector format, and the Canvas API. WebCGM is a more specialized format used, for example, in the fields of automotive engineering, aeronautics. Audio and Video Header link Some of the formats that enable authoring audio and video presentations include HTML, SVG, and SMIL (for synchronization). is also working on a timed text format for captioning and other applications Accessibility Header link A website Web Accessibility Initiative (WAI) has published Web Content Accessibility Guidelines (WCAG) to help authors create content that is accessible to people with disabilities. WAI-ARIA gives authors more tools to create accessible Web Applications by providing additional semantics about widgets and behaviors. Internationalization Header link Website has a mission to design technology that works across cultures and languages. W3C standards such as HTML and XML are built on Unicode, for instance. In addition, W3C has published guidance for authors related to language tags bi-directional (bidi) text, and more. Mobile Web Header link promotes “One Web” that is available on any device. Mobile Web Best Practices help authors understand how to create content that provides a reasonable experience on a wide variety of devices, contexts, and locations Privacy Header link
The Web is a powerful tool for communications and transactions of all sorts. It is important to consider privacy and security implications of the Web as part of technology design Math on the Web Header link Mathematics and formula are used on the Web for business reports, education materials and scientific research. MathML enables mathematics to be served, received, and processed on the World Wide Web, just as HTML has enabled this functionality for other types of content ONLINE CREATION TOOLS: What is Wix? Wix is a website builder like many others before it. It can help you get a website started quickly and easily even if you do not know how to code or market your business. There are hundreds of other companies that do this exact thing like GoDaddy, Squarespace, Weebly, Shopify, etc. These type of editors have a history
for users programmers in addition website creators can assist when users need to change or edit that website
Pick the option that better suits you. After all, it is your website, your company. In order to make a real dent Online choose custom. It may cost more initially but the long-term costs are about the same and you get so much more for a custom website M search engine optimization (SEO) What is search engine optimization? Search engine optimization is the science of improving a website to increase its visibility when people search for products or services. The more visibility a website has on search engines, the more likely it is that brand captures business
When a reputable site links back to your site, that’s good. When tens or hundreds of sites link back to you, you’re doing something very right. Simply put, the more reputable links you have pointing back to your site, the better you’re going to rank in search results. Of course link building is more complex than that, but backlinks are like little badges of honor for search engine algorithms. Proper link building takes time but also helps cultivate an invaluable Online reputation.
Aside from a computer and an internet connection, most of the tools you need to build a website are Software programs, some of which may already be on your computer. You need a text or HTML editor, a graphics editor, web browsers, and an FTP client to upload files to your web Server Choosing a Basic Text or HTML Editor You can write HTML in a plain text editor such as Notepad in Windows 10, TextEdit and Sublime Text on a Mac, or Vi or Emacs in Linux. You create the HTML coding for the page, save the document as a web file, and open it in a browser to make sure it looks like it is supposed to. Komodo IDE and its user-friendly interface are suitable for both beginning and advanced web developers. Komodo IDE's autocomplete feature is particularly handy when you're writing code for common elements such as links. The Software supports color coding of different coding languages such as HTML, CSS, and many others. Komodo IDE runs on Windows, Mac, and Linux CoffeeCup HTML Editor
Is especially useful for new developers who are more interested in learning to code than in a visual interface. This robust editor comes with templates and has validation checkers to help keep your code free of errors. It includes code completion and supports other coding languages you might use in conjunction with HTML. The Software highlights errors, explains why they appeared, and tells you how to fix them. CoffeeCup HTML Editor runs on Windows. Mobirise is an HTML editor for people who don't want to get involved with code. It is all about picking a theme and then dragging and dropping elements on the page. Add text just as you would in a regular text editor and insert images, videos, or icons all without writing any code; Mobirise does that part for you. Mobirise is available for Windows and Mac, and it is free.
Graphics Editor The type of graphics editor you need depends on your website. Adobe Photoshop is the gold standard, but you might not need that much power—plus, you might need a vector graphics program for Logo and illustration work. A few graphics editors to look at for basic web development include: GIMP is a free, open-source photo-editing program that provides many of the features of its more expensive competitors. As open source Software, it is available for Windows, Mac, and Linux
Photoshop Elements for the Mac and PC is a light version of its namesake but has plenty of features. Corel PaintShop Pro for PCs has almost all the tools you find in Photoshop in an easy-to-use interface. Inkscape for Windows, Mac, and Linux is a free vector graphics editor. This alternative to the pricier Adobe Illustrator has more than enough capabilities for simple design work and web graphics. FTP Client You need an FTP (file transfer protocol) client to transfer your HTML files and supporting images and graphics to your web Server. FTP is available via the command line in Windows, Macintosh, and Linux, but a dedicated FTP client is much easier to use. The top FTP clients include: FileZilla (free) is available for Windows, Mac, and Linux. It supports drag-and-drop file transfers and has a pause and resume feature for uploading large files
