❶ 静态网页制作
方法/步骤
1、新建一个txt文本文档,先不要急着修改文件后缀名,有基础的朋友手动输入HTML代码,不会也没有关系,网络搜索“网页HTML代码”。
代码:
<!Doctype html>
<html>
<head>
<title>静态网页制作教程</title>
<meta charset="gbk" />
<link href="css.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
</body>
</html>
2、基础的静态网页代码写出来了,下面在<body></body>中间添加网页需要的数据内容(文字、图片、表格、视频等),然后将txt文本文档的后缀名.txt修改为.html。现在点击打开看看效果!小编在body中间加入的文字:静态网页制作教程。
3、这样的文字太单调了,需要用CSS样式定义,小编在桌面上新建一个文件夹“web”,把index.html文件放进去,然后在web文件件里面新建一个txt文本文档,修改为“css.css”。
4、使用鼠标右键“打开方式”,选择txt文本文档编辑css.css文件。用CSS定义网页字体大小12像素,网页背景色为红色,字体颜色为白色。
代码:
body{font-size:12px;background:red;color:white}
保存,然后打开web文件夹中的index.html文件,查看效果。
5、下面在web文件下面新建一个images文件夹,然后打开软件Fireworks,设计自己需要的图片(没有就去网络搜索自己需要的图片,使用QQ截图功能,截取自己需要的图片),把设计好的图片存入web文件夹下面的images文件夹里面。现在我们在body中放入图片,让图片在网页里面居中。
代码:
<div align="center">
<img src="images/pic.png" alt="logo" title="静态网页制作教程" />
</div>
把上面的代码放入index.html的body中,保存后打开看看效果!
小编在这里省略了表格和视频的制作,小伙伴不知道的话,可以网络搜索一下。
整个简单的静态网页制作完毕。
❷ 静态网页制作的具体过程
最简单的。
新建一个文本文档(也就是记事本)
在里面打上几个字,保存。然后把后缀.txt改为.html 再用浏览器打开 这就是一个静态网页了。
Dreamweaver 是很专业的网页设计软件。你可以搜索一下教程。很简单的。
可以在里面插入图片 声音 视频 flash等。
再就是现在最流行的 div+css 这个就相对难点了。需要有手写代码的能力。
制作过程在这里和你也说不明白 你还是从网上搜索一下Dreamweaver 视频教程吧。
做网页记住:所有文件夹和文件名都要用英文或者拼音。首页命名为index.html
❸ 怎么做一个静态网站
下载Dreamweaver.exe并打开,选择你使用的编辑语言,本案例用html
六、接下来给按钮添加链接,本次经验分享的是静态网页,因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接,或者其他网站链接。
七、剩下的内容都可根据方法步奏逐渐添加,调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面,把所有做好的网页用超级链接链接起来即可做成一个简单的网站。
❹ 做一个简单的静态网页.
这个太简单了
你把下面的代码复制到记事本上
然后把记事本的名字改为
你想要的名字
加上
点
加上html举例名字:
静态页面.html 注意:一定要让记事本显示扩展名
txt
然后再改
实在不会
加我QQ:1441773001<html><head><title>很简单的一个静态页面</title></head><body>这就是一个简单的静态页面<body></html>
❺ 如何制作好看的静态网页
如果想制作好看的静态网页的话,可以在网页上选择一个页面插入你喜欢的图片,然后去制作。
❻ 如何制作静态网页
有种最简单的方法,最多十分钟就搞定一页:一,用DW软件,打开-插入-表格-(这里您已经有了要作一个什么样网页的大致想法)几行,几列。宽度要在1000为好,这样下面就会出现一个导航条,边界设置为0。如:插入表格为1行3列-确定。在用鼠标点击第一空格,插入-图片,寻找您要插入图片的位置,确定(或保存),然后在用鼠标点击第二个空格,插入。。。。等。以此类推。然后再用鼠标点击您刚才插入表格的下沿。重复您刚才的动作——插入-表格。几行几列要根据您对页面的构思而定。如果要在空格里插入文章,一定要把文章的格式转换成纯Word文档,后缀为.doc
❼ 怎样制作简单的静态的网页设计
你好。首先下载Dreamweaver.exe并打开,选择你使用的编辑语言,本案例用html
打开页面后,选着设计窗口,如图所示。设计窗口可以快速布局网页,不需要自己编辑代码。
打开你要设计的网页的设计图,本经验是网络经验首页为例,首先我们制作顶上的搜索条,点击插入—表格(如图所示)。打开表格属性编辑表格属性。插入1行和5列,表格宽度为1130,(即为网页的宽度),边距,间距分别为0,此表格只是为了定位,因此不设边框。
设置好表格后,可在表格里面插入你的内容,首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整,鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示
接下来我们来做搜索框,点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图,文本框上班还要添加内容,因此,可选择单元格右击选择表格—拆分单元格,此处是需要添加一行的内容,因此拆分为两行,如图所示。
用同样的办法拆分上面的行,因为要添加10个选择项,因此拆分为10列(右击选中的行—拆分单元格—10列—确定)。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。
接下来我们做搜索按钮,同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。
接下来给按钮添加链接,本次经验分享的是静态网页,因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接,或者其他网站链接。
剩下的内容都可根据方法步奏逐渐添加,调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面,把所有做好的网页用超级链接链接起来即可做成一个简单的网站
另外我们还可以采用front page。也可以很容易的实现。
望采纳。
❽ 制作全静态网站的详细步骤
1、、首先说一下程序制作,由于是全静态的网站,所以你用frontpage就可以了,只要会word的,基本上它也拿来就上手。网站制作出来以后,就是上传的问题了;
2、域名申请,你做网站的目的是,要把你的信息发布出去让大家看到,所以要申请一个简短并有一定实际意义的域名,比如.com、sina.com等;
3、购买空间,用来放置你的网站内容;
4、上传你的程序(网页)到空间,一般采取ftp工具来上传(断点续传),上传上去以后你的网页就可以展示给别人了。
❾ 如何制作静态网站
制作静态网站使用HTML5进行一个网页的编写就可以进行了
❿ 静态网页制作步骤
静态网页制作步骤:
第一步:制作一个静态网页之前,我们需要先制作一个网页1:1的效果图,又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4破解中文版制作。
第二步:将制作好的静态网页效果图进行PS切片。通过PS切片可将一张大的效果图切成多张小图片,以后可直接用在网页上。
第三步:使用HTML5和CSS3进行网页布局,网页布局遵从“先大后小,先外后里”的原则,先将整个静态网页大结构写出来,然后再按照效果图写各个部分的小版块。(这个部分需要有代码基础,可先学习HTML入门教程)
第三:制作网页上的特效,例如轮播图,需要使用JS代码制作。再将PS切片出来的小图片通过代码插入网页中,并且使用测试数据填充各个小版块,达到与效果图一样的效果。
第四:最后优化网页代码,删除冗余的文件,整理出一个简洁的静态网页,这样静态网页就制作好了。
(10)静态网站怎么制作扩展阅读:
静态网页是标准的HTML文件,它的文件扩展名是。htm、.html,可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。我们就叫做静态页面。
静态页面一般都是html格式,鼠标双击这个静态页面,就可以打开这张网页,效果会跟图片设计的效果一样。那么这个静态页面就是一个网站了吗?这些静态页面其实只是做网站或者做模板的材料而已。
在网站设计中,静态网页是网站建设的基础,早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言,是指没有后台数据库、不含建站程序和不可交互的网页。静态网页相对更新起来比较麻烦,适用于一般更新较少的展示型网站。