最近更新

HTML第七课:图像

图像传达信息的能力与文字一样,甚至更具感染力,所以网页中一定少不了图片的应用。图像主要有三种用法:1、普通图片,用<img/>标签显示在网页中的素材。2、背景图片,用来美化网页或者显示特殊字体效果。3、图片地图热区,实现一张图片有多个超链接。一、普通图片<img/><i...

HTML第六课:列表

列表是组织网页内容非常有用的一种方法。列表主要分为:1、无序列表2、有序列表3、定义列表一、无序列表用在网站的导航(网站主导航,侧边栏导航,文章列表)上,用来组织内容,是一种结构性标签。在li里面可以包含div等布局性的标签。1、基本结构<ul>    &...

HTML第五课:超链接和锚点

了解了URL路径的概念后,超级链接就很容易掌握了。一、超链接超级链接的目的就是实现页面和页面,站点和站点之间的跳转,没有超链接就没有互联网,所以认真学习和工作的时候不要随便点开一个新闻的推送链接,否则你就可能引发多诺米牌效应,最后迷失在互联网里。1、基...

CSS小技巧汇总(不断更新)

这篇文章主要记录学习CSS过程中遇到的很好的小技巧,不断更新……1、平时设置字体的时候总喜欢分开写,比如这样:font-family: Arial, Helvetica;  font-weight: bold;  font-style: ...

利用FontAwesome字体实现小图标的插入

网站上面不是所有的图片都是图片,有些小图标可能是一种特殊字体呈现的,比如这种纵向导航前面的小图标。具体的使用方法如下:1、先下载FontAwesome字体和对应的CSS文件,放在自己的站点css文件夹中。2、...

HTML第四课:物理路径、绝对路径、相对路径

学习超级链接之前,先认识URL(统一资源定位器),如果不考虑百度百科这样专业的解释,我们大致可以把路径分为“物理路径”、“绝对路径”、“相对路径”。一、物理路径,以盘符开头的本地路径,比如:f:\文件夹\1.jpg<ul>     <li&...

HTML第三课:认识标题、段落、区块、强调等文本标签

一个网页中文字是传达信息的主要元素,文本主要由重要的标题、文章段落、被强调的文本、普通的文本组成。一、标题标题标签有六个,依次是h1,h2,h3,h4,h5,h6。<h1>网页最重要的文字标签,一般用在logo、三级页面文章标题上。</h1> <h2>重要性次于...

HTML第二课:认识HTML4和HTML5的文档结构

这两节课的目标是认识HTML4和HTML5的文档结构,了解它们的区别。一、HTML4文档结构<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...

HTML第一课:认识HTML语言并在DW中建立站点

这两节课的目标是认识HTML是什么以及学会在DW中建立站点,并发布自己的第一个html页面。一、认识HTMLHTML概念:超本文标记语言(HyperText Markup Language)超文本:浏览器就可以解释的,比如http(超文本传输协议)。官方解释:“超文本”就是指页面内可以包含图片、链接...

4.25 西华师范大学项目实训第十一天

周末休息了一天,周一上课发现同学们的导航菜单完成效果有问题,于是查漏补缺,解决同学们的问题。今天问题很多,整个上午忙着卫生间都没去T_T下午是是华信智远的廖老师做宣讲,主要是职业选择,特别是UI、安卓、java这些方向。...

4.23 西华师范大学项目实训第九天

今天的任务是完成平板和手机端的响应式布局。1、利用media query媒体特性实现不同设备的响应式布局。@media screen and (max-width: 1000px){} @media screen and (ma...

4.22 西华师范大学项目实训第八天

今天的任务是完成昨天没有完成的三级页面侧边栏样式设置和新增模板,新建页面等功能。1、修改三个tab的选项栏默认颜色和鼠标经过颜色以及选中颜色。#Tblogpublished span{        cursor:po...

4.21 西华师范大学项目实训第七天

今天主要任务是优化三级页面的侧边栏。1、 在文章的正文下面添加“上一篇”、“下一篇”<nav class="prevnext">     {if $article.Prev}   &n...

4.20 西华师范大学项目实训第六天

今天主要是优化三级页面。1、为三级页面的文章添加作者、发布时间、分类、阅读评论次数。找到zblog的官方wiki文档,通过查找文档找到这些变量的代码。<div class="entry-meta">     &nbs...

2016.4.19 西华师范大学项目实训第五天

今天的任务主要是熟悉css选择器 1、标签选择器,文档所有该标签都会使用为该标签定义的样式。 比如: p { text-indent: 2em;/*首行缩进2个字,em是倍数关系。*/ line-height:18...

2016.4.18 西华师范大学项目实训第四天

今天开始修改主题,每一个修改都涉及到一个具体的知识点,会单独举一些小案例讲解分析,以便修改主题的时候理解更透彻。1、12色环,色相、明度、纯度  颜色值:十六进制  常用的值要熟悉,比如#fff 、#000、#f00、#ccc、#999、#333(灰度)2、修改主题(phpstu...

2016.4.17 西华师范大学项目实训第三天

今天的任务是确认统一修改的主题,先熟悉主题修改的流程后再自由选择主题修改。1、根据投票选择好大家都比较喜欢的主题。2、logo设计,字体下载安装。ps里面如何设计logo。3、图层面板的熟悉。4、填充前景色:alt+backspace  背景色:ctrl+backspace5、编辑菜单-首...

2016.4.16 西华师范大学项目实训第二天

今天的任务主要是完成zblog程序的下载安装发布,域名购买和抢购免费虚拟主机。1、CMS下载       zblogcn.com官网下载php版本的安装包。2、php本地服务器下载安装    &nbs...

2016.4.15 西华师范大学项目实训第一天

去年的项目实训取得了良好的效果,今年校领导依然安排我来完成西华师范大学这一期为期15天的网站开发项目实训。今年来的27个学生全部是漂亮的女生,大三,知识结构很丰富,学习了很多课程,比如,计算机网络、DW、数据结构、操作系统、C、C++、汇编语言等等,但是实际案例并没有怎么接触过,想15天做出一个独立...

赵老师网站前端教学博客正式开通!

其实,我一直很后悔当一个老师,因为要提升技术,应该去公司。但是后来我想明白了,技术达人不一定能够成为一个好老师,好老师却可以成为技术达人。技术达人以自己的作品为荣,老师以自己学生的作品为荣,学生就是老师的作品。这之前,我一直没有过自己的独立博客,也没有想过把自己的教学记录下来,直到某一天,一个学生对...
Top