文档介绍：WEB前端开发工程师成长之路(第一卷)
HTML网页制作基础
作者:郝雷刚
WEB前端开发工程师成长之路丛书系列
第一卷 HTML网页制作基础
第二卷 CSS样式表
第三卷 Javascript程序设计基础
第四卷 DOM编程基础
第五卷 DIV+CSS+HTML5
第六卷 Apache服务器配置与管理
第七卷 PHP程序设计
第八卷 MYSQL数据库设计基础
第九卷 WAMP项目实战
概述
随着互联网的迅猛发展和普及,一个新型的行业和新兴的职位正在上升到技术的层面:web前端开发工程师。
什么是前端开发?以一个网站为例包括网站设计、前端开发、程序开发等。网站设计就是网站的外观,平面的东西。程序开发也好理解就是功能实现。而前端开发,简单来说,就是把平面效果图转换成网页,把静态转换成动态。它的工作包括了:切图、写样式、做鼠标效果和图片切换效果等。而优秀的前端开发可以保障实现这些效果的同时,即不能影响网站
的打开速度、浏览器兼容性还有搜索引擎的收录,还可以让用户体验更加舒适,使网站在访问中显得更精细、更用心。访客使用起来更简便。另外,现在前端工作还不仅仅只是网页的制作,还有微网站、APP的制作,游戏制作,例如可以将你开发的Web页面直接打包成手机使用的APP应用,游戏的互动界面更是以前端开发技术为主。
Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验。除了主要职责外,Web前端开发工程师,还要为网站上提供的产品和服务实现一流的Web界面,优化代码并保持良好兼容性。
其岗位职责要求,精通HTML/XHTML、CSS,熟悉页面架构和布局,对Web标准和标签语义化有深入理解。熟悉Ajax、JavaScript(或者ActionScript)、DOM等前端技术,掌握面向对象编程思想。
目录
概述 3
第一章HTML初识 5
。 5
。 5
。 5
DW网页制作工具基础。 6
。 8
。 8
第二章文字与图片 10
10
11
12
14
14
15
第三章列表 17
。 17
。 17
。 18
。 19
。 19
。 20
第四章表格 22
。 22
。 23
。 24
。 27
第五章表单 35
。 35
。 37
。 37
。 38
、密码框和文本域。 39
、单选按钮与复选框。 40
。 41
。 42
第一章HTML初识
目标:
什么是HTML。
网页与网站的区别。
HTML的特点。
网页的基本结构。
常用的网页制作工具。
制作第一个网页。
html是hypertext markup language的缩写,即超文本标记语言。html文件是带有格式标识符和超文本链接的内嵌代码的ascii 文本文件。早期的网页基本都是直接使用html代码直接编写。
。
网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器