静态网页制作

方法/步骤1.先不要急于更改文件扩展名,这已经有了手动输入HTML代码的基本知识。
百度搜索“网页HTML代码”。

代码:<!Doctypehtml><html><head><title>创建静态网站教程</title></head><body></body></html>2、基本的静态网页代码就写好了,接下来在中间添加网页需要的数据内容<body添加></body>(文本、图像、表格、视频等)然后将txt文本文档的.txt后缀更改为.html,点击这里立即打开,看看正文中间编辑器添加的文字:静态网页教程3、这样的文本太单调,需要用CSS样式定义,编辑器在桌面上新建一个“web”文件夹,将index.html文件放入其中,然后再新建一个。
Web文件中的TXT文本文档并将其更改为css.css4.右键单击​​“打开方式”并选择TXT文本文档以编辑css.css文件。
使用CSS将网页字体大小设置为12像素,网页背景颜色为红色,字体颜色为白色。
代码:body{font-size:12px;background:red;color:white}保存然后打开web文件夹中的index.html文件看效果。
5、接下来在web文件下新建一个images文件夹,然后打开Fireworks软件,设计你需要的图片(如果没有就去百度搜索你需要的图片,用QQ截图截取你想要的图片)所需的功能)并删除设计的图像。
图片保存在web文件夹下的images文件夹中。
现在我们将图像插入正文中并将其置于网页中央。
代码: