P1 Explain how HTML files access CSS
How CSS code is linked to HTML (Inline, Internal and External) -
HTML and CSS can be used together to have the ability to create websites. Although HTML and CSS do different things within the construction of the website ultimately they both work together to create a website.
HTML should be entirely for the structure of the website, this will declare to the browser which part is a heading and which part of the website is content.
CSS will be used within a web pages and will inform the browser how the HTML elements should actually look, for example: The font size and the colour of the font. It will also tell the user where these elements should be positioned on the different webpages.
The 3 main
…show more content…
This is mean it is easy to maintain websites, also fixing any problems is easy meaning there is less chance that your website will crash. Using internal coding can only affect the code which will go onto the actual homepage, it will not affect any other pages. This means you will be able to edit a single page without worrying about changing any other pages. This is internal code within my website.
External -
I used a large amount of external coding within my website, this is what my external code looks like:
This is what my particular external sheet looks like.
External styles are one of the most powerful of styles which a user can use. External styles will include: style rules, these are usually placed within the head section of a web-page but placed within a separate file in my case it is: hobbies1.css. You can link multiple websites together, this is typically used by users if the person wants to create a website that will contain a large amount of webpages. Although some errors can occur if the user tries to change the .css.
Client Side Ass 1 Task 2 - P2 Explain the features of a box model for CSS.
Within the box model there are some design areas which are as follows: Margin, Border, Padding and Content.
This is what a box model looks like:
In this image this displays on of the areas of the box model, which is: Border. As you can see
HTML is short for HyperText Markup Language. It is used in creating pages which are technically called as electronic documents that are displayed in World Wide Web. HTML code is used for writing almost every web page. It is responsible for the proper display of text, images or other media info over our web pages. Without HTML, web pages won’t display images and text is not displayed as they are intended to be.
At Swagger Distribution, the interest in designing a website is a wonderful aspect to have in the society we live in today. Key concepts that are important when it comes to designing a website is necessary to know before getting started. First knowing what language you want the website designed in, can be beneficial based on what the company wants to do. HTML (Hypertext Markup Language) is a language that creates the website. Hypertext allows someone to move around the web. When clicking on a text in an HTML website is called a Hyperlink. Markup is what the tags do to the text inside of the HTML website. Language, of course, is a language, HTML is the language that has the code and syntax, just like any other language. CSS (Cascading Style Sheets) is used for configuring the language on the webpage. When
A range of software packages can be used .HTML (Hypertext Mark-up Language) files can be created in a web authoring package such as Dreamweaver. The html files created by this software will include CSS (Cascading Style Sheet) files that are used to enhance the visual appearance of the site. Other web authoring tools are graphic design packages such as Adobe Photoshop that can be used to design a skin for the user interface design. This skin can then be exported into a html and css combination that is used as the basis for the developing site.
To standardize the appearance of the webpages, a template will be designed. The template will standardize the colors, margin, fonts and items that should be published on every page, and in the same location on the page. While designing the template, they need to keep in mind of how users read, rather how the scan the page. They do not read the page from left to rather the scan the page from top to bottom. To help ease users access content and for readability, the width of the margins and the size fonts need to be considered, how they will appear on various size screens, including mobile devices. To avoid distractions minimal colors, sound and video should be used at a minimal, animated backgrounds should be avoided, as it may just add to any visual glare from a screen, and difficult to view on smaller
Media Queries in CSS3 is nothing but a choice of medium for which to be served the current CSS file. By using the Media Queries can be set different styles of CSS, regardless of the type of device: computer, projector, mobile device, printer and more. CSS3 has introduced new opportunities in the Media Queries, among other things, the ability to download a variety of styles depending on the width of the browser screen orientation (horizontal or vertical - useful for tablets), supported number of colours and resolution. It is precisely this way, the design called responsive web design. In general, the idea is that the width of the page catered to the size of the user's device and for any size was unnecessary horizontal scroll
The professional appearance of the homepage lends to its clarity. Section headings effectively communicate what the homepage wants to say. Relevant information appropriately sized so it’s meaning is clearly conveyed to the audience.
The source code should show the use of these elements: header, footer, aside,section, sub-sections nav and aside to
Web Design is almost like an art. It is the design of information and services over the Internet. Luckily for businesses and customers the information and services provided are in done so through the World Wide Web (WWW). As I mentioned earlier Web design is a form of art, meaning that art and organization are needed to form customized Web pages to fit a particular business’ needs. Services for Web design can be accomplished in a variety of ways: professionally through a Web designer, created through hypertext mark-up language, JavaScript, Dreamweaver, and Microsoft FrontPage as well as other “What you see is what you get” {WYSIWYG) editors or languages.
Developing Web contents involves shaping and making many choices involving technical, aesthetic, and usability concerns. With the expanding technical options for communication on the World Wide Web, it is tempted to focus only on issues such as hypertext markup language (HTML) syntax, page layout, or the latest and flashiest technologies. However, there needs to be a broader approach in order to articulate the information content that is to be conveyed. There is also a need to pay attention to the characteristics and qualities of the Website as a medium for communication so that there are not merely duplicate practices intended for paper and other media.
To make sure that my components were cut out accurately, I first cut a straight line on one of the sides of the box, I then cut another straight line using the t-square at a 90-degree angle to my first line. These lines are my datum lines and they are what I measured all my measurements from so that they were accurate.
A DOM describes HTML elements and their attributes and properties and how they are used to create web pages.
Beautiful Design: Colors, fonts, and images combine to make the website a visually pleasing experience. It's the first step in engagement!
2. https://www.youtube.com/watch?v=9tzyJEwO9Os - This video teaches me the basics of CSS which could be useful as some tasks may need alteration to HTML elements to create style
Web sites are just like magazines, newspapers, brochures, menus, or even directions on how to make nitroglycerin from house-hold goods, in that they all have to be put together in such a manner that whoever is reading or browsing over it will be able to clearly distinguish this from that. In this sense, a critique of any particular web site will have justification, while carefully considering also that this is an altogether new medium of information exchange. Now, all of this talk of togetherness is actually a general reference to basic design principles, such as color coordination, if color is used, text size, font choice/ style, art integration, accessibility, and just plain and simple design of the page. For
CSS gives web designers the ability to create 'rules ' and apply these rules to multiple different elements within a website. In the case of External CSS, this way of formatting being completely separate from the design means any change required by the client can be altered on the style sheet and will effect every instance within the site where the CSS is being used. I will expand more on the three types of CSS later in this presentation. "CSS use can lead to faster page downloads"[1] Most web browsers will load rules from the CSS once and then cache the data to use when each page is loaded. This means using CSS in websites "can lead to lighter page loads"[1], meaning as the browser is simply pulling information from the cache, the web pages will load much faster then without. This will therefore result in lower requirements from the server side.