妞妞的个人网页制作教程（快来看）妞妞怎么做，

小孙子的对个人页面制做讲义

设计图

标识符参照

制做页面大背景效用

准备好片断关上应用软件，增建公交站点优先选择片断的配置文件格式做为公交站点配置文件格式。（

1）优先选择“文件格式>增建”指示，增建盲点文件格式。优先选择“文件格式>留存”指示，填入“实用工具”页面，在“留存在”快捷键的下拉条目中优先选择现阶段公交站点产品目录留存方向；在“文件格式名”快捷键的类型信息中输出“index”，空格键“留存”按键，回到页面撰稿询问处。

（

2）优先选择“修正>页面特性”指示，填入“页面特性”页面，在左侧的“展开分类”快捷键条目

中优先选择

“外形（CSS)”快捷键，将“页面手写体”快捷键标为“正体字”，“大小不一”快捷键标为12，“文档色调”

快捷键标为棕色（#646464），“右边距”“右边距”“上边距”和“上边距”快捷键均标为0，总的上看。

（3）在左侧的“展开分类”快捷键条目中优先选择“副标题/标识符”快捷键，在“副标题”快捷键的类型信息中输出“小孙子的对个人页面”，总的上看。空格键“确认”按键顺利完成页面特性的修正。 

4空格键“填入”液晶“常见”快捷键卡中的“表单”按键国，在填入的“表单”页面中展开增设，总的上看。空格键“确认”按键，顺利完成表单的填入。维持表单的挑选出状况，在“特性”而板“翻转”快捷键的下拉条目中优先选择“德博瓦桑县翻转”快捷键。

（5）优先选择“询问处>cSS式样”指示，填入“CSS式样”液晶，空格键“增建CSS准则”在填入的页面中展开增设，总的上看。空格键“确认”按键，填入“bj的CSS准则表述”页面，在左侧“展开分类”条目中优先选择“大背景”快捷键，空格键“Background-image”快捷键左侧的“下载”按键，在填入的“优先选择影像源文件格式”页面中优先选择光碟产品目录下的“images”配置文件格式中的“bj.jpg”，空格键“确认”按键，回到到页面中，空格键“确认”按键顺利完成式样的建立。

（6）将光标置入到刚填入表单的单元格中，在“特性”液晶“水平”快捷键的下拉条目中优先选择“德博瓦桑县翻转”快捷键，“垂直”快捷键的下拉条目中优先选择“顶端”快捷键，“类”快捷键的下拉条目中优先选择“bj”快捷键，将“高”快捷键标为900，总的上看，

效用总的上看。

制做页面大背景效用（1）空格键“填入”液晶，空格键“填入”液晶“常见”快捷键卡中的“表单”按键国，填入“表单”页面，将“行数”改为3，“列”快捷键标为1，“表单宽度”快捷键标为122，在左侧快捷键的下拉条目中优先选择“px”快捷键，“边框粗细”“单元格边距”和“单元格间距”快捷键均标为0，空格键“确认”按键，顺利完成表单的填入。（

2）将光标置入到刚填入表单的第1行单元格中，在“特性”液晶中，将“高”快捷键标为90。

空格键“填入”液晶“常见”选卡中的“影像”按键。，在填入的“优先选择影像源文件格式”页面中优先选择>images”配置文件格式中的“logo.png”文件格式，空格键“确认”按键，顺利完成影像的填入，所示。 （3）维持影像的挑选出状况，在标识符中的“height=“70”标识符的后面置入光标，手动输出“hspace=“100”，总的上看。空格键文件格式询问处左上方的“设计”按键设，切换到“设计”视图中，效用总的上看。（4）增建CSS式样“bj01”，填入“bj01的CSS准则表述”页面，在左侧“展开分类”条目中优先选择“大背景”快捷键，空格键“Background-image”快捷键左侧的“下载”按键，在填入的“优先选择影像源文件”页面中优先选择

images”配置文件格式中的“bj1.pmg”，

总的上看，空格键“确认”按键，回到到页面中，空格键“确认”按键顺利完成式样的建立。 （5）将光标置入到第2行单元格中，在“特性”液晶“水平”快捷键的下拉条目中优先选择“德博瓦桑县对齐’快捷键，“垂直”快捷键的下拉条目中优先选择“底部”快捷键，“类”快捷键的下拉条目中优先选择“bj01”快捷键，将“高”快捷键标为571，效用总的上看。

（6）在现阶段单元格中填入一个2行6列，宽为950像素的表单。将光标置入到刚填入表单的第2行第1列单元格中，在“特性”液晶中，将“高”快捷键标为40。用相同的方法将第1行的第2列、第3列、第4列和第5列单元格的宽分别标为260、50、300和50。（7）将光标置入到第1行第1列单元格中，将光碟中的“girlpng”文件格式填入到该单元格中，效用总的上看。（

8）将光标置人到第1行第2列单元格中，在“特性”液晶“垂直”快捷键的下拉条目中优先选择“顶端”快捷键。在单元格中输出文字“关于我”那段

（9）增建css式样

“text”，填入“text的CSS准则表述”页面，在左侧“展开分类”条目中优先选择“类型”快捷键，将“Font-size”快捷键标为16，在左侧快捷键的下拉条目中优先选择“px”快捷键，“Font-weight快捷键的下拉条目中优先选择“bold”快捷键，将“Color”快捷键标为黄色（#fa949），空格键“确认”按键，顺利完成式样的建立。

（10）选中文字“关于我”，在“特性”液晶“类”快捷键的下拉条目中优先选择“text”快捷键，应用式样，效用总的上看。

增建CSS式样“textl”，填入“text1的CSS准则表述”页面，在左侧“展开分类”条目中优先选择“类型”快捷键，将“Line-height”快捷键标为25，在左侧快捷键的下拉条目中优先选择“px”快捷键。在<br>左侧“展开分类”条目中优先选择“区块”快捷键，将“Taind-indent”快捷键改为“2”，优先选择区块快捷键。将在左侧快捷键的下拉条目中优先选择“ems”，空格键确认顺利完成式样的建立。

（12）将光标置入到文字的最后，按Enter键，将光标切换到下一段显示。将“an.ipg”文件格式填入到光标所在的位置。维持影像的挑选出状况，空格键右键“格式>翻转>右翻转”指示，将影像右翻转，效用总的上看。选中总的上看的文字，在“特性”液晶“类”快捷键的下拉条目中优先选择“texl”快捷键，应用式样，效用总的上看。将光标置于文字的最后，按Enter键将光标切换到下一段。

将光标置入到第1行第4列单元格中，在“特性”液晶“垂直”快捷键的下拉条目中优先选择“顶端”快捷键。在单元格中输出文字并应用“text1”式样，效用总的上看。在单元格中填入一个9行2列，宽为300像素的表单。在适当的单元格中输出文字，效用总的上看。

选中刚填入表单的第2行所有单元格，空格键“特性”液晶中的“合并所选单元格”并将“高”快捷键标为20。用相同的方法将其他偶数行的单元格合并，并增设单元格的高度为20。将“line png”文件格式分别填入到合并单元格内。

将光标置入到第1行第6列单元格中，在“特性”液晶“垂直”快捷键的下拉条目中优先选择“顶端”快捷键。在单元格中输出文字并应用“text”式样，效用总的上看。按Enter键将光标切换到下一段。将光碟中的“pic.ipg”文件格式填入到该单元格中，效用总的上看。

（16）将光标置入到主体表单的第3行单元格中，在“特性”液晶“水平”快捷键的下拉条目中优先选择“德博瓦桑县翻转”快捷键，“垂直”快捷键的下拉条目中优先选择“底部”快捷键，将“高”快捷键标为220。在单元格中输出文字，效用总的上看。

增建

CSs式样“.text2”，填入“text2的CSS准则表述”页面，在左侧“展开分类”条目中优先选择“类型”快捷键，将“Line-height”快捷键标为25，在左侧快捷键的下拉条目中优先选择“px”快捷键，“Color”快捷键标为黑色，空格键“确认”按键，顺利完成式样的建立。

（18)选中刚输出的文字，在“特性”液晶“类”快捷键的下拉条目中优先选择“text2”快捷键，应用式样，效用总的上看。

小孙子的对个人页面效用制做顺利完成，留存文件格式，按F12键预览页面效用，总的上看。

推荐阅读：

 Photoshop基础知识-第5课 文字图层

 图文版 | Photoshop制做炫丽流线型发光线

Photoshop基础知识-第5课 图层蒙版2017年流行大背景-利用Photoshop制做五彩斑斓大背景天猫·淘宝促销图、海报图设计制做Photoshop讲义-利用画笔、滤镜制做环形烟花

·end·

—如果喜欢，快分享给你的朋友们吧—

我们一起愉快的玩耍吧

长按二维码关注我们

目前100000+人已关注加入我们

我和10W+中间就差你一次zhuan发