点确定即可完成logo插入。用同样的办法拆分上面的行,因为要添加10个选择项,因此拆分为10列。Dreamweaver是很专业的网页设计软件。再就是现在最流行的div+css这个就相对难点了。制作过程在这里和你也说不明白你还是从网上搜索一下Dreamweaver视频教程吧。首页命名为index.html静态网页连接css模板不限制css模板目录这个你网站项目部署时有些目录结构就应该定义下来,css,js,image,swf,等等。找出一个安全的替换规则,很快就能把css的url更正过来。
怎样制作简单的静态的网页设计
你好。首先下载Dreamweaver.exe并打开,选择你使用的编辑语言,本案例用html打开页面后,选着设计窗口,如图所示。设计窗口可以快速布局网页,不需要自己编辑代码。
打开你要设计的网页的设计图,本经验是百度经验首页为例,首先我们制作顶上的搜索条,点击插入—表格(如图所示)。打开表格属性编辑表格属性。插入1行和5列,表格宽度为1130,(即为网页的宽度),边距,间距分别为0,此表格只是为了定位,因此不设边框。
设置好表格后,可在表格里面插入你的内容,首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整,鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示
接下来我们来做搜索框,点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图,文本框上班还要添加内容,因此,可选择单元格右击选择表格—拆分单元格,此处是需要添加一行的内容,因此拆分为两行,如图所示。
用同样的办法拆分上面的行,因为要添加10个选择项,因此拆分为10列(右击选中的行—拆分单元格—10列—确定)。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。
接下来我们做搜索按钮,同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。
接下来给按钮添加链接,本次经验分享的是静态网页,因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接,或者其他网站链接。
剩下的内容都可根据方法步奏逐渐添加,调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面,把所有做好的网页用超级链接链接起来即可做成一个简单的网站
另外我们还可以采用front page。也可以很容易的实现。
望采纳。
静态网页制作的具体过程
最简单的。新建一个文本文档(也就是记事本)
在里面打上几个字,保存。然后把后缀.txt改为.html 再用浏览器打开 这就是一个静态网页了。
Dreamweaver 是很专业的网页设计软件。你可以搜索一下教程。很简单的。
可以在里面插入图片 声音 视频 flash等。
再就是现在最流行的 div+css 这个就相对难点了。需要有手写代码的能力。
制作过程在这里和你也说不明白 你还是从网上搜索一下Dreamweaver 视频教程吧。
做网页记住:所有文件夹和文件名都要用英文或者拼音。首页命名为index.html
静态网页连接css模板不限制css模板目录
这个你网站项目部署时有些目录结构就应该定义下来,css,js,image,swf,等等。定义下来后这些目录结构就不要去改动,如果有些必须的修改要做,那我提供给你一些常用技巧。
1.如何改css.
css在书写时使用相对路径的策略,这一般只涉及到背景图片的url属性,如果你一定要改变css或image的路径,那就用DW的查找替换功能。找出一个安全的替换规则,很快就能把css的url 更正过来。
2.如何改html。
不要以为做静态页很简单,静态页与动态页最大的区别在于,静态页修改困难,动态页要作修改只要改一下模板,或是绑定数据源,很方便的就可以实现全站修改,静态页如果要对页面的头部或是尾部进行修改,势必要对全部页面进行操作,想想都觉得是一件很可怕的事情。
要解决这个问题,就必须要求你学会使用DW的模板功能,将静态页也按动态页面那样分块分级作模板嵌套。这样利用DW的模板功能也能方便的实现静态页全站修改的目地。