美文网首页
Web前端开发第一课内容整理

Web前端开发第一课内容整理

作者: 一只大粑粑 | 来源:发表于2017-01-16 23:10 被阅读0次

    web 前端开发: 网页制作

    编辑环境:Dw Sublime  等等

    编辑语言:HTML  CSS  JavaScript  

    HTML :超文本标记  结构为<> 其实是一种标记,让计算机能够识别这种语言  

    HTML 以标记形式存在  以文本形式写出来  能够完成普通文本无法完成的功能  能够处理声音,动画,文字,链接,表格等等。HTML 包括头部(head)和主体(body)两大部分。

    CSS :  层叠样式表  把多个样式一层一层叠加在一起构成div。(相当于给网页做装修)

    比如:

    <div style = width : 100px>其中width 为属性名称  : 为区分左右  100px 为数值  CSS属性还有  文字属性 font  颜色属性 color 背景属性 background 边框 border 等等。

    CSS样式表有内部样式表  行间样式表和外部样式表。

    行间样式表格式为<div style= width: 200px;heighet:100px; >位于 <body>与</body>之间。

    内部样式表格式为 <style>#div{这里写一些属性}</style> 内部样式表位于 </head>结束前</title>结束后。#div为一种调用。

    外部样式表格式为 <link rel= "stylesheet" href="这里为你写好的外部样式表的名称"/>外部样式表的位置与内部样式表所处位置相同。

    CSS还有复合样式表。样式表里可以写一系列元素,没有顺序之分。

    JavaScript:浏览器的脚本语言(可以让页面产生动作)

    HTML CSS JavaScript三种应花大量精力去学习。

    如何得到一张图片:

    (1)设计师所给ps图片。

    (2)可以借助键盘的印屏幕功能按键,并且配合Ps切图得到自己想要的图片。需掌握Ps的一些基本技术:切图,测量,图片简单处理等等。

    (3)直接运用浏览器的插件得到自己想要的图片。快捷键为F12

    <!--HTML注释-->  <*CSS注释*>

    相关文章

      网友评论

          本文标题:Web前端开发第一课内容整理

          本文链接:https://www.haomeiwen.com/subject/ewdpbttx.html