From 30cbc46af6fda8069708fcb3692b6adbf7f52c2c Mon Sep 17 00:00:00 2001 From: Ajay Dhangar Date: Sat, 12 Sep 2026 16:26:10 +0530 Subject: [PATCH] update hero section and sheet content --- .../formula-bar-navigation.md | 34 +- .../quick-access-toolbar.md | 45 +- .../ribbon-customization.md | 71 +- .../interface-overview/status-bar-usage.md | 34 +- .../interface-overview/workbook-views.md | 23 +- .../worksheet-management.md | 49 +- .../interface-overview/zoom-controls.md | 135 +++ src/components/HomePage/Header.tsx | 348 +++++--- src/components/HomePage/header.css | 834 +++++++++++++----- 9 files changed, 1171 insertions(+), 402 deletions(-) diff --git a/courses/excel/getting-started/interface-overview/formula-bar-navigation.md b/courses/excel/getting-started/interface-overview/formula-bar-navigation.md index 1054dbd0b..9562d1c73 100644 --- a/courses/excel/getting-started/interface-overview/formula-bar-navigation.md +++ b/courses/excel/getting-started/interface-overview/formula-bar-navigation.md @@ -10,9 +10,23 @@ tags: [excel formula bar, name box, excel navigation, formula editing, named ran Located directly above the worksheet grid, the **Formula Bar** and **Name Box** form the core command center for viewing, entering, and auditing data in Microsoft Excel. While cells on the grid display final calculated outputs, the Formula Bar reveals the actual underlying logic, text, or formulas behind those numbers. +
+
-**Anatomy of the Formula Bar Area** +## Video Explanation + + + +
+ +## Anatomy of the Formula Bar Area The Formula Bar layout is divided into three functional components across a single horizontal line: @@ -22,7 +36,7 @@ The Formula Bar layout is divided into three functional components across a sing * **Function Buttons** *(Center)*: Quick action controls to cancel, accept, or insert functions. * **Formula Edit Box** *(Right)*: The active text box for entering or modifying values, labels, and mathematical logic. -**The Name Box: Navigation & Named Ranges** +## The Name Box: Navigation & Named Ranges The **Name Box** serves as both a position indicator and a high-speed navigation tool. @@ -39,9 +53,11 @@ Instead of memorizing cell coordinates, you can assign descriptive names to cell 2. Click the **Name Box**, type a unique identifier (e.g., `Total_Revenue`), and press `Enter`. 3. Clicking the dropdown arrow on the Name Box allows you to select any saved Named Range across the entire workbook instantly. -> **Rule for Named Ranges**: Names must start with a letter or underscore, cannot contain spaces, and cannot match standard cell addresses like `A1` or `SUM`. +:::info Rule for Named Ranges +Names must start with a letter or underscore, cannot contain spaces, and cannot match standard cell addresses like `A1` or `SUM`. +::: -**Formula Bar Controls & Shortcuts** +## Formula Bar Controls & Shortcuts When editing data in the Formula Bar, three small control buttons activate between the Name Box and the text field: @@ -51,11 +67,13 @@ When editing data in the Formula Bar, three small control buttons activate betwe | `✔` | **Enter** | `Ctrl + Enter` | Commits changes while keeping the selection on the **same cell** (unlike `Enter`, which moves selection down). | | `fx` | **Insert Function** | `Shift + F3` | Opens the **Insert Function** dialog box to search for functions and build arguments step-by-step. | -**Working with Multi-Line Formulas** +## Working with Multi-Line Formulas When writing complex, nested logic functions (such as multiple nested `IF` or `XLOOKUP` statements), a single-line view can cut off long expressions. +
+
### Expanding the Formula Bar * **Keyboard Shortcut**: Press `Ctrl + Shift + U` to toggle the Formula Bar between a single line and an expanded multi-line panel. @@ -72,7 +90,7 @@ To make lengthy formulas readable and maintainable, add intentional line breaks: ``` -**Auditing and Highlighting Cell References** +## Auditing and Highlighting Cell References When you click inside the Formula Bar to edit an equation, Excel triggers **Color-Coded Syntax Highlighting**: @@ -80,4 +98,6 @@ When you click inside the Formula Bar to edit an equation, Excel triggers **Colo * Matching color-coded outline boxes appear on the active worksheet grid simultaneously. * You can adjust cell references visually by dragging the colored selection handles directly on the grid while remaining in Formula Bar editing mode. - \ No newline at end of file +
+ +
\ No newline at end of file diff --git a/courses/excel/getting-started/interface-overview/quick-access-toolbar.md b/courses/excel/getting-started/interface-overview/quick-access-toolbar.md index f897d466a..22c7c0c9f 100644 --- a/courses/excel/getting-started/interface-overview/quick-access-toolbar.md +++ b/courses/excel/getting-started/interface-overview/quick-access-toolbar.md @@ -10,9 +10,23 @@ tags: [quick access toolbar, excel qat, toolbar customization, excel shortcuts, The **Quick Access Toolbar (QAT)** is a customizable toolbar positioned independently of the active Ribbon tab. It provides single-click access to your most frequently used Excel commands, tools, and custom macros from anywhere in the application. +
+
-**Overview and Default Configuration** +## Video Explanation + + + +
+ +## Overview and Default Configuration By default, the Quick Access Toolbar is located in the top-left corner of the title bar (above the Ribbon tabs). @@ -25,7 +39,7 @@ When you first open Excel, the QAT typically contains a minimal set of primary o * **Undo** (`Ctrl + Z`) * **Redo / Repeat** (`Ctrl + Y`) -**Adding and Removing Commands** +## Adding and Removing Commands You can add almost any Excel command—or even custom macros—to the Quick Access Toolbar for quick access. @@ -45,20 +59,22 @@ You can add almost any Excel command—or even custom macros—to the Quick Acce 1. Navigate to **File > Options > Quick Access Toolbar** (or right-click the QAT and choose **Customize Quick Access Toolbar...**). 2. Set **Choose commands from** to *Popular Commands*, *Commands Not in the Ribbon*, or *All Commands*. 3. Highlight your desired command in the left box and click **Add >>**. -4. To remove a tool, highlight it in the right-hand panel and click **<< Remove**. +4. To remove a tool, highlight it in the right-hand panel and click **\<\< Remove**. -**Repositioning the Toolbar** +## Repositioning the Toolbar Depending on your screen resolution and workspace preference, you can display the Quick Access Toolbar above or below the Ribbon. | Position | Advantages | How to Set | | :--- | :--- | :--- | -| **Above the Ribbon** *(Default)* | Saves vertical grid space; keeps the worksheet tall. | QAT Dropdown > **Show Above the Ribbon** | -| **Below the Ribbon** | Easier cursor reach; allows more horizontal space for icons. | QAT Dropdown > **Show Below the Ribbon** | +| **Above the Ribbon** *(Default)* | Saves vertical grid space; keeps the worksheet tall. | QAT Dropdown → **Show Above the Ribbon** | +| **Below the Ribbon** | Easier cursor reach; allows more horizontal space for icons. | QAT Dropdown → **Show Below the Ribbon** | +
+
-**Keyboard Shortcuts for QAT Tools** +## Keyboard Shortcuts for QAT Tools The Quick Access Toolbar enables automatic numerical keyboard shortcuts: @@ -66,16 +82,18 @@ The Quick Access Toolbar enables automatic numerical keyboard shortcuts: 2. Notice the numbers displayed over each item in your Quick Access Toolbar (`1`, `2`, `3`, ... `9`). 3. Press `Alt + [Number]` to trigger that exact command immediately without touching the mouse. -> **Example:** If your 4th item on the QAT is **Paste Special Values**, pressing `Alt + 4` executes that command instantly. +:::info Example +If your 4th item on the QAT is **Paste Special Values**, pressing `Alt + 4` executes that command instantly. +::: -**Reordering Commands** +## Reordering Commands 1. Open **File > Options > Quick Access Toolbar**. 2. Select the command you want to resequence from the right-hand list. 3. Use the **Move Up** (▲) and **Move Down** (▼) buttons on the far right to reorder the tools. 4. Click **OK** to apply your changes. -**Importing, Exporting, and Resetting** +## Importing, Exporting, and Resetting You can back up your toolbar setup to transfer it to another computer or restore default settings. @@ -86,14 +104,17 @@ You can back up your toolbar setup to transfer it to another computer or restore ### Importing Settings 1. Go to **File > Options > Quick Access Toolbar**. -2. Click **Import/Export** > **Import customization file**. +2. Click **Import/Export** → **Import customization file**. 3. Select your `.exportedUI` file to apply your saved layout. -> **Warning:** Importing a customization file overwrites all existing Ribbon and Quick Access Toolbar configurations. +:::warning +Importing a customization file overwrites all existing Ribbon and Quick Access Toolbar configurations. +::: ### Resetting to Defaults To revert the toolbar back to its original state: * Click **Reset** at the bottom of the Quick Access Toolbar options window, then select **Reset only Quick Access Toolbar**. +
\ No newline at end of file diff --git a/courses/excel/getting-started/interface-overview/ribbon-customization.md b/courses/excel/getting-started/interface-overview/ribbon-customization.md index 287591bbd..c969cacd2 100644 --- a/courses/excel/getting-started/interface-overview/ribbon-customization.md +++ b/courses/excel/getting-started/interface-overview/ribbon-customization.md @@ -10,62 +10,79 @@ tags: [excel ribbon, customize ribbon, ribbon tabs, custom groups, reset ribbon, Customizing the Microsoft Excel Ribbon allows you to organize commands, tabs, and groups to align with your personal workflow. While you can reorder and add custom features, customizations apply only to the specific Office application you are editing. +
+
-### What You Can vs. Can't Customize +## Video Explanation + + + +
+ +## Customization Capabilities ![Ribbon Customization Map](https://support.microsoft.com/en-us/office/media/wd-ribbon-customize-map.png) -* **Allowed**: You can add custom tabs, insert custom groups, change default tab order, hide unused tabs, and export your setup. -* **Not Allowed**: You cannot reduce the visual size of the ribbon, font, or command icons. Display size can only be changed via system display resolution settings. -* **Scope**: Customizations made in Excel do not automatically transfer to Word or PowerPoint; each application requires separate configuration. +| Category | Description / Scope | +| :--- | :--- | +| **Allowed** | Add custom tabs, insert custom groups, change default tab order, hide unused tabs, and export your setup. | +| **Not Allowed** | Reduce the visual size of the ribbon, font, or command icons (adjustable only via system resolution settings). | +| **Scope** | App-specific; settings in Excel do not automatically transfer to Word or PowerPoint. | :::tip -If you are using a Microsoft 365 subscription, your customizations can be saved to the cloud and synchronized across multiple devices. Sign in with the same Microsoft account to enable this feature. +Microsoft 365 subscribers can save and sync ribbon settings across devices by signing into the same Microsoft account. ::: -### Visibility and Display Modes +## Visibility & Display Modes Toggle your ribbon workspace using built-in display options: ![Excel Ribbon Overview](./img/ribbon-overview.png) -* **Expand / Collapse Ribbon**: Press `Ctrl + F1`, double-click any ribbon tab, or right-click any tab and choose **Collapse the Ribbon**. +* **Expand / Collapse Ribbon**: Press `Ctrl + F1`, double-click any ribbon tab, or right-click a tab and select **Collapse the Ribbon**. +* **Full-Screen Restoration**: Click **More** (`...`) at the top right to temporarily view controls, then choose a permanent layout under **Ribbon Display Options**. -* **Full-Screen Mode Restoration**: If no tabs are visible, click **More** (`...`) at the top right of the screen to temporarily restore controls, then pick a preferred permanent layout from **Ribbon Display Options**. +## Managing Ribbon Tabs -### Managing Ribbon Tabs +Access settings by right-clicking any empty ribbon area and selecting **Customize the Ribbon**. ![Customize the Ribbon Window](./img/customize-ribbon-window.png) -Open the configuration workspace by right-clicking any empty area on the Ribbon and selecting **Customize the Ribbon**. - -* **Add a Custom Tab**: Click **New Tab** in the **Customize the Ribbon** window. This automatically creates a new tab along with a custom group. -* **Reorder Tabs**: Highlight a tab under the right-hand list and click the **Move Up** or **Move Down** arrows. *(Note: The **File** tab position cannot be moved.)* -* **Hide / Remove Tabs**: Uncheck the box next to any default or custom tab to hide it. Select a custom tab and click **Remove** to delete it permanently. +* **Add Custom Tab**: Click **New Tab** in the configuration window to generate a new tab with an initial custom group. +* **Reorder Tabs**: Select a tab in the right-hand panel and click **Move Up** or **Move Down** *(Note: The **File** tab cannot be moved)*. +* **Hide or Remove Tabs**: Uncheck any tab to hide it. Select a custom tab and click **Remove** to delete it permanently. -### Customizing Groups & Commands +## Customizing Groups & Commands -Commands can only be added to custom groups; default built-in groups cannot have their native icons removed or renamed directly. +Commands can only be added to custom groups; default built-in groups cannot have native icons removed or renamed directly. ![Adding Custom Groups and Commands](./img/custom-groups-and-commands.png) -| Customization Action | Procedure | +| Action | Procedure | | :--- | :--- | -| **Add Custom Group** | Select target tab > Click **New Group** > Click **Rename** to assign a label and display symbol. | -| **Add Commands** | Select custom group > Choose source in **Choose commands from** > Highlight tool > Click **Add**. | -| **Replace Default Group** | Add a **New Group** to the tab > Add target commands from **Main Tabs** > Select original default group > Click **Remove**. | -| **Hide Command Labels** | Right-click custom group > Select **Hide Command Labels**. | +| **Add Custom Group** | Select target tab → **New Group** → **Rename** to assign a label and display icon. | +| **Add Commands** | Select custom group → Choose source under **Choose commands from** → Highlight tool → **Add**. | +| **Replace Default Group** | Add a **New Group** to the tab → Add commands from **Main Tabs** → Select original default group → **Remove**. | +| **Hide Command Labels** | Right-click the custom group → Select **Hide Command Labels**. | +
+
-### Resetting and Sharing Customizations +## Resetting & Sharing Customizations -You can restore original workspace layouts or share your user setups across different computers. +Restore original layouts or transfer your setup to another computer: ![Reset and Export Settings](./img/reset-and-export.png) -* **Reset Single Tab**: Select a modified default tab in the window > Click **Reset** > Choose **Reset only selected Ribbon tab**. -* **Reset Entire Ribbon**: Click **Reset** > Choose **Reset all customizations**. *(Warning: This also resets the Quick Access Toolbar to defaults.)* -* **Export Customizations**: Click **Import/Export** > Choose **Export all customizations** to save your layout as a file. -* **Import Customizations**: Click **Import/Export** > Choose **Import customization file**. *(Note: Importing overwrites all existing ribbon and Quick Access Toolbar settings.)* \ No newline at end of file +* **Reset Single Tab**: Select a modified default tab → Click **Reset** → **Reset only selected Ribbon tab**. +* **Reset Entire Ribbon**: Click **Reset** → **Reset all customizations** *(Warning: Clears Quick Access Toolbar settings)*. +* **Export Customizations**: Click **Import/Export** → **Export all customizations** to generate a backup file. +* **Import Customizations**: Click **Import/Export** → **Import customization file** *(Note: Overwrites current ribbon and QAT setups)*. \ No newline at end of file diff --git a/courses/excel/getting-started/interface-overview/status-bar-usage.md b/courses/excel/getting-started/interface-overview/status-bar-usage.md index a3aec85b1..2998de80c 100644 --- a/courses/excel/getting-started/interface-overview/status-bar-usage.md +++ b/courses/excel/getting-started/interface-overview/status-bar-usage.md @@ -10,9 +10,23 @@ tags: [excel status bar, auto calculation, quick stats, excel status bar customi Located at the very bottom of the Excel application window, the **Status Bar** provides real-time information about your current worksheet state, instant statistical summaries of selected data, display view toggles, and zoom controls. +
+
-**Anatomy of the Status Bar** +## Video Explanation + + + +
+ +## Anatomy of the Status Bar The Status Bar operates quietly in the background, updating dynamically as you navigate cells and highlight data blocks: @@ -22,7 +36,7 @@ The Status Bar operates quietly in the background, updating dynamically as you n * **Summary Statistics** *(Center)*: Shows dynamic calculations for selected numerical or text ranges without writing formulas. * **View & Zoom Controls** *(Far Right)*: Enables fast switching between workbook views and sheet magnification levels. -**Automatic Summary Statistics (Quick Stats)** +## Automatic Summary Statistics (Quick Stats) When you highlight two or more cells, the Status Bar automatically aggregates and displays key mathematical metrics instantly. @@ -47,9 +61,11 @@ Right-click anywhere on the Status Bar to enable or disable any of the six built Left-clicking any summary statistic on the Status Bar automatically copies that exact calculated value directly to your clipboard for quick pasting! ::: +
+
-**Understanding Cell Modes** +## Understanding Cell Modes The left side of the Status Bar indicates how Excel is currently processing your keyboard and mouse inputs: @@ -58,9 +74,9 @@ The left side of the Status Bar indicates how Excel is currently processing your * **Edit**: Activated when you press `F2` or double-click a cell to modify existing contents. Arrow keys move the text cursor within the cell. * **Point**: Activated when building a formula and clicking target cells to add references. Arrow keys navigate across worksheet cells to build formula ranges. -**Customizing the Status Bar Context Menu** +## Customizing the Status Bar Context Menu -Right-clicking the Status Bar opens a comprehensive configuration menu allowing you to toggle workspace status toggles on or off: +Right-clicking the Status Bar opens a comprehensive configuration menu allowing you to toggle workspace status indicators on or off: ![Status Bar Options](./img/status-bar-options.png) @@ -70,12 +86,14 @@ Right-clicking the Status Bar opens a comprehensive configuration menu allowing * **Calculation Mode**: Indicates whether workbook formulas are set to **Automatic** or **Manual**. * **Track Changes / Signatures**: Displays active security and collaboration permissions. -**View Shortcuts and Zoom Controls** +## View Shortcuts and Zoom Controls The far-right section of the Status Bar houses rapid layout and magnification adjustments. * **Workbook View Buttons**: Switch instantly between **Normal**, **Page Layout**, and **Page Break Preview** views. * **Zoom Percentage Button**: Click the percentage text (e.g., `100%`) to open the Zoom dialog and select precise magnification scales. -* **Zoom Slider**: Drag the slider left (`-`) or right (`+`) to scale worksheet visibility smoothly between $10\%$ and $400\%$. +* **Zoom Slider**: Drag the slider left (`-`) or right (`+`) to scale worksheet visibility smoothly between **10%** and **400%**. - \ No newline at end of file +
+ +
\ No newline at end of file diff --git a/courses/excel/getting-started/interface-overview/workbook-views.md b/courses/excel/getting-started/interface-overview/workbook-views.md index 3a48f9317..66b607286 100644 --- a/courses/excel/getting-started/interface-overview/workbook-views.md +++ b/courses/excel/getting-started/interface-overview/workbook-views.md @@ -3,11 +3,27 @@ title: "Excel Workbook Views & Display Options" sidebar_label: Excel Workbook Views description: "Learn how to use Normal, Page Layout, Page Break Preview, and Custom Views in Microsoft Excel to optimize reading, printing, and presentation formats." sidebar_position: 6 +keywords: [excel workbook views, normal view excel, page layout view, page break preview, excel custom views, excel display options, hide gridlines excel, freeze panes excel] +tags: [excel workbook views, normal view excel, page layout view, page break preview, excel custom views, excel display options, hide gridlines excel, freeze panes excel] --- Microsoft Excel offers several **Workbook Views** designed to help you work efficiently during different phases of spreadsheet development—whether you are entering raw data, preparing report layouts, configuring page breaks for printing, or setting up dedicated presentation views. +
+
+ +## Video Explanation + + + +
This guide covers all primary workbook views, display options, and custom layout configurations available in Excel. @@ -57,7 +73,9 @@ Excel provides three main view modes accessible from the **View** tab on the Rib ``` +
+
### B. Page Layout View @@ -117,7 +135,9 @@ Excel provides three main view modes accessible from the **View** tab on the Rib Drag any blue boundary line with your mouse to instantly scale or re-adjust print boundaries. ::: +
+
## 3. Show / Hide Display Elements @@ -175,7 +195,6 @@ To manage large datasets across complex workbooks or multiple displays, use the ``` - +-----------------------------------------------------------------------------------+ | View Tab -> Window Group: | | [ New Window ] [ Arrange All ] [ Freeze Panes v ] [ Split ] [ Hide ] | @@ -189,7 +208,9 @@ To manage large datasets across complex workbooks or multiple displays, use the * **Freeze Panes:** Keeps top rows or left columns locked in place while scrolling through large datasets. * **Split:** Divides the active worksheet window into multiple scrollable panes. +
+
## Summary Best Practices diff --git a/courses/excel/getting-started/interface-overview/worksheet-management.md b/courses/excel/getting-started/interface-overview/worksheet-management.md index c1f2376a7..805ac9676 100644 --- a/courses/excel/getting-started/interface-overview/worksheet-management.md +++ b/courses/excel/getting-started/interface-overview/worksheet-management.md @@ -3,17 +3,33 @@ title: "Complete Guide to Sheets, Tabs, & Structure" sidebar_label: Excel Worksheet Management description: "Master Excel worksheet management. Learn how to insert, rename, reorder, group, color-code, hide, protect, and copy worksheets efficiently." sidebar_position: 5 +keywords: [excel worksheets, sheet tabs, excel workbook structure, group sheets, hide excel tabs, protect workbook structure, copy worksheet, tab color excel] +tags: [excel worksheets, sheet tabs, excel workbook structure, group sheets, hide excel tabs, protect workbook structure, copy worksheet, tab color excel] --- A Microsoft Excel **Workbook** serves as a binder, while individual **Worksheets** (or sheets) act as the pages inside it. Efficiently organizing, structuring, and navigating worksheets is essential for building clean, professional, and scalable spreadsheets. +
+
+ +## Video Explanation + + + +
This comprehensive guide covers everything from basic worksheet operations to advanced management techniques like multi-sheet grouping, color coding, and structural protection. ## 1. Structure of Worksheets & Workbook Layout -Every new workbook starts with at least one worksheet (typically named `Sheet1`). Worksheets are managed via the **Sheet Tab Bar** located at the bottom of the screen, just above the Status Bar. +Every new workbook starts with at least one worksheet (typically named `Sheet1`). Worksheets ar\e managed via the **Sheet Tab Bar** located at the bottom of the screen, just above the Status Bar. ![Workbook Layout](./img/workbook-layout.png) @@ -27,7 +43,7 @@ Every new workbook starts with at least one worksheet (typically named `Sheet1`) ### Creating New Worksheets * **Mouse Method:** Click the plus icon (**`+`**) next to the existing sheet tabs. -* **Ribbon Method:** Go to **Home** > **Cells** group > click **Insert** > select **Insert Sheet**. +* **Ribbon Method:** Go to **Home** → **Cells** group → click **Insert** → select **Insert Sheet**. * **Keyboard Shortcut:** Press `Shift` + `F11` (or `Alt` + `Shift` + `F1`). ### Renaming Worksheets @@ -37,27 +53,29 @@ Clear, descriptive sheet names prevent confusion and improve formula readability 2. Type the new name. 3. Press `Enter`. -:::info Naming Constraints: +:::info Naming Constraints * Sheet names cannot exceed **31 characters**. * Names cannot contain special characters: `\`, `/`, `?`, `*`, `:`, `[`, or `]`. * Names cannot be left blank or match an existing sheet in the same workbook. ::: +
+
### Reordering Worksheets * **Drag-and-Drop:** Click and hold any sheet tab, then drag it horizontally to the desired position. A small downward arrow indicator guides placement. -* **Move Menu:** Right-click the sheet tab > select **Move or Copy...** > choose the target position in the list > click **OK**. +* **Move Menu:** Right-click the sheet tab → select **Move or Copy...** → choose the target position in the list → click **OK**. ``` Right-Click Tab -> Move or Copy: +-------------------------------------------------------+ -| Move or Copy X | +| Move or Copy X | +-------------------------------------------------------+ | Move selected sheets to book: | -| [ current-workbook.xlsx v] | +| [ current-workbook.xlsx v] | | | | Before sheet: | | Sheet1 | @@ -76,7 +94,7 @@ Right-Click Tab -> Move or Copy: Creating exact copies of a formatted sheet template speeds up monthly or regional reporting. -* **Fast Drag Shortcut:** Hold the `Ctrl` key, click the sheet tab, and drag it to the side. A small `+` icon appears on the cursor cursor indicating a duplicate is being created. +* **Fast Drag Shortcut:** Hold the `Ctrl` key, click the sheet tab, and drag it to the side. A small `+` icon appears on the cursor indicating a duplicate is being created. * **Dialog Method:** 1. Right-click the sheet tab and select **Move or Copy...**. 2. Select the target location from the **Before sheet** box. @@ -85,18 +103,21 @@ Creating exact copies of a formatted sheet template speeds up monthly or regiona ### Deleting Worksheets * **Right-Click Method:** Right-click the sheet tab and select **Delete**. -* **Ribbon Method:** Go to **Home** > **Cells** group > **Delete** > **Delete Sheet**. +* **Ribbon Method:** Go to **Home** → **Cells** group → **Delete** → **Delete Sheet**. :::warning Deleting a worksheet **cannot be undone** using `Ctrl` + `Z`. If a sheet contains data, Excel displays a permanent deletion warning prompt. ::: +
+
## 3. Visual Organization & Tab Colors Applying background colors to sheet tabs creates visual grouping across complex workbooks (e.g., Green for Financial Statements, Blue for Raw Data, Orange for Dashboards). + ``` +----------------------------------------------------------------------+ @@ -126,11 +147,12 @@ To declutter workbooks or conceal background calculations and lookup tables, you 3. In the dialog list, select the hidden sheet you want to display. 4. Click **OK**. + ``` Unhide Dialog Box: +-------------------------------------------------------+ -| Unhide X | +| Unhide X | +-------------------------------------------------------+ | Unhide sheet: | | +---------------------------------------------------+ | @@ -144,7 +166,9 @@ Unhide Dialog Box: ``` +
+
## 5. Working with Multiple Sheets (Sheet Grouping) @@ -159,10 +183,11 @@ When you select multiple sheets simultaneously, Excel enters **Group Mode**. Any When sheets are grouped, the word **`[Group]`** appears next to the file name in the Excel Title Bar at the top of the screen. ::: + ``` +-----------------------------------------------------------------------------------+ -| [QAT] Annual-Report-2026.xlsx [Group] - Excel | <- Group Mode Indicator +| [QAT] Annual-Report-2026.xlsx [Group] - Excel | <- Group Mode Indicator +-----------------------------------------------------------------------------------+ | File Home Insert Draw Page Layout Formulas Data Review View Developer | +-----------------------------------------------------------------------------------+ @@ -182,7 +207,9 @@ When sheets are grouped, the word **`[Group]`** appears next to the file name in Always ungroup sheets immediately after completing your multi-sheet edit. Forgetting you are in **`[Group]`** mode can lead to accidental overwriting of critical data across multiple sheets. ::: +
+
## 6. Sheet Protection & Structure Lock @@ -215,7 +242,9 @@ To prevent users from adding, deleting, renaming, hiding, or moving worksheets, Once enabled, sheet tab operations like **Insert**, **Delete**, **Rename**, **Move**, **Hide**, and **Tab Color** will be greyed out in the context menu. +
+
## 7. Keyboard Shortcuts Quick Reference diff --git a/courses/excel/getting-started/interface-overview/zoom-controls.md b/courses/excel/getting-started/interface-overview/zoom-controls.md index e69de29bb..399dbe379 100644 --- a/courses/excel/getting-started/interface-overview/zoom-controls.md +++ b/courses/excel/getting-started/interface-overview/zoom-controls.md @@ -0,0 +1,135 @@ +--- +title: "Excel Zoom Controls & Display Scaling" +sidebar_label: Zoom Controls +description: "Master Microsoft Excel zoom controls, view scaling, fit-to-selection, and multi-window navigation to optimize your workspace and readability." +sidebar_position: 7 +keywords: [excel zoom controls, excel view scaling, zoom to selection, excel shortcuts zoom, display scaling excel, fit selection excel] +tags: [excel zoom controls, excel view scaling, zoom to selection, excel shortcuts zoom, display scaling excel, fit selection excel] +--- + +Managing magnification and visual scale in Microsoft Excel is essential when shifting between dense data grids, high-level executive dashboards, and detailed formula auditing. Excel provides flexible **Zoom Controls** to adjust your view without altering actual font sizes or cell dimensions. + +
+ +
+ +## Video Explanation + + + +This guide details all methods for controlling worksheet magnification, using custom scaling presets, zooming to specific selections, and optimizing multi-monitor workflows. + +## 1. Accessing Zoom Controls + +Excel provides three primary locations to adjust magnification: + + +``` ++-----------------------------------------------------------------------------------+ +| View Tab -> Zoom Group: | +| [ Zoom (100%) ] [ 100% Reset ] [ Zoom to Selection ] | ++-----------------------------------------------------------------------------------+ +| Status Bar (Bottom Right): | +| [ Normal | Page Layout | Page Break ] (-) ==|== (+) 100% | ++-----------------------------------------------------------------------------------+ + +``` + +1. **Status Bar Slider (Bottom Right):** Drag the slider left (`-`) or right (`+`) for real-time adjustment between **10%** and **400%**. +2. **Status Bar Percentage Display:** Click the percentage label (e.g., `100%`) directly to open the dedicated **Zoom Dialog Box**. +3. **View Tab on the Ribbon:** Access the **Zoom** group to apply preset scales, reset to default magnification, or isolate selected ranges. + +## 2. Zoom Dialog Box & Presets + +Clicking the **Zoom** button under the **View** tab (or clicking the percentage text on the Status Bar) opens the **Zoom Dialog Box**. + +``` + ++-------------------------------------------------------+ +| Zoom X | ++-------------------------------------------------------+ +| Magnification | +| ( ) 200% | +| (•) 100% | +| ( ) 75% | +| ( ) 50% | +| ( ) 25% | +| ( ) Fit selection | +| ( ) Custom: [ 120 ] % | +| | +| [ OK ] [ Cancel ] | ++-------------------------------------------------------+ + +``` + +| Magnification Option | Practical Use Case | +| :--- | :--- | +| **200%** | Detailed formula auditing and precision cell formatting. | +| **100%** *(Default)* | Standard data entry and routine worksheet editing. | +| **75% / 50%** | High-level data overview and navigating wide data sets. | +| **25%** | Birds-eye structural layout check across large models. | +| **Fit Selection** | Auto-scales the active highlight block to fill the entire window. | +| **Custom** | Enter any specific integer scale from **10%** up to **400%**. | + + + +## 3. High-Speed Zoom Shortcuts + +Using keyboard and mouse shortcuts accelerates worksheet navigation significantly: + +### Mouse Wheel Zoom (Fastest) +* Hold `Ctrl` and scroll the **Mouse Scroll Wheel Up** to zoom in. +* Hold `Ctrl` and scroll the **Mouse Scroll Wheel Down** to zoom out. + +### Zoom to Selection +1. Highlight any cell block or range (e.g., `A1:G15`). +2. Go to **View** → **Zoom to Selection**. +3. Excel instantly recalculates magnification so the highlighted block completely fills your current screen space. + +:::tip Quick Reset +Click the **100%** icon in the **View** tab at any time to return immediately to default scale regardless of your current zoom level. +::: + +## 4. Multi-Window & Multi-Monitor Zooming + +When working across multiple monitors or using Excel's **New Window** feature (`View` → `New Window`), zoom settings behave independently per window: + +* Changing the zoom level in **Window 1** does not alter the zoom level in **Window 2**, even if both windows display the same workbook. +* This allows you to keep an executive summary zoomed to **150%** on one screen while auditing raw data at **75%** on another screen simultaneously. + +``` ++------------------------------------+ +------------------------------------+ +| Monitor 1: Sheet1 (Summary) @ 150% | | Monitor 2: Sheet1 (Audit) @ 75% | +| +--------------------------------+ | | +--------------------------------+ | +| | Region | Sales | | | | A1:A50 Data Grid View | | +| | North | $12,500 | | | | Raw data inputs and formulas | | +| +--------------------------------+ | | +--------------------------------+ | ++------------------------------------+ +------------------------------------+ + +``` + +
+ +
+ +## 5. Keyboard Shortcuts Reference + +| Action | Windows Shortcut | Mac Shortcut | +| :--- | :--- | :--- | +| **Zoom In / Out** | `Ctrl` + `Mouse Wheel` | `Cmd` + `Mouse Wheel` | +| **Open Zoom Dialog** | `Alt` → `W` → `Q` | `Option` + `Cmd` + `*` | +| **Reset Zoom to 100%** | `Alt` → `W` → `J` | Custom Menu / Ribbon | +| **Zoom to Selection** | `Alt` → `W` → `G` | Custom Menu / Ribbon | + +## Summary Best Practices + +* Use **`Ctrl` + Mouse Wheel** for fluid zoom control during live presentations or team reviews. +* Apply **Zoom to Selection** to auto-fit financial models or charts precisely to screen dimensions. +* Reset magnification to **100%** before saving and sharing workbooks to ensure consistent visual presentation for other users. +* Combine **New Window** with independent zoom scales when cross-referencing wide datasets across dual monitors. \ No newline at end of file diff --git a/src/components/HomePage/Header.tsx b/src/components/HomePage/Header.tsx index d8be5d844..f68e9e1ab 100644 --- a/src/components/HomePage/Header.tsx +++ b/src/components/HomePage/Header.tsx @@ -1,162 +1,258 @@ import React, { useEffect, useRef } from "react"; -import "./header.css"; // Importing styles from external CSS file -import Link from "@docusaurus/Link"; // Importing Link component from Docusaurus -import VanillaTilt from "vanilla-tilt"; // Importing VanillaTilt for image tilt effect -import { motion } from "framer-motion"; // Importing motion components from Framer Motion -import ParticlesComponent from "../Particles/Particle"; // Importing custom ParticlesComponent - -/** - * Renders the header content section of the application. - * Includes a title, description, and buttons for navigation. - * @returns JSX element representing the header content. - */ -const HeaderContent = () => { +import { motion } from "framer-motion"; +import VanillaTilt from "vanilla-tilt"; + +// @ts-expect-error The stylesheet is handled by Docusaurus at build time. +import "./header.css"; +import ParticlesComponent from "../Particles/Particle"; + +const fadeUp = { + hidden: { + opacity: 0, + y: 24, + }, + visible: { + opacity: 1, + y: 0, + }, +}; + +const HeaderContent: React.FC = () => { return (
- {/* Title with animated text gradient and particles effect */} + {/* Background particles */} + + + {/* Hero badge */} + + + Open-source learning platform for developers + + + {/* Main heading */} - {/* Render ParticlesComponent */} - Level Up Skills with CodeHarborHub {/* Text content */} + Level Up Your + + {" "} + Skills with + +
+ CodeHarborHub - {/* Description paragraph with animated entrance */} + {/* Description */} - Tired of limitations? CodeHarborHub shatters them. We're the - exclusive platform offering a comprehensive tech curriculum, taught by - industry masters, completely free. Join our vibrant community, master - in-demand skills, and launch your dream tech career. + Learn programming and modern technology through practical tutorials, + structured roadmaps, coding practice, real-world projects, and + open-source learning — all in one place. - {/* Buttons for navigation */} - + Explore Courses + + + + {/* Platform highlights */} + +
+ ✓ + Free Learning +
+ +
+ ⌘ + Hands-on Practice +
+ +
+ ◆ + Open Source +
+
); }; -/** - * Renders the header image section with tilt effect. - * @returns JSX element representing the header image. - */ -const HeaderImage = () => { - const imgRef = useRef(null); // Ref for the header image element +const HeaderImage: React.FC = () => { + const imageRef = useRef(null); useEffect(() => { - // Initialize VanillaTilt effect on image ref - if (imgRef.current) { - VanillaTilt.init(imgRef.current, { - max: 25, - speed: 400, - glare: true, - "max-glare": 0.5, - }); - } - - // Cleanup function to destroy VanillaTilt instance + const image = imageRef.current; + + if (!image) return; + + VanillaTilt.init(image, { + max: 10, + speed: 500, + scale: 1.02, + glare: true, + "max-glare": 0.18, + perspective: 1200, + easing: "cubic-bezier(.03,.98,.52,.99)", + }); + return () => { - if (imgRef.current?.vanillaTilt) { - imgRef.current.vanillaTilt.destroy(); - } + const tiltElement = image as HTMLImageElement & { + vanillaTilt?: { + destroy: () => void; + }; + }; + + tiltElement.vanillaTilt?.destroy(); }; - }, []); // Run effect only once on component mount + }, []); return ( - // Animated wrapper for the header image - {/* Actual header image element */} - ai + className="chh__header-visual" + initial={{ + opacity: 0, + scale: 0.92, + x: 30, + }} + whileInView={{ + opacity: 1, + scale: 1, + x: 0, + }} + viewport={{ + once: true, + amount: 0.25, + }} + transition={{ + duration: 0.9, + delay: 0.15, + type: "spring", + stiffness: 80, + damping: 18, + }} + > +