About Web Design

Web design is the planning and creation of websites. This includes a number of separate skills that all fall under the umbrella of web design.
Some examples of these skills are information architecture, user interface, site structure, navigation, layout, colors, fonts, and overall imagery. All of these skills are combined with the principles of design to create a website that meets the goals of the company or individual from whom that site is being created.
Design, obviously, is a key part of "web design." What does this mean exactly? Design includes both the principles of design — balance, contrast, emphasis, rhythm, and unity — and the design elements — lines, shapes, texture, color, and direction.


A web designer works on the appearance, layout, and, in some cases, content of a website. Appearance, for instance, relates to the colors, font, and images used. Layout refers to how information is structured and categorized. A good web design is easy to use, aesthetically pleasing, and suits the user group and brand of the website. Many webpages are designed with a focus on simplicity, so that no extraneous information and functionality that might distract or confuse users appears. As the keystone of a web designer’s output is a site that wins and fosters the trust of the target audience, removing as many potential points of user frustration as possible is a critical consideration.

Two of the most common methods for designing websites that work well both on desktop and mobile are responsive and adaptive design. In responsive design, content moves dynamically depending on screen size; in adaptive design, the website content is fixed in layout sizes that match common screen sizes. Preserving a layout that is as consistent as possible between devices is crucial to maintaining user trust and engagement. As responsive design can present difficulties in this regard, designers must be careful in relinquishing control of how their work will appear. If they are responsible for the content as well, while they may need to broaden their skillset, they will enjoy having the advantage of full control of the finished product.


Job Tasks

• Proven understanding of graphic design fundamentals
• Demonstrated ability to take a project from concept to launch
• Strong command of color theory, image composition, and typography
• Excellent time-management skills
• Ability to deliver production-ready digital assets in a wide variety of formats
• Awareness of UI/UX principles
• Familiarity with digital photo editing
• Working knowledge of Microsoft Office (Word, Excel, PowerPoint)
• Comfort working in a deadline-driven environment
• Excellent written and verbal communication skills
• Attention to detail with a high degree of accuracy


• Bachelor’s degree in graphic design or a related field
• One to three years of professional design experience
• Portfolio of strong creative work
• Experience with Adobe Creative Cloud (Dreamweaver, Photoshop, InDesign, Illustrator)
• Experience with HTML, Javascript, and CSS
• Social media and email marketing experience a plus

Gallery of Web Design


INPUT DEVICE - Mechanical Mouse

Now these days, different types of mouse in computer are available in both variant wired or wireless form, but for gaming, you should prefer wireless mouse because it gives you a seamless experience while playing and their wired don’t tangle between each other.
Also, they include more buttons, more accuracy, comfortable design, less latency, and other features that gamers need.

b) Wireless Mouse

b) Wireless Mouse
Wireless mice are connected to the computer with the help of Bluetooth, infrared, or radiofrequency, this is a good option while traveling but not responsive and accurate like wired mice.

Now wireless is going in trend between Computer users because of their convenient design.

c) Mechanical Keyboard

Mechanical keyboards are computer keyboards that have switches under each key, rather than the rubber membranes used in most commons keyboards.

Physical switches give mechanical keyboard a less “mushy” feel – every keypress can be clearly felt, making them perfect for precise and accurate typing.

d) Wireless Keyboard

A wireless keyboard is a computer keyboard that allows the user to communicate with computers, tablets, or laptops with the help of radio frequency (RF), such as WiFi and Bluetooth or with infrared (IR) technology. It is common for wireless keyboards available these days to be accompanied by a wireless mouse.

Wireless keyboards based on infrared technology use light waves to transmit signals to other infrared-enabled devices. But, in case of radio frequency technology, a wireless keyboard communicates using signals which range from 27 MHz to up to 2.4 GHz. Most wireless keyboards today work on 2.4 GHz radio frequency. Bluetooth is another technology that is being widely used by wireless keyboards. These devices connect and communicate to their parent device via the bluetooth protocol.

e) Wireless Pen for Drawing

A digital pen is an input device which captures the handwriting or brush strokes of a user and converts handwritten analog information created using "pen and paper" into digital data, enabling the data to be utilized in various applications. This type of pen is usually used in conjunction with a digital notebook, although the data can also be used for different applications or simply as a graphic.
Smart pen is a more specific term; it has the same basic characteristics, but also has other features like voice recording or a text scanner. A smart pen is generally larger and has more features than an active pen. Digital pens typically contain internal electronics and have features such as touch sensitivity, input buttons, memory for storing handwriting data and transmission capabilities.


a) IPS Gaming Monitor

IPS monitors or “In-Plane Switching” monitors, leverage liquid crystals aligned in parallel to produce rich colors. IPS panels are defined by the shifting patterns of their liquid crystals. These monitors were designed to overcome the limitations of TN panels. The liquid crystal’s ability to shift horizontally creates better viewing angles.

IPS monitors continue to be the display technology of choice for users that want color accuracy and consistency. IPS monitors are really great when it comes to color performance and super-wide viewing angles. The expansive viewing angles provided by IPS monitors help to deliver outstanding color when being viewed from different angles.

b) Curved Gaming Monitor

Curved gaming monitors might seem like a gimmick compared to flat-screen displays that work plenty fine, but there are some real advantages to them. With a screen that wraps around your field of view, you can see more of the display at a glance and reducing the need to shift your focus to different parts of the screen. On top of reducing eye strain, a curved monitor creates a more immersive, distortion-free viewing experience.

c) Printer

A printer is an output device that prints paper documents. This includes text documents, images, or a combination of both. The two most common types of printers are inkjet and laser printers. Inkjet printers are commonly used by consumers, while laser printers are a typical choice for businesses. Dot matrix printers, which have become increasingly rare, are still used for basic text printing.
The printed output produced by a printer is often called a hard copy, which is the physical version of an electronic document. While some printers can only print black and white hard copies, most printers today can produce color prints. In fact, many home printers can now produce high-quality photo prints that rival professionally developed photos. This is because modern printers have a high DPI (dots per inch) setting, which allows documents to printed with a very fine resolution.

d) Speaker

Speakers are one of the most common output devices used with computer systems. Some speakers are designed to work specifically with computers, while others can be hooked up to any type of sound system. Regardless of their design, the purpose of speakers is to produce audio output that can be heard by the listener.

Speakers are transducers that convert electromagnetic waves into sound waves. The speakers receive audio input from a device such as a computer or an audio receiver. This input may be either in analog or digital form. Analog speakers simply amplify the analog electromagnetic waves into sound waves. Since sound waves are produced in analog form, digital speakers must first convert the digital input to an analog signal, then generate the sound waves.


advantages adobe dreamweaver

a) Fast, flexible coding

- Create, code, and manage dynamic websites easily with a smart, simplified coding engine. Access code hints to quickly learn and edit HTML, CSS, and other web standards. And use visual aids to reduce errors and speed up site development.

b) Set up to site up in fewer steps

- Get your sites up and running faster with starter templates that you can customize to build HTML emails, About pages, blogs, e-commerce pages, newsletters, and portfolios. And because Dreamweaver is part of Creative Cloud, you can quickly bring in assets from your Libraries and Adobe Stock to enhance your sites.

c) Dynamic display on every device

- Build responsive websites that adapt to fit any screen size. Preview your sites and edits in real time to make sure your pages look and work the way you want before you publish.


1. Adobe Dreamweaver isn’t browser-based.

-How your coding looks within Adobe Dreamweaver can be different than how a browser interprets the code that has been inputted. This means you can do everything right, but still have a disappointing outcome because the coding isn’t responsive enough to meet cross-platform needs.

2. It takes time to learn the interface.

-You’ve got access to more than a dozen different items when you’re first getting started with Adobe Dreamweaver. Depending on what files you may have open, you could have 50+ different things to look at on your screen. If you’re just getting started when it comes to coding, this can be very intimidating.

3. What you see isn’t what you always get.

-This is where the design view proves that it isn’t a browser-based view. This is particularly bad when it comes to the absolute positioning of items you sometimes need to have. If you rely on design view for your rendering, you’re almost 100% guaranteed to come-up disappointed.


For the curious, Nova has built-in support for CoffeeScript, CSS, Diff, ERB, Haml, INI, Javascript, JSON, JSX, Less, Lua, Markdown, Perl, PHP, Phyton, Ruby, Sass, SCSS, Smarty, SQL, TSX, TypeScript, XML, and YAML.
It's also very expandable, with a robust API and a built-in extension browser.

Advantages Of Nova

a) It’s beautiful, clean and fun.

- You can make Nova look exactly the way you want,while still feeling Mac-like. Bright, dark, cyberpunk, it’s all you. Plus, themes are CSS-like and easy to write. Nova can even automatically change your theme when your Mac switches from light to dark mode,

b) Nova doesn't just help you code. It helps your code run.

- You can easily create build and run tasks for your projects. We didn't have them in Coda, but boy do we have them now. They're custom scripts that can be triggered at any time by toolbar buttons or keyboard shortcuts.
- Imagine building content, and with the single click of a button watching as Nova fires up your local server, grabs the appropriate URL, and opens a browser for you, instantly. Just think of the time you'll save.
- Nova supports separate Build, Run, and Clean tasks. It can open a report when run. And the scripts can be written in a variety of languages.

c) Editing text is just part of what Nova does.

- They’ve bundled in extremely useful tools to help you get your work done quickly and efficiently. They're all fast and native too, of course.
- The New Tab button doesn't just open a fresh document, although it does that, too.
- Click it to quickly access a feature-packed Transmit file browser, or a super-convenient Prompt terminal, all right inside Nova.
- Meanwhile, Nova's sidebar is packed with power. A local file browser. A remote file browser. Find across your project's files. A symbol navigator. Text clips. Git. Task reports. Issues. And file tracking and publishing.
- The sidebar can also be split to show multiple tools at once, on the left and/or right side of your editor. And you can drag your favorite tools into the sidebar dock at the top for one-click access.
- Nova also has Git source control tools built-in. Clone. Click-to-clone. Initialize a repo. Fetch and pull. Stage and unstage. Commit. Push. You know the drill. (They don't have built-in diff yet, but it's on our list!)


-Standard power chipset.
-Lacks video recording features.
-No extra refresh rate.
-Without gorilla glass protection.
-Works on Android 10 OS.
-Missing secondary storage slot.
-Not a good choice for gaming.
-Without google play services.

Estimate budget calculation

1) Mechanical Mouse (RM 76.90)
Wireless Mouse (RM 179.00)
= RM 255.90

2) Mechanical Keyboard (RM 239.00)
Wireless Keyboard (RM 93.00)
= RM 322.00

3) Wireless Pen For Drawing (RM 235.13)

4) IPS Gaming Monitor (RM 699.00)
Curved Gaming Monitor (RM 879.00)
= RM 1578.00

5) Printer (RM 269.00)

6) Speaker (RM 29.99)

TOTAL = RM 2700.02


-0142533579 ( Aliff )