Unit 2 - Build Simple Website for comm.pptx

UnitTwo: Create and save files
Web Development and Dtabase Administration Level-II
Based on March 2022, CurriculumVersion 1
Compiled By: Debi L. @Asella

2
Objectives
 This unit to provide you the necessary
information regarding the following content
coverage and topics:
 Creating and saving files in correct location or
directory
 Navigating web authoring tool environment or
workplace
 Accessing and using a range of features in the web
authoring tool
 Maintaining suitable directory structure for site
 Saving in appropriate directory structure
________________________________

3
Creating and Saving Files in the Correct
Location or Directory
 Importance of Understanding WordPress File
Structure
◦ While many users operate WordPress without
knowledge of its file structure, understanding it can help
resolve common issues effectively.
 Accessing WordPress Files and Directories
◦ WordPress files are stored on your web hosting server.
◦ Access can be gained using:
 FTP Client: A traditional method for file management.
 File Manager App: A user-friendly alternative available in
most WordPress hosting control panels.
 NB: FTP stands for FileTransfer Protocol
________________________________

4
Cont..
 Once you have connected to your Word Press site either
using FTP or File Manager, you will see a file and directory
structure that looks like this:
________________________________

5
Cont..
Location of Core Files
◦ Found inside the root folder of your WordPress installation.
◦ Essential for running your WordPress site.
 Important Files to Note
◦ FilesYou Should Not Edit:
 Except for .htaccess and wp-config.php, avoid modifying other core files.
 List of Core Files and Folders:
◦ Directories:
 wp-admin
 wp-content
 wp-includes
 Note on .htaccess and wp-config.php
◦ These files are created after WordPress installation and are crucial for
site configuration.
________________________________
o Files:
• index.php
• license.txt
• readme.html

6
Navigating the Web AuthoringTool Environment
 Choosing WordPress.com
◦ Ideal for users who prefer not to manage their own hosting or web
server.
 Key Navigation Features:
◦ Installing WordPress: - Easy setup process throughWordPress.com.
◦ Navigating the WordPress Dashboard: - User-friendly interface for
managing your site.
◦ Publishing Content: - Simple tools for creating and publishing posts
and pages.
◦ Installing WordPress Plugins: - Enhance functionality with various
plugins available in the dashboard.
◦ Installing WordPress Themes: - Customize the look of your site
with a variety of themes.
◦ Optimizing WordPress Performance: - Tools and settings to
improve site speed and efficiency.
◦ Keeping WordPress Secure: - Built-in security features and best
practices for protecting your site. ________________________________

7
Accessing and Using Features in Web AuthoringTools
 Basic Features ofWeb Authoring Software
 Feature #1:Views: MultipleViewing Options:
◦ Standard/DesignView:
 Default view resembling a word processor.
 Ideal for typing, pasting, or inserting content.
◦ CodeView:
 Allows direct interaction with HTML code.
◦ SplitView:
 Displays both Design and Code views simultaneously.
◦ Navigation:
 Switch between views via the program's main menu (usually
under theView menu) or by using tabs/buttons.
 Feature #2: Creating Headings and Subheadings
◦ Essential for organizing content and improving readability.
◦ Helps structure the page for better SEO (Search Engine Optimization) and
user experience. ________________________________

8
Cont..
 Normal/DesignView
◦ Resembles word processing software, allowing for intuitive content
creation.
◦ Toolbars or panels provide buttons for:
 Adding headings and subheadings.
 Inserting links.
 Creating ordered or unordered lists.
 Formatting text easily.
 Feature #3: Inserting Links: Link Insertion Process:
◦ Select Insert from the menu, then choose Link or Hyperlink.
◦ When existing text is highlighted, a dialog box prompts for the link
destination.
◦ Selected text is converted into a clickable link.
 Quick Link Insertion:
◦ Most tools offer a button/icon for rapid link insertion.
________________________________

9
Cont..
 Feature #4: Inserting Images
◦ Image Insertion Process:
 Select Insert from the menu, then choose Image or
Picture.
 A dialog box appears to:
 Prompt for the image location.
 Request alternate text for accessibility (if supported).
◦ Editing Image Attributes:
 After insertion, you can modify image properties later.
◦ Access the Image Properties by:
 Right-clicking on the image.
 Selecting Properties from the popup menu.
◦ Example: Picture Properties Dialog
 Consider including an example screenshot of a Picture Properties
dialog to illustrate what users might see.
________________________________

Unit 2 - Build Simple Website for comm.pptx

More Related Content

Similar to Unit 2 - Build Simple Website for comm.pptx (20)

Recently uploaded (20)

Unit 2 - Build Simple Website for comm.pptx