DAY1-3
1.对Web的基本认识
这三天是我初次接触Web开发相关知识的学习,学习使用的资料为班长推荐的MDN web docs以及《HTML+CSS+JavaScript网页制作案例教程》这本书。这三天的学习使我对Web基本概念有了一个清晰的认识,也了解了HTML、CSS、JavaScript,它们是网页制作的基本应用技术。
HTML是超文本标记语言,能通过HTML标记对网页中的文本、图片、声音等内容进行描述。CSS是层叠样式表,通常称为样式表,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。JavaScript是Web页面中的一种脚本语言,通过JavaScript可以将静态页面转化成支持用户交互并相应相应事件的动态页面。
概括起来就是,在网页的设计中,HTML用于搭建页面结构,CSS用于设置页面样式,而JavaScript则用于为页面添加动态效果。
2.对工具的认识
我了解到了一些常用的便捷开发工具,如Editplus、notepad++、Sublime、Dreamweaver、vs code等,我选择了Dreamweaver作为接下来的开发工具。
一个制作好的网页文件必须要使用浏览器打开才能看到网页呈现的效果,浏览器是网页的运行平台。Mozilla Firefox(火狐浏览器)是一个开源网页浏览器,可以在多种操作系统运行,如Windows、Mac和Linux。Firebug是火狐浏览器下的一款开发插件,它集HTML查看和编辑、JavaScript控制台、网络状况监视器为一体,是开发的好助手。实际工作中调试网页的兼容性问题也常常依靠Firebug插件。
3.对HTML标记的初步学习
我了解了HTML文档的基本格式,标题、段落、文字标记、图像标记,学习了制作一个简单的图文混排页面。
页面的源代码为
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Web前端开发工程师简介</title>
</head>
<body>
<img src="pic.png" alt="Web前端工程师简介" width="500" align="left" hspace="30"/>
<h2><font face="微软雅黑" size="3" color="#836958">Web前端开发工程师</font></h2>
<p><font size="3" face="微软雅黑" color="#00659a">技术要求:</font></p>
<p>
<font size="3" color="#000000">
了解常用的一些js框架,如jquery,YUI等;掌握最基本的javascript的计算方法编写;对目前互联网流行的网页制作方法(web2.0)HTML+CSS,以及各大浏览器的兼容性有所了解;基本掌握前沿技术(HTML5+CSS3)。<font color="#00659a" face="微软雅黑">Web前端技术</font>你究竟掌握了多少...
</font>
</p>
<p><font size="3" color="#00659a" face="微软雅黑">更新时间:2019年03月19日20点(已有<font size="5" color="#f00"><strong> 323 </strong></font>人点赞)</font></p>
<hr size="1" color="#ddd" />
<p><font color="#836958" size="5" face="微软雅黑">相关技术文章<strong><font color="#f00" color="#f00"> 8</font></strong> 篇 </font></p>
</body>
</html>