专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

第一章Web前端开发

ins518 2024-11-21 16:05:40 技术文章 9 ℃ 0 评论

Web前端开发技术

第一章 Web前端开发技术

一、Web前端开发工程师的要求

  • 基本Web前端开发技术（HTML5、CSS3、JavaScript、DOM、BOM、Ajax），了解在不同浏览器上的兼容性情况、渲染原理和存在的问题（网页呈现的状况由网页设计与浏览器共同影响）
  • 掌握网站性能优化、搜索引擎优化、服务器端开发技术
  • 学会使用各种Web前端开发与测试工具进行辅助开发

（常用的：WebStorm 、notepad、Ecliipse、text sublime、Dreamweaver等

推荐： sublime text3.0）

  • 掌握理论层面的知识，包括Web视觉设计、网站配色、网站交互设计模式等等

前期主要讲述关于HTML、CSS的内容

二、技术介绍

（1）HTML（超文本标记语言）

HTML文档是用来描述网页，由HTML标记和纯文本构成的文本文档

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素

HTML不是一种编程语言

HTML5是HTML的最新版本

（2）CSS

作用：对页面的布局、字体、颜色、背景、和其他效果进行控制

（3）JavaScript

用以开发交互式的Web页面

（4）HTML DOM

（5）BOM

（6）AJAX

（7）jQuery

综合实例1.1

一定要自己进行操作（点开此电脑，点击查看选择文件拓展名。在桌面上新建文本文档（记事本）进行编辑，另存为后，击右键重命名把.txt改为.html,然后打开文件，就可以看到网页）


<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Web前端开发技术</title>

<style type="text/css">

p{font-size:15px;color:#FFF01F;text-indent:2em;}

h2{font-size;24px;front-weight:bolder;color:#000099;text-align:center;}

h3{font-size;20px;front-weight:bolder;color:#000099;}

</style>

</head>

<body>

<h2>Web前端开发技术</h2>

<h3>第一章 Web前端开发技术</h3>

<h3>一、Web前端开发工程师的要求</h3>

<p>基本Web前端开发技术（HTML5、CSS3、JavaScript、DOM、BOM、Ajax），了解在不同浏览器上的兼容性情况、渲染原理和存在的问题（网页呈现的状况由网页设计与浏览器共同影响）</p>

<p>掌握网站性能优化、搜索引擎优化、服务器端开发技术</p>

<p>学会使用各种Web前端开发与测试工具进行辅助开发

（常用的：WebStorm 、notepad、Ecliipse、text sublime、Dreamweaver等

推荐： sublime text3.0）</p>

<p>掌握理论层面的知识，包括Web视觉设计、网站配色、网站交互设计模式等等

前期主要讲述关于HTML、CSS的内容</p>

<h3>二、技术介绍</h3>

<p>HTML（超文本标记语言）</p>

<p>HTML文档是用来描述网页，由HTML标记和纯文本构成的文本文档</p>

<p>“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素</p>

<p>HTML不是一种编程语言</p>

<p>HTML5是HTML的最新版本</p>

</body>

</html>

Tags：

猜你喜欢

本文暂时没有评论，来添加一个吧(●'◡'●)

欢迎 你 发表评论:

最近发表
标签列表