欢迎来到电脑知识学习网,专业的电脑知识大全学习平台!

手机版

vs2015怎么编写移动端仿淘宝页面?

软件应用 发布时间:2018-11-20 02:48:40
vs2015编程开发的时候,想要使用HTML编写移动端仿淘宝页面,该怎么编写呢?下面我们就来看看详细的教程。

vs2015,移动端,淘宝页面

一、创建HTML5页面

1、打开Visual Studio后,单击文件菜单,选择新建---->网站选项。

vs2015,移动端,淘宝页面

2、新建网站窗口中,创建一个空网站。

vs2015,移动端,淘宝页面

3、空白网站上右击,选择添加---->添加新项

vs2015,移动端,淘宝页面

4、新建一个空白的html网页,名称为default。

vs2015,移动端,淘宝页面

5、网页的编辑页面中,单击工具菜单中的选项

vs2015,移动端,淘宝页面

6、选项窗口中,单击文本编辑器中的文件扩展名

vs2015,移动端,淘宝页面

7、扩展名中输入html,右侧选中HTML(WEB窗体)编辑器,添加此项。

vs2015,移动端,淘宝页面

8、保存并关闭文件后,重新打开,在工具栏的设计按钮中选择HTML5选项。

vs2015,移动端,淘宝页面

二、规划和设置页面大小

 

1、单击菜单中的插入表格选项,如下图所示。

vs2015,移动端,淘宝页面

2、插入表格对话框中,设置好表格的行数和列数,指定宽度为480像素,高度为800像素。

vs2015,移动端,淘宝页面

3、根据淘宝页面,设计好网页表格布局。

vs2015,移动端,淘宝页面

三、制作仿淘宝页面

1、输入文本,在字体窗口中,设置好字体、字号、颜色等选项。

vs2015,移动端,淘宝页面

2、单击格式菜单,选择背景色选项。

vs2015,移动端,淘宝页面

3、其他颜色窗口中,设置好背景色。

vs2015,移动端,淘宝页面

4、工具箱中,选择输入文本工具

vs2015,移动端,淘宝页面

5、在页面顶部插入输入文本框,作为搜索框。

vs2015,移动端,淘宝页面

6、在广告区中,插入广告图片。

vs2015,移动端,淘宝页面

18、最后,按照淘宝手机端页面,设计好自己的网页。

以上就是vs2015编写移动端仿淘宝页面的教程,希望大家喜欢,请继续关注。


责任编辑:电脑知识学习网

软件应用